/* chữ logo */

.logo a {

font-family: "Times New Roman", Times, serif;

font-size: 46px !important;

color: #c7811f !important;

letter-spacing: 10px;

line-height: 1.2;

}

/* header */

.policy-list {

display: flex;

gap: 20px;

}

.header-inner.flex-row.container.logo-center.medium-logo-center {

display: flex;

justify-content: space-between;

}

/* Sản phẩm */.al-rating {color: #ff9b00;}ins bdi {color: #d60000;}.product-short-description {display: none;}

.product-small.box {

border: 0.5px solid #160d0052;

overflow: hidden;

background: #fffffd;

border-radius: 10px;

}

.box-text.box-text-products {

padding: 10px;

text-align: left;

}

/* Ẩn tên danh mục nhỏ dưới ảnh sản phẩm */

.product-small .category,

.product-small p.category {

display: none !important;

}

p.name.product-title.woocommerce-loop-product__title {

font-size: 18px;

font-weight: 600;

padding: 5px 0;

}

.product-small.box .price-wrapper .price {

display: flex;

justify-content: space-between;

align-items: center;

}

.product-small.box .price ins {font-size: 20px;font-weight: 700;line-height: 1;text-decoration: none;}

.product-small.box .price ins span.woocommerce-Price-amount.amount {color: #d71920;font-family: Arial, Helvetica, sans-serif;font-weight: 700;letter-spacing: -0.3px;}

@media(max-width:768px){

.product-small.box .price-wrapper .price {display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;gap: 5px;}

.product-small.box .price ins {font-size: 16px;white-space: nowrap;}

.product-small.box .price del {font-size: 12px;white-space: nowrap;margin: 0;}

}

.product-small .badge-container.absolute.left.top.z-1 {

margin: 0;

right: 10px;

left: auto;

top: 10px;

}

.product-small .badge-inner.secondary.on-sale {

background: #ff2121;

}

/* Ẩn phần trăm giảm giá trên ảnh sản phẩm */

.product-small .badge-container,

.product-small .badge-inner.on-sale {

display: none !important;

}

.price-wrapper form {

padding: 0px;

margin: 0px;

}

.price-wrapper form button.button.primary {

margin: 0px;

margin-top: 10px;

width: 100%;

background: #A30000;

border-radius: 5px;

font-size: 12px;

padding: 0px;

}

.product-small p.name.product-title.woocommerce-loop-product__title a {

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

line-height: 1.35;

min-height: 49px;

}

.product-main h1.product-title {

font-family: "Times New Roman", Times, serif;

color: #5a3500;

}

.product-main .badge-container.is-larger.absolute.left.top.z-1 {

display: none;

}

.product-summary .price{

display;

align-items;

flex-wrap;

gap:12px;

}

.product-summary .shouse-sale-percent{

background:#d60000;

color:#fff;

padding:4px 10px;

border-radius:4px;

font-size:16px;

font-weight:700;

}

.product-summary .shouse-saving{

margin-top:8px;

font-size:18px;

}

/* Thanh bên sản phẩm */

.sidebar-policy {

display: flex;

flex-direction: column;

gap: 20px;

}

.policy-box {

background: #fff;

border: 1px solid #ece7df;

border-radius: 8px;

overflow: hidden;

}

.box-title {

padding: 5px;

border-bottom: 1px solid #f1ece6;

}

.box-title h3 {

margin: 0;

font-family: "Times New Roman", serif;

font-size: 18px;

color: #4a3b2d;

text-align: center;

text-transform: uppercase;

font-weight: 700;

}

.policy-item {

display: flex;

align-items: center;

gap: 18px;

padding: 5px;

border-bottom: 1px solid #f4efea;

}

.policy-item{

border-bottom:0;

}

.policy-icon {

width: 58px;

height: 58px;

flex-shrink: 0;

display: flex;

align-items: center;

justify-content: center;

}

.policy-icon i {

font-size: 34px;

color: #c69343;

}

.policy-content{

flex:1;

}

.policy-content h4 {

margin: 0;

font-size: 16px;

color: #333;

font-weight: 700;

}

.policy-content span {

display: block;

color: #666;

font-size: 17px;

line-height: 1.6;

}

.policy-menu{

margin:0;

padding:0;

list-style;

}

.policy-menu li {

border-bottom: 1px solid #f4efea;

margin: 0px;

}

.policy-menu li{

border-bottom:0;

}

.policy-menu li a {

display: flex;

align-items: center;

justify-content: space-between;

gap: 15px;

padding: 6px;

text-decoration: none;

color: #333;

transition: .3s;

}

.policy-menu li a{

color:#c69343;

padding-left:15px;

}

.policy-menu li a span {

font-size: 16px;

line-height: 1.5;

}

.policy-menu li a i{

color:#999;

font-size:16px;

}

@media(max-width:768px){

.box-title{

padding:18px;

}

.box-title h3{

font-size:22px;

}

.policy-item{

padding:16px 18px;

gap:14px;

}

.policy-icon{

width:46px;

height:46px;

}

.policy-icon i{

font-size:28px;

}

.policy-content h4{

font-size:17px;

}

.policy-content span{

font-size:15px;

}

.policy-menu li a{

padding:16px 18px;

}

.policy-menu li a span{

font-size:16px;

}

}

/* Nút sau mua ngay chi tiết sản phẩm */

.shouse-info-box {

display: flex;

border: 1px solid #b1afaf;

width: 100%;

border-radius: 10px;

overflow: hidden;

}

.shouse-info-item {

border-right: 1px solid #b1afaf;

}

.shouse-info-item {

flex: 1;

display: flex;

align-items: center;

gap: 12px;

padding: 6px;

}

.shouse-info-icon{

width:42px;

height:42px;

display;

align-items;

justify-content;

font-size:28px;

color:#c88b2a;

flex-shrink:0;

}

.shouse-info-title {

font-size: 11px;

color: #333;

margin-bottom: 4px;

}

.shouse-info-main {

display: block;

font-size: 15px;

font-weight: 700;

color: #222;

text-decoration: none;

line-height: 1.2;

}

.shouse-info-sub {

font-size: 15px;

color: #444;

line-height: 1.5;

}

@media(max-width:767px){

.shouse-info-box{

flex-direction;

}

.shouse-info-item{

border-right:0;

border-bottom:1px solid #ececec;

}

.shouse-info-main{

font-size:24px;

}

}

/* tiêu đề */

span.section-title-main {font-size: 36px;font-family: "Times New Roman", Times, serif;color: #543100;}

/* Giảm khoảng cách banner -> SẢN PHẨM NỔI BẬT trên mobile */@media (max-width: 768px) {

#content > .slider-wrapper + .section {padding-top: 0 !important;}

#content > .slider-wrapper + .section.section-content > .row {margin-top: -25px !important;margin-bottom: 0 !important;}

}

.section-title b {

background: #ff000000 !important;

}

.section-title.section-title-center span{

position;

display;

}

.section-title.section-title-center span {

content: "";

position: absolute;

left: 50%;

bottom: -36px;

transform: translateX(-50%);

width: 100%;

height: 40px;

background: url(/wp-content/uploads/2026/07/line.png) no-repeat center;

background-size: contain;

}

/* Footer mới */

.al-footer-top {

display: grid;

grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr;

border-top: 1px solid #ececec;

gap: 10px;

justify-items: stretch;

padding-top: 30px;

}

.al-footer-col{

border-right:1px solid #ececec;

}

.al-footer-col{

border-right:0;

}

.al-footer-logo{

display;

margin-bottom:25px;

}

.al-footer-logo img{

max-width:220px;

height;

}

.footer-logo a {

display: inline-block;

text-decoration: none;

font-family: "Times New Roman", serif;

font-size: 58px;

font-weight: 700;

letter-spacing: 3px;

color: #d39b4b !important;

line-height: 1;

}

.al-footer-col h3 {

color: #8a5a24;

margin: 0 0 8px;

font-size: 18px;

font-weight: 700;

text-transform: uppercase;

font-family: "Times New Roman", serif;

}

.al-footer-col ul{

margin:0;

padding:0;

list-style;

}

.al-footer-col li {

margin-bottom: 3px;

line-height: 1.6;

margin-left: 0 !important;

}

.al-footer-col a {

color: #000000;

text-decoration: none;

transition: .3s;

}

.al-footer-col a{

color:#b77722;

}

.al-footer-info li {

display: flex;

align-items: flex-start;

gap: 12px;

margin: 0px;

margin-left: 0 !important;

color: #000000;

}

.al-footer-info i{

width:20px;

margin-top:3px;

color:#b77722;

text-align;

}

.al-footer-newsletter p{

margin:0 0 20px;

line-height:1.8;

color:#555;

}

.al-footer-newsletter .wpcf7{

margin:0;

}

.al-footer-newsletter form{

position;

}

.al-footer-newsletter .wpcf7-form-control-wrap{

display;

}

.al-footer-newsletter input[type=email]{

width:100%;

height:52px;

padding:0 65px 0 18px;

border:1px solid #ddd;

font-size:15px;

outline;

}

.al-footer-newsletter input[type=submit]{

position;

top:0;

right:0;

width:56px;

height:52px;

border:0;

background:#b77722;

color;

cursor;

}

.al-footer-newsletter .wpcf7-spinner,

.al-footer-newsletter .wpcf7-response-output{

display;

}

.mail-form{

position;

width:100%;

}

.mail-form p{

margin:0;

position;

}

.mail-form .wpcf7-form-control-wrap{

display;

}

.mail-form input[type=email]{

width:100%;

height:52px;

padding:0 70px 0 18px;

border:1px solid #ddd;

border-radius:4px;

font-size:15px;

color:#333;

outline;

box-sizing;

}

.mail-form input[type=email]{

border-color:#b77722;

}

.mail-form input[type=submit] {

position: absolute;

top: 0;

right: 0;

width: 56px;

height: 52px;

border: 0;

border-radius: 0 4px 4px 0;

background: #b77722;

color: #ffffff;

cursor: pointer;

margin: 0px !important;

padding: 0px !important;

}

.mail-form .wpcf7-spinner{

position;

right:65px;

top:50%;

transform(-50%);

margin:0;

}

.mail-form .wpcf7-response-output{

margin-top:12px;

}

@media(max-width:767px){

.mail-form input[type=email]{

height:48px;

padding-right:62px;

font-size:14px;

}

.mail-form input[type=submit]{

width:48px;

height:48px;

}

.mail-form::after{

right:16px;

font-size:14px;

}

}

@media(max-width:1200px){

.al-footer-top{

grid-template-columns(2,1fr);

}

.al-footer-col{

border-bottom:1px solid #ececec;

}

}

/* =========================================ẢNH CHI TIẾT SẢN PHẨM LUÔN VUÔNG 1:1========================================= */

.single-product .product-gallery .woocommerce-product-gallery__image a {display: flex;width: 100%;aspect-ratio: 1 / 1;align-items: center;justify-content: center;overflow: hidden;background: #fff;}

.single-product .product-gallery .woocommerce-product-gallery__image img {width: 100% !important;height: 100% !important;object-fit: contain;object-position: center;}

@media(max-width:768px){

.al-footer-top{

grid-template-columns:1fr;

}

.al-footer-col{

padding:25px 20px;

border-right:0;

}

.al-footer-logo img{

max-width:180px;

}

.al-footer-col h3{

font-size:18px;

margin-bottom:18px;

}

}/* hẹp khoảng cách thương hiệu của đức với trên và dưới */

@media (max-width: 768px){

.row.small-columns-2.row-small > .col,.row.small-columns-2.row-small > .flickity-viewport > .flickity-slider > .col {padding-left: 4px !important;padding-right: 4px !important;}

}/* Ẩn hoàn toàn Quốc gia/Khu vực tại trang thanh toán */.woocommerce-checkout #billing_country_field {display: none !important;}

/* =========================================ẢNH CHI TIẾT SẢN PHẨM LUÔN VUÔNG 1:1========================================= */

.single-product .product-gallery .woocommerce-product-gallery__image a {display: flex;width: 100%;aspect-ratio: 1 / 1;align-items: center;justify-content: center;overflow: hidden;background: #fff;}

.single-product .product-gallery .woocommerce-product-gallery__image img {width: 100% !important;height: 100% !important;object-fit: contain;object-position: center;}

/* =====================================================
   SHOUSE - FIX VIDEO + ẢNH MÔ TẢ
   CHỈ DESKTOP >= 769PX
   MOBILE GIỮ NGUYÊN
===================================================== */

@media screen and (min-width: 769px) {

    /* Khối mô tả */
    body.single-product #tab-description {
        display: flow-root !important;
        width: 100% !important;
        max-width: 100% !important;
    }


    /* =============================================
       1. VIDEO YOUTUBE
       Không dùng dấu > vì iframe có thể bị wrapper
       ============================================= */

    body.single-product #tab-description iframe,
    body.single-product #tab-description iframe[src*="youtube"],
    body.single-product #tab-description iframe[src*="youtu.be"] {

        display: block !important;

        float: none !important;
        clear: both !important;

        position: relative !important;

        width: 100% !important;
        max-width: 820px !important;

        height: auto !important;
        aspect-ratio: 16 / 9 !important;

        margin: 0 auto 20px auto !important;
    }


    /* Wrapper video nếu Flatsome/WordPress tự sinh */
    body.single-product #tab-description .video,
    body.single-product #tab-description .video-fit,
    body.single-product #tab-description .responsive-video,
    body.single-product #tab-description .fluid-width-video-wrapper,
    body.single-product #tab-description .wp-video,
    body.single-product #tab-description .ux-video {

        display: block !important;

        float: none !important;
        clear: both !important;

        width: 100% !important;
        max-width: 820px !important;

        margin: 0 auto 20px auto !important;
    }


    /* =============================================
       2. ẢNH MÔ TẢ
       Bỏ hoàn toàn float alignleft
       ============================================= */

    body.single-product #tab-description img.alignleft,
    body.single-product #tab-description img.alignright,
    body.single-product #tab-description img.aligncenter,
    body.single-product #tab-description img.alignnone,
    body.single-product #tab-description img[class*="wp-image-"] {

        display: block !important;

        float: none !important;
        clear: both !important;

        position: relative !important;

        width: auto !important;
        max-width: 820px !important;
        height: auto !important;

        margin: 0 auto 20px auto !important;
    }


    /* Nếu ảnh nằm trong p/div */
    body.single-product #tab-description p:has(img.alignleft),
    body.single-product #tab-description p:has(img[class*="wp-image-"]),
    body.single-product #tab-description div:has(> img.alignleft) {

        display: block !important;

        float: none !important;
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Nếu video nằm trong p/div */
    body.single-product #tab-description p:has(iframe),
    body.single-product #tab-description div:has(> iframe) {

        display: block !important;

        float: none !important;
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* =============================================
       3. RATING + REVIEW
       Không cho chạy lên cạnh ảnh
       ============================================= */

    body.single-product #tab-description .kk-star-ratings,
    body.single-product #tab-description .wrr-reviews-wrapper {

        display: block !important;

        float: none !important;
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}