/* Nội dung trang local sinh từ x1/ngaunhien.php. */
.x1-local-page{
    padding:24px 0 44px;
    background:#f7f8fa;
}

.x1-local-page .article-wraper{
    max-width:1180px;
}

.x1-local-page .content_ar{
    padding:clamp(24px,3.5vw,46px);
    border:1px solid #e7e9ed;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 34px rgba(27,35,48,.07);
}

.x1-local-page .x1-local-title{
    margin:0 0 28px;
    padding:0 0 17px;
    border-bottom:1px solid #e8eaee;
    color:#20242a;
    font-size:clamp(30px,3vw,40px);
    font-weight:700;
    line-height:1.25;
    letter-spacing:-.015em;
}

.x1-local-content{
    max-width:none;
    color:#343a42;
    font-size:17px;
    line-height:1.78;
    overflow-wrap:anywhere;
    word-break:normal;
    text-rendering:optimizeLegibility;
}

.x1-local-content:after{
    display:block;
    clear:both;
    content:"";
}

.x1-local-content > :first-child{margin-top:0;}
.x1-local-content > :last-child{margin-bottom:0;}

.x1-local-content p,
.x1-local-content address{
    margin:0 0 17px;
}

.x1-local-content :where(h1,h2,h3,h4,h5,h6){
    clear:both;
    margin:30px 0 13px;
    color:#20242a;
    font-weight:700;
    line-height:1.38;
    overflow-wrap:break-word;
}

.x1-local-content h1{font-size:30px;}
.x1-local-content h2{
    padding:0 0 9px 13px;
    border:0;
    border-left:4px solid #e1252f;
    border-bottom:1px solid #eceef1;
    font-size:26px;
}
.x1-local-content h3{font-size:22px;}
.x1-local-content h4{font-size:19px;}
.x1-local-content h5{font-size:17px;}
.x1-local-content h6{
    color:#555d67;
    font-size:15px;
    letter-spacing:.025em;
    text-transform:uppercase;
}

.x1-local-content :where(ul,ol){
    margin:0 0 19px;
    padding-left:1.55em;
}

.x1-local-content ul{list-style:disc outside;}
.x1-local-content ol{list-style:decimal outside;}
.x1-local-content li{margin:6px 0;padding-left:3px;}
.x1-local-content li > :where(ul,ol){margin:6px 0 0;}
.x1-local-content li::marker{color:#e1252f;font-weight:700;}

.x1-local-content :where(p,li,blockquote,table,figcaption,address,dt,dd) a:not(.btn),
.x1-local-content > a:not(.btn){
    color:#076db6;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:2px;
}

.x1-local-content :where(p,li,blockquote,table,figcaption,address,dt,dd) a:not(.btn):hover,
.x1-local-content > a:not(.btn):hover{color:#e1252f;}

.x1-local-content :where(strong,b){font-weight:700;}
.x1-local-content :where(em,i){font-style:italic;}
.x1-local-content small{font-size:.86em;}
.x1-local-content abbr[title]{text-decoration:underline dotted;text-underline-offset:3px;cursor:help;}
.x1-local-content mark{padding:2px 5px;border-radius:3px;background:#fff2a8;color:#222;}
.x1-local-content ins{background:#dcfce7;text-decoration:none;}
.x1-local-content del{color:#747b84;}
.x1-local-content :where(sub,sup){font-size:.72em;line-height:0;}

.x1-local-content hr{
    height:1px;
    margin:32px 0;
    border:0;
    background:#e4e7eb;
}

.x1-local-content blockquote{
    margin:24px 0;
    padding:17px 20px;
    border-left:4px solid #e1252f;
    border-radius:0 9px 9px 0;
    background:#f7f8fa;
    color:#4d545d;
    font-size:16px;
    font-style:italic;
}

.x1-local-content blockquote > :last-child{margin-bottom:0;}

.x1-local-content :where(picture,img,video,object,embed,canvas,svg){
    max-width:100%;
}

.x1-local-content > img,
.x1-local-content p > img,
.x1-local-content center > img,
.x1-local-content figure img{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    margin:22px auto;
    border-radius:9px;
}

.x1-local-content figure{
    position:relative;
    max-width:100%;
    margin:24px auto;
    text-align:center;
}

.x1-local-content figure img{margin:0 auto;}
.x1-local-content figcaption{
    position:static;
    width:auto;
    height:auto;
    margin-top:9px;
    padding:0;
    overflow:visible;
    clip:auto;
    background:transparent;
    color:#737a83;
    font-size:13px;
    font-style:italic;
    line-height:1.5;
    text-align:center;
}

.x1-local-content :where(iframe,video,object,embed){
    display:block;
    max-width:100%;
    margin:24px auto;
    border:0;
    border-radius:9px;
}

.x1-local-content iframe{
    width:100%;
    min-height:280px;
    aspect-ratio:16/9;
    background:#111;
}

.x1-local-content video{width:100%;height:auto;}
.x1-local-content audio{display:block;width:100%;margin:21px 0;}

.x1-local-content table{
    width:100%;
    margin:24px 0;
    border:1px solid #dfe3e7;
    border-collapse:collapse;
    border-spacing:0;
    background:#fff;
    font-size:14px;
    line-height:1.55;
}

.x1-local-content caption{
    padding:0 0 9px;
    color:#626970;
    font-weight:600;
    text-align:left;
}

.x1-local-content :where(th,td){
    padding:11px 12px;
    border:1px solid #dfe3e7;
    text-align:left;
    vertical-align:top;
}

.x1-local-content th{background:#f2f4f6;color:#20242a;font-weight:700;}
.x1-local-content tbody tr:nth-child(even){background:#fafbfc;}

.x1-local-content pre{
    max-width:100%;
    margin:22px 0;
    padding:17px;
    overflow:auto;
    border-radius:9px;
    background:#20252b;
    color:#f4f5f6;
    font-size:14px;
    line-height:1.6;
    white-space:pre;
}

.x1-local-content :where(code,kbd,samp){font-family:Consolas,Monaco,"Courier New",monospace;}
.x1-local-content :not(pre) > code{
    padding:2px 6px;
    border:1px solid #e1e4e8;
    border-radius:4px;
    background:#f4f6f8;
    color:#b42318;
    font-size:.9em;
}
.x1-local-content kbd{
    padding:2px 6px;
    border:1px solid #b7bcc2;
    border-bottom-width:2px;
    border-radius:4px;
    background:#fff;
    color:#333;
    font-size:.85em;
}

.x1-local-content dl{margin:0 0 19px;}
.x1-local-content dt{margin-top:12px;font-weight:700;}
.x1-local-content dd{margin:4px 0 10px 22px;}
.x1-local-content address{font-style:normal;line-height:1.72;}

.x1-local-content details{
    margin:20px 0;
    overflow:hidden;
    border:1px solid #dfe3e7;
    border-radius:9px;
    background:#fff;
}

.x1-local-content summary{
    padding:13px 15px;
    background:#f7f8fa;
    color:#252a30;
    font-weight:700;
    cursor:pointer;
}

.x1-local-content details > :not(summary){margin-right:15px;margin-left:15px;}
.x1-local-content details > summary + *{margin-top:15px;}

.x1-local-content fieldset{
    min-width:0;
    margin:22px 0;
    padding:16px;
    border:1px solid #dfe3e7;
    border-radius:9px;
}

.x1-local-content legend{
    width:auto;
    margin:0;
    padding:0 7px;
    border:0;
    color:#252a30;
    font-size:16px;
    font-weight:700;
}

.x1-local-content :where(input,select,textarea){
    max-width:100%;
    padding:8px 10px;
    border:1px solid #cfd4da;
    border-radius:6px;
    background:#fff;
    color:#343a40;
    font:inherit;
}

.x1-local-content textarea{width:100%;min-height:110px;resize:vertical;}
.x1-local-content :where(progress,meter){max-width:100%;}

.x1-local-content .alignleft{float:left;margin:6px 21px 13px 0;}
.x1-local-content .alignright{float:right;margin:6px 0 13px 21px;}
.x1-local-content .aligncenter{display:block;margin-right:auto;margin-left:auto;}

/* Grid sản phẩm chèn từ dấu *****. */
.x1-local-content .products-view{
    clear:both;
    margin:30px 0 38px;
}

.x1-local-content .products-view > .row{
    margin-right:-7px;
    margin-left:-7px;
}

.x1-local-content .products-view .product-col{
    padding-right:7px;
    padding-left:7px;
    margin-bottom:14px;
}

.x1-local-content .products-view .item_product_main,
.x1-local-content .products-view .product-box{height:100%;}
.x1-local-content .products-view .product-box{border-color:#e8eaee;}
/* Chỉ bỏ viền quanh ảnh sản phẩm ở trang local này (đang bị viền đôi: viền
   card ngoài + viền ảnh bên trong). Không đổi ở data/x1/css/ui-refresh.css
   vì rule đó dùng chung cho danh mục sản phẩm và các trang x1 khác. */
.x1-local-content .products-view .product-box .product-thumbnail{border:0;}
.x1-local-content .products-view a{text-decoration:none;}
.x1-local-content .products-view img{
    width:100%;
    max-width:none;
    height:100%;
    margin:0;
    border-radius:0;
    object-fit:cover;
}
.x1-local-content .products-view :where(ul,ol){margin:0;padding:0;list-style:none;}
.x1-local-content .products-view li{margin:0;padding:0;}
.x1-local-content .products-view .page{clear:both;margin-top:12px;}

@media(max-width:767px){
    .x1-local-page{padding:14px 0 30px;}
    .x1-local-page .article-wraper{padding-right:8px;padding-left:8px;}
    .x1-local-page .content_ar{
        padding:20px 15px 25px;
        border-radius:13px;
        box-shadow:0 7px 22px rgba(27,35,48,.06);
    }
    .x1-local-page .x1-local-title{
        margin-bottom:22px;
        padding-bottom:14px;
        font-size:25px;
        line-height:1.3;
    }
    .x1-local-content{font-size:16px;line-height:1.72;}
    .x1-local-content p,.x1-local-content address{margin-bottom:15px;}
    .x1-local-content :where(h1,h2,h3,h4,h5,h6){margin-top:25px;margin-bottom:11px;}
    .x1-local-content h1{font-size:25px;}
    .x1-local-content h2{padding-left:10px;font-size:22px;}
    .x1-local-content h3{font-size:19px;}
    .x1-local-content h4{font-size:17px;}
    .x1-local-content h5{font-size:16px;}
    .x1-local-content h6{font-size:14px;}
    .x1-local-content :where(ul,ol){padding-left:1.3em;}
    .x1-local-content blockquote{padding:14px 15px;font-size:15px;}
    .x1-local-content table{
        display:block;
        width:100%;
        overflow-x:auto;
        font-size:13px;
        white-space:nowrap;
        -webkit-overflow-scrolling:touch;
    }
    .x1-local-content :where(th,td){padding:9px 10px;}
    .x1-local-content iframe{min-height:190px;}
    .x1-local-content pre{padding:14px;font-size:13px;}
    .x1-local-content .alignleft,
    .x1-local-content .alignright{float:none;display:block;margin:18px auto;}
    .x1-local-content .products-view{margin:24px 0 30px;}
    .x1-local-content .products-view > .row{margin-right:-5px;margin-left:-5px;}
    .x1-local-content .products-view .product-col{
        padding-right:5px;
        padding-left:5px;
        margin-bottom:10px;
    }
    .x1-local-content .products-view .product-box{padding:6px;border-radius:10px;}
    .x1-local-content .products-view .product-name{font-size:13px;line-height:1.48;}
}

@media(max-width:360px){
    .x1-local-page .content_ar{padding-right:12px;padding-left:12px;}
    .x1-local-page .x1-local-title{font-size:23px;}
    .x1-local-content{font-size:15.5px;}
}