/* ==========================================================================
   H2DECOR – Giao diện "Gốm sứ cao cấp" (2026)
   Tông màu: nâu gốm + kem + xanh lá xô thơm
   Mọi class mới đều có tiền tố .h2- để không đụng CSS cũ (style.css)
   ========================================================================== */
:root{
	--h2-brown:#7a4a2e;
	--h2-brown-dark:#4b2d1e;
	--h2-brown-deep:#3a2318;
	--h2-gold:#c8955c;
	--h2-gold-soft:#e6c9a2;
	--h2-cream:#fbf6ef;
	--h2-cream-2:#f6ede1;
	--h2-beige:#efe2d0;
	--h2-line:#eadccb;
	--h2-sage:#5f7a55;
	--h2-sage-dark:#4a6343;
	--h2-red:#b8322a;
	--h2-text:#3b2a20;
	--h2-muted:#8a7565;
	--h2-radius:14px;
	--h2-shadow:0 6px 22px rgba(90,58,35,.08);
	--h2-shadow-lg:0 14px 34px rgba(90,58,35,.14);
	--h2-serif:'Playfair Display', Georgia, 'Times New Roman', serif;
	--h2-sans:'Be Vietnam Pro', 'Segoe UI', Roboto, Arial, sans-serif;
	--h2-script:'Dancing Script', 'Brush Script MT', cursive;
	--h2-wrap:1240px;
}

body.h2-body{background:var(--h2-cream);color:var(--h2-text);font-family:var(--h2-sans);font-size:14px;line-height:1.55;}
body.h2-body a{color:inherit;text-decoration:none;transition:color .2s, background .2s, border-color .2s, transform .2s, box-shadow .2s;}
body.h2-body a:hover{color:var(--h2-brown);}
.h2-body *, .h2-body *:before, .h2-body *:after{box-sizing:border-box;}
.h2-body img{max-width:100%;}
.h2-wrap{max-width:var(--h2-wrap);margin:0 auto;padding:0 20px;}
.h2-ico{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none;}
.h2-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ---------- Buttons ---------- */
.h2-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;background:var(--h2-brown);color:#fff!important;font-weight:600;font-size:14px;border:0;cursor:pointer;line-height:1.2;}
.h2-btn:hover{background:var(--h2-brown-dark);color:#fff!important;transform:translateY(-1px);}
.h2-btn .h2-ico{width:16px;height:16px;}
.h2-btn.ghost{background:transparent;color:var(--h2-brown)!important;border:1px solid var(--h2-brown);}
.h2-btn.ghost:hover{background:var(--h2-brown);color:#fff!important;}
.h2-btn.sm{padding:7px 16px;font-size:13px;}

/* ==========================================================================
   HEADER
   ========================================================================== */
.h2-topbar{background:var(--h2-cream-2);border-bottom:1px solid var(--h2-line);font-size:13px;color:var(--h2-text);}
.h2-topbar .h2-wrap{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:16px;}
.h2-topbar-usp{display:flex;align-items:center;margin:0;padding:0;list-style:none;}
.h2-topbar-usp li{display:flex;align-items:center;gap:7px;padding:0 22px;border-right:1px solid var(--h2-line);}
.h2-topbar-usp li:first-child{padding-left:0;}
.h2-topbar-usp li:last-child{border:0;}
.h2-topbar-usp .h2-ico{width:18px;height:18px;color:var(--h2-brown);}
.h2-social{display:flex;gap:8px;align-items:center;}
.h2-social a{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff!important;}
.h2-social a .h2-ico{width:16px;height:16px;}
.h2-social a.fb{background:#1877f2;}
.h2-social a.tt{background:#111;}
.h2-social a.sp{background:#ee4d2d;}
.h2-social a.yt{background:#e62117;}
.h2-social a.ig{background:#c13584;}
.h2-social a:hover{transform:translateY(-2px);opacity:.9;}

.h2-header{background:#fff;position:relative;z-index:50;}
.h2-header-main > .h2-wrap{display:flex;align-items:center;gap:28px;min-height:92px;}
.h2-logo{display:flex;align-items:center;gap:12px;flex:none;margin:0;font-size:inherit;}
.h2-logo img{max-height:70px;width:auto;display:block;}
.h2-logo-text{display:flex;flex-direction:column;line-height:1;}
.h2-logo-text strong{font-family:var(--h2-serif);font-size:30px;font-weight:700;color:var(--h2-brown-dark);letter-spacing:.5px;}
.h2-logo-text em{font-style:normal;font-size:11px;letter-spacing:3px;color:var(--h2-brown);margin-top:6px;text-transform:uppercase;display:flex;align-items:center;gap:6px;}
.h2-logo-text em:before,.h2-logo-text em:after{content:"";width:14px;height:1px;background:var(--h2-brown);}

.h2-search{flex:1;max-width:520px;position:relative;}
.h2-search form{display:flex;border:1.5px solid var(--h2-line);border-radius:999px;overflow:hidden;background:var(--h2-cream);transition:border-color .2s;}
.h2-search form:focus-within{border-color:var(--h2-gold);}
.h2-search input{flex:1;border:0;background:transparent;padding:0 20px;height:44px;font-size:14px;color:var(--h2-text);outline:0;min-width:0;font-family:inherit;}
.h2-search button{width:58px;border:0;background:var(--h2-brown);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.h2-search button:hover{background:var(--h2-brown-dark);}
.h2-search .searchResult{position:absolute;left:0;right:0;top:100%;z-index:60;}

.h2-actions{display:flex;align-items:center;gap:22px;margin-left:auto;}
.h2-action{display:flex;align-items:center;gap:8px;color:var(--h2-text);font-size:12px;line-height:1.3;position:relative;}
.h2-action .h2-ico{width:28px;height:28px;color:var(--h2-brown-dark);stroke-width:1.4;}
.h2-action b{display:block;font-weight:500;font-size:12.5px;}
.h2-action .count{position:absolute;top:-6px;left:18px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--h2-red);color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:600;}

/* Nav */
.h2-nav{background:#fff;border-top:1px solid var(--h2-line);border-bottom:1px solid var(--h2-line);}
.h2-nav .h2-wrap{display:flex;align-items:center;gap:26px;min-height:54px;}
.h2-catbtn-wrap{position:relative;flex:none;}
.h2-catbtn{display:flex;align-items:center;gap:10px;background:var(--h2-brown);color:#fff!important;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14.5px;cursor:pointer;border:0;min-width:240px;font-family:inherit;}
.h2-catbtn:hover{background:var(--h2-brown-dark);}
.h2-catmenu{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:#fff;border-radius:12px;box-shadow:var(--h2-shadow-lg);padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s;z-index:80;}
.h2-catbtn-wrap:hover .h2-catmenu,.h2-catbtn-wrap.open .h2-catmenu{opacity:1;visibility:visible;transform:none;}
.h2-catmenu a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;font-size:14px;}
.h2-catmenu a:hover{background:var(--h2-cream-2);}
.h2-catmenu img{width:26px;height:26px;object-fit:contain;}
.h2-catmenu .h2-ico{width:16px;height:16px;margin-left:auto;color:var(--h2-muted);}

.h2-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;flex:1;justify-content:space-between;}
.h2-menu > li{position:relative;}
.h2-menu > li > a{display:flex;align-items:center;gap:5px;padding:16px 10px;font-size:15px;font-weight:500;color:var(--h2-text);position:relative;white-space:nowrap;}
.h2-menu > li > a .h2-ico{width:14px;height:14px;}
.h2-menu > li > a:after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:2px;background:var(--h2-brown);transform:scaleX(0);transition:transform .25s;}
.h2-menu > li > a:hover:after,.h2-menu > li.active > a:after{transform:scaleX(1);}
.h2-menu > li.active > a{color:var(--h2-brown-dark);font-weight:600;}
.h2-menu .h2-sub{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-radius:10px;box-shadow:var(--h2-shadow-lg);padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s;z-index:80;}
.h2-menu > li:hover .h2-sub{opacity:1;visibility:visible;transform:none;}
.h2-menu .h2-sub a{display:block;padding:8px 12px;border-radius:7px;font-size:14px;}
.h2-menu .h2-sub a:hover{background:var(--h2-cream-2);}
.h2-menu .h2-track a{gap:8px;}
.h2-menu .h2-track .h2-ico{width:20px;height:20px;}

.h2-header.is-sticky .h2-nav{position:fixed;top:0;left:0;right:0;z-index:90;box-shadow:0 4px 18px rgba(0,0,0,.08);animation:h2Down .3s ease;}
@keyframes h2Down{from{transform:translateY(-100%)}to{transform:none}}

/* Mobile header */
.h2-burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--h2-line);background:#fff;align-items:center;justify-content:center;color:var(--h2-brown-dark);cursor:pointer;}
.h2-msearch{display:none;}

/* Drawer (mobile) */
.h2-drawer{position:fixed;inset:0;z-index:1000;visibility:hidden;}
.h2-drawer.open{visibility:visible;}
.h2-drawer-bg{position:absolute;inset:0;background:rgba(40,25,15,.45);opacity:0;transition:opacity .25s;}
.h2-drawer.open .h2-drawer-bg{opacity:1;}
.h2-drawer-panel{position:absolute;top:0;bottom:0;left:0;width:86%;max-width:340px;background:#fff;transform:translateX(-100%);transition:transform .3s;overflow-y:auto;padding:16px;}
.h2-drawer.open .h2-drawer-panel{transform:none;}
.h2-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.h2-drawer-head img{max-height:48px;}
.h2-drawer-close{border:0;background:var(--h2-cream-2);width:36px;height:36px;border-radius:9px;color:var(--h2-brown-dark);cursor:pointer;}
.h2-drawer h4{font-family:var(--h2-serif);color:var(--h2-brown-dark);font-size:16px;margin:16px 0 8px;}
.h2-drawer ul{list-style:none;margin:0;padding:0;}
.h2-drawer li a{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px dashed var(--h2-line);font-size:15px;}
.h2-drawer li a img{width:24px;height:24px;object-fit:contain;}
.h2-drawer li ul a{padding-left:22px;font-size:14px;color:var(--h2-muted);}

/* ==========================================================================
   COMMON SECTIONS
   ========================================================================== */
.h2-section{padding:34px 0 10px;}
.h2-title{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 22px;position:relative;}
.h2-title h2{font-family:var(--h2-serif);font-size:26px;font-weight:700;color:var(--h2-brown-dark);margin:0;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:10px;line-height:1.2;}
.h2-title h2 a{color:inherit;}
.h2-title h2 .h2-ico{width:28px;height:28px;color:var(--h2-gold);}
.h2-title .line{width:70px;height:1px;background:var(--h2-brown);position:relative;}
.h2-title .line:before{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--h2-brown);}
.h2-title .line.l:before{left:0;}
.h2-title .line.r:before{right:0;}
.h2-title .h2-more{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.h2-more{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--h2-text);}
.h2-more .h2-ico{width:14px;height:14px;}
.h2-title.left{justify-content:space-between;}
.h2-title.left h2{font-size:21px;}

/* ---------- Product card ---------- */
.h2-grid{display:grid;gap:18px;}
.h2-grid.c6{grid-template-columns:repeat(6,1fr);}
.h2-grid.c5{grid-template-columns:repeat(5,1fr);}
.h2-grid.c4{grid-template-columns:repeat(4,1fr);}
.h2-grid.c3{grid-template-columns:repeat(3,1fr);}
.h2-card{background:#fff;border-radius:var(--h2-radius);overflow:hidden;box-shadow:var(--h2-shadow);display:flex;flex-direction:column;height:100%;transition:transform .25s, box-shadow .25s;}
.h2-card:hover{transform:translateY(-4px);box-shadow:var(--h2-shadow-lg);}
.h2-card-thumb{position:relative;aspect-ratio:4/3;background:var(--h2-cream-2);overflow:hidden;}
.h2-card-thumb > a{display:block;height:100%;}
.h2-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.h2-card:hover .h2-card-thumb img{transform:scale(1.06);}
.h2-badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;background:var(--h2-red);line-height:1.5;}
.h2-badge.new{background:#d0463b;}
.h2-badge.sale{background:var(--h2-gold);}
.h2-wish{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--h2-brown);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(-4px);transition:all .2s;}
.h2-wish .h2-ico{width:17px;height:17px;}
.h2-card:hover .h2-wish,.h2-wish.on{opacity:1;transform:none;}
.h2-wish.on{color:var(--h2-red);}
.h2-wish.on .h2-ico path{fill:currentColor;}
.h2-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1;}
.h2-card-title{font-family:var(--h2-sans);font-size:14px;font-weight:500;line-height:1.45;margin:0 0 10px;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--h2-text);}
.h2-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;}
.h2-price{display:flex;flex-direction:column;line-height:1.25;}
.h2-price .new{color:var(--h2-red);font-weight:700;font-size:16px;}
.h2-price .old{color:#9b8b80;text-decoration:line-through;font-size:12.5px;}
.h2-price-contact{display:inline-block;background:var(--h2-red);color:#fff!important;font-weight:600;font-size:13px;padding:4px 14px;border-radius:999px;}
.h2-card-cart{width:38px;height:38px;border-radius:50%;background:var(--h2-gold);color:#fff!important;display:flex;align-items:center;justify-content:center;flex:none;}
.h2-card-cart:hover{background:var(--h2-brown);transform:scale(1.06);}
.h2-card-cart .h2-ico{width:19px;height:19px;}

/* ---------- Horizontal slider (scroll-snap) ---------- */
.h2-hslider{position:relative;}
.h2-hslider-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*18px)/6);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 14px;}
.h2-hslider-track::-webkit-scrollbar{display:none;}
.h2-hslider-track.c5{grid-auto-columns:calc((100% - 4*18px)/5);}
.h2-hslider-track.c3{grid-auto-columns:calc((100% - 2*18px)/3);}
.h2-split .h2-split-divider{padding-left:30px;}
.h2-hslider-track > *{scroll-snap-align:start;}
.h2-hslider .h2-nav-btn{position:absolute;top:38%;z-index:5;}
.h2-hslider .h2-nav-btn.prev{left:-18px;}
.h2-hslider .h2-nav-btn.next{right:-18px;}
.h2-nav-btn{width:40px;height:40px;border-radius:50%;border:0;background:#fff;box-shadow:var(--h2-shadow);color:var(--h2-brown-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.h2-nav-btn:hover{background:var(--h2-brown);color:#fff;}

/* ==========================================================================
   HOMEPAGE
   ========================================================================== */
/* Hero */
.h2-hero{position:relative;background:var(--h2-cream-2);}
.h2-hero-slides{position:relative;overflow:hidden;aspect-ratio:1920/610;max-height:620px;}
.h2-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;}
.h2-hero-slide.active{opacity:1;z-index:1;}
.h2-hero-slide a,.h2-hero-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.h2-hero .h2-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;}
.h2-hero .h2-nav-btn.prev{left:24px;}
.h2-hero .h2-nav-btn.next{right:24px;}
.h2-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px;z-index:3;}
.h2-dots button{width:10px;height:10px;border-radius:50%;border:1px solid var(--h2-brown);background:rgba(255,255,255,.8);padding:0;cursor:pointer;}
.h2-dots button.active{background:var(--h2-brown);}

/* USP strip */
.h2-usp{background:#fff;border-bottom:1px solid var(--h2-line);}
.h2-usp ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0 auto;padding:16px 0;}
.h2-usp li{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid var(--h2-line);padding:4px 12px;}
.h2-usp li:last-child{border:0;}
.h2-usp .h2-ico{width:40px;height:40px;color:var(--h2-brown);stroke-width:1.3;}
.h2-usp b{display:block;font-size:14.5px;font-weight:600;color:var(--h2-text);}
.h2-usp span{font-size:13px;color:var(--h2-muted);}

/* Category tiles (home) */
.h2-cat-tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;}
.h2-cat-tile{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--h2-shadow);display:flex;flex-direction:column;}
.h2-cat-tile .img{aspect-ratio:1/0.82;overflow:hidden;background:var(--h2-cream-2);}
.h2-cat-tile .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.h2-cat-tile:hover .img img{transform:scale(1.07);}
.h2-cat-tile .name{display:flex;align-items:center;justify-content:center;gap:4px;text-align:center;padding:10px 6px;font-size:14px;font-weight:500;min-height:52px;line-height:1.3;}
.h2-cat-tile .name .h2-ico{width:13px;height:13px;}
.h2-cat-tile:hover .name{color:var(--h2-brown);}

/* Promo banners */
.h2-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.h2-promo{display:block;border-radius:var(--h2-radius);overflow:hidden;box-shadow:var(--h2-shadow);aspect-ratio:327/133;background:var(--h2-cream-2);}
.h2-promo img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.h2-promo:hover img{transform:scale(1.04);}

/* New + Promotion row */
.h2-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch;}
.h2-split > div{min-width:0;}
.h2-split .h2-split-divider{border-left:1px solid var(--h2-line);}
.h2-deal{position:relative;display:flex;align-items:center;border-radius:var(--h2-radius);overflow:hidden;min-height:250px;background:linear-gradient(105deg,#f8ecdc 0%,#f4e3cd 55%,#efd9bd 100%);box-shadow:var(--h2-shadow);padding:26px 30px;color:var(--h2-brown-dark)!important;}
.h2-deal img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.h2-deal .txt{position:relative;z-index:2;max-width:58%;}
.h2-deal .script{font-family:var(--h2-script);font-size:44px;line-height:1;color:var(--h2-brown-dark);}
.h2-deal .script small{display:block;font-family:var(--h2-serif);font-size:18px;letter-spacing:3px;text-transform:uppercase;margin:4px 0 0 30px;}
.h2-deal .pct{font-family:var(--h2-serif);color:var(--h2-red);font-weight:700;font-size:20px;margin-top:12px;}
.h2-deal .pct b{font-size:58px;line-height:1;display:block;}
.h2-deal .note{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.8);padding:8px 16px;border-radius:999px;font-size:13px;margin-top:12px;}
.h2-deal .note .h2-ico{color:var(--h2-brown);}
.h2-deal .pic{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:42%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid rgba(255,255,255,.7);box-shadow:var(--h2-shadow-lg);}
.h2-deal .pic img{width:100%;height:100%;object-fit:cover;}
.h2-deal:hover .pic{transform:translateY(-50%) rotate(-3deg);transition:transform .4s;}

/* Category product block */
.h2-catblock{background:#fff;border-radius:18px;padding:22px;box-shadow:var(--h2-shadow);margin-bottom:26px;}
.h2-catblock-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--h2-line);}
.h2-catblock-head h2{font-family:var(--h2-serif);font-size:22px;color:var(--h2-brown-dark);margin:0;display:flex;align-items:center;gap:10px;}
.h2-catblock-head h2 .h2-ico{color:var(--h2-sage);}
.h2-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;}
.h2-chips a{display:block;padding:5px 14px;border:1px solid var(--h2-line);border-radius:999px;font-size:13px;}
.h2-chips a:hover{border-color:var(--h2-brown);background:var(--h2-brown);color:#fff;}

/* News */
.h2-news{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;}
.h2-news-main{background:#fff;border-radius:var(--h2-radius);overflow:hidden;box-shadow:var(--h2-shadow);}
.h2-news-main .img{aspect-ratio:16/9;max-height:330px;overflow:hidden;display:block;}
.h2-news-main .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.h2-news-main:hover .img img{transform:scale(1.04);}
.h2-news-main .txt{padding:16px 20px 20px;}
.h2-news-main h3{font-family:var(--h2-serif);font-size:20px;margin:0 0 8px;line-height:1.35;}
.h2-news-main p{color:var(--h2-muted);margin:0;}
.h2-news-list{display:flex;flex-direction:column;gap:14px;}
.h2-news-item{display:grid;grid-template-columns:130px 1fr;gap:14px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--h2-shadow);}
.h2-news-item .img{aspect-ratio:4/3;display:block;overflow:hidden;}
.h2-news-item .img img{width:100%;height:100%;object-fit:cover;}
.h2-news-item .txt{padding:10px 12px 10px 0;display:flex;flex-direction:column;justify-content:center;}
.h2-news-item h3{font-size:14.5px;font-weight:600;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.h2-date{font-size:12px;color:var(--h2-muted);display:flex;align-items:center;gap:5px;}
.h2-date .h2-ico{width:14px;height:14px;}

/* Reviews + Order lookup */
.h2-bottom-row{display:grid;grid-template-columns:1fr 1.25fr;gap:26px;align-items:stretch;}
.h2-bottom-row.single{grid-template-columns:1fr;}
.h2-reviews{background:#fff;border-radius:var(--h2-radius);box-shadow:var(--h2-shadow);padding:20px 22px;position:relative;}
.h2-reviews h2,.h2-lookup h2{font-family:var(--h2-serif);font-size:20px;color:var(--h2-brown-dark);text-transform:uppercase;margin:0 0 14px;display:flex;align-items:center;gap:10px;}
.h2-reviews h2 .h2-ico,.h2-lookup h2 .h2-ico{width:26px;height:26px;color:var(--h2-brown);}
.h2-review-track{position:relative;min-height:110px;}
.h2-review{display:none;gap:16px;align-items:flex-start;padding:0 44px;}
.h2-review.active{display:flex;animation:h2Fade .5s;}
@keyframes h2Fade{from{opacity:0}to{opacity:1}}
.h2-review .ava{width:64px;height:64px;border-radius:50%;overflow:hidden;flex:none;border:3px solid var(--h2-cream-2);background:var(--h2-cream-2);}
.h2-review .ava img{width:100%;height:100%;object-fit:cover;}
.h2-review .name{font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.h2-stars{color:#e5a524;letter-spacing:2px;font-size:15px;}
.h2-review .quote{font-style:italic;color:#5a463a;margin-top:6px;}
.h2-reviews .h2-nav-btn{position:absolute;top:58%;width:32px;height:32px;}
.h2-reviews .h2-nav-btn.prev{left:12px;}
.h2-reviews .h2-nav-btn.next{right:12px;}
.h2-reviews .h2-nav-btn .h2-ico{width:16px;height:16px;}
.h2-lookup{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 0%,#fbf3e8 100%);border-radius:var(--h2-radius);box-shadow:var(--h2-shadow);padding:20px 24px;}
.h2-lookup:after{content:"";position:absolute;right:-30px;bottom:-30px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--h2-gold-soft) 0%,transparent 70%);opacity:.6;}
.h2-lookup p{margin:-6px 0 14px;color:var(--h2-muted);}
.h2-lookup form{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1;}
.h2-field{flex:1;min-width:170px;display:flex;align-items:center;gap:8px;border:1.5px solid var(--h2-line);background:#fff;border-radius:10px;padding:0 12px;}
.h2-field:focus-within{border-color:var(--h2-gold);}
.h2-field .h2-ico{color:var(--h2-muted);width:18px;height:18px;}
.h2-field input{border:0;outline:0;height:44px;flex:1;min-width:0;font-size:14px;background:transparent;font-family:inherit;color:var(--h2-text);}
.h2-lookup .h2-btn{border-radius:10px;height:46px;padding:0 24px;}

/* ==========================================================================
   CATALOGUE PAGE
   ========================================================================== */
.h2-pagehead{position:relative;background:linear-gradient(90deg,#f6ecdf 0%,#f3e6d4 45%,#efdcc4 100%);overflow:hidden;border-bottom:1px solid var(--h2-line);}
.h2-pagehead .h2-wrap{position:relative;min-height:170px;display:flex;align-items:center;}
.h2-pagehead .bgimg{position:absolute;top:0;bottom:0;right:0;width:58%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%);}
.h2-pagehead .bgimg img{width:100%;height:100%;object-fit:cover;}
.h2-pagehead .txt{position:relative;z-index:2;padding:26px 0;}
.h2-pagehead h1{font-family:var(--h2-serif);font-style:italic;font-weight:700;font-size:46px;color:#2f4a2c;margin:0;line-height:1.1;}
.h2-pagehead p{font-family:var(--h2-serif);font-style:italic;font-size:17px;color:#4e5a45;margin:10px 0 0;}
.h2-pagehead .script{position:absolute;right:30px;top:50%;transform:translateY(-50%) rotate(-4deg);font-family:var(--h2-script);font-size:26px;line-height:1.25;color:var(--h2-brown-dark);text-align:right;z-index:2;text-shadow:0 1px 8px rgba(255,255,255,.8);}
.h2-breadcrumb{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--h2-muted);}
.h2-breadcrumb li+li:before{content:"›";margin-right:6px;}
.h2-breadcrumb a:hover{color:var(--h2-brown);}

.h2-catpage{padding:24px 0 40px;}
.h2-catpage .h2-wrap{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start;}
.h2-side{position:sticky;top:70px;background:#fff;border-radius:16px;box-shadow:var(--h2-shadow);padding:10px;border:1px solid var(--h2-line);}
.h2-side-list{list-style:none;margin:0;padding:0;}
.h2-side-list a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-size:15px;}
.h2-side-list a img,.h2-side-list a > .h2-ico:first-child{width:26px;height:26px;object-fit:contain;color:var(--h2-sage);}
.h2-side-list a .arr{margin-left:auto;width:15px;height:15px;color:var(--h2-muted);}
.h2-side-list a:hover{background:var(--h2-cream-2);}
.h2-side-list li.active > a{background:#eef0e6;color:#2f4a2c;font-weight:600;}
.h2-side-list li ul{list-style:none;margin:0 0 4px 38px;padding:0;}
.h2-side-list li ul a{font-size:14px;padding:6px 10px;color:var(--h2-muted);}
.h2-side-usp{margin:12px 6px 6px;padding:14px;background:var(--h2-cream);border-radius:12px;list-style:none;position:relative;overflow:hidden;}
.h2-side-usp li{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 0;}
.h2-side-usp .h2-ico{width:20px;height:20px;color:var(--h2-sage);}
.h2-side-usp:after{content:"";position:absolute;right:-6px;bottom:-6px;width:60px;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f7a55' stroke-width='1.2'%3E%3Cpath d='M5 19C5 10 11 5 20 4c0 9-5 15-14 15'/%3E%3Cpath d='M5 19l8-8'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.35;}

/* category cards (mockup 2) */
.h2-catcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.h2-catcards.more{grid-template-columns:repeat(5,1fr);margin-top:16px;}
.h2-catcard{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--h2-shadow);border:1px solid var(--h2-line);display:flex;flex-direction:column;position:relative;}
.h2-catcard .img{aspect-ratio:4/3;overflow:hidden;background:var(--h2-cream-2);}
.h2-catcard .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.h2-catcard:hover .img img{transform:scale(1.06);}
.h2-catcard .body{display:flex;align-items:center;gap:10px;padding:12px 14px 14px;}
.h2-catcard .body > div{flex:1;min-width:0;}
.h2-catcard h3{font-family:var(--h2-sans);font-size:17px;font-weight:600;margin:0 0 2px;color:var(--h2-text);}
.h2-catcard .desc{font-size:13px;color:var(--h2-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.h2-catcard .go{width:30px;height:30px;border-radius:50%;background:var(--h2-sage);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;}
.h2-catcard .go .h2-ico{width:16px;height:16px;}
.h2-catcard:hover .go{background:var(--h2-sage-dark);transform:translateX(3px);}
.h2-catcard .h2-badge{background:#d9483b;}
.h2-usp-bar{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin-top:20px;background:#fff;border-radius:14px;border:1px solid var(--h2-line);box-shadow:var(--h2-shadow);padding:14px 10px;}
.h2-usp-bar > div{display:flex;align-items:center;gap:12px;padding:0 16px;border-right:1px solid var(--h2-line);}
.h2-usp-bar > div:last-child{border:0;}
.h2-usp-bar .h2-ico{width:34px;height:34px;color:var(--h2-sage);stroke-width:1.3;}
.h2-usp-bar b{display:block;font-size:13.5px;font-weight:600;}
.h2-usp-bar span{font-size:12.5px;color:var(--h2-muted);}
.h2-usp-bar .script{display:none!important;font-family:var(--h2-script);font-size:20px;color:var(--h2-brown-dark);justify-content:center;text-align:center;line-height:1.2;}

.h2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:26px 0 16px;}
.h2-toolbar h2{font-family:var(--h2-serif);font-size:22px;color:var(--h2-brown-dark);margin:0;}
.h2-toolbar .count{color:var(--h2-muted);font-size:13px;}
.h2-sort{display:flex;gap:6px;flex-wrap:wrap;}
.h2-sort a{padding:6px 14px;border-radius:999px;border:1px solid var(--h2-line);background:#fff;font-size:13px;}
.h2-sort a.active,.h2-sort a:hover{background:var(--h2-sage);border-color:var(--h2-sage);color:#fff;}
.h2-catdesc{background:#fff;border-radius:14px;padding:20px 24px;margin-top:24px;box-shadow:var(--h2-shadow);line-height:1.7;}
.h2-empty{background:#fff;border-radius:14px;padding:40px;text-align:center;color:var(--h2-muted);box-shadow:var(--h2-shadow);}

/* Pagination (CI output) */
.h2-catpage .pagination{margin-top:26px;}
.h2-catpage .uk-pagination{display:flex;gap:6px;justify-content:center;list-style:none;padding:0;margin:0;}
.h2-catpage .uk-pagination > li{float:none;}
.h2-catpage .uk-pagination a{display:flex!important;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px!important;border-radius:10px!important;border:1px solid var(--h2-line)!important;background:#fff!important;color:var(--h2-text)!important;line-height:1!important;}
.h2-catpage .uk-pagination .uk-active a,.h2-catpage .uk-pagination a:hover{background:var(--h2-brown)!important;border-color:var(--h2-brown)!important;color:#fff!important;}

/* Order lookup page */
.h2-track-page{padding:30px 0 50px;}
.h2-track-card{max-width:760px;margin:0 auto;background:#fff;border-radius:18px;box-shadow:var(--h2-shadow);padding:28px;}
.h2-track-result{margin-top:20px;border-top:1px dashed var(--h2-line);padding-top:18px;}
.h2-track-result table{width:100%;border-collapse:collapse;}
.h2-track-result td{padding:8px 4px;border-bottom:1px solid var(--h2-cream-2);}
.h2-status{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:600;background:var(--h2-cream-2);color:var(--h2-brown-dark);}
.h2-status.success{background:#e5efe1;color:var(--h2-sage-dark);}
.h2-status.cancle{background:#f6e0de;color:var(--h2-red);}
.h2-alert{padding:12px 16px;border-radius:10px;background:#fbefe5;color:var(--h2-brown-dark);margin-top:16px;}

/* ==========================================================================
   CONTACT BAR + FOOTER
   ========================================================================== */
.h2-contactbar{margin-top:30px;}
.h2-contactbar .h2-wrap > div{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;background:var(--h2-cream-2);border-radius:16px 16px 0 0;border:1px solid var(--h2-line);border-bottom:0;padding:10px 12px;gap:10px;}
.h2-contactbar a.item{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:15px;padding:8px;border-right:1px solid var(--h2-line);}
.h2-contactbar a.item .h2-ico{width:26px;height:26px;}
.h2-contactbar a.hot .h2-ico{color:var(--h2-brown-dark);}
.h2-contactbar a.zalo .h2-ico{color:#0068ff;}
.h2-contactbar a.mess .h2-ico{color:#0084ff;}
.h2-contactbar a.h2-btn{padding:12px 28px;font-size:15px;}

.h2-footer{background:var(--h2-brown-deep);color:#eadfd2;position:relative;overflow:hidden;}
.h2-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(200,149,92,.18),transparent 45%),radial-gradient(circle at 95% 100%,rgba(95,122,85,.18),transparent 40%);pointer-events:none;}
.h2-footer a{color:#eadfd2;}
.h2-footer a:hover{color:var(--h2-gold-soft)!important;}
.h2-footer-top{position:relative;display:grid;grid-template-columns:1.35fr repeat(var(--h2-cols,2),1fr) 1.3fr;gap:34px;padding:44px 0 30px;}
.h2-footer h4{font-family:var(--h2-serif);font-size:15.5px;color:#fff;margin:0 0 16px;letter-spacing:.3px;text-transform:uppercase;position:relative;padding-bottom:10px;}
.h2-footer h4:after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:var(--h2-gold);}
.h2-footer ul{list-style:none;margin:0;padding:0;}
.h2-footer ul li{margin-bottom:9px;}
.h2-footer ul.links a{display:inline-flex;align-items:center;gap:6px;}
.h2-footer ul.links a:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--h2-gold);opacity:.8;}
.h2-footer-brand .logo{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px;}
.h2-footer-brand .logo img{max-height:64px;background:#fbf6ef;border-radius:50%;padding:3px;}
.h2-footer-brand .logo strong{font-family:var(--h2-serif);font-size:26px;color:#fff;display:block;line-height:1;}
.h2-footer-brand .logo em{font-style:normal;font-size:10.5px;letter-spacing:3px;color:var(--h2-gold-soft);text-transform:uppercase;}
.h2-footer-brand p{margin:0 0 14px;color:#cdbcab;line-height:1.7;}
.h2-footer-brand .h2-social a{width:34px;height:34px;border-radius:50%;}
.h2-footer .contact li{display:flex;gap:10px;align-items:flex-start;}
.h2-footer .contact .h2-ico{width:18px;height:18px;color:var(--h2-gold);margin-top:2px;}
.h2-footer .contact-html{color:#cdbcab;line-height:1.7;}
.h2-footer .contact-html p{margin:0 0 6px;}
.h2-newsletter{display:flex;margin-top:14px;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;border:1px solid rgba(255,255,255,.12);}
.h2-newsletter input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:0 14px;height:40px;outline:0;font-family:inherit;}
.h2-newsletter input::placeholder{color:#b9a796;}
.h2-newsletter button{border:0;background:var(--h2-gold);color:#fff;border-radius:999px;padding:0 18px;font-weight:600;cursor:pointer;font-family:inherit;}
.h2-newsletter button:hover{background:#b98349;}
.h2-footer-map{margin-top:12px;border-radius:12px;overflow:hidden;height:130px;}
.h2-footer-map iframe{width:100%!important;height:130px!important;border:0;filter:sepia(.25);}
.h2-footer-pay{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#cdbcab;}
.h2-footer-pay span{display:flex;align-items:center;gap:8px;}
.h2-footer-pay .h2-ico{color:var(--h2-gold);}
.h2-footer-bottom{position:relative;background:rgba(0,0,0,.22);padding:14px 0;font-size:13px;color:#b9a796;}
.h2-footer-bottom .h2-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.h2-gotop{position:fixed;right:18px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--h2-brown);color:#fff!important;display:flex;align-items:center;justify-content:center;box-shadow:var(--h2-shadow-lg);opacity:0;visibility:hidden;transition:all .3s;z-index:900;}
.h2-gotop.show{opacity:1;visibility:visible;}
.h2-gotop:hover{background:var(--h2-brown-dark);}

/* Mobile fixed bar */
.h2-mbar{display:none;}

/* Hide legacy floating widgets replaced by new contact bar */
.h2-body .zalo-btn,.h2-body #goTop{display:none!important;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1199px){
	.h2-cat-tiles{grid-template-columns:repeat(4,1fr);}
	.h2-grid.c6{grid-template-columns:repeat(4,1fr);}
	.h2-hslider-track{grid-auto-columns:calc((100% - 3*18px)/4);}
	.h2-menu > li > a{font-size:14px;padding:16px 7px;}
	.h2-catbtn{min-width:0;}
	.h2-footer-top{grid-template-columns:1fr 1fr!important;}
	.h2-catcards.more{grid-template-columns:repeat(3,1fr);}
	.h2-usp-bar{grid-template-columns:repeat(2,1fr);row-gap:14px;}
	.h2-usp-bar > div:nth-child(2n){border:0;}
	.h2-usp-bar .script{grid-column:1/-1;}
}
@media (max-width:991px){
	.h2-topbar{display:none;}
	.h2-header-main > .h2-wrap{min-height:70px;gap:12px;}
	.h2-burger{display:flex;}
	.h2-logo img{max-height:52px;}
	.h2-logo-text strong{font-size:22px;}
	.h2-logo-text em{font-size:9px;letter-spacing:2px;}
	.h2-header-main > .h2-wrap > .h2-search{display:none;}
	.h2-header-main .h2-msearch .h2-wrap{display:block;min-height:0;}
	.h2-action .lbl{display:none;}
	.h2-actions{gap:14px;}
	.h2-nav{display:none;}
	.h2-msearch{display:block;padding:0 0 12px;background:#fff;}
	.h2-msearch .h2-search{max-width:none;}
	.h2-split,.h2-news,.h2-bottom-row{grid-template-columns:1fr;}
	.h2-split .h2-split-divider{border:0;padding-left:0;}
	.h2-hslider-track.c5{grid-auto-columns:calc((100% - 3*18px)/4);}
	.h2-promos{grid-template-columns:1fr;}
	.h2-usp ul{grid-template-columns:repeat(2,1fr);row-gap:12px;}
	.h2-usp li:nth-child(2n){border:0;}
	.h2-usp li{justify-content:flex-start;}
	.h2-catpage .h2-wrap{grid-template-columns:1fr;}
	.h2-side{position:static;order:2;}
	.h2-catcards,.h2-catcards.more{grid-template-columns:repeat(2,1fr);}
	.h2-pagehead h1{font-size:34px;}
	.h2-pagehead .script{display:none;}
	.h2-pagehead .bgimg{width:70%;opacity:.55;}
	.h2-contactbar{display:none;}
	.h2-mbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:950;background:#fff;border-top:1px solid var(--h2-line);box-shadow:0 -4px 16px rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom);}
	.h2-mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11.5px;padding:7px 2px;color:var(--h2-text);}
	.h2-mbar a .h2-ico{width:24px;height:24px;}
	.h2-mbar a.call{background:var(--h2-brown);color:#fff!important;}
	.h2-mbar a.zalo .h2-ico{color:#0068ff;}
	.h2-mbar a.mess .h2-ico{color:#0084ff;}
	body.h2-body{padding-bottom:62px;}
	.h2-gotop{bottom:76px;}
	.h2-footer-top{padding-top:34px;}
}
@media (max-width:640px){
	.h2-wrap{padding:0 14px;}
	.h2-action.wish,.h2-action.acc{display:none;}
	.h2-title h2{font-size:19px;}
	.h2-title .line{width:28px;}
	.h2-title .h2-more{position:static;transform:none;}
	.h2-title.center-more{flex-wrap:wrap;}
	.h2-cat-tiles{grid-template-columns:repeat(4,1fr);gap:8px;}
	.h2-cat-tile .name{font-size:12px;min-height:44px;padding:6px 3px;}
	.h2-cat-tile .name .h2-ico{display:none;}
	.h2-grid.c6,.h2-grid.c4,.h2-grid.c3,.h2-grid.c5{grid-template-columns:repeat(2,1fr);gap:12px;}
	.h2-hslider-track,.h2-hslider-track.c3,.h2-hslider-track.c5{grid-auto-columns:calc((100% - 12px)/2);gap:12px;}
	.h2-card-foot{gap:6px;}
	.h2-price{min-width:0;}
	.h2-price .new{white-space:nowrap;}
	.h2-card-cart{width:30px;height:30px;}
	.h2-card-cart .h2-ico{width:16px;height:16px;}
	.h2-card-title{min-height:38px;}
	.h2-hslider .h2-nav-btn{display:none;}
	.h2-hero-slides{aspect-ratio:16/9;}
	.h2-hero .h2-nav-btn{display:none;}
	.h2-usp ul{grid-template-columns:1fr 1fr;}
	.h2-usp .h2-ico{width:30px;height:30px;}
	.h2-usp b{font-size:13px;}
	.h2-usp span{font-size:11.5px;}
	.h2-card-body{padding:10px;}
	.h2-card-title{font-size:13px;}
	.h2-price .new{font-size:14.5px;}
	.h2-deal{min-height:200px;padding:20px;}
	.h2-deal .script{font-size:34px;}
	.h2-deal .pct b{font-size:44px;}
	.h2-catblock{padding:14px;border-radius:14px;}
	.h2-catblock-head .h2-chips{display:none;}
	.h2-news-item{grid-template-columns:110px 1fr;}
	.h2-review{padding:0 30px;}
	.h2-footer-top{grid-template-columns:1fr!important;gap:26px;}
	.h2-footer-bottom .h2-wrap{justify-content:center;text-align:center;}
	.h2-pagehead .h2-wrap{min-height:130px;}
	.h2-pagehead h1{font-size:28px;}
	.h2-pagehead p{font-size:14px;}
	.h2-catcard h3{font-size:15px;}
	.h2-usp-bar{grid-template-columns:1fr 1fr;padding:12px 4px;}
	.h2-usp-bar > div{padding:0 8px;}
	.h2-usp-bar .h2-ico{width:26px;height:26px;}
}

/* ==========================================================================
   PRODUCT DETAIL
   ========================================================================== */
.h2-pd-crumb{background:var(--h2-cream-2);border-bottom:1px solid var(--h2-line);padding:12px 0;}
.h2-pd-crumb .h2-breadcrumb{margin:0;}
.h2-pd-crumb .h2-breadcrumb a{display:inline-flex;align-items:center;gap:4px;}
.h2-pd-crumb .h2-breadcrumb .h2-ico{width:14px;height:14px;}
.h2-pd-crumb .cur{color:var(--h2-text);}
.h2-pd{padding:26px 0 10px;}
.h2-pd-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;background:#fff;border-radius:20px;box-shadow:var(--h2-shadow);padding:26px;}
/* gallery */
.h2-pd-gallery{min-width:0;}
.h2-pd-main{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--h2-cream-2);}
.h2-pd-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s;background-image:var(--zoom);background-repeat:no-repeat;background-size:220%;cursor:zoom-in;}
.h2-pd-slide.active{opacity:1;visibility:visible;}
.h2-pd-slide img{width:100%;height:100%;object-fit:cover;transition:opacity .2s;}
.h2-pd-slide.zooming img{opacity:0;}
.h2-pd-main .h2-badge{top:16px;left:16px;font-size:14px;padding:4px 12px;}
.h2-pd-main .h2-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;opacity:0;transition:opacity .2s;}
.h2-pd-main:hover .h2-nav-btn{opacity:1;}
.h2-pd-main .h2-nav-btn.prev{left:14px;}
.h2-pd-main .h2-nav-btn.next{right:14px;}
.h2-pd-zoomhint{position:absolute;right:14px;bottom:14px;z-index:3;background:rgba(255,255,255,.88);padding:5px 12px;border-radius:999px;font-size:12px;display:flex;align-items:center;gap:6px;pointer-events:none;}
.h2-pd-zoomhint .h2-ico{width:14px;height:14px;}
.h2-pd-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;}
.h2-pd-thumbs button{flex:none;width:82px;height:82px;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--h2-cream-2);cursor:pointer;opacity:.7;transition:all .2s;}
.h2-pd-thumbs button img{width:100%;height:100%;object-fit:cover;}
.h2-pd-thumbs button.active,.h2-pd-thumbs button:hover{border-color:var(--h2-gold);opacity:1;}
/* info */
.h2-pd-info{min-width:0;}
.h2-pd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.h2-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;background:var(--h2-cream-2);font-size:12.5px;font-weight:500;color:var(--h2-brown-dark);}
.h2-chip .h2-ico{width:14px;height:14px;}
.h2-chip.hot{background:#fbe6e3;color:var(--h2-red);}
.h2-chip.new{background:#e8efe3;color:var(--h2-sage-dark);}
.h2-pd-title{font-family:var(--h2-serif);font-size:30px;line-height:1.3;color:var(--h2-brown-dark);margin:0 0 10px;font-weight:700;}
.h2-pd-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--h2-muted);padding-bottom:14px;border-bottom:1px dashed var(--h2-line);}
.h2-pd-meta span{display:inline-flex;align-items:center;gap:6px;}
.h2-pd-meta b{color:var(--h2-text);}
.h2-pd-meta .h2-ico{width:16px;height:16px;color:var(--h2-sage);}
.h2-pd-meta .stock{color:var(--h2-sage-dark);font-weight:500;}
.h2-pd-meta .stock i{width:8px;height:8px;border-radius:50%;background:#5fae54;box-shadow:0 0 0 3px #e2f0df;}
.h2-pd-price{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;background:linear-gradient(100deg,#fbf3e8,#f6e9d8);border-radius:14px;padding:16px 20px;margin:16px 0;}
.h2-pd-price .new{font-size:32px;font-weight:700;color:var(--h2-red);line-height:1.1;}
.h2-pd-price .old{font-size:17px;color:#9b8b80;text-decoration:line-through;}
.h2-pd-price .off{background:var(--h2-red);color:#fff;font-weight:600;font-size:13px;padding:3px 10px;border-radius:6px;}
.h2-pd-price .save{flex-basis:100%;font-size:13.5px;color:var(--h2-brown);}
.h2-pd-desc{color:#5a463a;line-height:1.7;margin-bottom:16px;max-height:170px;overflow:auto;}
.h2-pd-desc p{margin:0 0 6px;}
.h2-pd-desc ul{margin:0;padding-left:18px;}
.h2-pd-opt{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.h2-pd-opt > label{width:86px;flex:none;font-weight:500;font-size:14px;}
.h2-opts{display:flex;flex-wrap:wrap;gap:8px;}
.h2-opts button{padding:7px 16px;border-radius:10px;border:1.5px solid var(--h2-line);background:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;color:var(--h2-text);}
.h2-opts button.on{border-color:var(--h2-brown);color:var(--h2-brown-dark);background:#fbf3e8;font-weight:600;}
.h2-qty{display:inline-flex;border:1.5px solid var(--h2-line);border-radius:10px;overflow:hidden;background:#fff;}
.h2-qty button{width:40px;height:42px;border:0;background:var(--h2-cream);font-size:20px;cursor:pointer;color:var(--h2-brown-dark);}
.h2-qty button:hover{background:var(--h2-beige);}
.h2-qty input{width:58px;border:0;text-align:center;font-size:16px;font-weight:600;font-family:inherit;-moz-appearance:textfield;outline:0;color:var(--h2-text);}
.h2-qty input::-webkit-inner-spin-button{-webkit-appearance:none;}
.h2-pd-actions{display:flex;gap:12px;margin:20px 0 14px;}
.h2-btn.big{border-radius:14px;padding:12px 20px;justify-content:center;flex:1;}
.h2-btn.big .h2-ico{width:24px;height:24px;}
.h2-btn.big span{display:flex;flex-direction:column;text-align:left;line-height:1.3;}
.h2-btn.big b{font-size:16px;text-transform:uppercase;letter-spacing:.3px;}
.h2-btn.big small{font-size:12px;font-weight:400;opacity:.85;}
.h2-btn.zalo{background:#0068ff;}
.h2-btn.zalo:hover{background:#0053cc;}
.h2-btn.zalo .h2-ico{color:#fff;--h2-zt:#0068ff;}
.h2-pd-share a.zl .h2-ico{--h2-zt:#0068ff;}
.h2-pd-wish{position:static;opacity:1;transform:none;width:58px;height:auto;border-radius:14px;border:1.5px solid var(--h2-line);background:#fff;flex:none;}
.h2-pd-wish .h2-ico{width:24px;height:24px;}
.h2-pd-hotline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px dashed var(--h2-gold);border-radius:12px;background:#fffaf3;font-size:14px;}
.h2-pd-hotline > .h2-ico{width:26px;height:26px;color:var(--h2-brown);}
.h2-pd-hotline b{color:var(--h2-red);font-size:16px;}
.h2-pd-hotline span{color:var(--h2-muted);font-size:12.5px;}
.h2-pd-hotline .mess{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:500;color:#0084ff;}
.h2-pd-usp{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.h2-pd-usp li{display:flex;align-items:center;gap:10px;background:var(--h2-cream);border-radius:12px;padding:10px 12px;}
.h2-pd-usp .h2-ico{width:30px;height:30px;color:var(--h2-sage);stroke-width:1.4;}
.h2-pd-usp b{display:block;font-size:13.5px;font-weight:600;}
.h2-pd-usp span{font-size:12px;color:var(--h2-muted);}
.h2-pd-share{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13px;color:var(--h2-muted);}
.h2-pd-share a{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important;}
.h2-pd-share a .h2-ico{width:18px;height:18px;}
.h2-pd-share a.fb{background:#1877f2;}
.h2-pd-share a.zl{background:#0068ff;}
.h2-pd-share button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--h2-line);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;font-family:inherit;font-size:12.5px;color:var(--h2-text);}
.h2-pd-share button .h2-ico{width:14px;height:14px;}
/* body */
.h2-pd-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:26px;align-items:start;}
.h2-pd-tabs{background:#fff;border-radius:20px;box-shadow:var(--h2-shadow);overflow:hidden;}
.h2-tabnav{display:flex;gap:4px;border-bottom:1px solid var(--h2-line);padding:0 16px;overflow-x:auto;scrollbar-width:none;background:#fffaf4;}
.h2-tabnav button{border:0;background:none;padding:16px 16px 14px;font-family:var(--h2-serif);font-size:17px;font-weight:600;color:var(--h2-muted);cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px;}
.h2-tabnav button.active{color:var(--h2-brown-dark);border-bottom-color:var(--h2-brown);}
.h2-tabpane{display:none;padding:22px 26px 26px;}
.h2-tabpane.active{display:block;animation:h2Fade .3s;}
.h2-content{line-height:1.8;font-size:15px;color:#4a382d;position:relative;}
.h2-content img{height:auto!important;border-radius:10px;margin:8px auto;display:block;}
.h2-content h2,.h2-content h3{font-family:var(--h2-serif);color:var(--h2-brown-dark);}
.h2-content table{width:100%!important;border-collapse:collapse;}
.h2-content td,.h2-content th{border:1px solid var(--h2-line);padding:8px;}
.h2-content iframe{max-width:100%;}
.h2-video iframe{width:100%!important;aspect-ratio:16/9;height:auto!important;border-radius:12px;}
.h2-content.collapsed{max-height:620px;overflow:hidden;}
.h2-content.collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,#fff);}
.h2-more-btn{display:none;margin:14px auto 0;}
.h2-more-btn.show{display:flex;}
.h2-policy{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.h2-policy li{display:flex;gap:14px;align-items:flex-start;background:var(--h2-cream);border-radius:12px;padding:14px 16px;}
.h2-policy .h2-ico{width:30px;height:30px;color:var(--h2-sage);flex:none;}
.h2-policy b{font-size:15px;}
.h2-policy p{margin:4px 0 0;font-size:14px;line-height:1.6;}
.h2-pd-side{position:sticky;top:72px;display:flex;flex-direction:column;gap:18px;}
.h2-side-box{background:#fff;border-radius:16px;box-shadow:var(--h2-shadow);padding:18px;}
.h2-side-box h3{font-family:var(--h2-serif);font-size:18px;color:var(--h2-brown-dark);margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.h2-side-box h3 .h2-ico{color:var(--h2-gold);}
.h2-side-box.contact{background:linear-gradient(140deg,var(--h2-brown) 0%,var(--h2-brown-dark) 100%);color:#f3e6d6;}
.h2-side-box.contact h3{color:#fff;}
.h2-side-box.contact p{margin:0 0 14px;font-size:13.5px;}
.h2-side-box.contact .h2-btn{background:#fff;color:var(--h2-brown-dark)!important;width:100%;justify-content:center;font-size:16px;}
.h2-mini{list-style:none;margin:0;padding:0;}
.h2-mini li + li{border-top:1px dashed var(--h2-line);}
.h2-mini a{display:flex;gap:12px;padding:10px 0;align-items:center;}
.h2-mini .img{width:70px;height:70px;border-radius:10px;overflow:hidden;flex:none;background:var(--h2-cream-2);}
.h2-mini .img img{width:100%;height:100%;object-fit:cover;}
.h2-mini .txt{min-width:0;}
.h2-mini .t{font-size:13.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px;}
.h2-mini .h2-price .new{font-size:14px;}
.h2-mini .h2-price{flex-direction:row;gap:8px;align-items:baseline;}
/* buybar mobile */
.h2-pd-buybar{display:none;}
/* modal */
.h2-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;visibility:hidden;opacity:0;transition:opacity .2s;}
.h2-modal.open{visibility:visible;opacity:1;}
.h2-modal-bg{position:absolute;inset:0;background:rgba(40,25,15,.55);}
.h2-modal-box{position:relative;background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:92vh;overflow:auto;padding:24px;transform:translateY(16px);transition:transform .25s;}
.h2-modal.open .h2-modal-box{transform:none;}
.h2-modal-box h3{font-family:var(--h2-serif);font-size:22px;color:var(--h2-brown-dark);margin:0 0 14px;display:flex;align-items:center;gap:10px;}
.h2-modal-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:var(--h2-cream-2);cursor:pointer;color:var(--h2-brown-dark);}
.h2-qo-prod{display:flex;gap:12px;align-items:center;background:var(--h2-cream);border-radius:12px;padding:10px;margin-bottom:14px;}
.h2-qo-prod img{width:64px;height:64px;border-radius:10px;object-fit:cover;}
.h2-qo-prod b{font-size:14px;display:block;line-height:1.4;}
.h2-qo-prod .line{font-size:13px;color:var(--h2-muted);margin-top:3px;}
.h2-qo-prod .sum{color:var(--h2-red);font-weight:700;}
.h2-qo-form{display:grid;gap:10px;}
.h2-qo-form .h2-field.area{padding:8px 12px;}
.h2-qo-form textarea{border:0;outline:0;width:100%;resize:vertical;font-family:inherit;font-size:14px;background:transparent;color:var(--h2-text);}
.h2-qo-form .h2-btn{width:100%;}
.h2-qo-form .h2-btn[disabled]{opacity:.6;pointer-events:none;}
.h2-qo-note{margin:0;font-size:12.5px;color:var(--h2-muted);text-align:center;}
.h2-qo-msg{padding:12px;border-radius:10px;background:#e8efe3;color:var(--h2-sage-dark);font-weight:500;text-align:center;}
.h2-qo-msg.err{background:#f6e0de;color:var(--h2-red);}
.h2-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--h2-brown-dark);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;z-index:1200;}
@media (max-width:1199px){
	.h2-pd-body{grid-template-columns:minmax(0,1fr) 260px;}
	.h2-pd-title{font-size:26px;}
	.h2-btn.big small{display:none;}
}
@media (max-width:991px){
	.h2-pd-top{grid-template-columns:1fr;padding:16px;gap:20px;}
	.h2-pd-body{grid-template-columns:1fr;}
	.h2-pd-side{position:static;}
	body.h2-body:has(.h2-pd-buybar) .h2-mbar{display:none;}
	.h2-pd-buybar{display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:950;background:#fff;border-top:1px solid var(--h2-line);box-shadow:0 -4px 16px rgba(0,0,0,.08);padding:8px 12px calc(8px + env(safe-area-inset-bottom));}
	.h2-pd-buybar .p{flex:1;min-width:0;line-height:1.2;}
	.h2-pd-buybar small{display:block;font-size:11.5px;color:var(--h2-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.h2-pd-buybar b{color:var(--h2-red);font-size:17px;}
	.h2-pd-buybar a{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--h2-line);flex:none;}
	.h2-pd-buybar a .h2-ico{width:24px;height:24px;}
	.h2-pd-buybar a.z{color:#0068ff;}
	.h2-pd-buybar a.c{color:var(--h2-brown);}
	.h2-pd-buybar .h2-btn{height:42px;border-radius:12px;padding:0 18px;}
}
@media (max-width:640px){
	.h2-pd{padding-top:12px;}
	.h2-pd .h2-wrap{padding:0 10px;}
	.h2-pd-top{border-radius:16px;padding:12px;}
	.h2-pd-title{font-size:21px;}
	.h2-pd-price .new{font-size:26px;}
	.h2-pd-thumbs button{width:62px;height:62px;}
	.h2-pd-actions{gap:8px;}
	.h2-pd-actions .h2-btn.big{flex:1 1 0;min-width:0;padding:12px 10px;gap:6px;}
	.h2-pd-actions .h2-btn.big .h2-ico{width:20px;height:20px;}
	.h2-pd-wish{width:48px;}
	.h2-pd-hotline > .h2-ico{display:none;}
	.h2-pd-hotline{gap:6px 12px;}
	.h2-btn.big b{font-size:13.5px;}
	.h2-pd-usp{grid-template-columns:1fr 1fr;gap:8px;}
	.h2-pd-usp li{padding:8px;}
	.h2-pd-usp .h2-ico{width:24px;height:24px;}
	.h2-pd-usp span{display:none;}
	.h2-pd-hotline .mess{margin-left:0;}
	.h2-tabnav button{font-size:15px;padding:14px 10px 12px;}
	.h2-tabpane{padding:16px;}
	.h2-pd-opt > label{width:74px;}
	.h2-pd-main .h2-nav-btn{opacity:1;width:34px;height:34px;}
	.h2-pd-zoomhint{display:none;}
}

/* ===== Lightbox ảnh sản phẩm (kiểu toàn màn hình nền đen) ===== */
.h2-lb{position:fixed;inset:0;z-index:1300;background:#000;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .25s;}
.h2-lb.open{opacity:1;visibility:visible;}
.h2-lb-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;color:#bbb;font-size:14px;flex:none;}
.h2-lb-top b{color:#fff;}
.h2-lb-x{width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.h2-lb-x:hover{background:rgba(255,255,255,.22);}
.h2-lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:0 80px;}
.h2-lb-frame{height:100%;max-height:100%;aspect-ratio:1;max-width:100%;background:#fff;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.h2-lb-frame img{width:100%;height:100%;object-fit:contain;transition:opacity .2s, transform .25s;}
.h2-lb-frame img.loading{opacity:0;transform:scale(.98);}
.h2-lb-frame.zoom{cursor:zoom-out;}
.h2-lb-frame img{cursor:zoom-in;}
.h2-lb-frame.zoom img{transform:scale(2);cursor:zoom-out;}
.h2-lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.h2-lb-arrow:hover{background:rgba(255,255,255,.12);}
.h2-lb-arrow .h2-ico{width:34px;height:34px;stroke-width:1.4;}
.h2-lb-arrow.prev{left:18px;}
.h2-lb-arrow.next{right:18px;}
.h2-lb-caption{flex:none;text-align:center;color:#fff;font-weight:700;font-size:20px;padding:14px 20px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.h2-lb-thumbs{flex:none;display:flex;gap:6px;justify-content:center;overflow-x:auto;padding:8px 12px 12px;background:#111;scrollbar-width:thin;}
.h2-lb-thumbs button{flex:none;width:100px;height:78px;padding:0;border:2px solid transparent;background:#fff;cursor:pointer;opacity:.75;transition:all .2s;border-radius:2px;}
.h2-lb-thumbs button img{width:100%;height:100%;object-fit:contain;}
.h2-lb-thumbs button:hover{opacity:1;}
.h2-lb-thumbs button.active{border-color:#3ecf5a;opacity:1;}
body.h2-lb-lock{overflow:hidden;}
@media (max-width:991px){
	.h2-lb-stage{padding:0 10px;}
	.h2-lb-frame{aspect-ratio:auto;width:100%;height:auto;max-height:100%;}
	.h2-lb-arrow{background:rgba(0,0,0,.45);width:40px;height:40px;z-index:2;}
	.h2-lb-frame{aspect-ratio:1;}
	.h2-lb-arrow .h2-ico{width:24px;height:24px;}
	.h2-lb-arrow.prev{left:14px;}
	.h2-lb-arrow.next{right:14px;}
	.h2-lb-caption{font-size:15px;}
	.h2-lb-thumbs{justify-content:flex-start;}
	.h2-lb-thumbs button{width:64px;height:56px;}
}

/* ==========================================================================
   BLOG – DANH MỤC & CHI TIẾT TIN
   ========================================================================== */
.h2-blog-tabs{background:#fff;border-bottom:1px solid var(--h2-line);}
.h2-blog-tabs .h2-wrap{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:12px;padding-bottom:12px;}
.h2-blog-tabs a{flex:none;padding:7px 18px;border-radius:999px;border:1px solid var(--h2-line);font-size:14px;background:#fff;}
.h2-blog-tabs a.active,.h2-blog-tabs a:hover{background:var(--h2-brown);border-color:var(--h2-brown);color:#fff!important;}
.h2-blog{padding:28px 0 40px;}
.h2-blog-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;}
.h2-blog-main{min-width:0;}
.h2-blog-side{position:sticky;top:72px;display:flex;flex-direction:column;gap:18px;}
.h2-post{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--h2-shadow);display:flex;flex-direction:column;transition:transform .25s, box-shadow .25s;}
.h2-post:hover{transform:translateY(-3px);box-shadow:var(--h2-shadow-lg);}
.h2-post .img{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--h2-cream-2);}
.h2-post .img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.h2-post:hover .img img{transform:scale(1.05);}
.h2-post .txt{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1;}
.h2-post h2,.h2-post h3{margin:0;font-family:var(--h2-serif);color:var(--h2-brown-dark);line-height:1.35;}
.h2-post h3{font-size:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.h2-post p{margin:0;color:var(--h2-muted);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.h2-readmore{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;color:var(--h2-brown)!important;}
.h2-readmore .h2-ico{width:16px;height:16px;transition:transform .2s;}
.h2-post:hover .h2-readmore .h2-ico{transform:translateX(4px);}
.h2-blog-feature{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:30px;}
.h2-post.big .img{aspect-ratio:16/9;}
.h2-post.big h2{font-size:24px;}
.h2-post.big .txt{padding:18px 22px 22px;}
.h2-post .h2-badge{top:14px;left:14px;}
.h2-blog-sub{display:grid;grid-template-rows:1fr 1fr;gap:18px;}
.h2-blog-sub .h2-post .img{aspect-ratio:16/9;}
.h2-post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.h2-post-grid.c4{grid-template-columns:repeat(4,1fr);}
.h2-blog-cats{list-style:none;margin:0;padding:0;}
.h2-blog-cats a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;font-size:14.5px;}
.h2-blog-cats a .h2-ico{width:15px;height:15px;color:var(--h2-muted);}
.h2-blog-cats a:hover{background:var(--h2-cream-2);}
.h2-blog-cats li.active a{background:#eef0e6;color:#2f4a2c;font-weight:600;}
.h2-popular{list-style:none;margin:0;padding:0;}
.h2-popular li + li{border-top:1px dashed var(--h2-line);}
.h2-popular a{display:flex;gap:12px;padding:10px 0;align-items:center;}
.h2-popular .img{position:relative;width:84px;height:64px;border-radius:10px;overflow:hidden;flex:none;background:var(--h2-cream-2);}
.h2-popular .img img{width:100%;height:100%;object-fit:cover;}
.h2-popular .img i{position:absolute;left:0;top:0;width:22px;height:22px;background:var(--h2-brown);color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border-bottom-right-radius:8px;}
.h2-popular .t{font-size:13.5px;line-height:1.4;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:3px;}
.h2-toc ol{margin:0;padding:0 0 0 4px;list-style:none;counter-reset:toc;max-height:50vh;overflow:auto;}
.h2-toc li{counter-increment:toc;}
.h2-toc li.sub{counter-increment:none;}
.h2-toc li a{display:flex;gap:8px;padding:6px 8px;border-radius:8px;font-size:13.5px;line-height:1.45;}
.h2-toc li a:before{content:counter(toc) ".";color:var(--h2-gold);font-weight:700;}
.h2-toc li.sub a{padding-left:24px;font-size:13px;color:var(--h2-muted);}
.h2-toc li.sub a:before{content:"–";}
.h2-toc li a.on,.h2-toc li a:hover{background:var(--h2-cream-2);color:var(--h2-brown-dark);}
/* article */
.h2-article-head{background:linear-gradient(90deg,#f6ecdf 0%,#f3e6d4 60%,#efdcc4 100%);border-bottom:1px solid var(--h2-line);padding:22px 0 30px;}
.h2-article-head .h2-wrap{max-width:900px;text-align:center;}
.h2-article-head .h2-breadcrumb{justify-content:center;margin-bottom:16px;}
.h2-article-head h1{font-family:var(--h2-serif);font-size:38px;line-height:1.3;color:var(--h2-brown-dark);margin:14px 0 14px;}
.h2-article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:var(--h2-muted);}
.h2-article-meta span{display:inline-flex;align-items:center;gap:6px;}
.h2-article-meta .h2-ico{width:16px;height:16px;color:var(--h2-gold);}
.h2-article{background:#fff;border-radius:20px;box-shadow:var(--h2-shadow);padding:28px 36px 32px;min-width:0;}
.h2-article-cover{margin:0 0 22px;border-radius:16px;overflow:hidden;}
.h2-article-cover img{width:100%;display:block;max-height:520px;object-fit:cover;}
.h2-article-sapo{font-size:17px;line-height:1.75;font-weight:500;color:var(--h2-brown-dark);border-left:4px solid var(--h2-gold);background:var(--h2-cream);padding:14px 18px;border-radius:0 12px 12px 0;margin-bottom:22px;}
.h2-article-sapo p{margin:0;}
.h2-article-body{font-size:16.5px;line-height:1.85;}
.h2-article-body p{margin:0 0 16px;}
.h2-article-body h2{font-size:25px;margin:30px 0 12px;scroll-margin-top:80px;}
.h2-article-body h3{font-size:20px;margin:24px 0 10px;scroll-margin-top:80px;}
.h2-article-body a{color:var(--h2-brown);text-decoration:underline;}
.h2-article-body blockquote{margin:20px 0;padding:14px 20px;border-left:4px solid var(--h2-sage);background:#f3f5ee;border-radius:0 12px 12px 0;font-style:italic;}
.h2-article-body ul,.h2-article-body ol{padding-left:22px;margin:0 0 16px;}
.h2-article-body figure{margin:16px 0;}
.h2-article-body figcaption,.h2-article-body .image_caption,.h2-article-body em{color:var(--h2-muted);}
.h2-article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;font-size:13.5px;}
.h2-article-tags > span{display:inline-flex;align-items:center;gap:6px;font-weight:600;}
.h2-article-tags a{padding:5px 14px;border-radius:999px;background:var(--h2-cream-2);}
.h2-article-tags a:hover{background:var(--h2-brown);color:#fff!important;}
.h2-article-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:22px;padding-top:18px;border-top:1px dashed var(--h2-line);}
.h2-article-foot .h2-pd-share{margin:0;}
.h2-article-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:20px 24px;border-radius:16px;background:linear-gradient(120deg,var(--h2-brown) 0%,var(--h2-brown-dark) 100%);color:#f3e6d6;}
.h2-article-cta b{display:block;font-family:var(--h2-serif);font-size:19px;color:#fff;margin-bottom:4px;}
.h2-article-cta span{font-size:14px;}
.h2-article-cta .h2-btn{background:#fff;color:var(--h2-brown-dark)!important;flex:none;}
.h2-article-comments{margin-top:26px;}
.h2-article-comments h3{font-family:var(--h2-serif);color:var(--h2-brown-dark);display:flex;align-items:center;gap:8px;margin:0 0 10px;}
.h2-related{padding-bottom:20px;}

/* ==========================================================================
   CONTACT
   ========================================================================== */
.h2-contact{padding:0 0 40px;}
.h2-contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-34px;position:relative;z-index:3;}
.h2-ccard{background:#fff;border-radius:18px;box-shadow:var(--h2-shadow-lg);padding:22px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--h2-line);}
.h2-ccard:hover{transform:translateY(-4px);border-color:var(--h2-gold);}
.h2-ccard .ic{width:60px;height:60px;border-radius:50%;background:var(--h2-cream-2);display:flex;align-items:center;justify-content:center;color:var(--h2-brown);margin-bottom:8px;}
.h2-ccard .ic .h2-ico{width:28px;height:28px;}
.h2-ccard.zalo .ic{background:#e6efff;color:#0068ff;}
.h2-ccard.mess .ic{background:#e6f2ff;color:#0084ff;}
.h2-ccard b{font-family:var(--h2-serif);font-size:18px;color:var(--h2-brown-dark);}
.h2-ccard > span{font-weight:600;color:var(--h2-text);word-break:break-word;}
.h2-ccard small{color:var(--h2-muted);font-size:12.5px;}
.h2-contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:26px;margin-top:30px;align-items:stretch;}
.h2-contact-info{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--h2-brown) 0%,var(--h2-brown-deep) 100%);color:#eadfd2;border-radius:20px;padding:30px;}
.h2-contact-info:after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(200,149,92,.35),transparent 70%);}
.h2-contact-info h2{font-family:var(--h2-serif);color:#fff;font-size:30px;margin:0 0 22px;line-height:1.1;}
.h2-contact-info h2 small{display:block;font-family:var(--h2-sans);font-size:13px;color:var(--h2-gold-soft);letter-spacing:1px;margin-top:8px;font-weight:400;}
.h2-contact-list{list-style:none;margin:0;padding:0;display:grid;gap:16px;position:relative;z-index:1;}
.h2-contact-list li{display:flex;gap:14px;align-items:flex-start;}
.h2-contact-list li > .h2-ico{width:42px;height:42px;padding:10px;border-radius:12px;background:rgba(255,255,255,.1);color:var(--h2-gold-soft);flex:none;}
.h2-contact-list b{display:block;color:#fff;font-size:14.5px;}
.h2-contact-list span,.h2-contact-list a{color:#e3d4c3;}
.h2-contact-html{color:#e3d4c3;margin-top:14px;font-size:14px;}
.h2-contact-usp{list-style:none;margin:24px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1;}
.h2-contact-usp li{display:flex;align-items:center;gap:8px;font-size:13.5px;}
.h2-contact-usp .h2-ico{color:var(--h2-gold-soft);width:18px;height:18px;}
.h2-contact-form{background:#fff;border-radius:20px;box-shadow:var(--h2-shadow);padding:30px;}
.h2-contact-form h2{font-family:var(--h2-serif);font-size:26px;color:var(--h2-brown-dark);margin:0 0 6px;}
.h2-contact-form > p{margin:0 0 18px;color:var(--h2-muted);}
.h2-cform{display:grid;gap:12px;}
.h2-cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.h2-cform .h2-field.area{padding:10px 14px;}
.h2-cform textarea{border:0;outline:0;width:100%;resize:vertical;font-family:inherit;font-size:14.5px;background:transparent;color:var(--h2-text);}
.h2-cform .h2-btn{width:100%;}
.h2-cform .h2-btn[disabled]{opacity:.6;pointer-events:none;}
.h2-topics{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;}
.h2-topics > span{font-weight:500;margin-right:4px;}
.h2-topics label{cursor:pointer;}
.h2-topics input{position:absolute;opacity:0;pointer-events:none;}
.h2-topics label span{display:inline-block;padding:6px 14px;border-radius:999px;border:1.5px solid var(--h2-line);transition:all .2s;}
.h2-topics input:checked + span{border-color:var(--h2-brown);background:#fbf3e8;color:var(--h2-brown-dark);font-weight:600;}
.h2-alert.err{background:#f6e0de;color:var(--h2-red);margin:0 0 14px;}
.h2-contact-form .alert,.h2-contact-form .uk-alert{border-radius:10px;padding:12px 14px;margin-bottom:14px;}
.h2-contact-map{margin-top:28px;border-radius:20px;overflow:hidden;box-shadow:var(--h2-shadow);border:6px solid #fff;height:420px;}
.h2-contact-map iframe{width:100%!important;height:100%!important;border:0;display:block;}
.h2-contacthead .h2-wrap{min-height:200px;}

@media (max-width:1199px){
	.h2-blog-grid{grid-template-columns:minmax(0,1fr) 280px;}
	.h2-post-grid.c4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:991px){
	.h2-blog-grid{grid-template-columns:1fr;}
	.h2-blog-side{position:static;}
	.h2-blog-feature{grid-template-columns:1fr;}
	.h2-blog-sub{grid-template-rows:none;grid-template-columns:1fr 1fr;}
	.h2-article{padding:20px;}
	.h2-article-head h1{font-size:30px;}
	.h2-contact-cards{grid-template-columns:repeat(2,1fr);}
	.h2-contact-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
	.h2-post-grid,.h2-post-grid.c4{grid-template-columns:1fr;gap:14px;}
	.h2-post-grid .h2-post{display:grid;grid-template-columns:120px 1fr;}
	.h2-post-grid .h2-post .img{aspect-ratio:auto;height:100%;min-height:96px;}
	.h2-post-grid .h2-post .txt{padding:10px 12px;}
	.h2-post-grid .h2-post p,.h2-post-grid .h2-post .h2-readmore{display:none;}
	.h2-post-grid .h2-post h3{font-size:15px;}
	.h2-blog-sub{grid-template-columns:1fr;}
	.h2-post.big h2{font-size:20px;}
	.h2-article{padding:16px;border-radius:16px;}
	.h2-article-head h1{font-size:24px;}
	.h2-article-body{font-size:16px;}
	.h2-article-body h2{font-size:21px;}
	.h2-article-cta{flex-direction:column;align-items:flex-start;}
	.h2-contact-cards{gap:10px;margin-top:-24px;}
	.h2-ccard{padding:16px 10px;}
	.h2-ccard .ic{width:48px;height:48px;}
	.h2-ccard b{font-size:16px;}
	.h2-ccard > span{font-size:13px;}
	.h2-cform .row2{grid-template-columns:1fr;}
	.h2-contact-info,.h2-contact-form{padding:20px;}
	.h2-contact-usp{grid-template-columns:1fr;}
	.h2-contact-map{height:300px;}
}
.h2-contacthead .txt{padding-bottom:56px;}

/* ==========================================================================
   v2 – TÔNG XANH LÁ (theo mẫu 11/2026)
   ========================================================================== */
:root{
	--h2-green:#4f6b38;
	--h2-green-dark:#3e5a2b;
	--h2-green-deep:#34502a;
	--h2-green-soft:#e9efe0;
	--h2-sage:#5c7a45;
	--h2-sage-dark:#46602f;
	--h2-cream:#fbf7f0;
	--h2-cream-2:#f5ede0;
}
body.h2-body{background:var(--h2-cream);}
/* buttons */
.h2-btn{background:var(--h2-green);}
.h2-btn:hover{background:var(--h2-green-dark);}
.h2-btn.ghost{background:transparent;color:var(--h2-green)!important;border-color:var(--h2-green);}
.h2-btn.ghost:hover{background:var(--h2-green);color:#fff!important;}
.h2-btn.brown{background:var(--h2-brown);}
.h2-btn.brown:hover{background:var(--h2-brown-dark);}
/* topbar */
.h2-topbar{background:var(--h2-green-deep);color:#f1f4ea;border:0;}
.h2-topbar .h2-wrap{min-height:36px;}
.h2-topbar-usp li{border-color:rgba(255,255,255,.25);}
.h2-topbar-usp .h2-ico{color:#fff;}
.h2-topbar-usp a{color:#fff!important;display:flex;align-items:center;gap:7px;}
.h2-topbar .h2-social .lbl{font-size:13px;margin-right:4px;color:#e6ecdc;}
.h2-topbar .h2-social a{width:24px;height:24px;border-radius:50%;}
/* header */
.h2-header{background:var(--h2-cream);box-shadow:0 1px 0 var(--h2-line);}
.h2-header-main .h2-wrap{min-height:104px;}
.h2-logo img{max-height:88px;}
.h2-logo-text strong{font-size:34px;color:var(--h2-brown);}
.h2-logo-text em{font-weight:600;color:var(--h2-brown);}
.h2-search form{background:#fff;border-color:#dcd2c2;border-radius:10px;}
.h2-search button{background:var(--h2-green);}
.h2-search button:hover{background:var(--h2-green-dark);}
.h2-action .h2-ico{color:var(--h2-brown-dark);}
.h2-nav{background:var(--h2-cream);border-top:1px solid var(--h2-line);border-bottom:0;}
.h2-catbtn{background:var(--h2-green);border-radius:999px;}
.h2-catbtn:hover{background:var(--h2-green-dark);}
.h2-menu{justify-content:space-between;}
.h2-menu > li > a{padding:9px 16px;margin:8px 0;border-radius:999px;font-weight:500;}
.h2-menu > li > a .h2-ico{width:18px;height:18px;color:var(--h2-brown);}
.h2-menu > li > a .h2-ico:last-child:not(:first-child){width:13px;height:13px;color:inherit;}
.h2-menu > li > a:after{display:none;}
.h2-menu > li > a:hover{background:var(--h2-green-soft);color:var(--h2-green-dark);}
.h2-menu > li.active > a{background:var(--h2-green);color:#fff!important;font-weight:600;}
.h2-menu > li.active > a .h2-ico{color:#fff;}
.h2-menu .h2-track .h2-ico{color:var(--h2-green);}
.h2-header.is-sticky .h2-nav{background:#fffdf9;}
/* titles */
.h2-title h2{font-style:italic;text-transform:none;font-size:30px;color:var(--h2-brown);letter-spacing:0;}
.h2-title h2 .h2-ico{color:var(--h2-green);width:30px;height:30px;}
.h2-title .line{background:#cdb89a;width:110px;}
.h2-title .line:before{display:none;}
.h2-title.left h2{font-size:24px;}
.h2-more{color:var(--h2-green-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
/* cards */
.h2-card{border:1px solid #efe5d6;}
.h2-card-cart{background:var(--h2-green);border-radius:10px;}
.h2-card-cart:hover{background:var(--h2-green-dark);}
.h2-badge.hot{background:#d9452f;}
.h2-badge.new{background:var(--h2-green);}
.h2-price .new{color:#c0392b;}
/* USP */
.h2-usp{background:transparent;border:0;padding-top:18px;}
.h2-usp ul{background:#fff;border-radius:14px;box-shadow:var(--h2-shadow);border:1px solid #efe5d6;padding:18px 0;}
.h2-usp .h2-ico{color:var(--h2-green);}
/* home round categories */
.h2-cat-round{display:grid;grid-template-columns:repeat(var(--n,8),1fr);gap:16px;}
.h2-cat-round a{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:15px;font-weight:500;}
.h2-cat-round .ci{width:104px;height:104px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff 0%,#f3e9da 100%);box-shadow:0 6px 16px rgba(90,58,35,.10);display:flex;align-items:center;justify-content:center;transition:transform .25s, box-shadow .25s;border:3px solid #fff;}
.h2-cat-round .ci img{width:100%;height:100%;object-fit:cover;}
.h2-cat-round a:hover .ci{transform:translateY(-4px);box-shadow:0 10px 22px rgba(90,58,35,.18);}
.h2-cat-round a:hover{color:var(--h2-green-dark);}
.h2-cat-round .more .ci{color:var(--h2-brown);font-size:30px;letter-spacing:3px;font-weight:700;}
/* promos 2 cột */
.h2-promos.n2{grid-template-columns:repeat(2,1fr);}
.h2-promos.n2 .h2-promo{aspect-ratio:560/176;}
/* deal */
.h2-deal .note .h2-ico{color:var(--h2-green);}
.h2-catblock-head h2 .h2-ico{color:var(--h2-green);}
.h2-chips a:hover{border-color:var(--h2-green);background:var(--h2-green);}
/* catalogue */
.h2-pagehead h1{color:var(--h2-brown);}
.h2-pagehead p{color:var(--h2-green-dark);}
.h2-side-list li.active > a{background:var(--h2-green-soft);color:var(--h2-green-dark);}
.h2-catcard .go{background:var(--h2-green);}
.h2-sort a.active,.h2-sort a:hover{background:var(--h2-green);border-color:var(--h2-green);}
.h2-catpage .uk-pagination .uk-active a,.h2-catpage .uk-pagination a:hover{background:var(--h2-green)!important;border-color:var(--h2-green)!important;}
/* catalogue "Xem ngay" cards */
.h2-catx{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.h2-catx.c4{grid-template-columns:repeat(4,1fr);}
.h2-catx a{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--h2-shadow);border:1px solid #efe5d6;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:16px;transition:transform .25s, box-shadow .25s;}
.h2-catx a:hover{transform:translateY(-4px);box-shadow:var(--h2-shadow-lg);}
.h2-catx .img{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--h2-cream-2);}
.h2-catx .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.h2-catx a:hover .img img{transform:scale(1.06);}
.h2-catx b{font-size:17px;font-weight:600;margin:12px 8px 10px;color:var(--h2-text);line-height:1.3;}
.h2-catx .go{display:inline-flex;align-items:center;gap:6px;background:var(--h2-green);color:#fff;border-radius:999px;padding:6px 18px;font-size:13.5px;font-weight:600;}
.h2-catx .go .h2-ico{width:15px;height:15px;}
.h2-catx a:hover .go{background:var(--h2-green-dark);}
.h2-brandhead{position:relative;background:linear-gradient(90deg,#fbf6ee 0%,#f7eee2 48%,transparent 70%),#f3e9da;overflow:hidden;border-bottom:1px solid var(--h2-line);}
.h2-brandhead .bgimg{position:absolute;top:0;right:0;bottom:0;width:52%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%);}
.h2-brandhead .bgimg img{width:100%;height:100%;object-fit:cover;}
.h2-brandhead .h2-wrap{position:relative;z-index:2;padding-top:26px;padding-bottom:26px;}
.h2-brandhead .row{display:flex;align-items:center;gap:26px;}
.h2-brandhead .row > img{width:150px;height:150px;}
.h2-brandhead .sep{width:1px;height:90px;background:#bfa88a;}
.h2-brandhead .bt strong{display:block;font-family:var(--h2-serif);font-size:52px;line-height:1;color:var(--h2-brown);}
.h2-brandhead .bt em{display:flex;align-items:center;gap:10px;font-style:normal;font-size:22px;color:var(--h2-brown);margin-top:6px;}
.h2-brandhead .bt em:before,.h2-brandhead .bt em:after{content:"";width:34px;height:1.5px;background:var(--h2-brown);}
.h2-brandhead .bt .script{font-family:var(--h2-script);font-size:36px;color:var(--h2-green);margin-top:4px;}
.h2-brandhead ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0;}
.h2-brandhead li{display:flex;align-items:center;gap:10px;padding:0 22px;border-left:1px solid #cdb89a;font-size:14px;line-height:1.3;max-width:170px;}
.h2-brandhead li:first-child{border:0;padding-left:0;}
.h2-brandhead li .h2-ico{width:34px;height:34px;color:var(--h2-green);flex:none;}
.h2-brandhead h1{position:absolute;left:-9999px;}
/* product detail v2 */
.h2-chip.hot{background:#fbe6e3;}
.h2-pd-meta .h2-ico{color:var(--h2-green);}
.h2-qo-form .h2-btn,.h2-pd-buybar .h2-btn{background:var(--h2-brown);}
/* footer */
.h2-contactbar .h2-wrap > div{background:#fff;}
.h2-contactbar a.h2-btn{background:var(--h2-green);}
.h2-footer{background:var(--h2-green-deep);color:#e8eedf;}
.h2-footer:before{background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.07),transparent 40%),radial-gradient(circle at 95% 100%,rgba(0,0,0,.18),transparent 40%);}
.h2-footer a{color:#e8eedf;}
.h2-footer a:hover{color:#fff!important;}
.h2-footer-top{grid-template-columns:1.25fr 1.35fr repeat(var(--h2-cols,2),1fr) 1.3fr;gap:30px;}
.h2-footer h4{font-family:var(--h2-sans);text-transform:none;font-size:16.5px;font-weight:600;letter-spacing:0;}
.h2-footer h4:after{background:#c9d8b4;width:30px;}
.h2-footer-brand .logo{flex-direction:row;}
.h2-footer-brand .logo img{max-height:84px;background:transparent;padding:0;}
.h2-footer-brand .logo em{color:#d9e4c9;}
.h2-footer-brand p{color:#d5dfc8;}
.h2-footer ul.links a:before{display:none;}
.h2-footer ul.links .h2-ico{width:13px;height:13px;opacity:.8;}
.h2-footer .contact .h2-ico{color:#fff;}
.h2-footer .contact span{color:#e3eadA;line-height:1.55;}
.h2-footer-connect .h2-social{gap:10px;}
.h2-footer-connect .h2-social a{width:34px;height:34px;border-radius:50%;background:#fff!important;color:var(--h2-green-deep)!important;}
.h2-footer-connect .nl{margin:18px 0 8px;font-size:14px;}
.h2-newsletter{background:#fff;border:0;border-radius:8px;padding:3px;}
.h2-newsletter input{color:var(--h2-text);}
.h2-newsletter input::placeholder{color:#8f8a80;}
.h2-newsletter button{background:var(--h2-green);border-radius:6px;padding:0 14px;display:flex;align-items:center;}
.h2-newsletter button:hover{background:var(--h2-green-dark);}
.h2-newsletter button .h2-ico{width:18px;height:18px;}
.h2-footer-pay{display:none;}
.h2-footer-bottom{background:rgba(0,0,0,.2);color:#d5dfc8;}
.h2-footer-bottom .links{display:flex;gap:18px;}
.h2-footer-bottom .links a + a{border-left:1px solid rgba(255,255,255,.3);padding-left:18px;}
.h2-gotop{background:var(--h2-green);}
.h2-mbar a.call{background:var(--h2-green);}
@media (max-width:1199px){
	.h2-topbar .hide-md{display:none;}
	.h2-cat-round{grid-template-columns:repeat(4,1fr);row-gap:22px;}
	.h2-catx{grid-template-columns:repeat(4,1fr);}
	.h2-menu > li > a{padding:8px 10px;}
	.h2-footer-top{grid-template-columns:1fr 1fr 1fr!important;}
}
@media (max-width:991px){
	.h2-header-main .h2-wrap{min-height:74px;}
	.h2-logo img{max-height:58px;}
	.h2-logo-text strong{font-size:24px;}
	.h2-catx,.h2-catx.c4{grid-template-columns:repeat(3,1fr);}
	.h2-brandhead .bgimg{width:100%;opacity:.25;}
	.h2-brandhead .row > img{width:110px;height:110px;}
	.h2-brandhead .bt strong{font-size:40px;}
	.h2-footer-top{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:640px){
	.h2-title h2{font-size:23px;}
	.h2-cat-round{grid-template-columns:repeat(4,1fr);gap:14px 8px;}
	.h2-cat-round .ci{width:72px;height:72px;}
	.h2-cat-round a{font-size:12.5px;gap:6px;}
	.h2-promos.n2{grid-template-columns:1fr;}
	.h2-catx,.h2-catx.c4{grid-template-columns:repeat(2,1fr);gap:12px;}
	.h2-catx b{font-size:14.5px;}
	.h2-brandhead .row{gap:14px;}
	.h2-brandhead .row > img{width:84px;height:84px;}
	.h2-brandhead .sep{display:none;}
	.h2-brandhead .bt strong{font-size:32px;}
	.h2-brandhead .bt em{font-size:15px;}
	.h2-brandhead .bt .script{font-size:26px;}
	.h2-brandhead li{padding:6px 10px 6px 0;border:0;width:50%;max-width:none;font-size:13px;}
	.h2-brandhead li .h2-ico{width:26px;height:26px;}
	.h2-footer-top{grid-template-columns:1fr!important;}
	.h2-footer-bottom .links{justify-content:center;width:100%;}
}

/* ===== Chi tiết sản phẩm v2 ===== */
.h2-pd.v2{padding-top:20px;}
.h2-pd3{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) 300px;gap:28px;align-items:start;}
.h2-pd-gallery.v{display:flex;gap:12px;}
.h2-pd-gallery.v .h2-pd-main{flex:1;border-radius:18px;box-shadow:var(--h2-shadow);}
.h2-vthumbs{width:84px;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;}
.h2-vthumbs .h2-pd-thumbs{flex-direction:column;margin:0;overflow-y:auto;overflow-x:hidden;max-height:470px;padding:2px;scrollbar-width:none;}
.h2-vthumbs .h2-pd-thumbs::-webkit-scrollbar{display:none;}
.h2-vthumbs .h2-pd-thumbs button{width:80px;height:80px;border-radius:10px;}
.h2-vthumbs .vt-nav{border:0;background:none;color:var(--h2-brown);cursor:pointer;width:32px;height:24px;display:flex;align-items:center;justify-content:center;}
.h2-vthumbs .vt-nav .h2-ico{width:22px;height:22px;}
.h2-pd-ribbon{position:absolute;top:16px;left:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;background:var(--h2-brown);color:#fff;font-weight:600;font-size:15px;padding:7px 16px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.15);}
.h2-pd-ribbon .h2-ico{width:18px;height:18px;color:#ffd27a;}
.h2-pd-expand{position:absolute;right:16px;bottom:16px;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:#fff;box-shadow:var(--h2-shadow);color:var(--h2-text);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.h2-pd-expand:hover{background:var(--h2-green);color:#fff;}
.h2-pd.v2 .h2-pd-zoomhint{display:none;}
.h2-pd.v2 .h2-pd-title{font-size:30px;color:var(--h2-brown-dark);margin-bottom:8px;}
.h2-pd.v2 .h2-pd-meta{border:0;padding-bottom:4px;}
.h2-pd.v2 .h2-pd-meta a{display:inline-flex;align-items:center;gap:5px;color:var(--h2-green-dark);}
.h2-pd.v2 .h2-pd-price{background:none;padding:6px 0;margin:4px 0 10px;}
.h2-pd.v2 .h2-pd-price .new{font-size:34px;color:#c0392b;}
.h2-pd.v2 .h2-pd-price .off{background:#fde4e1;color:#c0392b;font-size:16px;padding:4px 12px;border-radius:8px;}
.h2-pd.v2 .h2-pd-desc{max-height:none;margin-bottom:14px;font-size:15px;}
.h2-pd-feat{list-style:none;margin:0 0 16px;padding:12px 6px;display:grid;grid-template-columns:repeat(4,1fr);background:#f8eedf;border-radius:14px;}
.h2-pd-feat li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:0 6px;border-left:1px solid #e6d6bd;font-size:12px;line-height:1.35;color:var(--h2-text);}
.h2-pd-feat li:first-child{border:0;}
.h2-pd-feat .h2-ico{width:30px;height:30px;color:var(--h2-brown);margin-bottom:4px;}
.h2-pd-feat b{font-size:12.5px;font-weight:600;}
.h2-pd-opt.top{align-items:flex-start;}
.h2-pd-opt.top > label{padding-top:8px;}
.h2-opts.sw button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;position:relative;}
.h2-opts.sw button.has-img{padding:4px 4px 6px;width:70px;}
.h2-opts.sw button img{width:60px;height:46px;object-fit:cover;border-radius:8px;}
.h2-opts.sw button.has-img span{font-size:12px;line-height:1.2;}
.h2-opts button.on{border-color:var(--h2-brown);}
.h2-opts button.on:after{content:"✓";position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;background:#e2672e;color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:700;}
.h2-pd.v2 .h2-pd-actions .h2-btn.big{border-radius:999px;padding:13px 20px;}
.h2-pd.v2 .h2-pd-actions .h2-btn.big b{text-transform:none;font-size:16.5px;}
.h2-btn.ghost.gold{border:1.5px solid #c9a24a;color:var(--h2-brown-dark)!important;background:#fff;}
.h2-btn.ghost.gold .h2-ico{color:#0068ff;}
.h2-btn.ghost.gold:hover{background:#fbf3e3;color:var(--h2-brown-dark)!important;}
.h2-pd.v2 .h2-pd-hotline{border-color:#d6c3a2;}
.h2-commit{background:linear-gradient(180deg,#fbf3e7 0%,#f6ead8 100%);border-radius:20px;padding:18px 18px 0;overflow:hidden;box-shadow:var(--h2-shadow);border:1px solid #efe1cb;}
.h2-commit-title{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 -4px 14px;}
.h2-commit-title span{background:var(--h2-green);color:#fff;font-family:var(--h2-serif);font-weight:700;font-size:16.5px;padding:8px 18px;border-radius:999px;white-space:nowrap;}
.h2-commit-title .h2-ico{color:#b99a5b;width:22px;height:22px;}
.h2-commit ul{list-style:none;margin:0;padding:0 4px;display:grid;gap:14px;}
.h2-commit li{display:flex;gap:12px;align-items:center;}
.h2-commit li .h2-ico{width:34px;height:34px;color:var(--h2-brown);flex:none;stroke-width:1.3;}
.h2-commit b{display:block;font-family:var(--h2-serif);font-size:15.5px;color:var(--h2-brown-dark);}
.h2-commit span{font-size:13px;color:var(--h2-muted);}
.h2-commit > img{display:block;width:calc(100% + 36px);margin:16px -18px 0;max-width:none;}
.h2-pd-row2{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:26px;margin-top:28px;align-items:start;}
.h2-pd.v2 .h2-tabnav{background:#fff;padding:12px 14px 0;border-bottom:1px solid var(--h2-line);gap:6px;}
.h2-pd.v2 .h2-tabnav button{font-family:var(--h2-sans);font-size:15px;font-weight:500;color:var(--h2-text);border-radius:10px 10px 0 0;padding:10px 18px;border:0;margin:0;}
.h2-pd.v2 .h2-tabnav button.active{background:var(--h2-green);color:#fff;border-radius:10px;margin-bottom:10px;}
.h2-spec{width:100%;border-collapse:collapse;font-size:14.5px;}
.h2-spec th,.h2-spec td{padding:10px 14px;border-bottom:1px solid #f0e6d6;text-align:left;vertical-align:top;}
.h2-spec th{width:34%;background:#faf4ea;font-weight:600;color:var(--h2-brown-dark);}
.h2-checks{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:15px;}
.h2-checks li{display:flex;gap:10px;align-items:flex-start;}
.h2-checks .h2-ico{width:22px;height:22px;color:var(--h2-green);flex:none;}
.h2-pd-related{min-width:0;background:#fff;border-radius:20px;box-shadow:var(--h2-shadow);padding:16px 16px 6px;}
.h2-pd-related .h2-title{margin-bottom:12px;}
.h2-pd-related .h2-title h2{font-size:20px;font-style:normal;font-family:var(--h2-serif);}
.h2-pd-related .h2-title h2 .h2-ico{color:var(--h2-brown);width:24px;height:24px;}
.h2-hslider-track.c2{grid-auto-columns:calc((100% - 18px)/2);}
.h2-pd-related .h2-nav-btn.next{right:-10px;}
.h2-pd-related .h2-nav-btn.prev{left:-10px;}
@media (max-width:1199px){
	.h2-pd3{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
	.h2-commit{grid-column:1/-1;display:grid;grid-template-columns:1fr 260px;gap:0 20px;align-items:center;padding-bottom:18px;}
	.h2-commit-title{grid-column:1/-1;}
	.h2-commit ul{grid-template-columns:1fr 1fr;}
	.h2-commit > img{width:100%;margin:0;border-radius:12px;grid-row:2;grid-column:2;}
	.h2-pd-row2{grid-template-columns:1fr;}
	.h2-hslider-track.c2{grid-auto-columns:calc((100% - 3*18px)/4);}
}
@media (max-width:991px){
	.h2-pd3{grid-template-columns:1fr;}
	.h2-pd-gallery.v{flex-direction:column-reverse;}
	.h2-vthumbs{width:auto;flex-direction:row;}
	.h2-vthumbs .vt-nav{display:none;}
	.h2-vthumbs .h2-pd-thumbs{flex-direction:row;overflow-x:auto;max-height:none;}
	.h2-vthumbs .h2-pd-thumbs button{width:64px;height:64px;}
	.h2-commit{grid-template-columns:1fr;}
	.h2-commit > img{display:none;}
}
@media (max-width:640px){
	.h2-pd.v2 .h2-pd-title{font-size:22px;}
	.h2-pd.v2 .h2-pd-price .new{font-size:27px;}
	.h2-pd-feat{grid-template-columns:repeat(2,1fr);row-gap:12px;}
	.h2-pd-feat li:nth-child(3){border:0;}
	.h2-commit ul{grid-template-columns:1fr;}
	.h2-hslider-track.c2{grid-auto-columns:calc((100% - 12px)/2);}
	.h2-pd.v2 .h2-tabnav button{padding:8px 12px;font-size:14px;}
	.h2-pd-ribbon{font-size:13px;padding:5px 12px;}
}
.h2-pd-thumbs{position:relative;}

/* ===== Trang giới thiệu ===== */
.h2-about-hero{position:relative;background:linear-gradient(90deg,#f8efe2 0%,#f5e9d8 45%,#f1e2cc 100%);overflow:hidden;}
.h2-about-hero .bgimg{position:absolute;top:0;right:0;bottom:0;width:62%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%);}
.h2-about-hero .bgimg img{width:100%;height:100%;object-fit:cover;}
.h2-about-hero .h2-wrap{position:relative;z-index:2;min-height:300px;display:flex;flex-direction:column;justify-content:center;padding-top:28px;padding-bottom:34px;}
.h2-about-hero h1{font-family:var(--h2-serif);color:var(--h2-brown);margin:6px 0 0;line-height:1;font-size:72px;font-weight:700;}
.h2-about-hero h1 small{display:block;font-style:italic;font-size:44px;font-weight:600;margin-bottom:6px;}
.h2-about-hero .script{font-family:var(--h2-serif);font-style:italic;font-size:24px;color:var(--h2-green-dark);margin:16px 0 0;line-height:1.35;position:relative;padding-bottom:14px;}
.h2-about-hero .script:after{content:"";position:absolute;left:30px;bottom:0;width:200px;height:2px;border-radius:2px;background:var(--h2-green);opacity:.7;}
.h2-story{display:grid;grid-template-columns:330px 1fr;gap:40px;align-items:center;}
.h2-story figure{margin:0;border-radius:18px;overflow:hidden;box-shadow:var(--h2-shadow-lg);}
.h2-story figure img{display:block;width:100%;aspect-ratio:330/200;object-fit:cover;}
.h2-story .txt{border-left:2px solid #d8c6aa;padding-left:30px;}
.h2-story h2{font-family:var(--h2-serif);color:var(--h2-brown);font-size:32px;margin:0 0 14px;display:flex;align-items:center;gap:10px;}
.h2-story h2 .h2-ico{color:var(--h2-green);width:30px;height:30px;}
.h2-story .h2-content{font-style:italic;font-size:16px;line-height:1.75;color:#4a382d;}
.h2-story .h2-content p{margin:0 0 10px;}
.h2-values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.h2-values > div{background:#fff;border:1px solid #efe5d6;border-radius:16px;box-shadow:var(--h2-shadow);padding:18px 18px 18px 84px;position:relative;min-height:96px;}
.h2-values .h2-ico{position:absolute;left:18px;top:20px;width:48px;height:48px;color:var(--h2-green);stroke-width:1.2;}
.h2-values b{display:block;font-family:var(--h2-serif);font-size:18px;color:var(--h2-brown);margin-bottom:4px;}
.h2-values span{font-size:13.5px;color:var(--h2-muted);line-height:1.5;}
.h2-subtitle{text-align:center;font-style:italic;color:var(--h2-text);margin:-10px 0 20px;}
.h2-services{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.h2-services a{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--h2-shadow);border:1px solid #efe5d6;transition:transform .25s, box-shadow .25s;}
.h2-services a:hover{transform:translateY(-4px);box-shadow:var(--h2-shadow-lg);}
.h2-services .img{display:block;aspect-ratio:4/3;overflow:hidden;}
.h2-services .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.h2-services a:hover .img img{transform:scale(1.06);}
.h2-services .nm{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;font-weight:600;color:var(--h2-brown-dark);font-size:15px;}
.h2-services .nm .h2-ico{width:20px;height:20px;color:var(--h2-green);}
.h2-services .nm .h2-ico:last-child{width:14px;height:14px;color:var(--h2-brown);}
.h2-why{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #efe5d6;border-radius:16px;box-shadow:var(--h2-shadow);padding:18px 6px;}
.h2-why > div{display:flex;align-items:center;gap:12px;padding:0 16px;border-left:1px solid var(--h2-line);}
.h2-why > div:first-child{border:0;}
.h2-why .h2-ico{width:36px;height:36px;color:var(--h2-green);flex:none;stroke-width:1.3;}
.h2-why p{margin:0;line-height:1.35;}
.h2-why b{display:block;font-size:14.5px;}
.h2-why span{font-size:12.5px;color:var(--h2-muted);}
.h2-about-cta{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(90deg,#f8eee0 0%,#f6ead9 50%,#f1e1c9 100%);box-shadow:var(--h2-shadow);min-height:200px;display:flex;align-items:center;margin-bottom:10px;}
.h2-about-cta .bgimg{position:absolute;right:0;top:0;bottom:0;width:52%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%);}
.h2-about-cta .bgimg img{width:100%;height:100%;object-fit:cover;}
.h2-about-cta .txt{position:relative;z-index:2;padding:30px 40px;max-width:62%;}
.h2-about-cta h2{font-family:var(--h2-serif);font-style:italic;color:var(--h2-brown);font-size:30px;margin:0 0 8px;}
.h2-about-cta p{margin:0 0 18px;font-style:italic;color:var(--h2-text);}
.h2-about-cta .btns{display:flex;gap:14px;flex-wrap:wrap;}
.h2-about-cta .h2-btn{padding:11px 24px;}
.h2-about-cta .h2-btn.ghost{background:#fff;color:var(--h2-brown)!important;border:1.5px solid var(--h2-brown);}
.h2-about-cta .h2-btn.ghost:hover{background:var(--h2-brown);color:#fff!important;}
@media (max-width:1199px){
	.h2-values{grid-template-columns:repeat(2,1fr);}
	.h2-services{grid-template-columns:repeat(3,1fr);}
	.h2-why{grid-template-columns:repeat(3,1fr);row-gap:16px;}
	.h2-why > div:nth-child(4){border:0;}
}
@media (max-width:991px){
	.h2-about-hero .bgimg{width:100%;opacity:.35;}
	.h2-about-hero h1{font-size:54px;}
	.h2-about-hero h1 small{font-size:32px;}
	.h2-story{grid-template-columns:1fr;gap:20px;}
	.h2-story .txt{border:0;padding:0;}
	.h2-about-cta .bgimg{width:100%;opacity:.3;}
	.h2-about-cta .txt{max-width:none;}
}
@media (max-width:640px){
	.h2-about-hero .h2-wrap{min-height:220px;}
	.h2-about-hero h1{font-size:40px;}
	.h2-about-hero h1 small{font-size:24px;}
	.h2-about-hero .script{font-size:18px;}
	.h2-story h2{font-size:24px;}
	.h2-values{grid-template-columns:1fr;}
	.h2-services{grid-template-columns:repeat(2,1fr);gap:12px;}
	.h2-services .nm{font-size:13px;gap:5px;}
	.h2-services .nm .h2-ico:last-child{display:none;}
	.h2-why{grid-template-columns:1fr 1fr;padding:12px 4px;}
	.h2-why > div{border:0;padding:4px 10px;}
	.h2-about-cta .txt{padding:22px;}
	.h2-about-cta h2{font-size:23px;}
}
.h2-nav .h2-wrap{gap:16px;}
.h2-catbtn{min-width:210px;}
.h2-menu{min-width:0;gap:2px;}
.h2-menu > li > a{padding:8px 12px;font-size:14.5px;gap:6px;}
@media (max-width:1300px){.h2-menu > li > a .h2-ico:first-child:not(:last-child){display:none;}.h2-menu .h2-track a .h2-ico{display:inline-block!important;}}
html{overflow-x:clip;}body.h2-body{overflow-x:clip;}
/* fix gallery dọc + nút */
.h2-pd3{gap:24px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) 290px;}
.h2-pd-gallery.v{display:block;position:relative;padding-left:96px;}
.h2-pd-gallery.v .h2-vthumbs{position:absolute;left:0;top:0;bottom:0;width:84px;}
.h2-pd-gallery.v .h2-vthumbs .h2-pd-thumbs{flex:1;min-height:0;max-height:none;}
.h2-pd-gallery.v:not(:has(.h2-vthumbs)){padding-left:0;}
.h2-commit .h2-commit-title span{color:#fff;font-size:16px;}
.h2-opts{align-items:flex-start;}
.h2-pd-opt > label{white-space:nowrap;width:104px;}
.h2-pd.v2 .h2-pd-actions .h2-btn.big{padding:12px 14px;gap:8px;}
.h2-pd.v2 .h2-pd-actions .h2-btn.big b{white-space:nowrap;font-size:15.5px;}
@media (max-width:991px){
	.h2-pd-gallery.v{padding-left:0;display:flex;flex-direction:column-reverse;}
	.h2-pd-gallery.v .h2-vthumbs{position:static;width:auto;}
}
.h2-pd3{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr) 280px;}
.h2-pd.v2 .h2-pd-opt{align-items:flex-start;}
.h2-pd.v2 .h2-pd-opt > label{padding-top:9px;}
.h2-pd.v2 .h2-pd-title{font-size:28px;}
@media (max-width:1199px){.h2-pd3{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}}
@media (max-width:991px){.h2-pd3{grid-template-columns:1fr;}}
.h2-pd.v2 .h2-pd-actions{flex-wrap:wrap;}
.h2-pd.v2 .h2-pd-actions .h2-btn.big{flex:1 1 150px;min-width:0;}
.h2-pd.v2 .h2-pd-actions .h2-pd-wish{flex:0 0 50px;height:50px;}
.h2-footer{font-size:14px;}
.h2-footer-top{grid-template-columns:1.2fr 1.45fr repeat(var(--h2-cols,2),1fr) 1.45fr;gap:26px;}
.h2-footer-brand .logo{flex-direction:column;align-items:flex-start;gap:8px;}
.h2-footer-brand .logo img{max-height:90px;}
.h2-footer-brand .logo span{display:none;}
.h2-footer ul.links li{margin-bottom:8px;}
.h2-footer ul.links a{align-items:flex-start;line-height:1.45;}
.h2-footer ul.links .h2-ico{margin-top:4px;}

/* ===== Trang 1 danh mục (bố cục ngang) ===== */
.h2-cathead .h2-wrap{padding-top:18px;padding-bottom:24px;}
.h2-cathead .h2-breadcrumb{margin-bottom:12px;}
.h2-cathead .ttl{position:static;font-family:var(--h2-serif);font-size:46px;line-height:1.1;color:var(--h2-brown);margin:0;font-weight:700;}
.h2-cathead .script{font-family:var(--h2-script);font-size:30px;color:var(--h2-green);margin-top:4px;}
.h2-cathead .sub{margin:6px 0 0;max-width:520px;color:var(--h2-text);font-style:italic;}
.h2-cathead ul.usp{margin-top:16px;}
.h2-catbar{background:#fff;border-bottom:1px solid var(--h2-line);position:relative;z-index:5;}
.h2-catbar .h2-wrap{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:12px;padding-bottom:12px;}
.h2-catbar .h2-wrap::-webkit-scrollbar{display:none;}
.h2-catbar a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;border:1px solid var(--h2-line);border-radius:999px;font-size:14px;font-weight:500;background:#fff;}
.h2-catbar a .h2-ico{width:18px;height:18px;margin-left:6px;color:var(--h2-green);}
.h2-catbar a img{width:28px;height:28px;border-radius:50%;object-fit:cover;}
.h2-catbar a:hover{border-color:var(--h2-green);color:var(--h2-green-dark);}
.h2-catbar a.active{background:var(--h2-green);border-color:var(--h2-green);color:#fff!important;}
.h2-catbar a.active .h2-ico{color:#fff;}
.h2-catpage2{padding-bottom:30px;}
.h2-catpage2 .h2-catpage{padding:0;}
@media (max-width:991px){.h2-cathead .ttl{font-size:34px;}}
@media (max-width:640px){.h2-cathead .ttl{font-size:28px;}.h2-cathead .script{font-size:22px;}.h2-cathead ul.usp{display:none;}}
.h2-brandhead ul.h2-breadcrumb{margin:0 0 12px;}
.h2-brandhead ul.h2-breadcrumb li{border:0;padding:0;max-width:none;font-size:13px;gap:0;display:block;}
.h2-brandhead ul.h2-breadcrumb li+li:before{margin:0 6px;}

/* ===== Giá nhỏ lại + ô đặc điểm linh hoạt ===== */
.h2-pd.v2 .h2-pd-price .new{font-size:28px;}
.h2-pd.v2 .h2-pd-price .old{font-size:15px;}
.h2-pd.v2 .h2-pd-price .off{font-size:14px;padding:3px 10px;}
.h2-pd-feat.n3{grid-template-columns:repeat(3,1fr);}
.h2-pd-feat.n2{grid-template-columns:repeat(2,1fr);}
.h2-pd-feat.n1{grid-template-columns:1fr;}
.h2-pd-hotline .links{margin-left:auto;display:flex;gap:14px;}
.h2-pd-hotline .links a{display:inline-flex;align-items:center;gap:5px;font-weight:500;}
.h2-pd-hotline .links .zl{color:#0068ff;}
.h2-pd-hotline .links .mess{margin:0;}
.h2-pd-buybar button.c{width:42px;height:42px;border-radius:12px;border:1px solid var(--h2-line);background:#fff;color:var(--h2-brown);display:flex;align-items:center;justify-content:center;flex:none;}
.h2-card-cart.busy{opacity:.5;pointer-events:none;}
.h2-toast{bottom:96px;background:var(--h2-brown-dark);box-shadow:var(--h2-shadow-lg);}
.h2-toast.ok{background:var(--h2-green-dark);}
.h2-toast a{color:#ffe7a8!important;text-decoration:underline;margin-left:4px;}
/* ===== Giỏ hàng ===== */
.h2-cart{padding:24px 0 40px;}
.h2-cart-title{font-family:var(--h2-serif);color:var(--h2-brown);font-size:28px;display:flex;align-items:center;gap:10px;margin:0 0 20px;}
.h2-cart-title .h2-ico{width:30px;height:30px;color:var(--h2-green);}
.h2-cart-title span{font-family:var(--h2-sans);font-size:15px;color:var(--h2-muted);font-weight:400;}
.h2-cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start;}
.h2-cart-list{background:#fff;border-radius:18px;box-shadow:var(--h2-shadow);padding:8px 20px 16px;}
.h2-cart-item{display:grid;grid-template-columns:90px minmax(0,1fr) auto 110px 34px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px dashed var(--h2-line);}
.h2-cart-item .img{width:90px;height:90px;border-radius:12px;overflow:hidden;background:var(--h2-cream-2);}
.h2-cart-item .img img{width:100%;height:100%;object-fit:cover;}
.h2-cart-item .t{font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.h2-cart-item .opt{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--h2-muted);margin-top:4px;}
.h2-cart-item .unit{margin-top:4px;color:#c0392b;font-weight:600;font-size:14px;}
.h2-cart-item .unit s{color:#9b8b80;font-weight:400;font-size:12.5px;margin-left:4px;}
.h2-cart-item .line{text-align:right;font-weight:700;color:var(--h2-brown-dark);}
.h2-cart-item .rm{width:32px;height:32px;border-radius:50%;border:0;background:var(--h2-cream-2);color:var(--h2-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.h2-cart-item .rm .h2-ico{width:16px;height:16px;}
.h2-cart-item .rm:hover{background:#fde4e1;color:#c0392b;}
.h2-qty.sm button{width:32px;height:36px;font-size:18px;}
.h2-qty.sm input{width:44px;font-size:15px;}
.h2-cart-back{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--h2-green-dark)!important;font-weight:600;}
.h2-cart-back .h2-ico{width:16px;height:16px;}
.h2-cart-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:72px;}
.h2-cart-box{background:#fff;border-radius:18px;box-shadow:var(--h2-shadow);padding:20px;}
.h2-cart-box h2{font-family:var(--h2-serif);color:var(--h2-brown);font-size:20px;margin:0 0 14px;}
.h2-cart-box .h2-cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.h2-field.sel{padding:0 8px;}
.h2-field.sel select{border:0;outline:0;background:transparent;height:44px;width:100%;font-family:inherit;font-size:14px;color:var(--h2-text);}
.h2-cart-box .r{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:14.5px;}
.h2-cart-box .r + .r{border-top:1px dashed var(--h2-line);}
.h2-cart-box .r.total{font-size:17px;}
.h2-cart-box .r.total b{color:#c0392b;font-size:22px;}
.h2-cart-box .pay{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--h2-muted);background:var(--h2-green-soft);border-radius:10px;padding:10px 12px;margin:10px 0 14px;}
.h2-cart-box .pay .h2-ico{color:var(--h2-green);flex:none;width:18px;height:18px;}
.h2-cart-box .h2-btn.big{width:100%;border-radius:999px;padding:14px;}
.h2-cart-box .h2-btn.big b{font-size:17px;}
.h2-cart-box .note{text-align:center;font-size:13px;color:var(--h2-muted);margin:10px 0 0;}
.h2-cart-empty,.h2-success{max-width:640px;margin:10px auto;}
.h2-empty .h2-ico{width:56px;height:56px;color:var(--h2-gold);margin-bottom:6px;}
.h2-empty p{margin:6px 0 16px;}
.h2-success{text-align:center;}
.h2-success .ok{width:76px;height:76px;margin:0 auto 10px;border-radius:50%;background:var(--h2-green-soft);display:flex;align-items:center;justify-content:center;}
.h2-success .ok .h2-ico{width:44px;height:44px;color:var(--h2-green);}
.h2-success h1{font-family:var(--h2-serif);color:var(--h2-brown);font-size:32px;margin:0 0 8px;}
.h2-success .code{display:inline-block;background:#fff;border:1.5px dashed var(--h2-green);border-radius:12px;padding:8px 18px;margin:8px 0 18px;font-size:16px;}
.h2-success .code b{color:var(--h2-green-dark);font-size:19px;letter-spacing:1px;}
.h2-success .h2-cart-box{text-align:left;}
.h2-sitem{display:grid;grid-template-columns:56px 1fr auto auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--h2-line);}
.h2-sitem img{width:56px;height:56px;border-radius:10px;object-fit:cover;}
.h2-sitem small{display:block;color:var(--h2-muted);}
.h2-success .btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px;}
.h2-success .note{color:var(--h2-muted);font-size:13.5px;}
@media (max-width:991px){
	.h2-cart-grid{grid-template-columns:1fr;}
	.h2-cart-side{position:static;}
}
@media (max-width:640px){
	.h2-pd.v2 .h2-pd-price .new{font-size:24px;}
	.h2-cart-list{padding:4px 12px 12px;}
	.h2-cart-item{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"img info rm" "img qty line";gap:6px 12px;}
	.h2-cart-item .img{grid-area:img;width:72px;height:72px;}
	.h2-cart-item .info{grid-area:info;}
	.h2-cart-item .h2-qty{grid-area:qty;justify-self:start;}
	.h2-cart-item .line{grid-area:line;justify-self:end;}
	.h2-cart-item .rm{grid-area:rm;}
	.h2-cart-box .h2-cform .row2{grid-template-columns:1fr;}
	.h2-cart-title{font-size:22px;}
	.h2-pd-hotline .links{margin-left:0;}
}
/* tabs: không bị lệch khi chọn */
.h2-pd.v2 .h2-tabnav{align-items:center;padding:10px 14px;}
.h2-pd.v2 .h2-tabnav button,.h2-pd.v2 .h2-tabnav button.active{margin:0;border-radius:10px;border:0;padding:9px 18px;line-height:1.3;}
.h2-spec-html table{width:100%;border-collapse:collapse;}
.h2-spec-html td,.h2-spec-html th{padding:10px 14px;border:0;border-bottom:1px solid #f0e6d6;text-align:left;}
.h2-spec-html tr td:first-child,.h2-spec-html th{background:#faf4ea;font-weight:600;color:var(--h2-brown-dark);width:34%;}

/* ===== Trang giỏ hàng / đặt hàng gọn (v2) ===== */
.h2-co{padding:22px 0 40px;}
.h2-co-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start;}
.h2-co-main{display:flex;flex-direction:column;gap:18px;min-width:0;}
.h2-co-card{background:#fff;border-radius:16px;box-shadow:var(--h2-shadow);padding:18px 22px;}
.h2-co-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.h2-co-head h2{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--h2-sans);font-size:19px;font-weight:700;color:var(--h2-text);}
.h2-co-head h2 i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--h2-green);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;}
.h2-co-head h2 small{font-size:13px;font-weight:500;color:var(--h2-muted);}
.h2-co-head a{color:var(--h2-green-dark)!important;font-weight:600;font-size:13.5px;}
.h2-co-th{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px 32px;gap:14px;padding:8px 0;border-bottom:1px solid var(--h2-line);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--h2-muted);}
.h2-co-th span:nth-child(2){text-align:center;}
.h2-co-th span:nth-child(3){text-align:right;}
.h2-co-row.h2-cart-item{grid-template-columns:minmax(0,1fr) 120px 120px 32px;grid-template-areas:none;gap:14px;padding:12px 0;}
.h2-co-row .pr{display:flex;gap:12px;align-items:center;min-width:0;}
.h2-co-row .pr .img{width:64px;height:64px;flex:none;border-radius:10px;overflow:hidden;background:var(--h2-cream-2);}
.h2-co-row .pr .img img{width:100%;height:100%;object-fit:cover;}
.h2-co-row .t{font-size:14.5px;}
.h2-co-row .opt{font-size:12.5px;color:var(--h2-muted);}
.h2-co-row .unit{font-size:13px;color:var(--h2-muted);font-weight:400;margin-top:2px;}
.h2-co-row .h2-qty{justify-self:center;}
.h2-co-row .line{color:#c0392b;}
.h2-co-row .rm{background:none;}
.h2-co-row:last-child{border-bottom:0;}
.h2-co-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.h2-co-form .full{grid-column:1/-1;}
.h2-co-form .f{display:flex;flex-direction:column;gap:6px;min-width:0;}
.h2-co-form .f > span{font-size:13.5px;font-weight:600;color:var(--h2-text);}
.h2-co-form .f em{color:#d0352b;font-style:normal;}
.h2-co-form .f small{font-weight:400;color:var(--h2-muted);font-size:12px;}
.h2-co-form input[type=text],.h2-co-form input[type=tel],.h2-co-form input[type=email],.h2-co-form select,.h2-co-form textarea{width:100%;height:44px;border:1.5px solid #e5dccd;border-radius:10px;padding:0 13px;font-family:inherit;font-size:14.5px;color:var(--h2-text);background:#fff;outline:0;transition:border-color .2s, box-shadow .2s;}
.h2-co-form textarea{height:auto;padding:10px 13px;resize:vertical;}
.h2-co-form input:focus,.h2-co-form select:focus,.h2-co-form textarea:focus{border-color:var(--h2-green);box-shadow:0 0 0 3px rgba(79,107,56,.12);}
.h2-addr{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.h2-addr:has([data-old-only][hidden]){grid-template-columns:repeat(2,1fr);}
.h2-addr [hidden]{display:none!important;}
.h2-addr-toggle{display:flex;align-items:center;gap:12px;background:#f7f3ec;border:1px solid #ece2d2;border-radius:12px;padding:10px 14px;}
.h2-addr-toggle b{display:block;font-size:14.5px;}
.h2-addr-toggle small{font-size:12.5px;color:var(--h2-muted);}
.h2-addr-toggle .sw{position:relative;width:42px;height:24px;flex:none;cursor:pointer;}
.h2-addr-toggle .sw input{position:absolute;opacity:0;width:0;height:0;}
.h2-addr-toggle .sw i{position:absolute;inset:0;border-radius:999px;background:#cfc6b8;transition:background .2s;}
.h2-addr-toggle .sw i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s;}
.h2-addr-toggle .sw input:checked + i{background:var(--h2-green);}
.h2-addr-toggle .sw input:checked + i:after{transform:translateX(18px);}
.h2-co-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:72px;}
.h2-co-card.sum h3{margin:0 0 8px;font-size:18px;font-weight:700;font-family:var(--h2-sans);}
.h2-co-card.sum .r{display:flex;justify-content:space-between;gap:10px;padding:9px 0;font-size:14.5px;color:var(--h2-muted);}
.h2-co-card.sum .r b{color:var(--h2-text);}
.h2-co-card.sum .r.total{border-top:1px dashed var(--h2-line);margin-top:4px;padding-top:14px;color:var(--h2-text);font-weight:700;font-size:16px;align-items:center;}
.h2-co-card.sum .r.total b{color:#c0392b;font-size:24px;}
.h2-co-card.sum .h2-btn.big{width:100%;border-radius:12px;padding:13px;margin-top:10px;box-shadow:0 6px 16px rgba(122,74,46,.25);}
.h2-co-card.sum .h2-btn.big b{font-size:16.5px;}
.h2-co-card.sum .note{font-size:12.5px;color:var(--h2-muted);text-align:center;margin:10px 0 0;line-height:1.5;}
.h2-co-card.trust{display:grid;gap:12px;font-size:14px;}
.h2-co-card.trust div{display:flex;align-items:center;gap:10px;}
.h2-co-card.trust .h2-ico{color:var(--h2-green);width:20px;height:20px;}
.h2-co-card.trust a b{color:#c0392b;}
@media (max-width:991px){
	.h2-co-grid{grid-template-columns:1fr;}
	.h2-co-side{position:static;}
}
@media (max-width:640px){
	.h2-co-card{padding:14px;}
	.h2-co-th{display:none;}
	.h2-co-row.h2-cart-item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pr rm" "qty line";gap:8px;}
	.h2-co-row .pr{grid-area:pr;}
	.h2-co-row .rm{grid-area:rm;}
	.h2-co-row .h2-qty{grid-area:qty;justify-self:start;margin-left:76px;}
	.h2-co-row .line{grid-area:line;}
	.h2-co-form{grid-template-columns:1fr;}
	.h2-addr,.h2-addr:has([data-old-only][hidden]){grid-template-columns:1fr;}
}

/* ===== Chi tiết SP: 2 cột (ảnh + cam kết | thông tin) ===== */
.h2-pd3{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:32px;}
.h2-pd-left{display:flex;flex-direction:column;gap:18px;min-width:0;}
.h2-pd-left .h2-commit{display:block;padding:16px 18px;}
.h2-pd-left .h2-commit-title{justify-content:flex-start;margin:0 0 12px;}
.h2-pd-left .h2-commit ul{grid-template-columns:1fr 1fr;gap:12px 18px;padding:0;}
.h2-pd-left .h2-commit li .h2-ico{width:30px;height:30px;}
.h2-pd-left .h2-commit b{font-size:14.5px;}
.h2-pd-left .h2-commit span{font-size:12.5px;}
.h2-pd-left .h2-commit > img{display:none;}
.h2-pd.v2 .h2-pd-desc:empty{display:none;}
.h2-pd.v2 .h2-pd-desc p:empty{display:none;}
.h2-pd.v2 .h2-pd-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px;gap:10px;flex-wrap:nowrap;}
.h2-pd.v2 .h2-pd-actions .h2-btn.big{width:auto;min-width:0;padding:13px 10px;justify-content:center;}
.h2-pd.v2 .h2-pd-actions .h2-btn.big .h2-ico{width:20px;height:20px;flex:none;}
.h2-pd.v2 .h2-pd-actions .h2-pd-wish{width:52px;height:auto;min-height:50px;}
@media (max-width:991px){
	.h2-pd3{grid-template-columns:1fr!important;}
	.h2-pd-left .h2-commit{order:3;}
}
@media (max-width:640px){
	.h2-pd-left .h2-commit ul{grid-template-columns:1fr 1fr;gap:10px;}
	.h2-pd-left .h2-commit li{gap:8px;}
	.h2-pd-left .h2-commit li span{display:none;}
	.h2-pd.v2 .h2-pd-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;}
	.h2-pd.v2 .h2-pd-actions .h2-btn.big b{font-size:14.5px;}
}
@media (max-width:991px){
	.h2-pd-left{display:contents;}
	.h2-pd3 .h2-pd-gallery{order:1;}
	.h2-pd3 .h2-pd-info{order:2;}
	.h2-pd3 .h2-pd-left .h2-commit{order:3;}
}
/* Ít sản phẩm thì căn giữa cho cân */
.h2-hslider-track.center{justify-content:safe center;}
/* 2 nút tư vấn trên nút mua */
.h2-pd-chat{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0;}
.h2-pd-chat a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 12px;border:1.5px solid var(--h2-brown);border-radius:10px;background:#f8f1e9;color:var(--h2-brown-dark)!important;font-weight:500;font-size:14.5px;text-align:center;line-height:1.3;}
.h2-pd-chat a:hover{background:#fff;box-shadow:var(--h2-shadow);}
.h2-pd-chat .h2-ico{width:22px;height:22px;flex:none;}
.h2-pd-chat .zl .h2-ico{color:#0068ff;}
.h2-pd-chat .ms .h2-ico{color:#0084ff;}
.h2-pd.v2 .h2-pd-chat + .h2-pd-actions{margin-top:10px;}
@media (max-width:640px){.h2-pd-chat a{font-size:13px;padding:8px 6px;gap:6px;}}
.h2-pd-chat em{font-style:normal;}
@media (max-width:640px){.h2-pd-chat em{display:none;}.h2-pd-chat a{font-size:13.5px;}}

/* =====================================================================
   V3 (11/2026) – HEADER, TRANG CHỦ, CHÂN TRANG theo mẫu mới
   ===================================================================== */
:root{--v3-brown:#6e4128;--v3-brown-2:#8a5a3a;--v3-cream:#fbf5ec;--v3-card:#fffaf3;--v3-line:#ead9c3;--v3-green:#6b8449;--v3-green-d:#566d38;}

/* ---------- Header ---------- */
.h2-hd3{position:sticky;top:-38px;z-index:95;background:#fffaf3;}
.h2-hd3.scrolled{box-shadow:0 6px 20px rgba(90,58,35,.10);}
.hd3-top{background:var(--v3-brown);color:#f6e9d8;font-size:13px;}
.hd3-top ul{list-style:none;margin:0;padding:0;height:38px;display:flex;align-items:center;justify-content:center;}
.hd3-top li{display:flex;align-items:center;gap:8px;padding:0 34px;position:relative;white-space:nowrap;}
.hd3-top li+li:before{content:"";position:absolute;left:0;top:50%;height:16px;margin-top:-8px;width:1px;background:rgba(246,233,216,.35);}
.hd3-top .h2-ico{width:17px;height:17px;}
.hd3-main{border-bottom:1px solid var(--v3-line);position:relative;}
.hd3-main > .h2-wrap{display:flex;align-items:center;gap:26px;height:96px;}
.h2-hd3 .hd3-logo{margin:0;flex:none;padding-right:26px;border-right:1px solid var(--v3-line);height:76px;display:flex;align-items:center;}
.h2-hd3 .hd3-logo img{width:84px;height:84px;display:block;object-fit:contain;}
.hd3-nav{flex:1;min-width:0;}
.hd3-nav > ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px;}
.hd3-nav > ul > li{position:relative;}
.hd3-nav > ul > li > a{display:flex;align-items:center;gap:4px;padding:12px 14px;font-size:15px;font-weight:500;color:#3e2a1e;white-space:nowrap;position:relative;}
.hd3-nav > ul > li > a .h2-ico{width:14px;height:14px;transition:transform .2s;}
.hd3-nav > ul > li > a:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--v3-brown);transform:scaleX(0);transition:transform .25s;}
.hd3-nav > ul > li.active > a,.hd3-nav > ul > li:hover > a{color:var(--v3-brown);}
.hd3-nav > ul > li.active > a:after,.hd3-nav > ul > li:hover > a:after{transform:scaleX(1);}
.hd3-nav > ul > li:hover > a .h2-ico{transform:rotate(180deg);}
.hd3-sub{list-style:none;margin:0;padding:8px;position:absolute;left:0;top:100%;min-width:240px;background:#fff;border:1px solid var(--v3-line);border-radius:12px;box-shadow:0 14px 34px rgba(90,58,35,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:20;}
.hd3-nav li:hover > .hd3-sub{opacity:1;visibility:visible;transform:none;}
.hd3-sub a{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:8px;font-size:14px;color:#3e2a1e;}
.hd3-sub a:hover{background:#f7ede0;color:var(--v3-brown);}
.hd3-sub li.all{border-top:1px solid var(--v3-line);margin-top:4px;padding-top:4px;}
.hd3-sub li.all a{font-weight:600;color:var(--v3-brown);}
.hd3-sub .h2-ico{width:14px;height:14px;}
.hd3-actions{display:flex;align-items:center;gap:14px;flex:none;margin-left:auto;}
.hd3-ic{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;background:transparent;color:#4b2d1e!important;cursor:pointer;padding:0;border-radius:50%;}
.hd3-ic .h2-ico{width:25px;height:25px;}
.hd3-ic.search{width:54px;height:38px;border:1.5px solid #d9c3a6;border-radius:999px;}
.hd3-ic.search .h2-ico{width:20px;height:20px;}
.hd3-ic:hover{color:var(--v3-brown)!important;background:#f7ede0;}
.hd3-ic .badge{position:absolute;top:0;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#a8623a;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;}
.hd3-ic .badge .quantity{color:#fff;}
.hd3-ic.wish .badge{background:#c9a27a;}
.hd3-burger{display:none;border:0;background:transparent;color:#4b2d1e;padding:6px;cursor:pointer;}
.hd3-burger .h2-ico{width:28px;height:28px;}
.hd3-search{position:absolute;left:0;right:0;top:100%;background:#fffaf3;border-bottom:1px solid var(--v3-line);box-shadow:0 12px 24px rgba(90,58,35,.10);padding:14px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;z-index:30;}
.h2-hd3.search-open .hd3-search{opacity:1;visibility:visible;transform:none;}
.hd3-search .h2-search{max-width:720px;margin:0 auto;}
.h2-hd3.search-open .hd3-ic.search{background:var(--v3-brown);border-color:var(--v3-brown);color:#fff!important;}
@media (max-width:1199px){
	.hd3-top li{padding:0 18px;}
	.hd3-nav > ul > li > a{padding:12px 9px;font-size:14px;}
	.hd3-main > .h2-wrap{gap:16px;}
	.h2-hd3 .hd3-logo{padding-right:16px;}
}
@media (max-width:991px){
	.h2-hd3{top:0;}
	.hd3-top{display:none;}
	.hd3-nav{display:none;}
	.hd3-burger{display:block;}
	.hd3-main > .h2-wrap{height:70px;gap:8px;}
	.h2-hd3 .hd3-logo{border:0;padding:0;height:auto;position:absolute;left:50%;transform:translateX(-50%);}
	.h2-hd3 .hd3-logo img{width:58px;height:58px;}
	.hd3-actions{gap:4px;}
	.hd3-ic.acc{display:none;}
	.hd3-ic.search{width:40px;border:0;}
	.hd3-ic .h2-ico{width:23px;height:23px;}
}
@media (max-width:400px){ .hd3-ic.wish{display:none;} }
.h2-hd3 ~ * .h2-msearch{display:none;}

/* ---------- Trang chủ ---------- */
.hm3{background:var(--v3-cream);}
.hm3-hero .h2-hero-slides{aspect-ratio:1366/420;max-height:none;}
.hm3-hero .h2-dots button{width:9px;height:9px;border-color:#fff;background:rgba(255,255,255,.6);}
.hm3-hero .h2-dots button.active{background:#fff;}
.hm3-usp{position:relative;z-index:4;margin-top:-26px;}
.hm3-usp ul{list-style:none;margin:0;padding:14px 10px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;box-shadow:0 10px 28px rgba(90,58,35,.10);}
.hm3-usp li{display:flex;align-items:center;gap:14px;padding:6px 22px;position:relative;}
.hm3-usp li+li:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:var(--v3-line);}
.hm3-usp .h2-ico{width:38px;height:38px;color:var(--v3-brown);flex:none;stroke-width:1.4;}
.hm3-usp b{display:block;font-size:14.5px;font-weight:600;color:#3e2a1e;}
.hm3-usp span{display:block;font-size:12.5px;color:#7d6a5b;}
.hm3-sec{padding:34px 0 6px;}
.hm3-sec.tight{padding-top:18px;}
.hm3-title{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 24px;position:relative;}
.hm3-title .ln{height:1px;width:110px;background:linear-gradient(90deg,transparent,#b98d65);}
.hm3-title .ln:last-of-type{background:linear-gradient(90deg,#b98d65,transparent);}
.hm3-title h2{margin:0;font-family:var(--h2-serif);font-style:italic;font-weight:700;font-size:32px;line-height:1.2;color:var(--v3-brown);display:flex;align-items:center;gap:12px;text-align:center;}
.hm3-title h2 .h2-ico{width:34px;height:34px;color:var(--v3-brown);}
.hm3-more{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;font-size:13.5px;font-weight:600;color:var(--v3-brown)!important;}
.hm3-more .h2-ico{width:14px;height:14px;}
.hm3-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
.hm3-cat{display:flex;flex-direction:column;background:#fff;border:1px solid #efe2d0;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(90,58,35,.06);}
.hm3-cat:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(90,58,35,.14);}
.hm3-cat .pic{display:block;aspect-ratio:1/0.8;overflow:hidden;background:#f5ecdf;}
.hm3-cat .pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.hm3-cat:hover .pic img{transform:scale(1.06);}
.hm3-cat .nm{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;}
.hm3-cat .nm b{font-size:14px;font-weight:600;color:#3e2a1e;line-height:1.3;}
.hm3-cat .nm i{width:30px;height:30px;flex:none;border:1px solid #d9c3a6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--v3-brown);}
.hm3-cat:hover .nm i{background:var(--v3-brown);color:#fff;border-color:var(--v3-brown);}
.hm3-cat .nm .h2-ico{width:15px;height:15px;}
.h2-hslider-track.c4{grid-auto-columns:calc((100% - 3*18px)/4);}
.hm3 .h2-card{border:1px solid #efe2d0;border-radius:14px;box-shadow:0 4px 14px rgba(90,58,35,.06);}
.hm3 .h2-card-cart{background:var(--v3-green);border-radius:8px;}
.hm3 .h2-card-cart:hover{background:var(--v3-green-d);}
.hm3-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border-radius:999px;background:linear-gradient(180deg,#8a5a3a,#6e4128);color:#fff!important;font-weight:600;font-size:14.5px;box-shadow:0 6px 16px rgba(110,65,40,.25);}
.hm3-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(110,65,40,.3);}
.hm3-btn .h2-ico{width:17px;height:17px;}
/* Nhà hàng – Dự án */
.hm3-project{position:relative;display:grid;grid-template-columns:340px 1fr 190px;align-items:stretch;min-height:250px;border-radius:18px;overflow:hidden;background:#f3e7d7;border:1px solid var(--v3-line);}
.hm3-project .pic{position:relative;}
.hm3-project .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hm3-project .pic:before{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,#f3e7d7,rgba(243,231,215,0));z-index:1;}
.hm3-project .pic:after{content:"";position:absolute;inset:0 0 0 auto;width:30%;background:linear-gradient(270deg,#f3e7d7,rgba(243,231,215,0));z-index:1;}
.hm3-project .txt{padding:26px 10px 26px 40px;position:relative;z-index:2;}
.hm3-project small{display:block;letter-spacing:3px;text-transform:uppercase;font-size:12.5px;font-weight:600;color:#5a3f2c;}
.hm3-project h2{margin:6px 0 12px;font-family:var(--h2-serif);font-style:italic;font-weight:700;font-size:34px;line-height:1.12;color:var(--v3-brown);}
.hm3-project ul{list-style:none;margin:0 0 16px;padding:0;}
.hm3-project ul li{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b3628;margin-bottom:4px;}
.hm3-project ul .h2-ico{width:17px;height:17px;color:var(--v3-brown);stroke-width:2.2;}
.hm3-project .pills{list-style:none;margin:0;padding:18px 18px 18px 0;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative;z-index:2;}
.hm3-project .pills li{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,250,243,.92);border:1px solid var(--v3-line);border-radius:12px;font-size:13.5px;line-height:1.3;color:#3e2a1e;box-shadow:0 4px 12px rgba(90,58,35,.08);}
.hm3-project .pills .h2-ico{width:30px;height:30px;color:var(--v3-brown);flex:none;}
/* Quà tặng */
.hm3-gift{display:grid;grid-template-columns:330px 230px 1fr;align-items:center;gap:0;background:#f6ecdf;border:1px solid var(--v3-line);border-radius:18px;overflow:hidden;min-height:170px;}
.hm3-gift > .pic{align-self:stretch;display:block;}
.hm3-gift > .pic img{width:100%;height:100%;object-fit:cover;display:block;}
.hm3-gift .txt{padding:16px 22px;text-align:center;border-right:1px solid #dcc6aa;}
.hm3-gift small{display:block;font-family:var(--h2-serif);font-style:italic;font-size:22px;color:var(--v3-brown);font-weight:600;}
.hm3-gift h2{margin:0;font-family:var(--h2-serif);font-style:italic;font-weight:700;font-size:42px;line-height:1.05;color:var(--v3-brown);}
.hm3-gift em{display:block;font-style:italic;font-size:14px;color:#6b5546;margin:4px 0 12px;}
.hm3-gift .hm3-btn{padding:8px 18px;font-size:13.5px;}
.hm3-gift .items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px 18px;}
.hm3-gift .items a{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #efe2d0;box-shadow:0 4px 12px rgba(90,58,35,.06);}
.hm3-gift .items a:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(90,58,35,.14);}
.hm3-gift .items .im{display:block;aspect-ratio:16/10;overflow:hidden;background:#f5ecdf;}
.hm3-gift .items img{width:100%;height:100%;object-fit:cover;}
.hm3-gift .items b{display:block;padding:8px 6px;text-align:center;font-size:13.5px;font-weight:600;color:#3e2a1e;}
/* 4 giá trị */
.hm3-values{list-style:none;margin:0;padding:16px 10px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;}
.hm3-values li{display:flex;align-items:center;gap:14px;padding:4px 22px;position:relative;}
.hm3-values li+li:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:var(--v3-line);}
.hm3-values .h2-ico{width:34px;height:34px;color:var(--v3-brown);flex:none;stroke-width:1.4;}
.hm3-values b{display:block;font-size:14px;font-weight:600;color:#3e2a1e;}
.hm3-values span{display:block;font-size:12.5px;color:#7d6a5b;}
/* Về H2DECOR */
.hm3-about{display:grid;grid-template-columns:300px 1fr 400px;align-items:center;gap:30px;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:18px;overflow:hidden;padding-right:24px;}
.hm3-about .pic{align-self:stretch;display:block;}
.hm3-about .pic img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block;}
.hm3-about h2{margin:0 0 8px;font-family:var(--h2-serif);font-style:italic;font-weight:700;font-size:30px;color:var(--v3-brown);}
.hm3-about h2 a{color:inherit!important;}
.hm3-about p{margin:0;font-size:14px;line-height:1.65;color:#4b3628;}
.hm3-about .stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);}
.hm3-about .stats li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px;border-left:1px solid var(--v3-line);}
.hm3-about .stats .h2-ico{width:32px;height:32px;color:var(--v3-brown);margin-bottom:4px;}
.hm3-about .stats b{font-family:var(--h2-serif);font-size:26px;font-weight:700;color:#3e2a1e;line-height:1.1;}
.hm3-about .stats span{font-size:12.5px;color:#7d6a5b;}
.hm3 .h2-catblock{background:#fff;}
.hm3 > .hm3-sec:last-child{padding-bottom:40px;}
@media (max-width:1199px){
	.hm3-cats{grid-template-columns:repeat(3,minmax(0,1fr));}
	.hm3-project{grid-template-columns:300px 1fr 170px;}
	.hm3-gift{grid-template-columns:260px 200px 1fr;}
	.hm3-about{grid-template-columns:240px 1fr 330px;gap:20px;}
	.hm3-usp li,.hm3-values li{padding:6px 12px;gap:10px;}
}
@media (max-width:991px){
	.hm3-hero .h2-hero-slides{aspect-ratio:16/8;}
	.hm3-usp{margin-top:14px;}
	.hm3-usp ul,.hm3-values{grid-template-columns:repeat(2,1fr);row-gap:10px;}
	.hm3-usp li:nth-child(3):before,.hm3-values li:nth-child(3):before{display:none;}
	.hm3-title h2{font-size:26px;}
	.hm3-title .ln{width:50px;}
	.hm3-more{position:static;transform:none;}
	.hm3-title{flex-wrap:wrap;gap:8px 14px;}
	.hm3-title .hm3-more{flex-basis:100%;justify-content:center;}
	.h2-hslider-track.c4{grid-auto-columns:calc((100% - 2*18px)/3);}
	.hm3-project{grid-template-columns:1fr;}
	.hm3-project .pic{height:200px;order:-1;}
	.hm3-project .pic:before{display:none;}
	.hm3-project .pic:after{inset:auto 0 0 0;width:auto;height:40%;background:linear-gradient(0deg,#f3e7d7,rgba(243,231,215,0));}
	.hm3-project .txt{padding:6px 22px 4px;}
	.hm3-project .pills{flex-direction:row;padding:10px 22px 22px;flex-wrap:wrap;}
	.hm3-project .pills li{flex:1 1 150px;}
	.hm3-gift{grid-template-columns:1fr 1fr;}
	.hm3-gift .txt{border:0;}
	.hm3-gift .items{grid-column:1/-1;padding-top:0;}
	.hm3-about{grid-template-columns:1fr;padding:0 0 20px;gap:14px;}
	.hm3-about .pic img{height:200px;}
	.hm3-about .txt{padding:0 20px;}
	.hm3-about .stats{padding:0 10px;}
}
@media (max-width:640px){
	.hm3-usp ul,.hm3-values{padding:10px 4px;}
	.hm3-usp li,.hm3-values li{padding:4px 8px;gap:8px;align-items:flex-start;}
	.hm3-usp .h2-ico,.hm3-values .h2-ico{width:28px;height:28px;}
	.hm3-usp b,.hm3-values b{font-size:13px;}
	.hm3-usp span,.hm3-values span{font-size:11.5px;}
	.hm3-sec{padding-top:26px;}
	.hm3-title h2{font-size:22px;}
	.hm3-title h2 .h2-ico{width:26px;height:26px;}
	.hm3-title .ln{width:24px;}
	.hm3-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
	.hm3-cat .nm{padding:10px;}
	.hm3-cat .nm b{font-size:13px;}
	.hm3-cat .nm i{width:26px;height:26px;}
	.h2-hslider-track.c4{grid-auto-columns:calc((100% - 12px)/2);gap:12px;}
	.hm3-project h2{font-size:27px;}
	.hm3-project .pills{gap:8px;}
	.hm3-project .pills li{flex:1 1 100%;padding:8px 12px;}
	.hm3-gift{grid-template-columns:1fr;}
	.hm3-gift > .pic{height:170px;}
	.hm3-gift h2{font-size:36px;}
	.hm3-gift .items{gap:8px;padding:0 12px 14px;}
	.hm3-gift .items b{font-size:12px;}
	.hm3-about h2{font-size:25px;}
	.hm3-about .stats b{font-size:21px;}
	.hm3-about .stats span{font-size:11.5px;}
}

/* ---------- Chân trang ---------- */
.h2-contactbar{display:none;}
.ft3{background:#faf3e9;color:#3e2a1e;padding:0;margin:0;border-top:1px solid var(--v3-line);}
.ft3-main{position:relative;padding:38px 0 26px;background:linear-gradient(180deg,#fbf6ef,#f6ecdf);overflow:hidden;}
.ft3-main:before{content:"";position:absolute;left:0;bottom:0;width:430px;height:170px;background:var(--ft3-img) left bottom/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent),linear-gradient(0deg,#000 70%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#000 55%,transparent);opacity:.95;pointer-events:none;}
.ft3-main > .ft3-grid{position:relative;display:grid;grid-template-columns:270px 1fr 1fr 210px;gap:0;align-items:start;}
.ft3-brand{display:flex;flex-direction:column;align-items:center;padding:0 20px 170px 0;}
.ft3-brand .logo img{width:200px;height:200px;display:block;filter:drop-shadow(0 6px 14px rgba(90,58,35,.10));}
.ft3-brand .script{display:flex;align-items:center;gap:10px;margin-top:10px;width:100%;}
.ft3-brand .script:before,.ft3-brand .script:after{content:"";flex:1;height:1px;background:#a9876a;}
.ft3-brand .script span{font-family:var(--h2-script);font-size:28px;color:var(--v3-brown);padding:2px 14px;background:linear-gradient(90deg,rgba(226,203,175,0),rgba(226,203,175,.75) 15%,rgba(226,203,175,.75) 85%,rgba(226,203,175,0));white-space:nowrap;}
.ft3-commit,.ft3-contact{padding:0 30px;border-left:1px solid #dcc6aa;min-height:360px;}
.ft3 h4{display:flex;align-items:center;gap:12px;margin:4px 0 20px;font-family:var(--h2-serif);font-style:italic;font-weight:700;font-size:26px;color:var(--v3-brown);}
.ft3 h4 .h2-ico{width:34px;height:34px;color:var(--v3-brown);flex:none;}
.ft3-commit ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ft3-commit li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px;background:rgba(255,253,249,.75);border:1px solid #eadbc6;border-radius:14px;box-shadow:0 4px 12px rgba(90,58,35,.05);}
.ft3-commit li .h2-ico{width:38px;height:38px;color:var(--v3-brown);margin-bottom:8px;stroke-width:1.4;}
.ft3-commit b{font-size:14.5px;font-weight:600;color:#3e2a1e;}
.ft3-commit span{font-size:12.5px;color:#7d6a5b;line-height:1.4;margin-top:2px;}
.ft3-contact .info{list-style:none;margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid #dcc6aa;}
.ft3-contact .info li{display:flex;align-items:center;gap:14px;font-size:15px;margin-bottom:12px;color:#3e2a1e;}
.ft3-contact .info .h2-ico{width:22px;height:22px;color:var(--v3-brown);flex:none;}
.ft3-contact .info a{color:#3e2a1e!important;}
.ft3-contact .info a:hover{color:var(--v3-brown)!important;}
.ft3-contact .soc p{margin:0 0 12px;font-family:var(--h2-serif);font-style:italic;font-size:19px;color:var(--v3-brown);}
.ft3-contact .soc div{display:flex;gap:14px;flex-wrap:wrap;}
.ft3-contact .soc a{width:44px;height:44px;border-radius:50%;background:var(--v3-brown);color:#fff!important;display:flex;align-items:center;justify-content:center;}
.ft3-contact .soc a:hover{background:#4b2d1e;transform:translateY(-3px);}
.ft3-contact .soc .h2-ico{width:21px;height:21px;}
.ft3-qr a{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:18px;padding:18px 16px;box-shadow:0 8px 24px rgba(90,58,35,.10);text-align:center;}
.ft3-qr .code{position:relative;display:block;width:150px;height:150px;}
.ft3-qr .code > img{width:100%;height:100%;object-fit:contain;display:block;}
.ft3-qr .code i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;background:#fff;border-radius:50%;padding:2px;}
.ft3-qr .code i img{width:100%;height:100%;display:block;}
.ft3-qr .lb{display:block;margin-top:12px;font-size:15px;line-height:1.35;color:#3e2a1e;}
.ft3-qr .lb b{display:block;font-family:var(--h2-serif);font-size:24px;color:var(--v3-brown);margin-top:2px;}
.ft3-links{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;margin-top:6px;font-size:13px;}
.ft3-links a{color:#6b5546!important;}
.ft3-links a:hover{color:var(--v3-brown)!important;text-decoration:underline;}
.ft3-bottom{background:var(--v3-brown);color:#f6e9d8;}
.ft3-bottom .h2-wrap{position:relative;display:flex;align-items:center;gap:24px;min-height:56px;}
.ft3-bottom .ln{flex:1;height:1px;background:rgba(246,233,216,.45);}
.ft3-bottom p{margin:0;font-size:14.5px;text-align:center;}
.ft3-bottom p i{font-style:normal;margin:0 20px;opacity:.7;}
.ft3-bottom .bowl{width:58px;height:58px;color:#f6e9d8;flex:none;stroke-width:1;margin:-18px 0 -4px;}
@media (max-width:1199px){
	.ft3-main > .ft3-grid{grid-template-columns:220px 1fr 1fr 180px;}
	.ft3-brand .logo img{width:170px;height:170px;}
	.ft3-commit,.ft3-contact{padding:0 18px;}
	.ft3 h4{font-size:22px;}
	.ft3-qr .code{width:130px;height:130px;}
}
@media (max-width:991px){
	.ft3-main > .ft3-grid{grid-template-columns:1fr 1fr;row-gap:28px;}
	.ft3-brand{padding:0 0 10px;grid-column:1/-1;}
	.ft3-main:before{width:260px;height:110px;opacity:.5;}
	.ft3-brand .script{max-width:380px;}
	.ft3-commit{border:0;padding:0;grid-column:1/-1;min-height:0;}
	.ft3-commit ul{grid-template-columns:repeat(4,1fr);}
	.ft3-contact{border:0;padding:0;min-height:0;}
	.ft3-links{justify-content:center;}
}
@media (max-width:640px){
	.ft3-main{padding:28px 0 90px;}
	.ft3-main > .ft3-grid{grid-template-columns:1fr;}
	.ft3-brand .logo img{width:140px;height:140px;}
	.ft3-brand .script span{font-size:23px;}
	.ft3-commit ul{grid-template-columns:1fr 1fr;gap:10px;}
	.ft3-commit li{padding:12px 8px;}
	.ft3-commit b{font-size:13.5px;}
	.ft3 h4{font-size:22px;margin-bottom:14px;}
	.ft3-contact .info li{font-size:14px;}
	.ft3-qr a{flex-direction:row;gap:16px;text-align:left;}
	.ft3-qr .code{width:110px;height:110px;flex:none;}
	.ft3-qr .code i{width:34px;height:34px;margin:-17px 0 0 -17px;}
	.ft3-bottom .h2-wrap{flex-direction:column;gap:2px;padding-top:12px;padding-bottom:70px;}
	.ft3-bottom .ln,.ft3-bottom .bowl{display:none;}
	.ft3-bottom p{font-size:13px;}
	.ft3-bottom p i{display:block;height:0;overflow:hidden;margin:0;}
}

/* ---------- Chi tiết sản phẩm: dải đặc điểm + 2 nút tư vấn ---------- */
.h2-pd-feat.v3{background:#f8f1e8;border:1px solid #efe2d0;border-radius:16px;padding:14px 8px;}
.h2-pd-feat.v3 li{flex-direction:row;align-items:center;text-align:left;gap:10px;padding:2px 14px;border-left:1px solid #dfcbb0;}
.h2-pd-feat.v3 li:first-child{border:0;}
.h2-pd-feat.v3 .h2-ico{width:34px;height:34px;margin:0;flex:none;color:#6e4128;stroke-width:1.5;}
.h2-pd-feat.v3 b{display:block;font-size:14px;font-weight:700;color:#3e2a1e;line-height:1.25;}
.h2-pd-feat.v3 span{display:block;font-size:12.5px;color:#6b5546;line-height:1.35;}
.h2-pd-chat.v3{grid-template-columns:1fr 1fr;gap:14px;}
.h2-pd-chat.v3 a{justify-content:flex-start;gap:12px;min-height:64px;padding:8px 16px 8px 10px;border-radius:16px;text-align:left;}
.h2-pd-chat.v3 .tx{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2;}
.h2-pd-chat.v3 .zl{background:linear-gradient(180deg,#6f8a4c,#5c763c);border:0;color:#fff!important;box-shadow:0 6px 16px rgba(92,118,60,.28);}
.h2-pd-chat.v3 .zl:hover{background:linear-gradient(180deg,#647f42,#4f6833);}
.h2-pd-chat.v3 .zl .lg{width:46px;height:46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:none;position:relative;margin-right:4px;}
.h2-pd-chat.v3 .zl .lg:after{content:"";position:absolute;right:-9px;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,.4);}
.h2-pd-chat.v3 .zl .lg .h2-ico{width:32px;height:32px;color:#0068ff;}
.h2-pd-chat.v3 .zl small{font-size:14px;font-weight:500;opacity:.95;}
.h2-pd-chat.v3 .zl b{font-size:20px;font-weight:700;letter-spacing:.3px;white-space:nowrap;}
.h2-pd-chat.v3 .zl .tap{width:30px;height:30px;color:#fff;flex:none;}
.h2-pd-chat.v3 .ms{background:#fff8f0;border:1.5px solid #6e4128;color:#3e2a1e!important;}
.h2-pd-chat.v3 .ms:hover{background:#fff;}
.h2-pd-chat.v3 .ms .bub{width:38px;height:38px;color:#4b2d1e;flex:none;stroke-width:1.5;}
.h2-pd-chat.v3 .ms b{font-size:16px;font-weight:700;color:#3e2a1e;}
.h2-pd-chat.v3 .ms small{font-size:12.5px;color:#6b5546;margin-top:2px;}
.h2-pd-chat.v3 .ms .arr{width:20px;height:20px;color:#4b2d1e;flex:none;}
.h2-pd-chat.v3 em{display:inline;}
@media (max-width:1199px){
	.h2-pd-chat.v3 .zl b{font-size:17px;}
	.h2-pd-chat.v3 .zl .tap,.h2-pd-chat.v3 .ms .arr{display:none;}
}
@media (max-width:640px){
	.h2-pd-feat.v3{grid-template-columns:repeat(2,1fr);row-gap:12px;padding:12px 4px;}
	.h2-pd-feat.v3 li{padding:2px 8px;gap:8px;}
	.h2-pd-feat.v3 li:nth-child(3){border:0;}
	.h2-pd-feat.v3 .h2-ico{width:28px;height:28px;}
	.h2-pd-feat.v3 b{font-size:13px;}
	.h2-pd-feat.v3 span{font-size:11.5px;}
	.h2-pd-chat.v3{gap:8px;}
	.h2-pd-chat.v3 a{min-height:56px;padding:6px 8px;gap:8px;border-radius:12px;}
	.h2-pd-chat.v3 .zl .lg{width:34px;height:34px;margin-right:0;}
	.h2-pd-chat.v3 .zl .lg:after{display:none;}
	.h2-pd-chat.v3 .zl .lg .h2-ico{width:24px;height:24px;}
	.h2-pd-chat.v3 .zl small{font-size:11.5px;}
	.h2-pd-chat.v3 .zl b{font-size:14px;letter-spacing:0;}
	.h2-pd-chat.v3 .ms .bub{width:28px;height:28px;}
	.h2-pd-chat.v3 .ms b{font-size:13px;}
	.h2-pd-chat.v3 .ms small{font-size:10.5px;}
}
/* footer v3 – vá đè style chân trang cũ */
.ft3:before,.ft3-main:before{display:none!important;content:none;}
.ft3 a:hover{color:inherit;}
.ft3 h4{text-transform:none;letter-spacing:0;padding:0;white-space:nowrap;font-size:25px;}
.ft3 h4:after{display:none;}
.ft3 ul li{margin-bottom:0;}
.ft3-contact .info li{margin-bottom:12px;}
.ft3-main > .ft3-grid{grid-template-columns:250px minmax(0,1.12fr) minmax(0,1fr) 200px;}
.ft3-deco{position:absolute;left:0;bottom:0;width:440px;height:158px;background:left bottom/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent);pointer-events:none;}
.ft3-brand{padding-bottom:150px;}
@media (max-width:1199px){ .ft3 h4{font-size:21px;white-space:normal;} .ft3-main > .ft3-grid{grid-template-columns:210px minmax(0,1.1fr) minmax(0,1fr) 175px;} .ft3-deco{width:330px;height:120px;} .ft3-brand{padding-bottom:110px;} }
@media (max-width:991px){ .ft3-main > .ft3-grid{grid-template-columns:1fr 1fr;} .ft3-brand{padding-bottom:0;} .ft3-deco{width:260px;height:95px;opacity:.45;} }
@media (max-width:640px){ .ft3-main > .ft3-grid{grid-template-columns:1fr;} .ft3-deco{display:none;} }
.ft3-commit,.ft3-contact{min-height:330px;}
.ft3-links{padding-left:440px;margin-top:14px;}
@media (max-width:1199px){ .ft3-links{padding-left:330px;} }
@media (max-width:991px){ .ft3-links{padding-left:0;} .ft3-commit,.ft3-contact{min-height:0;} }
.h2-pd-feat.v3{padding:12px 4px;}
.h2-pd-feat.v3 li{padding:2px 10px;gap:8px;}
.h2-pd-feat.v3 .h2-ico{width:30px;height:30px;}
.h2-pd-feat.v3 b{font-size:13px;}
.h2-pd-feat.v3 span{font-size:12px;}
@media (max-width:1439px){ .h2-pd-chat.v3 .ms .arr{display:none;} .h2-pd-chat.v3 .ms small{font-size:12px;} .h2-pd-chat.v3 .ms{padding-right:10px;} }
@media (min-width:992px) and (max-width:1439px){ .h2-pd-feat.v3 li{flex-direction:column;text-align:center;gap:4px;} }
/* Header v3.1 – logo tròn to đè giữa thanh, gạch chân menu đậm vát */
.hd3-main > .h2-wrap{height:80px;gap:28px;}
.h2-hd3 .hd3-logo{position:relative;z-index:5;height:80px;width:124px;padding:0;border:0;margin:0 6px 0 0;display:flex;align-items:center;justify-content:center;flex:none;}
.h2-hd3 .hd3-logo a{display:block;width:124px;height:124px;border-radius:50%;background:#fffaf3;padding:3px;box-shadow:0 6px 18px rgba(90,58,35,.16);transition:width .25s,height .25s;}
.h2-hd3 .hd3-logo img{width:100%;height:100%;}
.h2-hd3 .hd3-logo:after{content:"";position:absolute;right:-18px;top:50%;height:42px;margin-top:-21px;width:1px;background:#d9c3a6;}
.h2-hd3.scrolled .hd3-logo a{width:96px;height:96px;}
.hd3-nav{padding-left:8px;}
.hd3-nav > ul{gap:10px;}
.hd3-nav > ul > li > a{padding:14px 12px;font-size:15px;}
.hd3-nav > ul > li > a:after{left:8px;right:8px;bottom:2px;height:4px;border-radius:0;background:var(--v3-brown);clip-path:polygon(0 50%,12% 0,88% 0,100% 50%,88% 100%,12% 100%);}
.hd3-nav > ul > li.active > a{font-weight:600;}
@media (max-width:1199px){ .hd3-main > .h2-wrap{gap:18px;} .h2-hd3 .hd3-logo,.h2-hd3 .hd3-logo a{width:108px;} .h2-hd3 .hd3-logo a{height:108px;} .hd3-nav > ul{gap:2px;} .hd3-nav > ul > li > a{padding:14px 8px;font-size:14px;} }
@media (max-width:991px){
	.hd3-main > .h2-wrap{height:68px;}
	.h2-hd3 .hd3-logo{position:absolute;left:50%;transform:translateX(-50%);width:auto;height:68px;margin:0;}
	.h2-hd3 .hd3-logo:after{display:none;}
	.h2-hd3 .hd3-logo a,.h2-hd3.scrolled .hd3-logo a{width:76px;height:76px;margin-top:22px;box-shadow:0 4px 12px rgba(90,58,35,.14);}
}

/* Chân trang v3.1 – gọn hơn, sát tỉ lệ mẫu */
.ft3-main{padding:26px 0 16px;}
.ft3-main > .ft3-grid{grid-template-columns:230px minmax(0,1.1fr) minmax(0,1fr) 180px;}
.ft3-brand{padding:0 16px 104px 0;}
.ft3-brand .logo img{width:138px;height:138px;}
.ft3-brand .script{margin-top:6px;gap:8px;}
.ft3-brand .script span{font-size:21px;padding:0 10px;}
.ft3-deco{width:320px;height:112px;}
.ft3-commit,.ft3-contact{padding:0 24px;min-height:250px;}
.ft3 h4{font-size:20px;margin:2px 0 14px;gap:10px;}
.ft3 h4 .h2-ico{width:26px;height:26px;}
.ft3-commit ul{gap:10px;}
.ft3-commit li{padding:10px 8px;border-radius:12px;}
.ft3-commit li .h2-ico{width:28px;height:28px;margin-bottom:4px;}
.ft3-commit b{font-size:13.5px;}
.ft3-commit span{font-size:12px;}
.ft3-contact .info{margin:0 0 12px;padding:0 0 10px;}
.ft3-contact .info li{font-size:14px;gap:12px;margin-bottom:9px;}
.ft3-contact .info .h2-ico{width:19px;height:19px;}
.ft3-contact .soc p{font-size:16px;margin-bottom:8px;}
.ft3-contact .soc div{gap:10px;}
.ft3-contact .soc a{width:36px;height:36px;}
.ft3-contact .soc .h2-ico{width:17px;height:17px;}
.ft3-qr a{padding:14px 12px;border-radius:14px;}
.ft3-qr .code{width:118px;height:118px;}
.ft3-qr .code i{width:34px;height:34px;margin:-17px 0 0 -17px;}
.ft3-qr .lb{font-size:13px;margin-top:8px;}
.ft3-qr .lb b{font-size:19px;}
.ft3-links{padding-left:330px;margin-top:4px;font-size:12.5px;gap:4px 18px;}
.ft3-bottom .h2-wrap{min-height:46px;}
.ft3-bottom p{font-size:13.5px;}
.ft3-bottom .bowl{width:46px;height:46px;margin:-14px 0 -2px;}
@media (max-width:1199px){ .ft3-main > .ft3-grid{grid-template-columns:190px minmax(0,1.1fr) minmax(0,1fr) 160px;} .ft3 h4{font-size:18px;} .ft3-brand .logo img{width:120px;height:120px;} .ft3-commit,.ft3-contact{padding:0 16px;} .ft3-deco{width:260px;height:95px;} .ft3-brand{padding-bottom:86px;} .ft3-links{padding-left:270px;} }
@media (max-width:991px){ .ft3-main > .ft3-grid{grid-template-columns:1fr 1fr;} .ft3-brand{padding:0;} .ft3-commit,.ft3-contact{padding:0;min-height:0;} .ft3-links{padding-left:0;} }
@media (max-width:640px){ .ft3-main > .ft3-grid{grid-template-columns:1fr;} .ft3-brand .logo img{width:110px;height:110px;} .ft3-main{padding-bottom:20px;} }
/* Trang chủ – tin tức dạng slide */
.hm3-news{padding-bottom:44px!important;}
.hm3-news .hm3-title{margin-bottom:6px;}
.hm3-sub{text-align:center;margin:0 0 22px;font-size:15px;color:#6b5546;}
.hm3-news .h2-hslider-track{gap:24px;grid-auto-columns:calc((100% - 2*24px)/3);}
.hm3-post{display:flex;flex-direction:column;align-items:center;text-align:center;scroll-snap-align:start;background:#fff;border:1px solid #efe2d0;border-radius:16px;overflow:hidden;padding-bottom:16px;box-shadow:0 4px 14px rgba(90,58,35,.06);}
.hm3-post .img{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f5ecdf;}
.hm3-post .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.hm3-post:hover .img img{transform:scale(1.05);}
.hm3-post .date{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:#4b2d1e;color:#fff;font-size:13px;font-weight:500;}
.hm3-post .date .h2-ico{width:15px;height:15px;}
.hm3-post h3{margin:14px 16px 6px;font-size:16.5px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px;}
.hm3-post h3 a{color:#2e1f16!important;}
.hm3-post h3 a:hover{color:var(--v3-brown)!important;}
.hm3-post .more{font-size:14px;color:#6b5546!important;border-bottom:1px solid transparent;}
.hm3-post .more:hover{color:var(--v3-brown)!important;border-color:var(--v3-brown);}
.hm3-news .h2-nav-btn{top:30%;}
.hm3-center{text-align:center;margin-top:18px;}
.hm3-center .hm3-btn{background:#4b2d1e;text-transform:uppercase;letter-spacing:.5px;padding:11px 30px;}
@media (max-width:991px){ .hm3-news .h2-hslider-track{grid-auto-columns:calc((100% - 24px)/2);} }
@media (max-width:640px){ .hm3-news .h2-hslider-track{grid-auto-columns:82%;gap:14px;} .hm3-post h3{font-size:15px;min-height:44px;} .hm3-sub{font-size:13.5px;margin-bottom:16px;} }

/* ===== Font tiêu đề: Nunito đậm, chữ đứng (13/11/2026) ===== */
:root{--h2-serif:'Nunito', 'Be Vietnam Pro', Arial, sans-serif;}
.h2-pagehead h1,.h2-title h2,.h2-subtitle,.h2-about-cta h2,.h2-about-hero h1 small,
.hm3-title h2,.hm3-project h2,.hm3-gift small,.hm3-gift h2,.hm3-gift em,.hm3-about h2,
.ft3 h4,.ft3-contact .soc p,.h2-cathead .sub,.h2-pagehead p{font-style:normal!important;}
.h2-pagehead h1,.h2-title h2,.h2-about-cta h2,.hm3-title h2,.hm3-project h2,.hm3-gift h2,.hm3-about h2,.ft3 h4,.h2-about h2,.h2-story h2{font-family:var(--h2-serif);font-weight:800;letter-spacing:-.2px;}
.hm3-gift small,.ft3-contact .soc p{font-weight:700;}
.hm3-title h2{font-size:30px;}
.hm3-project h2{font-size:32px;line-height:1.15;}
.hm3-gift h2{font-size:38px;}
.ft3 h4{font-size:21px;}
/* icon trang trí cạnh tiêu đề (thay lá) */
.h2-title h2 .h2-ico,.h2-story h2 .h2-ico,.h2-commit-title .h2-ico{color:#b0835c;}
@media (max-width:640px){ .hm3-title h2{font-size:22px;} .hm3-project h2{font-size:26px;} .hm3-gift h2{font-size:32px;} .ft3 h4{font-size:19px;} }