/*
Theme Name: Flatsome Child
Description: Theme con của Flatsome cho ECO FOOD VN (B2B: nhập sỉ, gia công, nguyên liệu quà Tết).
Author: UX Themes
Template: flatsome
Version: 1.1.9
Text Domain: flatsome
*/

/* ==========================================================================
   1. Màu và chữ (theo bản mẫu 6)
   Dùng html:root để thắng biến màu Flatsome in ra từ Theme Options.
   ========================================================================== */
html:root{--eco-bg:#F5F2EC;--eco-surf:#fff;--eco-ink:#1F1710;--eco-ink2:#5B4A3C;--eco-brown:#4A2A14;--eco-gold:#C99A2E;--eco-gold-d:#8A6510;--eco-gold-l:#E7C46A;--eco-line:#DDD6C9;--eco-warn:#A8321F;--eco-ok:#2E6B3E;--eco-dk:#241711;--eco-tet:#3B1B16;--eco-f-disp:"Source Serif 4",Georgia,"Be Vietnam Pro",serif;--eco-f-body:"Be Vietnam Pro",system-ui,sans-serif;--eco-f-mono:"Be Vietnam Pro",system-ui,sans-serif;--primary-color:#C99A2E;--fs-color-primary:#C99A2E;--fs-color-secondary:#4A2A14}
html{scroll-behavior:smooth;scroll-padding-top:90px}
html body,html body p,html body li{font-family:var(--eco-f-body)}
body{color:var(--eco-ink);background:var(--eco-bg);-webkit-font-smoothing:antialiased}
html body :is(h1,h2,h3,h4,h5,h6),html body .heading-font,html body .product-title,html body .section-title b{font-family:var(--eco-f-disp);font-weight:700;letter-spacing:-.015em;text-wrap:balance;color:var(--eco-ink)}
h1{line-height:1.05}h2{line-height:1.1}
p{text-wrap:pretty}
.nav>li>a,.nav-dropdown a,.button,button,input,select,textarea,.header-button a,html body .nav>li>a{font-family:var(--eco-f-body)}
:focus-visible{outline:3px solid var(--eco-gold);outline-offset:3px;border-radius:4px}
.skip-link:focus{background:var(--eco-gold);color:var(--eco-ink)}

/* ==========================================================================
   2. Header, menu, nút
   ========================================================================== */
.header-top,.header-top .nav>li>a{background:var(--eco-dk);color:#E4D5BF;font-size:.86rem}
.header-main{background:var(--eco-surf);border-bottom:1px solid var(--eco-line)}
.header-bottom{background:var(--eco-surf);border-bottom:1px solid var(--eco-line)}
.header-main .nav>li>a,.header-bottom .nav>li>a{font-weight:500;font-size:.94rem;text-transform:none;letter-spacing:0;color:var(--eco-ink)}
.nav-line-bottom>li>a:before{background:var(--eco-gold);height:2px}
.nav>li.active>a,.nav>li.current-menu-item>a{color:var(--eco-brown)}
.nav-dropdown{border:1px solid var(--eco-line);border-radius:8px;box-shadow:0 8px 24px rgba(31,23,16,.12);padding:.5rem 0}
.nav-dropdown a{color:var(--eco-ink)}
.header-button .button,.header-button a.button{border-radius:6px}

.button,button.button,input[type=submit]{border-radius:6px;font-weight:600;letter-spacing:0;text-transform:none;font-size:.95rem;box-shadow:none;transition:background .2s,color .2s,transform .1s}
.button.primary,.button.alt{background:var(--eco-gold);border-color:var(--eco-gold);color:var(--eco-ink)}
.button.primary:hover,.button.alt:hover{background:var(--eco-gold-l);border-color:var(--eco-gold-l);color:var(--eco-ink);box-shadow:none}
.button.secondary,.button.dark{background:var(--eco-ink);color:#fff}
.button.secondary:hover,.button.dark:hover{background:var(--eco-brown);color:#fff}
.button:active{transform:translateY(1px)}
.button.is-outline{border-width:1.5px}

/* Menu chính: logo trái, menu giữa, tìm kiếm và nút báo giá phải */
#masthead .header-inner{align-items:center}
#masthead .header-inner>.flex-left.flex-grow{justify-content:center;flex:1 1 auto}
#masthead .header-nav-main.nav-left{justify-content:center;gap:.15rem}
#masthead .header-nav-main>li>a{position:relative;padding:.6rem .9rem;font-size:.97rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--eco-ink)}
#masthead .header-nav-main>li>a:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.2rem;height:2px;background:var(--eco-gold);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
#masthead .header-nav-main>li:hover>a:after,#masthead .header-nav-main>li.current-menu-item>a:after,#masthead .header-nav-main>li.active>a:after{transform:scaleX(1)}
#masthead .header-nav-main>li.current-menu-item>a,#masthead .header-nav-main>li.active>a{color:var(--eco-brown);font-weight:600}
#masthead .header-nav-main>li.nav-tet>a{color:var(--eco-warn);font-weight:600}
#masthead .header-nav-main>li.nav-tet>a:after{background:var(--eco-warn)}
#masthead .header-nav-right{gap:.5rem;align-items:center}
#masthead .header-search>a{padding:.5rem;border-radius:6px;color:var(--eco-ink)}
#masthead .header-search>a:hover{background:rgba(31,23,22,.06)}
#masthead .header-button{margin:0}
#masthead .header-button .button{margin:0;padding:.7rem 1.3rem;min-height:0;line-height:1.2}

.nav-dropdown>li>a{padding:.55rem 1.1rem;font-size:.94rem}
/* Điện thoại: nút menu trái, logo giữa */
@media(max-width:849px){
  #masthead .header-inner{min-height:72px}
  #logo img{max-height:64px;width:auto}
}
#main-menu .nav>li>a{font-size:1rem;text-transform:none;font-weight:500;color:var(--eco-ink)}
#main-menu .nav>li.nav-tet>a{color:var(--eco-warn)}

/* ==========================================================================
   3. Sản phẩm (WooCommerce, chế độ catalog)
   ========================================================================== */
.product-small .box-image,.product-small .box-image img{border-radius:12px}
.product-small .box-text{padding:.9rem 0 0;text-align:left}
.product-small .title-wrapper{text-align:left}
.product-small .name.product-title,.product-small .name.product-title a{font:700 1.1rem/1.25 var(--eco-f-disp);color:var(--eco-ink)}
.product-small .category{font:500 .78rem var(--eco-f-mono);text-transform:none;letter-spacing:.02em;color:var(--eco-ink2);opacity:1}
.product-small .box-text-products .price-wrapper{display:none}
.eco-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin:.45rem 0 0}
.eco-tag{font:500 .76rem var(--eco-f-mono);background:#fff;color:var(--eco-ink);border:1px solid var(--eco-line);padding:.2rem .5rem;border-radius:4px}
.eco-tag--new{background:var(--eco-gold);border-color:var(--eco-gold);color:var(--eco-ink)}

.eco-quote-btn,a.eco-quote-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:.7rem;padding:.65rem 1rem;border:1.5px solid var(--eco-ink);border-radius:999px;background:transparent;color:var(--eco-ink);font:600 .9rem var(--eco-f-body);text-decoration:none;text-transform:none;letter-spacing:0;line-height:1.3;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.eco-quote-btn:hover{background:var(--eco-ink);color:#fff}
.eco-quote-btn--lg,a.eco-quote-btn--lg{width:auto;padding:.8rem 1.4rem;background:var(--eco-gold);border-color:var(--eco-gold);color:var(--eco-ink);font-size:.98rem}
.eco-quote-btn--lg:hover{background:var(--eco-gold-l);border-color:var(--eco-gold-l);color:var(--eco-ink)}

.product-info .product-title{font-size:clamp(1.8rem,3.4vw,2.6rem)}
/* Cột phụ: không có giá/giỏ nên bớt khoảng trống */
.catalog-mode .product-info .cart,.catalog-mode .product-info form.cart{display:none}

/* Trang chi tiết sản phẩm: UX Block "Trang sản phẩm ECO FOOD".
   Một kiểu khung (nền trắng, viền --eco-line, bo 16px), nền khối xen kẽ --eco-bg và trắng.
   Bố cục và nội dung kéo thả được trong Flatsome UX Builder. */
.custom-product-page .section[class*="eco-pd-"]>.section-content>.row{max-width:1240px}
.eco-pd-hero{background:var(--eco-bg)}
.eco-pd-sec{background:var(--eco-bg)}
.eco-pd-specs,.eco-pd-steps,.eco-pd-faq{border-top:1px solid var(--eco-line)}
.eco-pd-sec h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;margin:0 0 .6rem}
.eco-pd-sec h3{font-size:1.2rem;line-height:1.25;margin:0 0 .35rem}
.eco-pd-lead{font-size:1.02rem;line-height:1.6;color:var(--eco-ink2);max-width:46ch;margin:0 0 1rem}

/* Đầu trang */
.eco-pd-crumbs{padding-bottom:.9rem}
.eco-pd-crumbs .breadcrumbs{font:500 .82rem/1.5 var(--eco-f-body);color:var(--eco-ink2);letter-spacing:0;text-transform:none}
.eco-pd-crumbs .breadcrumbs a{color:var(--eco-ink2)}
.eco-pd-crumbs .breadcrumbs a:hover{color:var(--eco-gold-d)}
.eco-pd-grid{align-items:flex-start}
.eco-pd-gallery>.col-inner,.eco-pd-summary>.col-inner{height:auto}
.eco-pd-gallery>.col-inner>.row.row-small>.col.large-10{flex-basis:100%;max-width:100%}
.eco-pd-gallery .woocommerce-product-gallery{width:100%;padding:0}
.eco-pd-gallery .woocommerce-product-gallery__wrapper{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/4;margin:0;background:var(--eco-surf);border:1px solid var(--eco-line);border-radius:16px;overflow:hidden}
.eco-pd-gallery .flickity-viewport,.eco-pd-gallery .woocommerce-product-gallery__image,.eco-pd-gallery .woocommerce-product-gallery__image a{height:100%!important}
.eco-pd-gallery .woocommerce-product-gallery__image a{display:block}
.eco-pd-gallery .woocommerce-product-gallery__image img{width:100%;height:100%;object-fit:cover}
.eco-pd-gallery .product-thumbnails .col{padding:8px 4px 0}
.eco-pd-gallery .product-thumbnails img{border:1px solid var(--eco-line);border-radius:10px;transition:border-color .2s ease}
.eco-pd-gallery .product-thumbnails a:hover img,.eco-pd-gallery .product-thumbnails .is-nav-selected img{border-color:var(--eco-gold)}
.eco-pd-summary>.col-inner{padding-left:clamp(0px,1.2vw,16px)}
.eco-pd-summary .eco-tags{margin:0 0 .9rem}
.eco-pd-summary .eco-tag{background:var(--eco-surf);border-color:var(--eco-line);color:var(--eco-brown);border-radius:999px;padding:.28rem .7rem;font-weight:600}
.eco-pd-summary .product-title{font-size:clamp(2rem,2.9vw,2.7rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 .8rem}
.eco-pd-summary .product-short-description{font-size:1.06rem;line-height:1.65;color:var(--eco-ink2);max-width:50ch;margin:0}
.eco-pd-summary .product-short-description p:last-child{margin-bottom:0}
.eco-pd-quote{margin:1.6rem 0 0;padding:1.4rem 0 0;border-top:1px solid var(--eco-line)}
.eco-pd-quote__label{margin:0 0 .5rem;font:600 .86rem/1.3 var(--eco-f-body);color:var(--eco-ink2)}
.eco-pd-moq{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem;margin:0;text-transform:none}
.eco-pd-moq>div{display:flex;flex-direction:column;margin:0}
.eco-pd-summary .is-divider{display:none}
.eco-pd-moq dt{margin:0;font:700 clamp(1.9rem,2.6vw,2.4rem)/1 var(--eco-f-disp);color:var(--eco-brown);letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;text-transform:none}
.eco-pd-moq dt:empty{display:none}
.eco-pd-moq dd{margin:.35rem 0 0;font-size:.92rem;color:var(--eco-ink2);text-transform:none}
.eco-pd-moq__or{align-self:flex-start;margin-top:.8rem;font:italic 400 .95rem var(--eco-f-disp);color:var(--eco-ink2)}
.eco-pd-quote__note{margin:1rem 0 0;font-size:.95rem;color:var(--eco-ink)}
.button.eco-pd-quote__btn{display:flex;width:100%;align-items:center;justify-content:center;min-height:52px;margin:1.1rem 0 0;padding:.8rem 1.8rem;border-radius:999px;font-size:1rem;font-weight:600;line-height:1.2;box-shadow:0 6px 16px -8px rgba(74,42,20,.45);transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}
.button.eco-pd-quote__btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(74,42,20,.5)}
.eco-pd-contact{margin-top:1.1rem}
.eco-pd-contact p{margin:0}
.eco-pd-contact__links{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem}
.eco-pd-contact__links a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;font-weight:600;color:var(--eco-ink);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;text-decoration-thickness:1.5px;transition:text-decoration-color .2s ease,color .2s ease}
.eco-pd-contact__links a:hover{color:var(--eco-brown);text-decoration-color:var(--eco-gold)}
.eco-ic:before{content:"";flex:none;width:18px;height:18px;background:var(--eco-brown);-webkit-mask:var(--eco-ic) center/contain no-repeat;mask:var(--eco-ic) center/contain no-repeat}
.eco-ic--tel{--eco-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.37 2.3.57 3.6.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.6a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E")}
.eco-ic--chat{--eco-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 9.4 9.4 0 0 1-3.6-.7L3 21l1.6-4.4A8 8 0 0 1 3 11.5 8.6 8.6 0 0 1 12 3a8.6 8.6 0 0 1 9 8.5z'/%3E%3C/svg%3E")}
.eco-pd-contact__retail{font-size:.9rem;color:var(--eco-ink2)}
.eco-pd-contact__retail a{color:var(--eco-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--eco-gold);text-underline-offset:3px}
.eco-pd-meta{margin:1.4rem 0 0;padding-top:.9rem;border-top:1px solid var(--eco-line);font-size:.8rem;line-height:1.6;color:var(--eco-ink2)}
.eco-pd-meta span{font-weight:600;color:var(--eco-ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.eco-pd-meta a{color:var(--eco-ink);font-weight:600}
.eco-pd-meta i{font-style:normal;margin:0 .6rem;color:var(--eco-line)}

/* Thông số: bảng hai cột */
.eco-pd-facts{margin:0;border-top:1px solid var(--eco-ink);text-transform:none}
.eco-pd-fact{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1.2rem;margin:0;padding:1rem 0;border-bottom:1px solid var(--eco-line)}
.eco-pd-fact dt{margin:0;font:600 .92rem/1.5 var(--eco-f-body);color:var(--eco-ink);text-transform:none;letter-spacing:0}
.eco-pd-fact dd{margin:0;font-size:.98rem;line-height:1.6;color:var(--eco-ink2);text-transform:none;text-wrap:pretty}
.eco-pd-story{margin-top:1.6rem;max-width:68ch;font-size:1rem;line-height:1.75;color:var(--eco-ink)}

/* Quy cách đóng gói */
.eco-pd-options{margin-top:.6rem!important}
.eco-pd-option>.col-inner{height:100%;padding:1.6rem 1.5rem 1.4rem;background:var(--eco-surf);border:1px solid var(--eco-line);border-radius:16px;transition:border-color .2s ease,box-shadow .2s ease}
.eco-pd-option>.col-inner:hover{border-color:var(--eco-gold-l);box-shadow:0 12px 28px -18px rgba(74,42,20,.35)}
.eco-pd-option>.col-inner>.text{display:flex;flex-direction:column;height:100%}
.eco-pd-option p{font-size:.95rem;line-height:1.6;color:var(--eco-ink2);margin:0}
.eco-pd-option .eco-pd-option__num{margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid var(--eco-line);font:700 clamp(1.8rem,2.6vw,2.2rem)/1.05 var(--eco-f-disp);color:var(--eco-brown);letter-spacing:-.02em;font-variant-numeric:lining-nums}

.eco-pd-option .eco-pd-option__link{margin-top:auto;padding-top:1.1rem}

/* Quy trình 4 bước */
.eco-pd-steps__row{margin-top:.8rem!important}
.eco-pd-step>.col-inner{position:relative}
.eco-pd-step .eco-pd-step__no{display:grid;place-items:center;width:46px;height:46px;margin:0 0 1rem;border:1.5px solid var(--eco-gold);border-radius:50%;background:var(--eco-surf);font:700 1.25rem/1 var(--eco-f-disp);color:var(--eco-brown);font-variant-numeric:lining-nums;position:relative;z-index:1}
.eco-pd-step p{font-size:.95rem;line-height:1.6;color:var(--eco-ink2);margin:0}
@media(min-width:850px){
  .eco-pd-step:not(:last-child)>.col-inner:before{content:"";position:absolute;top:23px;left:58px;right:-8px;height:1px;background:var(--eco-line)}
}

/* Giấy tờ */
.eco-pd-docs__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0!important;padding:0;list-style:none}
.eco-pd-docs__list li{margin:0!important;padding:1.3rem 1.3rem 1.2rem;background:var(--eco-surf);border:1px solid var(--eco-line);border-radius:16px;list-style:none}
.eco-pd-docs__list p{margin:0}
.eco-pd-docs__name{font:600 .9rem/1.4 var(--eco-f-body);color:var(--eco-ink)}
.eco-pd-docs__no{margin:.5rem 0 .6rem!important;font:700 1.08rem/1.3 var(--eco-f-disp);color:var(--eco-brown);font-variant-numeric:lining-nums tabular-nums}

.eco-pd-docs__desc{font-size:.86rem;line-height:1.55;color:var(--eco-ink2)}

/* Hỏi đáp */
.eco-pd-faq .accordion{border-top:1px solid var(--eco-ink)}

.eco-pd-faq .accordion-item{border-bottom:1px solid var(--eco-line)}
.eco-pd-faq .accordion-title{border:0;padding:1.05rem 2.4rem 1.05rem 0;font:600 1.02rem/1.45 var(--eco-f-body);color:var(--eco-ink)}
.eco-pd-faq .accordion-title.active{color:var(--eco-brown);background:transparent}
.eco-pd-faq .accordion-title .toggle{left:auto;right:0;color:var(--eco-gold-d)}
.eco-pd-faq .accordion-inner{padding:0 2.4rem 1.2rem 0;font-size:.98rem;line-height:1.7;color:var(--eco-ink2)}
.eco-pd-faq .accordion-inner p{margin:0}

/* Sản phẩm liên quan */
.eco-pd-related .related.products>h2,.eco-pd-related .product-section-title{font:700 clamp(1.8rem,3vw,2.5rem)/1.1 var(--eco-f-disp);letter-spacing:-.015em;text-transform:none;text-align:left;color:var(--eco-ink);margin:0 0 1.4rem}
.eco-pd-related .related.products .row{margin-left:-10px;margin-right:-10px}
.eco-pd-related .related-products-wrapper{border-top:0;padding-top:0}

/* Dải chốt */
.eco-pd-close h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.12;color:#fff;margin:0 0 .6rem}
.eco-pd-close .eco-pd-lead{color:#E4D5BF;max-width:52ch}
.eco-pd-close__cta>.col-inner{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.eco-pd-close__cta .button{margin:0;border-radius:999px;min-height:52px;padding:0 1.8rem;display:inline-flex;align-items:center}
.eco-pd-close__cta .button.is-outline{border-color:rgba(255,255,255,.55);color:#fff}
.eco-pd-close__cta .button.is-outline:hover{background:#fff;border-color:#fff;color:var(--eco-ink)}
.eco-pd-close__tet{flex-basis:100%}
.eco-pd-close__tet p{margin:.4rem 0 0;font-size:.88rem;color:#E4D5BF}
.eco-pd-close__tet a{color:var(--eco-gold-l);text-decoration:underline;text-underline-offset:3px}

/* Sidebar sản phẩm (inc/sidebar.php): hộp Tư vấn đặt hàng, Sản phẩm nổi bật, sidebar danh mục. */
.eco-pd-side .eco-side-head h3{margin:0 0 .9rem;padding-bottom:.8rem;border-bottom:1px solid var(--eco-line);font-size:1.08rem;line-height:1.3}
.eco-pd-side .icon-box{margin-bottom:.95rem}
.eco-pd-side .icon-box .icon-box-img{margin-right:.8rem!important}
.eco-pd-side .icon-box h5{margin:0 0 .1rem;font:600 .9rem/1.35 var(--eco-f-body);letter-spacing:0;text-transform:none;color:var(--eco-ink)}
.eco-pd-side .icon-box p{margin:0;font-size:.8rem;line-height:1.45;color:var(--eco-ink2)}

.eco-pd-side .eco-side-hot h5{font:700 1.45rem/1.15 var(--eco-f-disp);color:var(--eco-gold-d);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.eco-pd-side a.plain:hover .eco-side-hot h5{color:var(--eco-brown)}
.eco-pd-side>.col-inner{border-radius:16px;overflow:hidden}
.eco-pd-side .icon-box-left{display:flex;align-items:flex-start}
.eco-pd-side .icon-box-left .icon-box-img{flex:none}
.eco-pd-side .icon-box-left .icon-box-text{flex:1;min-width:0;padding-left:0}
.eco-pd-side .button.eco-side-zalo{display:flex;align-items:center;justify-content:center;margin:0 0 .6rem;min-height:42px;padding:0 1rem;background:transparent;border:1.5px solid var(--eco-ink);color:var(--eco-ink);font-size:.9rem;line-height:1}
.eco-pd-side .button.eco-side-zalo:hover{background:var(--eco-ink);border-color:var(--eco-ink);color:#fff}
.eco-side-box{background:var(--eco-surf);border:1px solid var(--eco-line);border-radius:16px;overflow:hidden}
.eco-side-box__title{margin:0;padding:.85rem 1.1rem;border-bottom:1px solid var(--eco-line);font:700 1.08rem/1.3 var(--eco-f-disp);color:var(--eco-ink)}
.eco-side-list{margin:0!important;padding:.2rem 0;list-style:none}
.eco-side-list li{margin:0!important;list-style:none}
.eco-side-list li+li{border-top:1px solid var(--eco-line)}
.eco-side-list a{display:grid;grid-template-columns:60px minmax(0,1fr);gap:.8rem;align-items:center;padding:.7rem 1.1rem;color:var(--eco-ink);text-decoration:none;transition:background-color .2s ease}
.eco-side-list a:hover{background:var(--eco-bg)}
.eco-side-list__img{display:block;width:60px;height:60px;border-radius:10px;overflow:hidden;background:var(--eco-bg);box-shadow:inset 0 0 0 1px rgba(42,22,8,.07)}
.eco-side-list__img img{display:block;width:100%;height:100%;object-fit:cover}
.eco-side-list b{display:block;font:600 .88rem/1.35 var(--eco-f-body);color:var(--eco-ink);text-wrap:balance}
.eco-side-list a:hover b{color:var(--eco-brown)}
.eco-side-list small{display:block;margin-top:.15rem;font-size:.75rem;color:var(--eco-ink2)}
.post-type-archive-product .breadcrumbs,.tax-product_cat .breadcrumbs{font:500 .82rem/1.5 var(--eco-f-body);letter-spacing:0;text-transform:none;color:var(--eco-ink2)}
.post-type-archive-product .breadcrumbs a,.tax-product_cat .breadcrumbs a{color:var(--eco-ink2)}
.post-type-archive-product .breadcrumbs a:hover,.tax-product_cat .breadcrumbs a:hover{color:var(--eco-gold-d)}
#shop-sidebar .widget{margin:0 0 16px;padding:0;background:var(--eco-surf);border:1px solid var(--eco-line);border-radius:16px;overflow:hidden}
#shop-sidebar .widget-title{display:block;margin:0;padding:.85rem 1.1rem;border-bottom:1px solid var(--eco-line);font:700 1.08rem/1.3 var(--eco-f-disp);letter-spacing:0;text-transform:none;color:var(--eco-ink)}
#shop-sidebar .widget .is-divider{display:none}
#shop-sidebar .eco-side-box{border:0;border-radius:0}
#shop-sidebar .product-categories{margin:0;padding:.35rem 0}
#shop-sidebar .product-categories li{margin:0;padding:0;border:0;list-style:none;display:flex;align-items:center;justify-content:space-between;padding-right:1.1rem}
#shop-sidebar .product-categories li a{display:inline-block;padding:.6rem 0 .6rem 1.1rem;font-size:.94rem;font-weight:500;color:var(--eco-ink);padding-left:1.1rem}

#shop-sidebar .product-categories li:hover{background:var(--eco-bg)}
#shop-sidebar .product-categories li.current-cat{background:var(--eco-bg);box-shadow:inset 2px 0 0 var(--eco-gold)}
#shop-sidebar .product-categories li.current-cat>a{color:var(--eco-brown);font-weight:700}
#shop-sidebar .product-categories .count{font-size:.78rem;color:var(--eco-ink2);font-variant-numeric:tabular-nums;opacity:1;min-width:1.7rem;padding:.1rem .45rem;border-radius:999px;background:var(--eco-bg);text-align:center;font-weight:600}

/* Thanh báo giá dưới đáy (mọi trang, dưới 850px; inc/contact.php). */
.eco-pd-bar{display:none}
/* Trang chi tiết đã có hotline, Zalo trong sidebar (máy tính) và thanh dưới đáy (điện thoại). */
body.single-product .eco-cta{display:none}
/* Danh mục ở khổ vừa: nút nổi đè sidebar trái; hotline và Zalo vẫn có ở thanh trên cùng. */
@media(max-width:1279px){body.post-type-archive-product .eco-cta,body.tax-product_cat .eco-cta{display:none}}
@media(max-width:849px){
  body{padding-bottom:72px}
  .eco-cta{display:none!important}
  .back-to-top{bottom:84px!important}
  .eco-pd-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--eco-line);box-shadow:0 -8px 24px -16px rgba(31,23,16,.4)}
  .eco-pd-bar a{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:0 1.1rem;border-radius:999px;font:600 .95rem/1 var(--eco-f-body);text-decoration:none}
  .eco-pd-bar__zalo{border:1.5px solid var(--eco-ink);color:var(--eco-ink)}
  .eco-pd-bar__quote{background:var(--eco-gold);color:var(--eco-ink)}
  .eco-pd-bar a:active{transform:translateY(1px)}
  .eco-pd-bar{transition:transform .25s cubic-bezier(.22,1,.36,1)}
  /* Đang xem form báo giá: thanh dưới đáy trượt xuống để không che nút gửi. */
  body.eco-at-form .eco-pd-bar{transform:translateY(110%)}
}

@media(min-width:850px){
  .eco-pd-contact__links{display:none}
}
@media(min-width:850px) and (max-width:1099px){
  .eco-pd-docs__list{grid-template-columns:1fr}
}
@media(max-width:849px){
  .eco-pd-gallery{padding-bottom:0}
  .eco-pd-gallery>.col-inner{max-width:520px;margin:0 auto}
  .eco-pd-summary>.col-inner{max-width:none;padding-left:0;margin-top:22px}
  .eco-pd-sec .col:first-child h2{margin-bottom:.4rem}
  .eco-pd-step{padding-bottom:28px}
}
@media(max-width:549px){
  .eco-pd-summary .product-title{font-size:2rem}
  .button.eco-pd-quote__btn{width:100%;min-width:0}
  .eco-pd-fact{grid-template-columns:1fr;gap:.25rem;padding:.85rem 0}
  .eco-pd-docs__list{grid-template-columns:1fr}
  .eco-pd-step>.col-inner{padding-left:62px}
  .eco-pd-step .eco-pd-step__no{position:absolute;left:0;top:0}
  .eco-pd-step:not(:last-child)>.col-inner:before{content:"";position:absolute;left:23px;top:50px;bottom:-24px;width:1px;background:var(--eco-line)}
  .eco-pd-step{padding-bottom:22px}
  .eco-pd-close__cta .button{flex:1 1 100%;justify-content:center}
}

/* Thẻ lật sản phẩm: trang chủ, danh mục, "Gom thêm vào cùng đơn" (inc/catalog.php).
   Mặt trước: ảnh, tên. Mặt sau: thông số + báo giá. Máy tính lật khi rê chuột; điện thoại chạm nút gợi ý. */
.product-small.col{perspective:1400px}
.product-small.col>.col-inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.7,.2,1)}
.product-small.col>.col-inner>.product-small.box,.eco-flip-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px}
.product-small.col>.col-inner>.product-small.box{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border:1px solid var(--eco-line);box-shadow:0 8px 26px rgba(42,22,8,.05)}
.product-small.col>.col-inner .box-image,.product-small.col>.col-inner .box-image img{border-radius:0}
.product-small.col>.col-inner .box-text{display:flex;flex:1;flex-direction:column;padding:1rem 1rem .9rem}
.product-small.col .eco-tags{margin:.5rem 0 0}
.eco-flip-hint{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;min-height:36px;margin:auto 0 0;padding:.5rem 0 0;border:0;background:none;font:600 .82rem/1.3 var(--eco-f-body);color:var(--eco-gold-d);text-align:left;text-transform:none;letter-spacing:0;cursor:pointer}
.eco-flip-hint:before{content:"";flex:none;width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 1-15.5 6.2'/%3E%3Cpath d='M3 12A9 9 0 0 1 18.5 5.8'/%3E%3Cpath d='M18 2v4h-4'/%3E%3Cpath d='M6 22v-4h4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 1-15.5 6.2'/%3E%3Cpath d='M3 12A9 9 0 0 1 18.5 5.8'/%3E%3Cpath d='M18 2v4h-4'/%3E%3Cpath d='M6 22v-4h4'/%3E%3C/svg%3E") center/contain no-repeat}
.eco-flip-hint__touch{display:none}
@media(hover:none),(pointer:coarse){.eco-flip-hint__hover{display:none}.eco-flip-hint__touch{display:inline}.eco-flip-hint{min-height:44px}}
.eco-flip-back{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding:1.4rem 1.2rem 1.1rem;overflow:auto;background:var(--eco-brown);color:#F3EBDC;transform:rotateY(180deg);box-shadow:0 14px 34px rgba(42,22,8,.18)}
.eco-flip-back__title{margin:0;padding-bottom:.55rem;border-bottom:1px solid rgba(231,196,106,.35);font:700 1.15rem/1.2 var(--eco-f-disp);color:var(--eco-gold-l);text-align:center}
.eco-flip-back__name{margin:.55rem 0 .5rem;font-size:.8rem;line-height:1.35;color:#E4D5BF;text-align:center}
.eco-flip-back dl{margin:0 0 .4rem;text-transform:none}
.eco-flip-back dl>div{display:flex;justify-content:space-between;gap:.8rem;padding:.42rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.eco-flip-back dt{flex:none;margin:0;font:400 .8rem/1.4 var(--eco-f-body);color:#E4D5BF;text-transform:none;letter-spacing:0}
.eco-flip-back dd{margin:0;font:600 .82rem/1.4 var(--eco-f-body);color:#fff;text-align:right;text-transform:none}
.eco-flip-back__note{margin:.2rem 0 .7rem;font-size:.74rem;color:#E4D5BF;text-align:center}
.eco-flip-back .eco-quote-btn{width:100%;min-height:42px;margin:auto 0 0;background:var(--eco-gold);border-color:var(--eco-gold);color:var(--eco-ink)}
.eco-flip-back .eco-quote-btn:hover{background:var(--eco-gold-l);border-color:var(--eco-gold-l);color:var(--eco-ink)}
.eco-flip-back__more{display:flex;align-items:center;justify-content:center;min-height:40px;margin-top:.5rem;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;font:600 .86rem/1.2 var(--eco-f-body);color:#fff;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.eco-flip-back__more:hover{background:#fff;color:var(--eco-ink)}
.eco-flip-back__close{display:none;position:absolute;top:.35rem;right:.35rem;min-height:36px;margin:0;padding:0 .6rem;border:0;background:none;font:500 .8rem var(--eco-f-body);color:#E4D5BF;text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0;cursor:pointer}
.product-small.col.is-flipped .eco-flip-back__close{display:block}
@media(hover:hover) and (pointer:fine){body:not(.post-type-archive-product) .product-small.col:hover>.col-inner{transform:rotateY(180deg)}}
/* Trang cửa hàng /san-pham/: thẻ không lật, nút báo giá ở mặt trước. */
.eco-card-moq{margin:.55rem 0 0;font-size:.84rem;color:var(--eco-ink2)}
.eco-card-moq b{color:var(--eco-ink);font-weight:600}
.post-type-archive-product .product-small.col>.col-inner>.eco-quote-btn{position:absolute;left:1rem;right:1rem;bottom:1rem;width:auto;min-height:42px;margin:0;background:var(--eco-gold);border-color:var(--eco-gold);color:var(--eco-ink)}
.post-type-archive-product .product-small.col>.col-inner>.eco-quote-btn:hover{background:var(--eco-brown);border-color:var(--eco-brown);color:#fff}
.post-type-archive-product .product-small.col>.col-inner .box-text{padding-bottom:4.4rem}
.product-small.col.is-flipped>.col-inner,.product-small.col>.col-inner:has(.eco-flip-back :focus-visible){transform:rotateY(180deg)}
@media(prefers-reduced-motion:reduce){.product-small.col>.col-inner{transition:none}}
@media(max-width:549px){
  .product-small.col>.col-inner .box-text{padding:.75rem .75rem .6rem}
  .eco-flip-hint{font-size:.76rem}
  .eco-flip-back{padding:.85rem .8rem .7rem}
  .eco-flip-back__title{font-size:1rem}
  .eco-flip-back__name,.eco-flip-back__note,.eco-flip-back dl>.eco-flip-back__cat{display:none}
  .eco-flip-hint__hover{display:none}.eco-flip-hint__touch{display:inline}
  .eco-flip-back__title{padding-right:2.6rem;text-align:left}
  .eco-flip-back dl>div{flex-direction:column;gap:0;padding:.32rem 0}
  .eco-flip-back dd{text-align:left;font-size:.78rem}
  .eco-flip-back dt{font-size:.72rem}
  .eco-flip-back .eco-quote-btn{min-height:40px;font-size:.8rem;padding:.4rem .5rem}
  .eco-flip-back__more{min-height:36px;font-size:.78rem}
}
.post-type-archive-product .shop-container,.tax-product_cat .shop-container{padding-bottom:3rem}
.post-type-archive-product .category-page-row,.tax-product_cat .category-page-row{padding-top:2rem}
.post-type-archive-product .woocommerce-result-count,.tax-product_cat .woocommerce-result-count{font-size:.88rem;color:var(--eco-ink2)}
.post-type-archive-product .woocommerce-ordering select,.tax-product_cat .woocommerce-ordering select{min-height:44px;border:1px solid var(--eco-line);border-radius:999px;background-color:#fff;padding:0 2.7rem 0 1rem;box-shadow:none}
@media(max-width:549px){
  .post-type-archive-product .category-page-row,.tax-product_cat .category-page-row{padding-top:1.25rem}
}

/* ==========================================================================
   5. Form báo giá  [eco_bao_gia]
   ========================================================================== */
.eco-form{background:var(--eco-bg);border:1px solid var(--eco-line);border-radius:12px;padding:clamp(18px,3vw,32px);max-width:none}
.eco-form .eco-quote-btn--lg{width:100%;color:var(--eco-brown)}
.eco-form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.3rem;color:var(--eco-ink)}
.eco-form input[type=text],.eco-form input[type=tel],.eco-form input[type=email],.eco-form select,.eco-form textarea{width:100%;margin:0;border:1.5px solid var(--eco-line);border-radius:6px;background:#fff;padding:.7rem .8rem;font:400 1rem var(--eco-f-body);box-shadow:none;height:auto}
.eco-form input:focus,.eco-form select:focus,.eco-form textarea:focus{border-color:var(--eco-gold);outline:0;box-shadow:0 0 0 3px rgba(201,154,46,.3)}
.eco-form [aria-invalid=true]{border-color:var(--eco-warn)}
.eco-form p{margin-bottom:1.15rem}

.eco-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
@media(max-width:600px){.eco-row{grid-template-columns:1fr}}
.eco-err{display:block;color:var(--eco-warn);font-size:.86rem;margin-top:.3rem}
.eco-fine{font-size:.86rem;color:var(--eco-ink2);margin:.8rem 0 0}
.eco-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.eco-form--ok{border-color:var(--eco-ok)}
.eco-form--ok h3{color:var(--eco-ok);margin-bottom:.4rem}

/* Nút Zalo nổi; đẩy nút lên đầu trang của Flatsome lên trên nó */
.back-to-top{bottom:76px!important}
.header-top li.html{display:inline-flex;align-items:center;gap:.35rem;font-size:.86rem;line-height:1.4;text-transform:none;letter-spacing:0;color:#E4D5BF}
.header-top .html a,.header-top .html b{color:#E7C46A;font-size:inherit;vertical-align:baseline}
.header-top .html a:not(:has(b)){color:#fff}
.header-button .button{border-radius:6px}
.header-top .html a{text-decoration:underline;text-underline-offset:3px}
.header-button a.button,.header-button .button{background:var(--eco-ink);border-color:var(--eco-ink);color:#fff}
.header-button a.button:hover{background:var(--eco-brown);border-color:var(--eco-brown);color:#fff}

/* ==========================================================================
   7. Giảm chuyển động
   ========================================================================== */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.product-small .name.product-title,.product-small .name.product-title a{font-size:1rem}
}

/* ==========================================================================
   4. Khối trang dựng bằng phần tử Flatsome (Section, Row, Col, Text, Image Box, Products...)
   Thêm tên lớp trong ô "Class" của phần tử để dùng các kiểu dưới đây.
   ========================================================================== */
.eco-eyebrow{font:600 .8rem var(--eco-f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--eco-ink2);margin:0 0 .6rem}
.dark .eco-eyebrow,.eco-dark .eco-eyebrow{color:var(--eco-gold-l)}
.eco-lead{font-size:1.06rem;color:var(--eco-ink2);max-width:60ch;margin:.8rem 0 0}
.dark .eco-lead,.dark p{color:#E4D5BF}
.dark em{font-style:normal;color:var(--eco-gold-l)}
.section .eco-sec h2,.section-content h2{font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.1;letter-spacing:-.015em}
.eco-alt{background:var(--eco-surf);border-top:1px solid var(--eco-line);border-bottom:1px solid var(--eco-line)}

.eco-card{position:relative}
.eco-card>.col-inner{background:var(--eco-surf);border:1px solid var(--eco-line);border-radius:10px;padding:1.3rem 1.4rem;height:100%}
.eco-card h3{margin:0 0 .3rem}
.eco-card p{margin:0;font-size:.95rem;color:var(--eco-ink2)}

/* Hero */
.eco-hero{min-height:clamp(520px,72vh,720px)}
.eco-hero h1{font-size:clamp(2.4rem,5.4vw,4.8rem);line-height:1.04;letter-spacing:-.025em;margin:.8rem 0 1.1rem;color:#fff}
.eco-hero h1 span{display:block}
.eco-hero h1 .g{color:var(--eco-gold-l)}
.eco-sub{font-size:1.14rem;color:#EADCC6;max-width:52ch;margin:0 0 1.6rem}
.eco-hero .button{margin-bottom:.5rem}
.eco-minbar{margin-top:1.6rem!important;border-top:1px solid rgba(255,255,255,.3);max-width:640px}
.eco-minbar .col{padding-bottom:0}
.eco-minbar .col+.col>.col-inner{border-left:1px solid rgba(255,255,255,.25);padding-left:1.2rem}
.eco-minbar .col-inner{padding-top:.9rem}
.eco-minbar b{display:block;font:700 1.8rem/1.1 var(--eco-f-disp);color:var(--eco-gold-l);font-variant-numeric:tabular-nums}
.eco-minbar span{display:block;font-size:.86rem;color:#E4D5BF;line-height:1.4}
.eco-minbar p{margin:0}
@media(max-width:849px){.eco-minbar .col+.col>.col-inner{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.2)}}

/* Hồ sơ công khai: một tờ giấy, mỗi dòng một giấy tờ có số hiệu, cả dòng dẫn sang trang Pháp lý. */

.eco-prod-sec .button.is-link,.eco-prod-sec .button.is-link:hover{background:none;border-color:transparent;box-shadow:none;color:var(--eco-ink);text-decoration:underline;text-decoration-color:var(--eco-gold);text-decoration-thickness:1.5px;text-underline-offset:5px}

/* Sản phẩm trang chủ [eco_san_pham_loc] (inc/home-products.php): tab lọc nhóm + thẻ ảnh hũ, quy cách, nút báo giá. */
.eco-prod-sec>.section-content>.row>.col>.col-inner{text-align:center}
.eco-prod-sec .eco-prod-sec__kicker{margin:0 0 .5rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--eco-ink2)}
.eco-prod-sec .eco-prod-sec__title{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;margin:0 0 .5rem}
.eco-prod-sec .eco-prod-sec__lead{margin:0 auto 2rem;color:var(--eco-ink2);font-size:.98rem}
.eco-prod-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 2.2rem}
.eco-prod-tab{min-height:44px;margin:0;padding:0 1.3rem;border:1px solid var(--eco-line);border-radius:999px;background:#fff;font:500 .9rem/1 var(--eco-f-body);color:var(--eco-ink);text-transform:none;letter-spacing:0;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.eco-prod-tab:hover{border-color:var(--eco-gold)}
.eco-prod-tab[aria-pressed="true"]{background:var(--eco-dk);border-color:var(--eco-dk);color:var(--eco-gold-l);box-shadow:0 8px 18px -10px rgba(36,23,17,.7)}
.eco-prod-slider{position:relative;margin:0 0 2rem}
.eco-prod-grid{display:flex;gap:24px;margin:0!important;padding:4px 2px 14px!important;list-style:none;text-align:left;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2px;scrollbar-width:none;overscroll-behavior-x:contain}
.eco-prod-grid::-webkit-scrollbar{display:none}
.eco-prod-grid>.eco-prod-card{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start}
.eco-prod-nav{position:absolute;top:36%;z-index:2;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--eco-line);border-radius:50%;background:#fff;box-shadow:0 8px 20px -8px rgba(42,22,8,.45);color:var(--eco-brown);cursor:pointer;transition:opacity .2s ease,background-color .2s ease}
.eco-prod-nav:hover{background:var(--eco-gold-l)}
.eco-prod-nav:disabled{opacity:0;pointer-events:none}
.eco-prod-nav[hidden]{display:none}
.eco-prod-nav:before{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:var(--ic) center/18px no-repeat;mask:var(--ic) center/18px no-repeat}
.eco-prod-nav--prev{left:-14px;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 5-7 7 7 7'/%3E%3C/svg%3E")}
.eco-prod-nav--next{right:-14px;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E")}
.eco-prod-card{display:flex;flex-direction:column;margin:0!important;overflow:hidden;background:#fff;border:1px solid var(--eco-line);border-radius:14px;list-style:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.eco-prod-card[hidden]{display:none}
.eco-prod-card:hover{border-color:#D9C39B;box-shadow:0 18px 34px -22px rgba(42,22,8,.45);transform:translateY(-2px)}
/* Ảnh đặt trong vùng nền be, bo góc; ảnh poster cắt lấy phần hũ (đáy ảnh). */
.eco-prod-card__img{position:relative;display:block;padding:16px;background:#F3EBDC}
.eco-prod-card__img img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 50%;border-radius:8px;transition:transform .4s ease}
.eco-prod-card:hover .eco-prod-card__img img{transform:scale(1.02)}
.eco-prod-card__badge{position:absolute;z-index:1;top:12px;left:12px;padding:3px 8px;border-radius:4px;background:var(--eco-gold);color:var(--eco-dk);font-size:.72rem;font-weight:700}
.eco-prod-card__body{display:flex;flex:1;flex-direction:column;padding:1.1rem 1.25rem 1.25rem}
.eco-prod-card__group{margin:0 0 .3rem;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#9A8A7B}
.eco-prod-card__name{margin:0 0 .35rem;font:700 1.12rem/1.3 var(--eco-f-disp)}
.eco-prod-card__name a{color:var(--eco-ink)}
.eco-prod-card__name a:hover{color:var(--eco-brown)}
.eco-prod-sec .eco-prod-card__desc{margin:0 0 .8rem;font-size:.84rem;line-height:1.5;color:var(--eco-ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eco-prod-card__spec{margin:0 0 1.1rem!important;padding:.75rem 0 0!important;border-top:1px dashed var(--eco-line)}
.eco-prod-card__spec div{display:flex;justify-content:space-between;gap:.6rem;margin:0 0 .3rem;font-size:.84rem;line-height:1.4}
.eco-prod-card__spec :is(dt,dd){margin:0;font-size:inherit;text-transform:none;letter-spacing:0}
.eco-prod-card__spec dt{flex:none;font-weight:400;color:var(--eco-ink2)}
.eco-prod-card__spec dd{font-weight:600;color:var(--eco-ink);text-align:right}
.eco-prod-card__spec dd.is-gold{color:var(--eco-gold-d)}
.eco-prod-card__quote{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:auto;border-radius:6px;background:var(--eco-dk);font:600 .9rem/1 var(--eco-f-body);color:#fff;text-decoration:none;transition:background-color .2s ease}
.eco-prod-card__quote:hover,.eco-prod-card__quote:focus-visible{background:var(--eco-brown);color:#fff}
#main .eco-prod-sec .eco-prod-sec__more{margin:0;font-weight:600;text-transform:none;letter-spacing:0}
@media(max-width:1023px){.eco-prod-grid>.eco-prod-card{flex-basis:calc((100% - 24px)/2.4)}}
@media(max-width:549px){.eco-prod-grid{gap:12px}.eco-prod-grid>.eco-prod-card{flex-basis:72%}.eco-prod-nav{display:none}}
/* Đổi tab: thẻ hiện mờ dần lên lần lượt. */
@keyframes eco-prod-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.eco-prod-card:not([hidden]){animation:eco-prod-in .3s cubic-bezier(.22,.7,.2,1) both}
@media(prefers-reduced-motion:reduce){.eco-prod-card:not([hidden]){animation:none}}
@media(max-width:549px){
  .eco-prod-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-right:-15px;padding-right:15px;scrollbar-width:none}
  .eco-prod-tabs::-webkit-scrollbar{display:none}
  .eco-prod-tab{flex:none;font-size:.85rem}
  .eco-prod-card__img{padding:8px}
  .eco-prod-card__body{padding:.8rem .8rem .9rem}
  .eco-prod-card__name{font-size:.98rem}
  .eco-prod-card__spec div{display:block;font-size:.78rem}
  .eco-prod-card__spec dd{text-align:left}
  .eco-prod-card__quote{font-size:.8rem;padding:0 .4rem;text-align:center;line-height:1.25}
}

/* Lợi ích khi hợp tác (trang chủ, ngay dưới banner): đọc lướt. 4 ô cùng cấu trúc icon lớn + tiêu đề + một câu;
   số "100" trong tiêu đề ô 1 tô vàng, cỡ lớn hơn. Kẻ dọc giữa các ô; dưới 850px xếp 2x2. */
.eco-benefits{background:var(--eco-surf);border-bottom:1px solid var(--eco-line)}
.eco-benefits h2{font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.15;margin:0 0 .6rem}

/* Lưới sản phẩm nổi bật */
.eco-sec .product-small .box-image{border-radius:8px}
.eco-sec .product-small .box-image img{object-fit:cover}

/* Gia công: hai ảnh lệch và danh sách ý */

.eco-pts{list-style:none;margin:1.4rem 0 1.8rem;padding:0;border-top:1px solid var(--eco-line)}
.eco-pts li{display:grid;grid-template-columns:28px 1fr;gap:.8rem;padding:.95rem 0;border-bottom:1px solid var(--eco-line);margin:0;list-style:none}
.eco-pts li:before{content:"";width:10px;height:10px;margin-top:.5rem;background:var(--eco-gold);border-radius:2px}
.eco-pts b{display:block;font-weight:600}
.eco-pts span{font-size:.92rem;color:var(--eco-ink2)}
.eco-sec .img-inner,.eco-tet .img-inner{border-radius:8px}

/* Quà Tết */
.eco-tet .img-inner{overflow:hidden}
/* Giấy tờ, bài viết, liên hệ */
.eco-doc>.col-inner{background:var(--eco-bg);border:1px solid var(--eco-line);border-radius:8px;padding:1.4rem;height:100%}
.eco-doc dl{display:grid;gap:.25rem;margin:.6rem 0 0;font-size:.92rem;color:var(--eco-ink2)}
.eco-doc dl>div{margin:0}
.eco-doc dt{display:inline;font-weight:600;color:var(--eco-ink);text-transform:none}
.eco-doc dd{display:inline;margin:0}
.eco-doc h3{margin:.3rem 0 0}
.eco-k{display:block;font:600 .78rem var(--eco-f-body);letter-spacing:.05em;text-transform:uppercase;color:var(--eco-gold-d);margin-bottom:.4rem}

/* Icon từng dòng liên hệ, nhận theo loại link: điện thoại, Zalo, email; dòng không có link (văn phòng) là ghim bản đồ. */

/* Trang Giới thiệu */
.eco-phero{min-height:0}
.eco-phero h1{font-size:clamp(2.2rem,4.8vw,4rem);line-height:1.08;letter-spacing:-.02em;margin:.8rem 0 1.1rem;max-width:20ch;color:#fff}

.eco-pill>.col-inner{border-top:2px solid var(--eco-gold);padding-top:1rem}
.eco-pill p{color:var(--eco-ink2);font-size:.97rem;margin:.5rem 0 0}
.eco-ent dl{display:grid;gap:0;border-top:1px solid var(--eco-line);margin:0}
.eco-ent dl>div{display:grid;grid-template-columns:200px 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--eco-line);margin:0}
.eco-ent dt{font-weight:600;color:var(--eco-ink2);text-transform:none;font-size:.92rem}
.eco-ent dd{margin:0}
.eco-ent-note>.col-inner{background:#F8EEDD;border:1px solid var(--eco-line);border-radius:10px;padding:1.4rem;border-color:#EBD9B8}
.eco-ent-note p{margin:.5rem 0 0;color:var(--eco-ink2);font-size:.96rem}
@media(max-width:849px){.eco-ent dl>div{grid-template-columns:1fr;gap:.2rem}}
.accordion-title{font:600 1.02rem var(--eco-f-body);text-transform:none;letter-spacing:0}

/* Mega menu Sản phẩm (UX Block "Mega menu Sản phẩm") */
.menu-item-design-container-width>.nav-dropdown,.menu-item-design-full-width>.nav-dropdown{background:var(--eco-surf);border:1px solid var(--eco-line);border-radius:10px;box-shadow:0 18px 40px -18px rgba(31,23,16,.35);padding:0}
.menu-item-has-block .nav-dropdown .section{padding:clamp(18px,2.4vw,30px)!important}
.eco-mega-menu .ux-menu{gap:.1rem}
.eco-mega-menu .ux-menu-link__link{padding:.65rem .2rem;font:600 .98rem var(--eco-f-body);color:var(--eco-ink);text-transform:none;border-bottom:0;transition:color .15s,padding-left .15s}
.eco-mega-menu .ux-menu-link__link:hover{color:var(--eco-gold-d);padding-left:.5rem}
.eco-mega-menu>.col-inner,.eco-mega-menu .col-inner{padding-right:clamp(10px,1.5vw,24px)}
.eco-mega-img .box-image{border-radius:8px;overflow:hidden;border:1px solid var(--eco-line)}
.eco-mega-img .box-text{padding:.6rem 0 0;text-align:left}
.eco-mega-img h4{font:600 .98rem var(--eco-f-body);color:var(--eco-ink);margin:0;text-transform:none;letter-spacing:0}
.eco-mega-img:hover h4{color:var(--eco-gold-d)}

/* Chân trang (UX Block "Chân trang ECO FOOD") */
#footer.footer-wrapper{background:var(--eco-dk);color:#D8C8B0}
#footer .section{background:transparent}
.eco-footer{font-size:.92rem}
.eco-footer h4,.eco-footer .ux-menu-title{font:600 .8rem var(--eco-f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--eco-gold-l);margin:0 0 .7rem}
.eco-footer .ux-menu{gap:.4rem}
.eco-footer a,.eco-footer .ux-menu-link__link{color:#E4D5BF;text-decoration:none;padding:.15rem 0;border:0}
.eco-footer a:hover,.eco-footer .ux-menu-link__link:hover{color:#fff;text-decoration:underline}
.eco-fname{display:inline-block;font:700 1.3rem var(--eco-f-disp);color:#fff!important;text-decoration:none!important}
.eco-fname b{color:var(--eco-gold-l);font-weight:700}
.eco-footer p{color:#D8C8B0;margin:.7rem 0 0;max-width:36ch}
.eco-fcontact{list-style:none;margin:1rem 0 0!important;padding:0}
.eco-fcontact li{position:relative;min-height:30px;padding:.2rem 0 0 42px;margin:0 0 .45rem!important;list-style:none}
/* Icon từng dòng liên hệ ở chân trang (nền tối), nhận theo loại link. */
.eco-fcontact li:before{content:"";position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E7C46A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/15px no-repeat}
.eco-fcontact li:has(a[href^="tel:"]):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E7C46A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3.5l1.5 4-2 1.5a11 11 0 0 0 6.5 6.5l1.5-2 4 1.5V19a1 1 0 0 1-1 1A16 16 0 0 1 4 5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E")}
.eco-fcontact li:has(a[href*="zalo.me"]):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E7C46A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 9.4 9.4 0 0 1-3.6-.7L3 21l1.6-4.4A8 8 0 0 1 3 11.5 8.6 8.6 0 0 1 12 3a8.6 8.6 0 0 1 9 8.5z'/%3E%3C/svg%3E")}
.eco-fcontact li:has(a[href^="mailto:"]):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E7C46A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6.5 8.5 6.5 8.5-6.5'/%3E%3C/svg%3E")}
.eco-fcontact a{color:var(--eco-gold-l)}
.eco-flegal{border-top:1px solid rgba(255,255,255,.15);padding-top:1.1rem;font-size:.84rem;line-height:1.6;color:#B9A582}
.eco-flegal p{max-width:none;margin:0;color:#CDBBA0;line-height:1.55}

.absolute-footer{background:#1A100B;color:#BFAE94;font-size:.86rem}
ul.eco-fcontact,ul.eco-pts{margin-left:0!important;padding-left:0!important}

.eco-doc dd,.eco-doc dt,.eco-ent dd,.eco-ent dt{text-transform:none!important;letter-spacing:0!important}
.eco-list{margin:.6rem 0 0!important;padding-left:1.1rem!important;color:var(--eco-ink2);font-size:.94rem}
.eco-list li{margin:0 0 .3rem}
a.eco-link{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:var(--eco-gold);color:inherit}
.eco-minbar-wide{max-width:none}

/* Nút liên hệ nổi: Chat Zalo + hotline */
.eco-cta{position:fixed;left:16px;bottom:16px;z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.eco-cta a{text-decoration:none}
.eco-cta-zalo{display:block;width:48px;height:48px;font-size:0;color:transparent;background:url(assets/anh/icon-zalo.svg) center/cover no-repeat;border-radius:12px;box-shadow:0 8px 20px -8px rgba(0,104,255,.6);transition:transform .15s ease,box-shadow .15s ease}
.eco-cta-zalo:hover{transform:scale(1.06);box-shadow:0 10px 24px -8px rgba(0,104,255,.75)}
.eco-zalo-ic{width:26px;height:26px;border-radius:7px;background:url(assets/anh/icon-zalo.svg) center/cover no-repeat}
.eco-cta-zalo:active,.eco-cta-tel:active{transform:translateY(1px)}
.eco-cta-tel{display:inline-flex;align-items:center;gap:.7rem;background:#F2F0EE;border:1px solid #DDD6C9;border-radius:999px;box-shadow:0 8px 20px -10px rgba(31,23,16,.5);overflow:hidden;transition:width .2s ease,background-color .2s ease,transform .1s ease}
.eco-cta-ic{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--eco-gold);color:var(--eco-ink)}
.eco-cta-ic:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--eco-gold);opacity:.45;animation:eco-ring 1.8s ease-out infinite}
.eco-cta-ic svg{position:relative;z-index:1}
.eco-cta-num{font:700 1.05rem var(--eco-f-body);color:var(--eco-brown);letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
@keyframes eco-ring{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.eco-cta-ic:before{animation:none;display:none}}
@media(min-width:550px){
  .eco-cta-tel{width:48px;height:48px;padding:2px}
  .eco-cta-tel:hover,.eco-cta-tel:focus-visible{width:174px;background:#fff}
  .eco-cta-ic{flex:0 0 42px;width:42px;height:42px}
}

/* Trang pháp lý và chính sách */
.eco-table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0}
.eco-table th{text-align:left;font:600 .8rem var(--eco-f-body);letter-spacing:.05em;text-transform:uppercase;color:var(--eco-ink2);padding:.7rem .6rem;border-bottom:2px solid var(--eco-ink)}
.eco-table td{padding:.7rem .6rem;border-bottom:1px solid var(--eco-line);vertical-align:top}

.eco-policy h2{font-size:1.35rem!important;line-height:1.25;margin:2rem 0 .6rem}
.eco-policy h2:first-child{margin-top:0}
.eco-policy p,.eco-policy li{color:var(--eco-ink);line-height:1.7}
.eco-policy ul{margin:.4rem 0 0 1.2rem}
.eco-policy li{margin-bottom:.4rem}
.eco-card .eco-link{font-weight:600}
.eco-doc p{font-size:.95rem;color:var(--eco-ink2);margin:.4rem 0 0}
.eco-archive-title{font:700 clamp(1.8rem,3.4vw,2.6rem)/1.1 var(--eco-f-disp);letter-spacing:-.015em;margin:.45rem 0 0}

/* Banner trang chủ: chữ 7 cột bên trái, ảnh bo góc 5 cột bên phải nằm trong khung 1200px. */
.section.eco-hero{min-height:0!important;overflow:hidden}
.eco-hero .section-bg{background:radial-gradient(ellipse 70% 90% at 75% 40%,#3a2516 0,transparent 70%),linear-gradient(180deg,#22170f 0,#18110b 100%)!important}
.eco-hero .row.eco-hero__row{padding:clamp(56px,8vw,104px) 0 clamp(40px,5vw,64px)}
.eco-hero .eco-hero__kicker{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--eco-gold);margin:0 0 1rem}
.eco-hero .eco-hero__kicker span{opacity:.5;margin:0 .5em}
.eco-hero .eco-hero__title{font-size:clamp(2.4rem,5vw,4.1rem);line-height:1.08;letter-spacing:-.02em;color:#fff;margin:0 0 1.2rem}
.eco-hero .eco-hero__title em{display:block;font-style:italic;font-weight:600;color:var(--eco-gold)}
.eco-hero .eco-hero__lead{font-size:1.15rem;line-height:1.65;color:#D9CABA;max-width:40em;margin:0 0 1.5rem}
.eco-hero .eco-hero__lead strong{color:#fff}
.eco-hero .eco-hero__checks{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.5rem;max-width:40em}
.eco-hero .eco-hero__checks li{margin:0;display:flex;gap:.6rem;align-items:center;font-size:.95rem;color:#E4D6C5}
.eco-hero .eco-hero__checks li:before{content:"✓";flex:none;display:grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--eco-gold);border-radius:50%;color:var(--eco-gold);font-size:10px;font-weight:700}
.eco-hero .row.eco-hero__doors{margin:0;width:auto}
.eco-hero .eco-hero__doors>.col{padding:0}
.eco-hero .eco-hero__doors .col-inner{display:flex;flex-wrap:wrap;gap:16px}
#main .section.eco-hero .eco-hero__door{margin:0;min-height:52px;padding:0 1.5rem;border-radius:4px;font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none}
.eco-hero .eco-hero__door.button.primary{box-shadow:0 10px 24px -8px rgba(216,156,26,.55)}
.eco-hero .eco-hero__door--alt.is-outline{border:1px solid #5a4030;background:rgba(255,255,255,.02);color:#fff}
.eco-hero .eco-hero__door--alt.is-outline:hover{border-color:var(--eco-gold);background:rgba(216,156,26,.12);color:#fff}
.eco-hero .eco-hero__more{margin:1.4rem 0 0 .25rem;font-size:.95rem}
.eco-hero .eco-hero__more a{color:#BFAE9C}
.eco-hero .eco-hero__more a:hover{color:var(--eco-gold)}
.eco-hero .eco-hero__media .img,.eco-hero .eco-hero__media .img-inner{margin:0}
.eco-hero .eco-hero-showcase img{aspect-ratio:4/3;object-fit:cover;object-position:50% 55%}
.eco-hero .img:hover .img-inner img{transform:none!important}
.eco-hero .eco-proof-bar{max-width:1200px;margin:0 auto;padding:2rem 15px clamp(40px,5vw,64px)}
@media(min-width:850px){.eco-hero .eco-hero__text{padding-right:clamp(24px,4vw,56px)}}
@media(max-width:849px){
  .eco-hero .row.eco-hero__row{padding:40px 0 24px}
  .eco-hero .eco-hero__media{padding-top:28px}
}
@media(max-width:549px){
  .eco-hero .eco-hero__title{font-size:clamp(2.1rem,10vw,2.6rem)}
  .eco-hero .eco-hero__lead{font-size:1.02rem}
  .eco-hero .eco-hero__checks{grid-template-columns:1fr}
  .eco-hero .eco-hero__doors .col-inner{flex-direction:column;gap:12px}
  #main .section.eco-hero .eco-hero__door{width:100%}
  }

/* Vùng chạm tối thiểu 44px (chuẩn Apple HIG / WCAG) cho nút trong nội dung trang, tab lọc, nút báo giá trên thẻ. */
#main .section .button,.eco-prod-tab,.eco-prod-card__quote,.eco-form .eco-quote-btn--lg{min-height:44px}
#main .section .button{display:inline-flex;align-items:center;justify-content:center}
.eco-form .eco-quote-btn--lg[aria-busy="true"]{opacity:.6;cursor:progress}

/* ==========================================================================
   Trang chủ: nhịp nền và tỷ lệ cột (14/10/2026)
   Màu nền từng khối đặt trong pages/trang-chu.txt (bg_color của section); ở đây chỉ ép nền
   khối Lợi ích, Sản phẩm và bỏ đường kẻ ngăn giữa hai khối sáng liền nhau.
   ========================================================================== */
body.home .eco-benefits{background:var(--eco-bg)!important}
body.home .eco-prod-sec{background:var(--eco-surf)!important}
body.home :is(.eco-benefits,.eco-prod-sec){border-top:0;border-bottom:0}

/* Form báo giá: khung trắng thoáng, nút vàng chữ nâu; cột liên hệ bên trái gọn hơn. */

/* Chân trang: chữ chính màu kem, vàng cho tên nhóm và liên kết quan trọng. */
#footer.footer-wrapper,.eco-footer p,.eco-footer .eco-fcontact li{color:#E9DCC6}

.eco-flegal p+p{margin-top:.2rem}

/* Nút "Nhận báo giá" trên header: vàng chữ nâu như mọi nút chính. */
.header-main .header-button .button.primary{background:var(--eco-gold);border-color:var(--eco-gold);color:var(--eco-brown);text-transform:none;letter-spacing:0}
.header-main .header-button .button.primary:hover{background:var(--eco-gold-l);border-color:var(--eco-gold-l);color:var(--eco-brown);box-shadow:none}
.eco-prod-sec .button.is-link{padding-left:0;padding-right:0;margin-top:.6rem}

/* Banner: khung ảnh có viền ngoài, 2 nhãn nổi và thanh mở popup mẫu thử. */
.eco-hero-frame{padding:16px;border:1px solid rgba(216,156,26,.28);border-radius:22px;background:rgba(255,255,255,.025);box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.eco-hero-showcase{position:relative;border-radius:14px;overflow:hidden}
.eco-hero-showcase img{width:100%;height:auto;display:block;transition:transform .7s ease}
.eco-hero-showcase:hover img{transform:scale(1.03)}
.eco-hero-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:rgba(30,20,13,.88);backdrop-filter:blur(8px);border:1px solid rgba(216,156,26,.3);border-radius:10px;color:#fff;line-height:1.25;pointer-events:none}
.eco-hero-chip small{display:block;font-size:.72rem;color:#C9B8A6}
.eco-hero-chip b{display:block;font-size:.92rem;font-weight:700;color:var(--eco-gold-l)}
.eco-hero-chip--br b{color:#fff}
.eco-hero-chip__ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(216,156,26,.18);color:var(--eco-gold-l)}
.eco-hero-chip--tl{top:14px;left:14px}
.eco-hero-chip--br{right:14px;bottom:66px}
.eco-hero-cta{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;background:rgba(30,20,13,.9);backdrop-filter:blur(8px);border:1px solid rgba(216,156,26,.35);border-radius:8px;color:#EADCC6;font-size:.88rem;text-align:center;transition:border-color .2s,color .2s}
.eco-hero-cta:hover,.eco-hero-cta:focus-visible{border-color:var(--eco-gold);color:#fff}
@media(max-width:549px){
  .eco-hero-frame{padding:10px;border-radius:16px}
  .eco-hero-chip{padding:6px 10px 6px 6px}
  .eco-hero-chip__ic{width:28px;height:28px}
  .eco-hero-chip--tl{top:10px;left:10px}
  .eco-hero-chip--br{right:10px;bottom:60px}
  .eco-hero-cta{left:10px;right:10px;bottom:10px;font-size:.8rem}
}

/* Popup "Đăng ký nhận hộp mẫu thử" ([lightbox id="mau-thu"] trên trang chủ). */
.lightbox-content.eco-mt{border-radius:18px;overflow:hidden;background:#FBF8F3;position:relative}
.eco-mt .eco-mt__bar{background:var(--eco-dk);padding:14px clamp(16px,3vw,32px);padding-right:110px;padding-top:10px;padding-bottom:10px}
.eco-mt .eco-mt__bar p{margin:0;color:#D9CABA;font-size:.88rem}
.eco-mt__pill{display:inline-block;margin-right:10px;padding:4px 12px;border-radius:99px;background:var(--eco-gold);color:var(--eco-dk);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}
.eco-mt .row.eco-mt__body{padding:14px clamp(4px,2vw,18px) 4px;max-width:none}
.eco-mt__title{font-size:clamp(1.35rem,2.4vw,1.75rem);margin:0 0 .2rem}
.eco-mt__lead{color:var(--eco-ink2);margin:0 0 .2rem;font-size:.92rem}
.eco-mt .eco-mt__aside>.col-inner{background:#F1E9DC;border:1px solid var(--eco-line);border-radius:14px;padding:12px}
.eco-mt .eco-mt__img{margin-bottom:10px}
.eco-mt .eco-mt__img img{border-radius:10px;aspect-ratio:16/8;object-fit:cover}
.eco-mt__kicker{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--eco-ink2);margin:0 0 .5rem}
.eco-mt__list{list-style:none;margin:0 0 1rem;padding:0;margin-bottom:.7rem}
.eco-mt__list li{display:flex;gap:.55rem;margin:0 0 .45rem;font-size:.85rem;margin-bottom:.3rem}
.eco-mt__list li:before{content:"✓";flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--eco-ok);color:#fff;font-size:10px;font-weight:700}
.eco-mt__note{margin:0;padding:10px 12px;background:#fff;border:1px solid var(--eco-line);border-radius:10px;font-size:.84rem;color:var(--eco-ink2)}
.eco-form--mt{background:transparent;border:0;padding:0}
.eco-form--mt p{margin-bottom:.8rem}
.eco-mt-pick{border:0;margin:0 0 .9rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.eco-form .eco-mt-pick legend{grid-column:1/-1;width:100%;margin:0 0 .2rem;padding:0;border:0;font-weight:600;font-size:.9rem;text-transform:none;letter-spacing:0;color:var(--eco-ink)}
.mfp-content:has(.eco-mt) .mfp-close{color:#fff;opacity:.9;mix-blend-mode:normal}
.eco-form .eco-mt-pick label{display:flex;align-items:center;gap:.5rem;min-height:44px;margin:0;padding:6px 10px;background:#fff;border:1.5px solid var(--eco-line);border-radius:6px;font-weight:500;font-size:.88rem;cursor:pointer}
.eco-form .eco-mt-pick label:has(input:checked){border-color:var(--eco-gold);background:#FFF8E8}
.eco-mt-pick input{width:16px;height:16px;margin:0;accent-color:var(--eco-gold-d)}
.eco-form--mt .eco-quote-btn--lg{background:linear-gradient(180deg,#E2B04A,#C08A1E);border-color:#C08A1E;color:var(--eco-dk);box-shadow:0 10px 22px -10px rgba(192,138,30,.8)}
.eco-form--mt .eco-fine{text-align:center;font-size:.8rem}
@media(max-width:549px){.eco-mt-pick{grid-template-columns:1fr}.eco-mt .eco-mt__img{display:none}}

/* Hero Proof Numbers Bar */
.eco-proof-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2rem 0 0;margin-top:2.5rem;border-top:1px solid #382419}
@media(max-width:768px){.eco-proof-bar{grid-template-columns:repeat(2,1fr);gap:1.2rem}}
.eco-proof-item{text-align:left}
.eco-proof-num{font-family:var(--eco-f-disp);font-size:clamp(1.7rem,2.4vw,2.2rem);font-weight:700;color:var(--eco-gold-l);line-height:1}
.eco-proof-num.gold{color:var(--eco-gold-l)}
.eco-proof-label{font-size:.82rem;color:#b3a292;margin-top:.4rem;line-height:1.35}

/* Trang chủ: "Vì sao chọn ECO FOOD VN": 4 thẻ lợi ích (icon, nhãn số, link) và thanh tư vấn. */
.eco-vsec .eco-vsec__kicker{margin:0 0 .6rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--eco-gold-d)}
.eco-vsec .eco-vsec__title{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.12;margin:0 0 .9rem}
.eco-vsec .eco-vsec__lead{font-size:1.02rem;line-height:1.65;color:var(--eco-ink2);max-width:36em;margin:0}

.eco-vsec .eco-vcard>.col-inner{position:relative;height:100%;padding:20px 20px 16px;background:#fff;border:1px solid var(--eco-line);border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column}
.eco-vsec .eco-vcard>.col-inner:hover{border-color:var(--eco-gold);box-shadow:0 14px 30px -18px rgba(74,42,20,.4);transform:translateY(-2px)}
/* Nhãn số góc phải trên (phần tử Text riêng, đặt tuyệt đối trong thẻ). */
.eco-vsec .eco-vcard__tag{position:absolute;top:28px;right:20px;margin:0;z-index:1}
.eco-vsec .eco-vcard__tag p{margin:0;padding:3px 9px;border-radius:5px;background:#FBEFE0;border:1px solid #F0DCC2;color:var(--eco-brown);font-size:.74rem;font-weight:600}
/* Icon Box của Flatsome: ô icon nền be, title = dòng nhỏ vàng, title_small = tiêu đề đậm. */
.eco-vsec .eco-vcard__box .icon-box-img{margin-bottom:1rem}
.eco-vsec .eco-vcard__box .icon-inner{display:grid;place-items:center;width:40px;height:40px;padding:8px;border-radius:9px;background:#FBEFE0;border:1px solid #F0DCC2}
.eco-vsec .eco-vcard__box .icon-box-text h5{margin:0 0 .2rem;font:600 .75rem/1.4 var(--eco-f-body);letter-spacing:0;text-transform:none;color:var(--eco-gold-d)}
.eco-vsec .eco-vcard__box .icon-box-text h6{margin:0 0 .6rem;font:700 1.02rem/1.35 var(--eco-f-body);letter-spacing:0;text-transform:none;color:var(--eco-ink)}
.eco-vsec .eco-vcard__box .icon-box-text p{margin:0 0 1rem;font-size:.88rem;line-height:1.6;color:var(--eco-ink2)}
#main .eco-vsec .eco-vcard__more{display:flex;justify-content:flex-start;width:100%;margin:0;padding:.8rem 0 0;border-top:1px solid var(--eco-line);font-size:.82rem;font-weight:600;color:var(--eco-gold-d);text-transform:none;letter-spacing:0;text-decoration:none}
#main .eco-vsec .eco-vcard__more:hover{color:var(--eco-brown)}
.eco-vsec .row.eco-vcards>.col{padding-bottom:24px}
.eco-vsec .row-inner.eco-vcta,.eco-vsec .eco-vcta{margin:1rem 0 0!important;padding:14px 8px;background:#F1E6D6;border:1px solid #E5D3BA;border-radius:12px}
.eco-vsec .eco-vcta .col{padding-bottom:0!important}
.eco-vsec .eco-vcta p{margin:0;font-size:.92rem;color:var(--eco-ink2)}
.eco-vsec .eco-vcta strong{color:var(--eco-ink)}
#main .eco-vsec .eco-vcta__btn{margin:0;background:var(--eco-dk);border-color:var(--eco-dk);color:#fff;border-radius:6px;text-transform:none;letter-spacing:0;font-weight:600}
#main .eco-vsec .eco-vcta__btn:hover{background:var(--eco-brown);border-color:var(--eco-brown)}
@media(max-width:549px){.eco-vsec .eco-vcta .col+.col{padding-top:12px}#main .eco-vsec .eco-vcta__btn{width:100%}}

/* Trang chủ: khối "Gia công theo thương hiệu riêng" (eco-oem), nền tối: 4 bước + đặc quyền bên trái; ảnh thành phẩm + bảng chọn quy cách (radio thuần CSS) bên phải. */
.eco-oem .eco-oem__kicker{margin:0 0 .8rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#E8A23A}
.eco-oem .eco-oem__title{font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.12;margin:0 0 .9rem;color:#fff}
.eco-oem .eco-oem__lead{margin:0 0 2.2rem;font-size:1rem;line-height:1.65;color:#D9CABA}
.eco-oem__step{display:flex;gap:18px;margin:0 0 12px;padding:18px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(232,162,58,.16);border-radius:10px;transition:border-color .2s}
.eco-oem__step:hover{border-color:rgba(232,162,58,.45)}
.eco-oem__no{flex:none;font:700 1.3rem/1.2 var(--eco-f-disp);color:#E8A23A}
.eco-oem .eco-oem__step p{margin:0;font-size:.86rem;line-height:1.55;color:#BFAE9C}
.eco-oem .eco-oem__step .eco-oem__step-h{margin:0 0 .3rem;font-size:1rem;font-weight:700;color:#fff}
.eco-oem__perk{margin:18px 0 22px;padding:16px 18px;background:rgba(232,162,58,.06);border:1px solid rgba(232,162,58,.25);border-radius:10px}
.eco-oem .eco-oem__perk-h{display:flex;align-items:center;gap:8px;margin:0 0 .6rem;font-weight:700;font-size:.95rem;color:#fff}
.eco-oem__perk-h svg{color:#E8A23A}
.eco-oem__perk ul{margin:0!important;padding:0!important;list-style:none}
.eco-oem__perk li{position:relative;margin:0 0 .4rem!important;padding-left:26px;font-size:.86rem;color:#D9CABA;list-style:none}
.eco-oem__perk li:before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:17px;height:17px;border:1.5px solid #E8A23A;border-radius:50%;color:#E8A23A;font-size:9px;font-weight:700}
#main .eco-oem .eco-oem__cta{margin:0 10px 10px 0;min-height:48px;border-radius:6px;text-transform:none;letter-spacing:0;font-weight:600}
#main .eco-oem .eco-oem__cta.button.primary{background:#E8A23A;border-color:#E8A23A;color:#241711}
#main .eco-oem .eco-oem__cta.button.primary:hover{background:#F2B85C;border-color:#F2B85C}
#main .eco-oem .eco-oem__cta--alt{border:1px solid rgba(232,162,58,.4);color:#fff}
#main .eco-oem .eco-oem__cta--alt:hover{background:rgba(232,162,58,.12);border-color:#E8A23A}
.eco-oem .eco-oem__right>.col-inner{position:relative}
.eco-oem .eco-oem__img{margin:0}
.eco-oem .eco-oem__img .img-inner{border-radius:14px;overflow:hidden;border:1px solid rgba(232,162,58,.22)}
.eco-oem .eco-oem__img img{aspect-ratio:4/5;object-fit:cover;object-position:50% 45%}
.eco-oem .eco-oem__cap{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-90px 14px 24px;padding:10px 14px;background:rgba(28,16,12,.9);backdrop-filter:blur(8px);border:1px solid rgba(232,162,58,.3);border-radius:10px}
.eco-oem .eco-oem__cap b{display:block;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.eco-oem .eco-oem__cap small{display:block;font-size:.74rem;color:#BFAE9C}
.eco-oem .eco-oem__cap span{flex:none;padding:4px 10px;border:1px solid rgba(232,162,58,.55);border-radius:5px;color:#E8A23A;font-size:.76rem;font-weight:600}
@media(min-width:850px){.eco-oem .eco-oem__left{padding-right:clamp(16px,2.5vw,32px)}}
@media(max-width:849px){.eco-oem .eco-oem__right{margin-top:1.6rem}}
@media(max-width:549px){#main .eco-oem .eco-oem__cta{width:100%;margin-right:0}.eco-oem__step{padding:14px}.eco-oem .eco-oem__cap{margin:10px 0 14px}}

/* Trang chủ: "Năng lực cung ứng & pháp lý" (eco-cap): chữ + 3 số liệu bên trái, bảng hồ sơ pháp lý nền tối bên phải. */
.eco-cap .eco-cap__kicker{margin:0 0 .8rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--eco-gold-d)}
.eco-cap .eco-cap__title{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;margin:0 0 1rem}
.eco-cap .eco-cap__lead{margin:0 0 1.6rem;font-size:1rem;line-height:1.7;color:var(--eco-ink2)}
.eco-cap__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 1.4rem;border-top:1px solid var(--eco-line);border-bottom:1px solid var(--eco-line)}
.eco-cap__stats>div{margin:0;padding:1.1rem 1rem 1.1rem 0}
.eco-cap__stats>div+div{padding-left:1rem;border-left:1px solid var(--eco-line)}
.eco-cap__stats dt{margin:0;font:700 clamp(1.5rem,2.4vw,2rem)/1.1 var(--eco-f-disp);color:var(--eco-gold-d);text-transform:none;letter-spacing:-.01em}
.eco-cap__stats dd{margin:.35rem 0 0;font-size:.85rem;line-height:1.4;color:var(--eco-ink2);text-transform:none;letter-spacing:0}
#main .eco-cap .eco-cap__more{margin:0;padding:0;font-weight:600;text-transform:none;letter-spacing:0;color:var(--eco-ink);background:none;border-color:transparent;box-shadow:none;text-decoration:underline;text-decoration-color:var(--eco-gold);text-decoration-thickness:1.5px;text-underline-offset:5px}
#main .eco-cap .eco-cap__more:hover{color:var(--eco-gold-d)}
.eco-cap .eco-cap__docs>.col-inner{padding:clamp(20px,3vw,32px);background:var(--eco-dk);border-radius:18px;box-shadow:0 30px 60px -30px rgba(36,23,17,.6)}
.eco-cap .eco-cap__docs-h{margin:0 0 1rem;font:700 1.25rem/1.2 var(--eco-f-disp);color:#fff}
.eco-cap__list{margin:0!important;padding:0!important;list-style:none}
.eco-cap__list li{display:flex;gap:14px;align-items:flex-start;margin:0!important;padding:14px 0;border-top:1px solid rgba(231,196,106,.18);list-style:none}
.eco-cap__ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(216,156,26,.14);border:1px solid rgba(216,156,26,.3);color:var(--eco-gold-l)}
.eco-cap__list small{display:block;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:#B8A796}
.eco-cap__list b{display:block;margin:.1rem 0;font-size:1rem;color:#fff}
.eco-cap__list em{display:block;font-style:normal;font-size:.84rem;color:#D9CABA}
.eco-cap .eco-cap__note{margin:.6rem 0 0;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.05);font-size:.84rem;line-height:1.5;color:#D9CABA}
@media(min-width:850px){.eco-cap .eco-cap__text{padding-right:clamp(24px,4vw,56px)}}
@media(max-width:849px){.eco-cap .eco-cap__docs{margin-top:1.6rem}}
@media(max-width:549px){.eco-cap__stats>div{padding-right:.5rem}.eco-cap__stats>div+div{padding-left:.6rem}.eco-cap__stats dt{font-size:1.3rem}.eco-cap__stats dd{font-size:.78rem}}

/* Trang chủ: khối Quà Tết (eco-tet3), nền nâu tối: nguồn hàng cho bên làm quà; set trọn gói dẫn sang quatetgiaviet.vn. */
.eco-tet3 .eco-tet3__kicker{display:flex;align-items:center;gap:8px;margin:0 0 .8rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F0A93B}
.eco-tet3 .eco-tet3__title{font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.12;margin:0 0 .9rem;color:#fff}
.eco-tet3 .eco-tet3__lead{margin:0 0 2rem;font-size:1rem;line-height:1.65;color:#D9CABA}
.eco-tet3 .eco-tet3__lead b{color:#F0A93B}
.eco-tet3 .eco-tet3__media>.col-inner{position:relative}
.eco-tet3 .eco-tet3__media .img{margin:0}
.eco-tet3 .eco-tet3__media .img-inner{border-radius:16px;overflow:hidden;border:1px solid rgba(240,169,59,.25)}
.eco-tet3 .eco-tet3__media img{aspect-ratio:16/11;object-fit:cover}
.eco-tet3 .eco-tet3__cap{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(28,16,12,.88);backdrop-filter:blur(8px);border:1px solid rgba(240,169,59,.3);border-radius:10px}
.eco-tet3 .eco-tet3__cap b{display:block;font-size:.9rem;color:#fff}
.eco-tet3 .eco-tet3__cap small{display:block;font-size:.74rem;color:#BFAE9C}
.eco-tet3 .eco-tet3__cap span{flex:none;padding:4px 10px;border:1px solid rgba(240,169,59,.55);border-radius:5px;color:#F0A93B;font-size:.76rem;font-weight:600}
.eco-tet3__feat{margin:0 0 12px;padding:14px 16px;background:rgba(255,255,255,.035);border:1px solid rgba(240,169,59,.18);border-radius:10px}
.eco-tet3 .eco-tet3__feat p{margin:0;font-size:.86rem;line-height:1.55;color:#CDBBA9}
.eco-tet3 .eco-tet3__feat .eco-tet3__feat-h{display:flex;align-items:center;gap:8px;margin:0 0 .3rem;font-size:.95rem;font-weight:700;color:#fff}
.eco-tet3__feat-h svg{color:#F0A93B;flex:none}
#main .eco-tet3 .eco-tet3__cta{margin:6px 10px 0 0;min-height:48px;border-radius:6px;text-transform:none;letter-spacing:0;font-weight:600}
#main .eco-tet3 .eco-tet3__cta.button.primary{background:#E8A23A;border-color:#E8A23A;color:#241711}
#main .eco-tet3 .eco-tet3__cta.button.primary:hover{background:#F2B85C;border-color:#F2B85C}
#main .eco-tet3 .eco-tet3__cta--alt{border:1px solid rgba(240,169,59,.4);color:#fff}
#main .eco-tet3 .eco-tet3__cta--alt:hover{background:rgba(240,169,59,.12);border-color:#F0A93B}
.eco-tet3 .row.eco-tet3__cards{margin-top:2.5rem}
.eco-tet3 .eco-tet3__card>.col-inner{display:flex;flex-direction:column;height:100%;padding:20px;background:#2A1814;border:1px solid rgba(240,169,59,.18);border-radius:14px;transition:border-color .2s,transform .2s}
.eco-tet3 .eco-tet3__card>.col-inner:hover{border-color:rgba(240,169,59,.5);transform:translateY(-2px)}
.eco-tet3 .eco-tet3__card.is-featured>.col-inner{border-color:rgba(240,169,59,.45);box-shadow:0 24px 50px -30px rgba(240,169,59,.35)}
.eco-tet3 .eco-tet3__card .text{flex:1}
.eco-tet3__card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.74rem;color:#A8978A}
.eco-tet3__pill{padding:3px 9px;border-radius:4px;background:rgba(232,77,61,.16);border:1px solid rgba(232,77,61,.4);color:#F49A8C;font-weight:600}
.eco-tet3 .eco-tet3__card-title{margin:0 0 .3rem;font-size:1.2rem;line-height:1.3;color:#fff}
.eco-tet3 .eco-tet3__card-sub{margin:0 0 .7rem;font-size:.8rem;color:#CDBBA9}
.eco-tet3 .eco-tet3__card-desc{margin:0 0 1rem;font-size:.84rem;line-height:1.55;color:#A8978A}
.eco-tet3__box{margin:0 0 1rem;padding:12px 14px;background:#1C100C;border:1px solid rgba(255,255,255,.06);border-radius:8px}
.eco-tet3__box small{display:block;font-size:.74rem;color:#A8978A}
.eco-tet3__box b{display:block;margin:.15rem 0;font-size:1.15rem;color:#F0A93B}
.eco-tet3__checks{margin:0!important;padding:0!important;list-style:none}
.eco-tet3__checks li{position:relative;margin:0 0 .45rem!important;padding-left:22px;font-size:.84rem;color:#D9CABA;list-style:none}
.eco-tet3__checks li:before{content:"✓";position:absolute;left:0;top:0;color:#F0A93B;font-weight:700}
#main .eco-tet3 .eco-tet3__btn{margin:1rem 0 0;min-height:44px;border:1px solid rgba(240,169,59,.35);border-radius:6px;background:rgba(240,169,59,.06);color:#fff;text-transform:none;letter-spacing:0;font-weight:600;font-size:.88rem}
#main .eco-tet3 .eco-tet3__btn:hover{background:rgba(240,169,59,.16);border-color:#F0A93B}
@media(min-width:850px){.eco-tet3 .eco-tet3__feats{padding-left:clamp(16px,2.5vw,32px)}}
@media(max-width:849px){.eco-tet3 .eco-tet3__feats{margin-top:1.4rem}.eco-tet3 .eco-tet3__card{margin-bottom:12px}}
@media(max-width:549px){.eco-tet3 .eco-tet3__cap{position:static;margin-top:10px;flex-direction:column;align-items:flex-start}#main .eco-tet3 .eco-tet3__cta{width:100%;margin-right:0}}

/* Trang chủ: "Quy trình hợp tác 4 bước" (eco-proc), tông sáng: nền be, thẻ trắng, số bước serif vàng. */
.eco-proc .eco-proc__head{text-align:center}
.eco-proc .eco-proc__kicker{margin:0 0 .7rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--eco-gold-d)}
.eco-proc .eco-proc__title{font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.12;margin:0 0 .8rem}
.eco-proc .eco-proc__lead{max-width:40em;margin:0 auto 2.4rem;font-size:1rem;line-height:1.65;color:var(--eco-ink2)}
.eco-proc .eco-proc__card>.col-inner{display:flex;flex-direction:column;height:100%;padding:20px;background:#fff;border:1px solid #E5D3BA;border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}
.eco-proc .eco-proc__card>.col-inner:hover{border-color:var(--eco-gold);box-shadow:0 18px 34px -22px rgba(74,42,20,.4);transform:translateY(-2px)}
.eco-proc .eco-proc__card .text,.eco-proc .eco-proc__card .text-inner{display:flex;flex-direction:column;flex:1}
.eco-proc__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.eco-proc__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#FBEFE0;border:1px solid #F0DCC2;color:var(--eco-gold-d)}
.eco-proc__no{font:700 1.6rem/1 var(--eco-f-disp);color:var(--eco-gold)}
.eco-proc__tag{align-self:flex-start;margin-bottom:.6rem;padding:3px 8px;border-radius:4px;background:#FBEFE0;color:var(--eco-brown);font-size:.72rem;font-weight:600}
.eco-proc .eco-proc__h{margin:0 0 .5rem;font-family:var(--eco-f-body);font-size:1.02rem;font-weight:700;letter-spacing:0}
.eco-proc .eco-proc__d{margin:0 0 1rem;font-size:.86rem;line-height:1.6;color:var(--eco-ink2)}
.eco-proc .eco-proc__step{margin:auto 0 0;padding-top:.8rem;border-top:1px solid var(--eco-line);font-size:.8rem;font-weight:600;color:var(--eco-gold-d)}
.eco-proc .eco-proc__ctas{text-align:center;margin-top:1.6rem}
#main .eco-proc .eco-proc__cta{margin:0 6px 10px;min-height:48px;border-radius:6px;text-transform:none;letter-spacing:0;font-weight:600}
#main .eco-proc .eco-proc__cta.button.secondary:not(.is-outline){background:var(--eco-gold);border-color:var(--eco-gold);color:var(--eco-dk);box-shadow:0 10px 22px -12px rgba(201,154,46,.8)}
#main .eco-proc .eco-proc__cta.button.secondary:not(.is-outline):hover{background:var(--eco-brown);border-color:var(--eco-brown);color:#fff}
#main .eco-proc .eco-proc__cta--alt{border:1px solid var(--eco-ink);color:var(--eco-ink);background:#fff}
#main .eco-proc .eco-proc__cta--alt:hover{background:var(--eco-dk);border-color:var(--eco-dk);color:#fff}
@media(max-width:849px){.eco-proc .eco-proc__card{padding-bottom:14px}}
@media(max-width:549px){#main .eco-proc .eco-proc__cta{width:100%;margin:0 0 10px}}

/* Trang chủ: FAQ (eco-faq2): accordion dạng thẻ bên trái, thẻ liên hệ + chính sách tóm tắt bên phải. */
.eco-faq2 .eco-faq2__kicker{margin:0 0 .7rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--eco-gold-d)}
.eco-faq2 .eco-faq2__title{font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.12;margin:0 0 .8rem}
.eco-faq2 .eco-faq2__lead{margin:0 0 2.2rem;font-size:1rem;line-height:1.65;color:var(--eco-ink2)}
.eco-faq2 .accordion-item{margin:0 0 12px;background:#fff;border:1px solid #E5D3BA;border-radius:12px;overflow:hidden;transition:border-color .2s}
.eco-faq2 .accordion-item:hover{border-color:var(--eco-gold)}
.eco-faq2 .accordion-title{display:flex;align-items:center;min-height:56px;padding:16px 52px 16px 18px;border:0!important;font:600 1rem/1.4 var(--eco-f-body);color:var(--eco-ink);background:none!important}
.eco-faq2 .accordion-title.active{border-bottom:1px solid var(--eco-line)!important;color:var(--eco-ink)}
.eco-faq2 .accordion-title .toggle{left:auto;right:14px;top:50%;transform:translateY(-50%);color:var(--eco-gold-d);width:28px;height:28px;display:grid;place-items:center;margin:0}
.eco-faq2 .accordion-title.active .toggle{transform:translateY(-50%) rotate(180deg)}
.eco-faq2 .accordion-inner{padding:14px 18px 16px}
.eco-faq2 .accordion-inner p{margin:0;font-size:.92rem;line-height:1.7;color:var(--eco-ink2)}
.eco-faq2 .accordion-inner a{color:var(--eco-brown);text-decoration:underline;text-decoration-color:var(--eco-gold);text-underline-offset:3px}
.eco-faq2 .eco-faq2__side>.col-inner{padding:24px;background:#fff;border:1px solid #E5D3BA;border-radius:14px;box-shadow:0 20px 40px -32px rgba(74,42,20,.45)}
.eco-faq2 .eco-faq2__side-h{margin:0 0 .3rem;font:700 1.35rem/1.2 var(--eco-f-disp);color:var(--eco-ink)}
.eco-faq2 .eco-faq2__side-sub{margin:0 0 1rem;font-size:.88rem;color:var(--eco-ink2)}
.eco-faq2__contacts{margin:0 0 1.2rem!important;padding:0!important;list-style:none}
.eco-faq2__contacts li{display:flex;align-items:center;gap:12px;margin:0!important;padding:10px 0;border-top:1px solid var(--eco-line);list-style:none}
.eco-faq2__ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#FBEFE0;color:var(--eco-gold-d)}
.eco-faq2__contacts small{display:block;font-size:.74rem;color:var(--eco-ink2)}
.eco-faq2__contacts a{font-weight:700;color:var(--eco-ink)}
.eco-faq2__contacts a:hover{color:var(--eco-gold-d)}
.eco-faq2 .eco-faq2__facts-h{margin:0 0 .5rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--eco-gold-d)}
.eco-faq2__facts{margin:0 0 1.2rem;padding:10px 14px;background:#F8F2E7;border-radius:10px}
.eco-faq2__facts div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:.86rem}
.eco-faq2__facts div+div{border-top:1px dashed #E5D3BA}
.eco-faq2__facts dt,.eco-faq2__facts dd{margin:0;font-size:inherit;text-transform:none;letter-spacing:0}
.eco-faq2__facts dt{font-weight:400;color:var(--eco-ink2)}
.eco-faq2__facts dd{font-weight:700;color:var(--eco-ink);text-align:right}
#main .eco-faq2 .eco-faq2__btn{margin:0;min-height:48px;border-radius:6px;background:var(--eco-dk);border-color:var(--eco-dk);color:#fff;text-transform:none;letter-spacing:0;font-weight:600}
#main .eco-faq2 .eco-faq2__btn:hover{background:var(--eco-brown);border-color:var(--eco-brown)}
@media(min-width:850px){.eco-faq2 .eco-faq2__list{padding-right:clamp(16px,2.5vw,32px)}}
@media(max-width:849px){.eco-faq2 .eco-faq2__side{margin-top:.8rem}}

/* Trang chủ: form báo giá (eco-qf) dạng thẻ 2 cột: thông tin liên hệ nền tối bên trái, form trắng bên phải ([eco_bao_gia layout="card"]). */
.eco-qf .row.eco-qf__row{max-width:1180px;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E5D3BA;box-shadow:0 30px 60px -36px rgba(42,22,8,.45)}
.eco-qf .eco-qf__info>.col-inner{height:100%;padding:clamp(28px,4vw,48px);background:radial-gradient(ellipse 80% 60% at 90% 100%,#3a2516 0,transparent 70%),#211510;color:#D9CABA}
.eco-qf .eco-qf__kicker{margin:0 0 .8rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#E8A23A}
.eco-qf .eco-qf__title{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;margin:0 0 1rem;color:#fff}
.eco-qf .eco-qf__lead{margin:0 0 1.6rem;font-size:.92rem;line-height:1.65;color:#CDBBA9}
.eco-qf__contacts{margin:0 0 1.6rem!important;padding:0!important;list-style:none}
.eco-qf__contacts li{display:flex;align-items:center;gap:14px;margin:0 0 14px!important;list-style:none}
.eco-qf__ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);color:#E8A23A}
.eco-qf__contacts small{display:block;font-size:.76rem;color:#A8978A}
.eco-qf__contacts a,.eco-qf__contacts b{display:block;font-weight:700;font-size:.95rem;color:#fff}
.eco-qf__contacts a:hover{color:#E8A23A}
.eco-qf .eco-qf__safe{display:flex;align-items:center;gap:8px;margin:0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#A8978A}
.eco-qf .eco-qf__form>.col-inner{padding:clamp(24px,4vw,44px)}
.eco-qf .eco-form{background:none;border:0;padding:0;box-shadow:none}
.eco-qf .eco-form label{font-size:.86rem}
.eco-qf .eco-form input[type=text],.eco-qf .eco-form input[type=tel],.eco-qf .eco-form select,.eco-qf .eco-form textarea{border:1px solid #DCCFBF;border-radius:8px;font-size:.92rem}
.eco-qf .eco-form .eco-quote-btn--lg{min-height:52px;border:0;border-radius:8px;background:linear-gradient(90deg,#E2B566,#B8822A);color:var(--eco-dk);font-weight:700;font-size:1rem;text-transform:none;letter-spacing:0;box-shadow:0 12px 24px -12px rgba(184,130,42,.8)}
.eco-qf .eco-form .eco-fine{margin:0;text-align:center;font-size:.78rem;color:#9A8A7B}
.eco-qf .eco-form--ok{padding:2rem;border:1px solid var(--eco-ok);border-radius:12px}
@media(max-width:849px){.eco-qf .row.eco-qf__row{width:auto;max-width:none;border-radius:16px;margin:0 15px}}
.eco-qf .eco-form select{-webkit-appearance:none;appearance:none;padding-right:2.4rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235B4A3C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}
/* Thẻ lợi ích: link "Xem chính sách" luôn nằm đáy thẻ, thẳng hàng giữa các thẻ. */

.eco-vsec .eco-vcard__box{flex:1}

/* Trang Giới thiệu, bản theo mẫu (ảnh + chip nổi, thẻ icon, số 01-03, bước đóng gói) */
.eco-ab-center{text-align:center}
.eco-ab-center .eco-lead{margin-left:auto;margin-right:auto}
.eco-ab-hero .eco-sub{color:#EADCC6;max-width:46ch;margin:0 0 1.6rem}
.eco-ab-stats{list-style:none;margin:1.8rem 0 0;padding:1.2rem 0 0;border-top:1px solid rgba(231,196,106,.25);display:flex;flex-wrap:nowrap;gap:1rem 1.6rem}
.eco-ab-stats li{margin:0;list-style:none;min-width:0}
.eco-ab-stats b{display:block;font:700 1.5rem/1.1 var(--eco-f-disp);color:var(--eco-gold-l)}
.eco-ab-stats span{font-size:.82rem;color:#E4D5BF}
.eco-ab-media{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 18px 44px rgba(36,23,17,.22)}
.eco-ab-media .img-inner{border-radius:0}
.eco-ab-chip{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:.7rem;background:#fff;color:var(--eco-ink);border-radius:10px;padding:.7rem .9rem;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.eco-ab-chip--top{right:auto;top:16px;bottom:auto;padding:.5rem .9rem}
.eco-ab-chip .eco-ab-ic{margin:0;width:38px;height:38px;flex:none;background:var(--eco-brown);color:var(--eco-gold-l)}
.eco-ab-chip b{display:block;font-size:.88rem;line-height:1.3}
.eco-ab-chip small{display:block;font-size:.76rem;line-height:1.35;color:var(--eco-ink2)}
.eco-ab-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#F3E2C4;color:var(--eco-brown);margin:0 0 .9rem}
.eco-ab-card>.col-inner{background:#fff}
.eco-ab-card h3{font-size:1.2rem}
.eco-ab-card .eco-link{font-size:.9rem}
.eco-ab-who>.col-inner{text-align:center;padding:1.2rem .6rem;background:#fff}
.eco-ab-who .eco-ab-ic{margin:0 0 .6rem}
.eco-ab-who p{font-weight:600;color:var(--eco-ink);font-size:.92rem;line-height:1.35}
.eco-ab-num{float:right;font:700 .85rem var(--eco-f-body);letter-spacing:.08em;color:var(--eco-gold-d)}
.eco-ab-step>.col-inner{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 0 var(--eco-line),0 8px 24px rgba(36,23,17,.06);height:100%}
.eco-ab-step .eco-ab-tag,.eco-ab-step h3,.eco-ab-step p{padding-left:1.3rem;padding-right:1.3rem}
.eco-ab-step .eco-ab-tag{padding-top:1.2rem}
.eco-ab-step p:last-child{padding-bottom:1.4rem}
.eco-ab-step .img,.eco-ab-step .img-inner{border-radius:0}
.eco-ab-step h3{font-size:1.2rem;margin:0 0 .4rem}
.eco-ab-step p:not(.eco-ab-tag){font-size:.92rem;color:var(--eco-ink2);margin:0}
.eco-ab-tag{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font:600 .74rem var(--eco-f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--eco-gold-d)}
.eco-ab-tag .eco-ab-ic{width:24px;height:24px;margin:0;border-radius:6px;background:none}
.eco-ab-tag .eco-ab-ic:before{width:18px;height:18px}

.eco-ent-note h3{font-size:1.25rem;margin:0 0 .3rem}
.eco-ent-note .button{margin:1rem 0 0}
.eco-ab-note{font-style:italic;font-size:.85rem!important;margin-top:.9rem!important}
.eco-ab-faq .accordion-title{border-radius:8px;padding:1.1rem 3.2rem 1.1rem 1.3rem;font-family:var(--eco-f-disp);font-weight:700;font-size:1.05rem;text-align:left;border:0;background:none;color:var(--eco-ink)}

@media(max-width:849px){.eco-ab-chip{left:10px;right:10px;bottom:10px}.eco-ab-num{font-size:.8rem}}

/* Icon trang Giới thiệu: tô bằng mask để đổi màu theo chữ (kses của WordPress xoá SVG nhúng trong nội dung trang) */
.eco-ab-ic:before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.eco-ab-ic--i0{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.eco-ab-ic--i1{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8c-3 0-6 2-6 6s3 7 6 7 6-3 6-7-3-6-6-6z'/%3E%3Cpath d='M12 8c0-2 1-4 3-5'/%3E%3C/svg%3E")}
.eco-ab-ic--i2{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10v3H7z'/%3E%3Cpath d='M6 6h12v3l1 2v8a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-8l1-2z'/%3E%3C/svg%3E")}
.eco-ab-ic--i3{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")}
.eco-ab-ic--i4{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v10H2zM13 9h4l4 3v4h-8'/%3E%3Ccircle cx='6.5' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
.eco-ab-ic--i5{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l2-5h14l2 5M4 9v11h16V9M3 9h18'/%3E%3C/svg%3E")}
.eco-ab-ic--i6{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6zM9 8a3 3 0 0 1 6 0'/%3E%3C/svg%3E")}
.eco-ab-ic--i7{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='m10 10 4 2.5-4 2.5z'/%3E%3C/svg%3E")}
.eco-ab-ic--i8{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-3 1-4 3-5M14 5c3-2 6-2 6-2s0 3-2 6l-5 5-4-4z'/%3E%3Ccircle cx='15' cy='9' r='1.2'/%3E%3C/svg%3E")}
.eco-ab-ic--i9{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='18' height='12' rx='1'/%3E%3Cpath d='M12 9v12M3 13h18M8 9a2.5 2.5 0 1 1 4-2.5M16 9a2.5 2.5 0 1 0-4-2.5'/%3E%3C/svg%3E")}
.eco-ab-ic--i10{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3 20c0-3.5 2.7-6 6-6M15 16l2 2 4-4'/%3E%3C/svg%3E")}
.eco-ab-ic--i11{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5 12 3l9 4.5v9L12 21l-9-4.5z'/%3E%3Cpath d='M3 7.5 12 12l9-4.5M12 12v9'/%3E%3C/svg%3E")}
.eco-ab-ic--i12{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 20 1-4L16 5l3 3L8 19z'/%3E%3C/svg%3E")}
@media(max-width:549px){.eco-ab-stats{flex-wrap:wrap}}
.eco-ab-faq .accordion-item{background:#F3EBDC;border:0;border-radius:10px;margin-bottom:.6rem}

.eco-ab-faq .accordion-title .toggle{left:auto;right:.9rem;color:var(--eco-gold-d)}
.eco-ab-faq .accordion-inner{padding:0 1.3rem 1.2rem;color:var(--eco-ink2);text-align:left}
.eco-ab-faq .accordion-inner p{margin:0}
.eco-ent a{color:var(--eco-brown)}

/* Trang Gia công, bản theo mẫu */
.eco-ab-left{text-align:left}
.eco-gp-do{margin-top:.9rem!important;padding-top:.8rem;border-top:1px solid var(--eco-line);font-size:.88rem!important}
.eco-gp-tier>.col-inner{background:#fff;border:1px solid var(--eco-line);border-radius:12px;padding:1.5rem;height:100%}
.eco-gp-tier h3{font-size:1.35rem;margin:.2rem 0 .5rem}
.eco-gp-tier p{font-size:.95rem;color:var(--eco-ink2);margin:0}
.eco-gp-checks{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.5rem;font-size:.92rem}
.eco-gp-checks li{margin:0;list-style:none;padding-left:1.5rem;position:relative}
.eco-gp-checks li:before{content:"";position:absolute;left:0;top:.35em;width:.9rem;height:.9rem;border-radius:50%;background:var(--eco-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23241711' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/70% no-repeat}
.eco-gp-fit{display:inline-block;background:var(--eco-bg);border-radius:6px;padding:.35rem .7rem;font-size:.82rem!important;font-weight:600;color:var(--eco-ink)!important}
.eco-gp-tier--dark>.col-inner{background:var(--eco-dk);border-color:var(--eco-gold);box-shadow:0 12px 32px rgba(36,23,17,.25)}
.eco-gp-tier--dark h3{color:#fff}
.eco-gp-tier--dark p,.eco-gp-tier--dark .eco-gp-checks{color:#E4D5BF}
.eco-gp-tier--dark .eco-k{color:var(--eco-gold-l)}
.eco-gp-tier--dark .eco-gp-fit{background:rgba(231,196,106,.15);color:var(--eco-gold-l)!important}
.eco-gp-step .eco-ab-num{position:absolute;top:1.3rem;right:1.4rem}
.eco-gp-note{margin:0;text-align:center;background:#fff;border:1px solid var(--eco-line);border-radius:8px;padding:.8rem 1rem;font-size:.9rem;color:var(--eco-ink2)}
.eco-gp-dark>.col-inner{background:var(--eco-dk);border-radius:14px;padding:2rem;box-shadow:0 16px 40px rgba(36,23,17,.22)}
.eco-gp-dark .eco-eyebrow{color:var(--eco-gold-l)}
.eco-gp-dark h3{color:#fff;font-size:1.7rem;margin:0 0 .6rem}
.eco-gp-dark p{color:#E4D5BF}
.eco-gp-meta{font-weight:600;color:var(--eco-gold-l)!important;margin:1rem 0 0}
.eco-gp-why{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:1px solid var(--eco-line);border-radius:10px;padding:1rem 1.1rem;margin:0 0 .7rem}
.eco-gp-why .eco-ab-ic{margin:0;flex:none}
.eco-gp-why b{display:block;font-size:1rem;margin-bottom:.15rem}
.eco-gp-why span:not(.eco-ab-ic){font-size:.92rem;color:var(--eco-ink2);line-height:1.55}
.eco-gp-tet .eco-lead{max-width:60ch}
.eco-gp-tet .eco-lead a{color:var(--eco-gold-l)}
@media(min-width:850px){.eco-gp-tet .button{float:right}}
.eco-ab-hero h1{max-width:22ch}

/* Khối form báo giá chung: cùng giao diện ở mọi trang dùng [block id="form-bao-gia"] (trước chỉ áp cho trang chủ). */
.section:has(.eco-form){background:var(--eco-bg)!important;border-top:0;border-bottom:0}

.section:has(.eco-form) .eco-form{background:#fff;padding:clamp(22px,3.4vw,40px);box-shadow:0 12px 32px -22px rgba(74,42,20,.35)}

/* Trang Dịch vụ: thẻ "Bạn là ai" có icon cạnh tiêu đề */
.eco-sv-who>.col-inner{background:#FCFBF9}
.eco-sv-who h3{display:flex;align-items:center;gap:.65rem;font-size:1.15rem;margin:0 0 .6rem}
.eco-sv-who h3 .eco-ab-ic{margin:0;flex:none;width:36px;height:36px}
.eco-sv-who h3 .eco-ab-ic:before{width:20px;height:20px}
.eco-sv-who h3 a{color:var(--eco-ink);border:0;text-decoration:none}
.eco-sv-who h3 a:hover{color:var(--eco-gold-d)}
.eco-sv-who p{font-size:.92rem;line-height:1.6}

/* Trang Dịch vụ: ba ô MOQ nền tối, số lớn căn giữa */
.eco-sv-moqrow>.col>.col-inner{background:rgba(255,255,255,.04);border:1px solid rgba(231,196,106,.22);border-radius:12px;padding:1.5rem 1rem;height:100%;text-align:center}
.eco-sv-moq b{display:block;font:700 clamp(2rem,3.6vw,2.8rem)/1.1 var(--eco-f-disp);color:var(--eco-gold-l);font-variant-numeric:tabular-nums}
.eco-sv-moq span{display:block;margin-top:.4rem;font-size:.88rem;line-height:1.45;color:#E4D5BF}

/* Trang cửa hàng, bản theo mẫu: mô tả dưới tiêu đề, sidebar có icon, số lượng, hộp tư vấn; thẻ có nhãn xanh và mũi tên */
.eco-archive-sub{margin:.4rem 0 0;max-width:60ch;font-size:.95rem;color:var(--eco-ink2)}
#shop-sidebar .widget-title:before{content:"";display:inline-block;width:18px;height:18px;margin:0 .55rem -.2rem 0;background:var(--eco-gold-d);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
#shop-sidebar .widget_product_categories .widget-title{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 7.5 12 3l9 4.5v9L12 21l-9-4.5z'/%3E%3Cpath d='M3 7.5 12 12l9-4.5M12 12v9'/%3E%3C/svg%3E")}
#shop-sidebar .widget_text .widget-title{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='m12 2 3 6.5 7 .8-5.2 4.8 1.4 7L12 17.600 5.800 21.100l1.400-7L2 9.300l7-.8z'/%3E%3C/svg%3E")}
#shop-sidebar .product-categories li a:before{content:"";display:inline-block;width:6px;height:6px;margin:0 .6rem .12em 0;border-radius:50%;background:var(--eco-gold)}

#shop-sidebar .product-categories li.current-cat .count{background:#fff}
.eco-side-cta{margin:0 0 16px;padding:1.2rem;border-radius:16px;background:var(--eco-dk);color:#E4D5BF}
.eco-side-cta p{margin:0 0 .6rem;font-size:.86rem;line-height:1.5;color:#E4D5BF}
.eco-side-cta .eco-side-cta__k{display:inline-block;padding:.15rem .5rem;border-radius:4px;background:rgba(231,196,106,.15);font:600 .68rem var(--eco-f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--eco-gold-l)}
.eco-side-cta .eco-side-cta__t{font:700 1.15rem/1.25 var(--eco-f-disp);color:#fff;margin:.5rem 0}
.eco-side-cta .button{margin:.4rem 0 0}
.post-type-archive-product .product-small .eco-tag:not(.eco-tag--new){display:inline-flex;align-items:center;gap:.3rem;background:#E8F4EB;border-color:#CFE6D5;color:var(--eco-ok);font-weight:600}
.post-type-archive-product .product-small .eco-tag:not(.eco-tag--new):before{content:"";width:.7rem;height:.7rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat}
.post-type-archive-product .product-small.col>.col-inner>.eco-quote-btn:after{content:"→";margin-left:.45rem}

/* Icon khối form báo giá: tô bằng mask (kses của WordPress xoá SVG nhúng trong nội dung UX Block) */
.eco-qf__ic:before,.eco-qf__lock:before{content:"";display:block;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.eco-qf__ic:before{width:16px;height:16px}
.eco-qf__lock{flex:none;width:16px;height:16px;color:#E8A23A;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
.eco-qf__lock:before{width:16px;height:16px}
.eco-qf__ic--tel{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.eco-qf__ic--mail{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E")}
.eco-qf__ic--pin{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.eco-qf__ic--clock{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}

/* Popup mẫu thử gọn hơn: khoảng cách và ô nhập thấp hơn, ô chọn mẫu 3 cột, thu nhỏ tiêu đề và cột bên trái */

.eco-mt .eco-form p{margin-bottom:.6rem}
.eco-mt .eco-form label{font-size:.82rem;margin-bottom:.15rem}
.eco-mt .eco-form :is(input[type=text],input[type=tel],input[type=email],select){min-height:40px;height:40px;margin-bottom:0;padding-top:0;padding-bottom:0}
.eco-mt .eco-form .eco-quote-btn--lg{min-height:46px}
.eco-mt .eco-form .eco-fine{font-size:.74rem;margin-top:.4rem;margin-bottom:0}
.eco-mt .eco-mt-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:.6rem}
.eco-mt .eco-form .eco-mt-pick label{min-height:38px;padding:4px 8px;font-size:.8rem;line-height:1.25}

@media(max-width:849px){.eco-mt .eco-mt-pick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:549px){.eco-mt .eco-mt-pick{grid-template-columns:1fr}}
.eco-mt .eco-mt__body>.col{padding-bottom:0}

/* Nút gửi form: khi rê chuột nền nâu thì chữ trắng (trước đây chữ nâu trùng màu nền nên mất chữ). */
.eco-form .eco-quote-btn--lg:hover,.eco-form .eco-quote-btn--lg:focus-visible,.eco-qf .eco-form .eco-quote-btn--lg:hover,.eco-form--mt .eco-quote-btn--lg:hover{background:var(--eco-brown);border-color:var(--eco-brown);color:#fff}

/* Nút Đóng của popup mẫu thử nằm trong thanh đầu popup, màu vàng nổi trên nền tối; ẩn nút ✕ mặc định ở góc màn hình. */

.mfp-wrap:has(.eco-mt) .mfp-close{display:none}
.eco-mt__x{position:absolute;z-index:3;top:6px;right:14px;display:inline-flex;align-items:center;gap:.4rem;min-height:36px;margin:0;padding:0 14px;border:0;border-radius:999px;background:var(--eco-gold);color:var(--eco-dk);font:700 .85rem/1 var(--eco-f-body);text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.eco-mt__x span{font-size:1.25rem;line-height:1;margin-top:-2px}
.eco-mt__x:hover,.eco-mt__x:focus-visible{background:#fff;color:var(--eco-dk)}

/* Hiệu ứng khi cuộn, chỉ dùng CSS (scroll-driven animation, view()): hàng một cột trượt xuống nhẹ (fade in down);
   hàng nhiều cột: cột đầu trượt vào từ trái (fade in left), cột cuối từ phải (fade in right), cột giữa trượt xuống.
   Banner đầu trang (hero) chạy theo thời gian ngay khi tải trang. Trình duyệt chưa hỗ trợ view() bỏ qua, nội dung hiện bình thường;
   khách chọn giảm chuyển động cũng không thấy hiệu ứng. overflow-x:clip để cột trượt ngang không làm trang tràn ngang. */
@keyframes eco-fade-in-down{from{opacity:0;transform:translate3d(0,-28px,0)}to{opacity:1;transform:none}}
@keyframes eco-fade-in-left{from{opacity:0;transform:translate3d(-50px,0,0)}to{opacity:1;transform:none}}
@keyframes eco-fade-in-right{from{opacity:0;transform:translate3d(50px,0,0)}to{opacity:1;transform:none}}
.section{overflow-x:clip}
@media(prefers-reduced-motion:no-preference){
  .eco-hero .row>.col:first-child,.eco-phero .row>.col:first-child{animation:eco-fade-in-left 1s ease-out .2s both}
  .eco-hero .row>.col:last-child:not(:first-child),.eco-phero .row>.col:last-child:not(:first-child){animation:eco-fade-in-right 1s ease-out .35s both}
}
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .section:not(.eco-hero):not(.eco-phero)>.section-content>.row,.shop-container .products>.product-small.col{animation:eco-fade-in-down linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
    .section:not(.eco-hero):not(.eco-phero)>.section-content>.row:has(>.col+.col){animation:none}
    .section:not(.eco-hero):not(.eco-phero)>.section-content>.row:has(>.col+.col)>.col{animation:eco-fade-in-down linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
    .section:not(.eco-hero):not(.eco-phero)>.section-content>.row:has(>.col+.col)>.col:first-child{animation-name:eco-fade-in-left}
    .section:not(.eco-hero):not(.eco-phero)>.section-content>.row:has(>.col+.col)>.col:last-child{animation-name:eco-fade-in-right}
  }
}