/* =========================================================================
   VintageWine — Trang chủ "công nghệ / hiện đại" (nạp sau, chỉ front-page)
   Dựa trên bộ nhận diện: vàng foil #C69A3E · #D4AF37 · #8A6D24, nâu espresso
   #221D15, kem #FBF8F1, vương miện 5 cánh, Playfair Display + Montserrat.
   ========================================================================= */

body.home{
	--h-bg:#141009;
	--h-bg-2:#1c160d;
	--h-bg-3:#241c11;
	--h-gold:#d4af37;
	--h-gold-2:#c69a3e;
	--h-gold-hi:#f3dc9c;
	--h-gold-deep:#8a6d24;
	--h-text:#f6f0e2;
	--h-muted:#a89d81;
	--h-line:rgba(212,175,55,.16);
	--h-line-2:rgba(246,240,226,.10);
	--h-grad:linear-gradient(115deg,#f3dc9c 0%,#d4af37 42%,#c69a3e 68%,#8a6d24 100%);
	--h-glow:0 0 0 1px rgba(212,175,55,.25), 0 30px 80px -30px rgba(212,175,55,.28);
	--h-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
	--h-crown:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 30'%3E%3Cpath d='M0 29 L3.5 14 L12.5 21.5 L22 0 L31.5 21.5 L40.5 14 L44 29 Z'/%3E%3C/svg%3E");
}

/* ---------- Nền tối + mạch chung ---------------------------------------- */
body.home .home-tech{
	position:relative;background:var(--h-bg);color:var(--h-text);overflow:hidden;isolation:isolate;
}
body.home .home-tech::after{ /* hạt nhiễu mờ cho chất "phim" */
	content:"";position:absolute;inset:0;background-image:var(--h-noise);background-size:140px;
	opacity:.35;mix-blend-mode:overlay;pointer-events:none;z-index:0;
}
body.home .home-tech > .wrap{position:relative;z-index:2;}
body.home .home-tech .section-head h2{color:var(--h-text);}
body.home .home-tech .section-head p{color:var(--h-muted);}

/* section-head trang chủ: .h-kicker đã có vương miện → bỏ vương miện lặp trên <h2> */
body.home .section-head h2::before{display:none;}
/* section-head KHÔNG có link phải → xếp khối gọn bên trái, bỏ khoảng trống flex */
body.home .home-section .section-head{display:block;max-width:none;}
body.home .home-section .section-head > div{max-width:52ch;}
body.home .home-section .section-head:has(.section-head__link){
	display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;flex-wrap:wrap;
}
body.home .home-section .section-head:has(.section-head__link) > div{max-width:46ch;}

/* nhãn micro kiểu kỹ thuật */
body.home .h-kicker{
	display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.1rem;white-space:nowrap;
	font-family:var(--vw-font-head);font-size:.66rem;font-weight:700;letter-spacing:.28em;
	text-transform:uppercase;color:var(--h-gold);
}
body.home .h-kicker::before{
	content:"";width:26px;height:11px;background:var(--h-gold);
	-webkit-mask:var(--h-crown) center/contain no-repeat;mask:var(--h-crown) center/contain no-repeat;
}
body.home .h-kicker--line::after{content:"";width:46px;height:1px;background:linear-gradient(90deg,var(--h-gold),transparent);}

/* lưới hairline nền */
body.home .h-grid-bg{
	position:absolute;inset:0;z-index:0;pointer-events:none;
	background-image:linear-gradient(var(--h-line-2) 1px,transparent 1px),linear-gradient(90deg,var(--h-line-2) 1px,transparent 1px);
	background-size:64px 64px;
	-webkit-mask:radial-gradient(120% 80% at 50% 0,#000,transparent 72%);
	        mask:radial-gradient(120% 80% at 50% 0,#000,transparent 72%);
}
body.home .h-orb{
	position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0;pointer-events:none;
	background:radial-gradient(circle at 30% 30%,var(--h-gold),transparent 70%);
	animation:h-float 18s ease-in-out infinite;
}
@keyframes h-float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-26px,0) scale(1.08)}}

/* ---------- HERO ------------------------------------------------------- */
body.home .home-hero{
	position:relative;min-height:clamp(580px,90vh,880px);display:flex;align-items:center;
	background:var(--h-bg);color:var(--h-text);overflow:hidden;isolation:isolate;
	padding-block:clamp(3rem,9vh,7rem);
}
body.home .home-hero::before{ /* quét sáng vàng chuyển động */
	content:"";position:absolute;inset:-40% -10%;z-index:0;
	background:
		radial-gradient(38% 46% at 18% 22%,rgba(212,175,55,.24),transparent 60%),
		radial-gradient(30% 40% at 82% 30%,rgba(198,154,62,.18),transparent 62%),
		conic-gradient(from 210deg at 60% 40%,transparent 0deg,rgba(212,175,55,.12) 90deg,transparent 200deg);
	animation:h-rotate 26s linear infinite;
}
body.home .home-hero::after{
	content:"";position:absolute;inset:0;background-image:var(--h-noise);background-size:150px;opacity:.4;
	mix-blend-mode:overlay;pointer-events:none;z-index:1;
}
@keyframes h-rotate{to{transform:rotate(1turn)}}

body.home .home-hero__inner{position:relative;z-index:3;max-width:none;}
body.home .home-hero__grid{
	display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:center;
	grid-template-columns:1fr;
}
@media(min-width:1000px){ body.home .home-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);} }

body.home .home-hero__eyebrow{
	display:inline-flex;align-items:center;gap:.7rem;margin:0 0 1.4rem;padding:.5rem .95rem;
	border:1px solid var(--h-line);border-radius:999px;background:rgba(212,175,55,.06);
	font-family:var(--vw-font-head);font-size:.68rem;font-weight:700;letter-spacing:.3em;
	text-transform:uppercase;color:var(--h-gold);backdrop-filter:blur(4px);
}
body.home .home-hero__eyebrow::before{
	content:"";width:22px;height:10px;background:var(--h-gold);
	-webkit-mask:var(--h-crown) center/contain no-repeat;mask:var(--h-crown) center/contain no-repeat;
}
body.home .home-hero__eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--h-gold);box-shadow:0 0 10px var(--h-gold);animation:h-pulse 1.8s ease-in-out infinite;}
@keyframes h-pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}

body.home .home-hero__title{
	font-family:var(--vw-font-display);font-weight:600;color:var(--h-text);
	font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:1.03;letter-spacing:-.01em;margin:0 0 1.4rem;
}
body.home .home-hero__title .grad{
	background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
	font-style:italic;white-space:nowrap;
}
body.home .home-hero__text{
	color:#d9d0ba;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.7;max-width:46ch;margin:0 0 2rem;
}
body.home .home-hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin:0 0 2.4rem;}
body.home .h-btn{
	--b:var(--h-grad);
	display:inline-flex;align-items:center;gap:.6rem;padding:1.05em 2.1em;border-radius:2px;
	font-family:var(--vw-font-head);font-weight:700;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
	background:var(--b);color:#1a1408;border:0;cursor:pointer;position:relative;overflow:hidden;
	transition:transform .25s,box-shadow .25s;
}
body.home .h-btn:hover{transform:translateY(-2px);box-shadow:0 20px 45px -18px rgba(212,175,55,.6);}
body.home .h-btn::after{content:"→";font-size:1rem;transition:transform .25s;}
body.home .h-btn:hover::after{transform:translateX(4px);}
body.home .h-btn--ghost{
	background:transparent;color:var(--h-text);border:1px solid var(--h-line);
}
body.home .h-btn--ghost:hover{border-color:var(--h-gold);box-shadow:none;color:var(--h-gold);}

/* dải thông số nổi dưới hero */
body.home .home-hero__ticks{display:flex;flex-wrap:wrap;gap:1.6rem 2.4rem;padding-top:1.8rem;border-top:1px solid var(--h-line-2);}
body.home .home-hero__ticks div{display:flex;flex-direction:column;gap:.15rem;}
body.home .home-hero__ticks b{font-family:var(--vw-font-display);font-size:1.7rem;color:var(--h-text);line-height:1;}
body.home .home-hero__ticks span{font-family:var(--vw-font-head);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--h-muted);}

/* thẻ kính "quick finder" */
body.home .home-hero__finder{position:relative;z-index:3;}
body.home .home-hero__panel{
	position:relative;padding:1.6rem;border-radius:6px;
	background:linear-gradient(160deg,rgba(246,240,226,.09),rgba(246,240,226,.03));
	border:1px solid var(--h-line);backdrop-filter:blur(14px);box-shadow:var(--h-glow);
}
body.home .home-hero__panel::before{ /* viền gradient */
	content:"";position:absolute;inset:0;border-radius:6px;padding:1px;
	background:var(--h-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none;
}
body.home .home-hero__panel h3{
	margin:0 0 1.1rem;font-family:var(--vw-font-head);font-size:.7rem;font-weight:700;
	letter-spacing:.24em;text-transform:uppercase;color:var(--h-gold);
}
body.home .home-hero__panel .vw-finder{display:grid;gap:.85rem;background:none;border:0;padding:0;box-shadow:none;}
body.home .home-hero__panel .vw-finder__title{display:none;}
body.home .home-hero__panel .vw-finder__field span{color:var(--h-muted);font-size:.66rem;letter-spacing:.14em;}
body.home .home-hero__panel .vw-finder__field select{
	width:100%;background:rgba(20,16,9,.6);color:var(--h-text);border:1px solid var(--h-line);
	border-radius:3px;padding:.8em 1em;font-family:var(--vw-font-head);font-size:.85rem;
}
body.home .home-hero__panel .vw-finder__field select:focus{outline:none;border-color:var(--h-gold);}
body.home .home-hero__panel .vw-finder .button{
	margin-top:.3rem;width:100%;background:var(--h-grad);color:#1a1408;border:0;
	font-family:var(--vw-font-head);font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	padding:1em;border-radius:3px;cursor:pointer;transition:transform .2s;
}
body.home .home-hero__panel .vw-finder .button:hover{transform:translateY(-1px);}

body.home .home-hero__scroll{
	position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);z-index:3;
	display:flex;flex-direction:column;align-items:center;gap:.5rem;
	font-family:var(--vw-font-head);font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--h-muted);
}
body.home .home-hero__scroll i{width:1px;height:34px;background:linear-gradient(var(--h-gold),transparent);animation:h-drop 1.8s ease-in-out infinite;}
@keyframes h-drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- STATS (đếm số) ------------------------------------------- */
body.home .home-stats{background:var(--h-bg-2);border-block:1px solid var(--h-line-2);padding-block:3.4rem;}
body.home .home-stats__grid{
	display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);text-align:center;
}
@media(min-width:860px){ body.home .home-stats__grid{grid-template-columns:repeat(4,1fr);} }
body.home .home-stats__grid > div{position:relative;padding:0 1rem;}
body.home .home-stats__grid > div + div::before{
	content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:64%;background:var(--h-line);
}
@media(max-width:859px){ body.home .home-stats__grid > div:nth-child(odd)::before{display:none;} }
body.home .home-stat__num{
	font-family:var(--vw-font-display);font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;
	background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.home .home-stat__label{
	margin-top:.55rem;font-family:var(--vw-font-head);font-size:.66rem;font-weight:600;
	letter-spacing:.2em;text-transform:uppercase;color:var(--h-muted);
}

/* ---------- MARQUEE thương hiệu ------------------------------------- */
body.home .home-marquee{background:var(--h-bg);padding-block:2.4rem;border-bottom:1px solid var(--h-line-2);}
body.home .home-marquee__row{
	display:flex;gap:0;overflow:hidden;
	-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
	        mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
body.home .home-marquee__track{
	display:flex;flex:none;gap:2.6rem;padding-right:2.6rem;
	animation:h-marq 42s linear infinite;
}
body.home .home-marquee__row:nth-child(2) .home-marquee__track{animation-direction:reverse;animation-duration:52s;}
body.home .home-marquee:hover .home-marquee__track{animation-play-state:paused;}
@keyframes h-marq{to{transform:translateX(-50%)}}
body.home .home-marquee a{
	flex:none;font-family:var(--vw-font-display);font-size:clamp(1.15rem,2vw,1.7rem);font-style:italic;
	color:var(--h-muted);white-space:nowrap;transition:color .2s;letter-spacing:.01em;
}
body.home .home-marquee a::after{content:"·";margin-left:2.6rem;color:var(--h-gold);opacity:.5;}
body.home .home-marquee a:hover{color:var(--h-gold-hi);}
body.home .home-marquee__row + .home-marquee__row{margin-top:1rem;}

/* ---------- CATEGORIES — lưới ô đều, 2 ô nổi bật đối xứng --------- */
body.home .home-categories.home-tech{padding-block:clamp(3.5rem,7vw,6rem);}
body.home .home-bento{
	display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;
}
@media(min-width:560px){ body.home .home-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;} }
@media(min-width:900px){
	body.home .home-bento{
		grid-template-columns:repeat(4,1fr);grid-auto-rows:248px;
		grid-template-areas:
			"a a b c"
			"d e f f";
	}
	body.home .home-bento__item:nth-child(1){grid-area:a;}
	body.home .home-bento__item:nth-child(2){grid-area:b;}
	body.home .home-bento__item:nth-child(3){grid-area:c;}
	body.home .home-bento__item:nth-child(4){grid-area:d;}
	body.home .home-bento__item:nth-child(5){grid-area:e;}
	body.home .home-bento__item:nth-child(6){grid-area:f;}
}
body.home .home-bento__item{
	position:relative;display:flex;flex-direction:column;justify-content:flex-end;
	min-height:170px;padding:1.5rem 1.5rem 1.4rem;border-radius:8px;overflow:hidden;isolation:isolate;
	border:1px solid var(--h-line);background:var(--h-bg-3);color:var(--h-text);text-decoration:none;
	transition:transform .35s,border-color .35s,box-shadow .35s;
}
body.home .home-bento__item::before{ /* ảnh Canva (nền tối sẵn) */
	content:"";position:absolute;inset:0;z-index:-2;
	background:var(--bento-img,linear-gradient(140deg,#2c2113,#17110a)) 68% 40%/cover no-repeat;
	opacity:.94;transform:scale(1.03);transition:transform .6s,opacity .4s;
}
body.home .home-bento__item::after{ /* phủ đáy cho chữ */
	content:"";position:absolute;inset:0;z-index:-1;
	background:linear-gradient(180deg,transparent 34%,rgba(13,10,6,.5) 66%,rgba(11,8,4,.94));
}
body.home .home-bento__item:hover{transform:translateY(-5px);border-color:rgba(212,175,55,.55);box-shadow:0 32px 60px -28px rgba(0,0,0,.75);}
body.home .home-bento__item:hover::before{opacity:1;transform:scale(1.1);}

body.home .home-bento__kicker{display:none;}
body.home .home-bento__name{
	font-family:var(--vw-font-display);font-size:1.3rem;line-height:1.12;color:var(--h-text);
}
body.home .home-bento__name::before{
	content:"";display:block;width:24px;height:2px;background:var(--h-gold);margin-bottom:.7rem;
	transition:width .35s;
}
body.home .home-bento__item:hover .home-bento__name::before{width:44px;}
body.home .home-bento__count{
	margin-top:.45rem;font-family:var(--vw-font-head);font-size:.66rem;font-weight:600;
	letter-spacing:.14em;text-transform:uppercase;color:var(--h-muted);
}
/* 2 ô nổi bật (Vang/Champagne · Phụ kiện) — tên lớn hơn */
body.home .home-bento__item:nth-child(1) .home-bento__name,
body.home .home-bento__item:nth-child(6) .home-bento__name{font-size:clamp(1.6rem,2.6vw,2.3rem);}

/* ---------- SẢN PHẨM (nền sáng cho ảnh chai) ---------------------- */
body.home .home-products{background:var(--vw-bg);padding-block:clamp(3.5rem,7vw,6rem);}
body.home .home-products .section-head{margin-bottom:2.4rem;}
body.home .home-products .vw-product-strip{
	display:grid;gap:1.4rem;grid-template-columns:repeat(2,1fr);
}
@media(min-width:720px){ body.home .home-products .vw-product-strip{grid-template-columns:repeat(3,1fr);} }
@media(min-width:1040px){ body.home .home-products .vw-product-strip{grid-template-columns:repeat(4,1fr);} }
body.home .home-products .vw-product-strip li.product{
	transition:transform .3s,box-shadow .3s,border-color .3s;
}
body.home .home-products .vw-product-strip li.product:hover{
	transform:translateY(-6px);border-color:var(--vw-gold);
	box-shadow:0 26px 50px -26px rgba(138,109,36,.45);
}

/* ---------- SERVICES — thẻ kính đánh số -------------------------- */
body.home .home-services.home-tech{padding-block:clamp(3.5rem,7vw,6rem);}
body.home .home-services .services-grid{
	display:grid;gap:1.1rem;grid-template-columns:1fr;
}
@media(min-width:760px){ body.home .home-services .services-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1060px){ body.home .home-services .services-grid{grid-template-columns:repeat(4,1fr);} }
body.home .home-services .service-card{
	position:relative;display:flex;flex-direction:column;gap:.7rem;padding:2.1rem 1.6rem 1.7rem;
	min-height:238px;
	border:1px solid var(--h-line);border-radius:8px;background:linear-gradient(160deg,rgba(246,240,226,.05),transparent);
	color:var(--h-text);overflow:hidden;transition:transform .3s,border-color .3s,background .3s;counter-increment:svc;
}
body.home .home-services .service-card::before{
	content:counter(svc,decimal-leading-zero);position:absolute;top:1.15rem;right:1.3rem;
	font-family:var(--vw-font-display);font-size:1.4rem;color:var(--h-gold);opacity:.4;
}
body.home .home-services .service-card::after{
	content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--h-grad);transform:scaleX(0);transform-origin:left;transition:transform .4s;
}
body.home .home-services .services-grid{counter-reset:svc;}
body.home .home-services .service-card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.5);background:linear-gradient(160deg,rgba(246,240,226,.09),transparent);}
body.home .home-services .service-card:hover::after{transform:scaleX(1);}
body.home .home-services .service-card__title{font-family:var(--vw-font-display);font-size:1.2rem;color:var(--h-text);margin:0;padding-right:2.2rem;}
body.home .home-services .service-card__text{color:var(--h-muted);font-size:.9rem;line-height:1.6;margin:0;flex:1;}
body.home .home-services .service-card__more{font-family:var(--vw-font-head);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--h-gold);}

/* ---------- PILLARS (4 trụ nhận diện) --------------------------- */
body.home .home-pillars{background:var(--h-bg-2);padding-block:clamp(3.5rem,7vw,6rem);position:relative;overflow:hidden;isolation:isolate;color:var(--h-text);}
body.home .home-pillars > .wrap{position:relative;z-index:2;}
body.home .home-pillars .section-head h2{color:var(--h-text);position:relative;z-index:2;}
body.home .home-pillars__grid{display:grid;gap:1.1rem;grid-template-columns:1fr;}
@media(min-width:680px){ body.home .home-pillars__grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1040px){ body.home .home-pillars__grid{grid-template-columns:repeat(4,1fr);} }
body.home .home-pillar{
	padding:1.7rem 1.4rem;border-left:2px solid var(--h-gold);background:linear-gradient(90deg,rgba(212,175,55,.08),transparent 70%);
	border-radius:0 6px 6px 0;
}
body.home .home-pillar b{display:block;font-family:var(--vw-font-display);font-size:1.15rem;margin-bottom:.4rem;color:var(--h-text);}
body.home .home-pillar span{color:var(--h-muted);font-size:.88rem;line-height:1.6;}
body.home .home-pillar em{display:block;font-style:normal;font-family:var(--vw-font-head);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--h-gold);margin-bottom:.7rem;}

/* ---------- STORY tối ------------------------------------------- */
body.home .home-story.home-tech{padding-block:clamp(3.5rem,7vw,6rem);}
body.home .home-story .home-story__inner{display:grid;gap:clamp(1.6rem,4vw,3.5rem);align-items:center;grid-template-columns:1fr;}
@media(min-width:900px){ body.home .home-story .home-story__inner{grid-template-columns:1fr 1fr;} }
body.home .home-story__media{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--h-line);}
body.home .home-story__media img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;filter:brightness(1.4) contrast(1.03);}
body.home .home-story__media::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 0 100%,rgba(212,175,55,.22),transparent 55%);}
body.home .home-story__placeholder{display:flex;align-items:center;justify-content:center;min-height:340px;font-size:5rem;background:var(--h-bg-3);}
body.home .home-story__body h2{color:var(--h-text);}
body.home .home-story__body p{color:var(--h-muted);line-height:1.75;}
body.home .home-story__points{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.7rem;}
body.home .home-story__points li{position:relative;padding-left:1.9rem;color:var(--h-text);font-size:.92rem;}
body.home .home-story__points li::before{
	content:"";position:absolute;left:0;top:.15em;width:18px;height:8px;background:var(--h-gold);
	-webkit-mask:var(--h-crown) center/contain no-repeat;mask:var(--h-crown) center/contain no-repeat;
}

/* ---------- CTA band ------------------------------------------- */
body.home .home-cta{
	position:relative;background:var(--h-grad);color:#1c1608;padding-block:clamp(3rem,6vw,5rem);overflow:hidden;isolation:isolate;
}
body.home .home-cta::before{content:"";position:absolute;inset:0;background-image:var(--h-noise);background-size:130px;opacity:.25;mix-blend-mode:overlay;}
body.home .home-cta__inner{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem;}
body.home .home-cta h2{font-family:var(--vw-font-display);font-size:clamp(1.8rem,3.4vw,2.9rem);margin:0;color:#1c1608;line-height:1.1;max-width:20ch;}
body.home .home-cta p{margin:.6rem 0 0;font-family:var(--vw-font-head);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#3a2f12;}
body.home .home-cta .h-btn{background:#1c1608;color:var(--h-gold-hi);}
body.home .home-cta .h-btn:hover{box-shadow:0 20px 45px -18px rgba(0,0,0,.5);}

/* ---------- JOURNAL (nền sáng) -------------------------------- */
body.home .home-journal{background:var(--vw-bg);padding-block:clamp(3.5rem,7vw,6rem);}

/* ---------- section-head chung trên nền tối ------------------ */
body.home .home-tech .section-head,
body.home .home-pillars .section-head,
body.home .home-stats .section-head{margin-bottom:2.4rem;}
body.home .home-tech .section-head__link{color:var(--h-gold);}
body.home .home-tech .section-head__link:hover{color:var(--h-gold-hi);}

/* ---------- Reveal khi cuộn --------------------------------- */
body.home [data-reveal]{opacity:0;transform:translateY(26px);}
body.home .is-in[data-reveal],
body.home [data-reveal].is-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*90ms);}

@media(prefers-reduced-motion:reduce){
	body.home *,body.home *::before,body.home *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;}
	body.home [data-reveal]{opacity:1!important;transform:none!important;}
}

/* ---------- Mobile tweaks ---------------------------------- */
@media(max-width:720px){
	body.home .home-hero{min-height:auto;}
	body.home .home-hero__ticks b{font-size:1.4rem;}
	body.home .home-cta__inner{flex-direction:column;align-items:flex-start;}
}

/* ================================================================
   KHỐI DANH MỤC CÓ TAB (mẫu "LAPTOP NEW") — nền sáng
   ================================================================ */
body.home .home-catsec{background:var(--vw-surface);padding-block:clamp(2.4rem,5vw,4rem);}
body.home .home-catsec + .home-catsec{border-top:1px solid var(--vw-line);}

body.home .home-catsec__head{
	display:flex;align-items:stretch;gap:.3rem 1.1rem;flex-wrap:wrap;
	border-bottom:2px solid var(--vw-ink);margin-bottom:1.6rem;
}
body.home .home-catsec__title{
	display:inline-flex;align-items:center;background:var(--vw-ink);color:var(--vw-cream);
	font-family:var(--vw-font-head);font-weight:800;font-size:clamp(.9rem,2vw,1.12rem);
	letter-spacing:.05em;text-transform:uppercase;padding:.7rem 2.1rem .7rem 1.1rem;
	clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);white-space:nowrap;flex:none;
}
body.home .home-catsec__title:hover{color:var(--vw-gold);}
body.home .home-catsec__tabs{display:flex;align-items:stretch;flex-wrap:wrap;gap:.05rem;flex:1 1 auto;min-width:0;}
body.home .home-catsec__tab{
	background:none;border:0;cursor:pointer;
	font-family:var(--vw-font-head);font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
	color:var(--vw-muted);padding:.7rem .8rem;position:relative;transition:color .16s;white-space:nowrap;
}
body.home .home-catsec__tab::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:-2px;height:2px;background:var(--vw-gold);transform:scaleX(0);transition:transform .2s;}
body.home .home-catsec__tab:hover,
body.home .home-catsec__tab.is-active{color:var(--vw-ink);}
body.home .home-catsec__tab.is-active::after{transform:scaleX(1);}
body.home .home-catsec__all{
	margin-left:auto;align-self:center;flex:none;padding-left:.6rem;
	font-family:var(--vw-font-head);font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;
	color:var(--vw-gold-deep);white-space:nowrap;
}
body.home .home-catsec__all:hover{color:var(--vw-gold);}

body.home .home-catsec__body{position:relative;}
body.home .home-catsec__viewport{transition:opacity .18s;}
body.home .home-catsec__viewport.is-loading{opacity:.35;pointer-events:none;}

/* carousel ngang — thắng rule ul.products{display:grid!important} */
body.home .home-catsec .vw-hscroll{
	display:flex!important;grid-template-columns:none!important;
	list-style:none;margin:0!important;padding:.2rem 0 .6rem!important;
	gap:1rem!important;overflow-x:auto;overscroll-behavior-x:contain;
	scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
body.home .home-catsec .vw-hscroll::-webkit-scrollbar{display:none;}
body.home .home-catsec .vw-hscroll > li.product{
	flex:0 0 clamp(156px,44vw,214px)!important;width:auto!important;max-width:none!important;
	scroll-snap-align:start;margin:0!important;
	background:var(--vw-surface);border:1px solid var(--vw-line);border-radius:var(--vw-radius);
	padding:.7rem .7rem .95rem!important;transition:transform .25s,box-shadow .25s,border-color .25s;
}
body.home .home-catsec .vw-hscroll > li.product:hover{
	transform:translateY(-5px);border-color:var(--vw-gold);
	box-shadow:0 22px 44px -24px rgba(138,109,36,.4);
}
body.home .home-catsec .vw-hscroll > li.product a img{aspect-ratio:1/1;object-fit:contain;background:#fff;width:100%;margin-bottom:.5rem;}
body.home .home-catsec .vw-hscroll > li.product .woocommerce-loop-product__title{font-size:.92rem;min-height:2.4em;}
body.home .home-catsec__empty{color:var(--vw-muted);padding:2rem 0;}

body.home .home-catsec__arrow{
	position:absolute;top:42%;transform:translateY(-50%);z-index:3;
	width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--vw-line);
	background:var(--vw-surface);color:var(--vw-ink);font-size:1.25rem;line-height:1;cursor:pointer;
	display:none;align-items:center;justify-content:center;box-shadow:0 8px 22px -10px rgba(34,29,21,.3);
	transition:background .16s,color .16s;
}
body.home .home-catsec__arrow:hover{background:var(--vw-ink);color:var(--vw-cream);}
body.home .home-catsec__arrow--prev{left:-1.2rem;}
body.home .home-catsec__arrow--next{right:-1.2rem;}
@media(min-width:900px){ body.home .home-catsec__arrow{display:inline-flex;} }

@media(max-width:600px){
	body.home .home-catsec__head{border-bottom-width:1px;gap:0;}
	body.home .home-catsec__title{clip-path:none;width:100%;justify-content:flex-start;margin-bottom:.2rem;}
	body.home .home-catsec__all{margin-left:0;padding:.5rem .8rem 0 0;order:3;}
	body.home .home-catsec__tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;order:2;}
	body.home .home-catsec__tabs::-webkit-scrollbar{display:none;}
}