/*
Theme Name: Alpha Tailor
Theme URI: https://alphatailor.vn
Description: Giao diện may đo cao cấp Alpha Tailor (bản chốt 29/09/2026). Nội dung từng trang, sản phẩm, bảng vải, màu vải và blog đều sửa được trong trang quản trị. Cần cài kèm plugin "Alpha Tailor – Dữ liệu".
Version: 4.0.0
Author: Alpha Tailor
Text Domain: alpha-tailor
Requires at least: 6.0
Requires PHP: 7.4
*/
@import url('fonts.css');
:root{--ink:#292520;--charcoal:#292521;--charcoal2:#342d27;--paper:#fffefa;--ivory:#f6f2e9;--cream:#eee8db;--gold:#c7a466;--gold-soft:#e2cfac;--line:#e5ded1;--muted:#6e695f;--pad:clamp(24px,5vw,84px);--serif:'Noto Serif',Georgia,serif;--sans:'Be Vietnam Pro',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.18}h1 em,h2 em,h3 em{font-weight:500}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.grabwp__image{width:100%;height:100%;object-fit:cover}.grabwp__eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700;color:var(--gold);text-transform:uppercase}.grabwp__ornament{display:block;color:var(--gold);font-family:var(--serif);font-size:22px;line-height:1;margin:14px 0 20px}.grabwp__button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 21px;border:1px solid var(--gold);min-height:48px;min-width:165px;font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;line-height:1.2;transition:background .2s,color .2s,transform .2s}.grabwp__button:hover{transform:translateY(-2px)}.grabwp__button span{font-size:16px;font-weight:400}.grabwp__button--gold{background:var(--gold);color:#201b17}.grabwp__button--gold:hover{background:#d9bb83}.grabwp__button--dark{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}.grabwp__button--dark:hover{background:#51453a}.grabwp__button--line{background:transparent;color:white;border-color:#e4d9c5}.grabwp__button--line:hover{background:var(--paper);color:var(--ink)}.grabwp__button--outline{background:transparent;color:var(--gold-soft)}.grabwp__button--outline:hover{background:var(--gold);color:var(--charcoal)}
header{position:relative;z-index:10;background:#25221f;color:#f1e9d8}.grabwp__header-inner{min-height:77px;padding:0 var(--pad);display:flex;align-items:center;gap:26px}.grabwp__brand{background:var(--ivory);padding:3px 10px;align-self:stretch;display:flex;align-items:center;flex:none}.grabwp__brand-logo{width:100px;height:66px;object-fit:contain}.grabwp__header-note{font-size:9px;letter-spacing:.2em;color:#d7c8aa;white-space:nowrap;margin-right:auto}.grabwp__nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,30px)}.grabwp__nav>a{font-size:12px;white-space:nowrap;letter-spacing:.03em;transition:color .2s}.grabwp__nav>a:hover,.grabwp__nav>a[aria-current]{color:var(--gold-soft)}.grabwp__nav .grabwp__nav-cta{padding:12px 16px;background:var(--gold);color:#231c16;font-weight:700}.grabwp__nav .grabwp__nav-cta:hover{color:#231c16;background:#dbbe87}.grabwp__menu-toggle{display:none}
.grabwp__hero{height:min(760px,calc(100svh - 77px));min-height:560px;position:relative;background:var(--charcoal);color:#fff;overflow:hidden}.grabwp__hero-photo,.grabwp__page-hero>div:first-child,.grabwp__wide-promo-photo{position:absolute;inset:0}.grabwp__hero-photo:after,.grabwp__page-hero>div:first-child:after,.grabwp__wide-promo-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b1715b8,#17131076 58%,#17131055),linear-gradient(0deg,#100d0c86,transparent 55%)}.grabwp__hero-photo img{object-position:center 42%}.grabwp__hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);z-index:1;text-align:center;width:min(920px,calc(100% - 48px))}.grabwp__hero-pre{color:var(--gold-soft);font-size:11px;letter-spacing:.29em;font-weight:700}.grabwp__hero h1{font-size:clamp(58px,7vw,116px);line-height:1.12;margin:25px 0 15px;text-shadow:0 2px 20px #0008}.grabwp__hero h1 em{color:#e8dcc6}.grabwp__hero-content>p{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#e3d8c3;margin:0 0 28px}.grabwp__hero-actions{display:flex;justify-content:center;gap:13px}.grabwp__hero-scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:1;font-size:10px;letter-spacing:.22em;color:#e1d7c7}
.grabwp__section-title{text-align:center;margin:0 auto 50px;max-width:860px}.grabwp__section-title h2{font-size:clamp(45px,4.7vw,75px);margin:10px 0 0}.grabwp__section-title p{color:var(--muted);max-width:650px;margin:0 auto}.grabwp__section{padding:100px var(--pad)}.grabwp__triptych{display:grid;grid-template-columns:1fr 1.28fr 1fr;min-height:390px}.grabwp__triptych-photo{min-height:390px;overflow:hidden;background:#3b302a}.grabwp__triptych-photo img{filter:saturate(.75)}.grabwp__triptych-copy{background:var(--ivory);padding:50px clamp(25px,4vw,70px);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.grabwp__triptych-copy h2{font-size:clamp(37px,3.2vw,55px);margin:14px 0 0}.grabwp__triptych-copy p{color:var(--muted);font-size:14px;max-width:420px;line-height:1.8}.grabwp__signature{font-family:var(--serif);font-size:25px;font-style:italic;border-bottom:1px solid var(--gold);padding-bottom:4px;margin-top:14px}.grabwp__signature:hover{color:#976d35}
.grabwp__services{padding:100px var(--pad) 110px}.grabwp__service-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grabwp__service-grid article>a{display:block;position:relative;height:360px;overflow:hidden;background:#51463f}.grabwp__service-grid img{transition:transform .5s}.grabwp__service-grid a:hover img{transform:scale(1.045)}.grabwp__service-grid article>a:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#16120fae)}.grabwp__service-caption{position:absolute;left:22px;right:22px;bottom:21px;z-index:1;color:#fff}.grabwp__service-caption span{font-size:10px;letter-spacing:.18em;color:var(--gold-soft)}.grabwp__service-caption h3{font-size:31px;margin:4px 0 0}.grabwp__service-grid article>p{font-size:14px;color:var(--muted);line-height:1.75;margin:16px 2px 0}.grabwp__featured{background:var(--charcoal);color:white;padding:93px 0 95px}.grabwp__featured .grabwp__section-title{padding:0 20px}.grabwp__featured .grabwp__section-title h2{color:#fff}.grabwp__featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.grabwp__featured-tile{position:relative;height:390px;overflow:hidden;background:#5a4e42}.grabwp__featured-tile img{filter:saturate(.7);transition:transform .5s,filter .5s}.grabwp__featured-tile:hover img{transform:scale(1.06);filter:saturate(1)}.grabwp__featured-tile:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1b1614c7)}.grabwp__featured-tile span{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;font-family:var(--serif);font-size:24px}.grabwp__center{text-align:center;margin-top:35px}.grabwp__benefits{padding:100px var(--pad) 115px}.grabwp__benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1200px;margin:auto;text-align:center}.grabwp__benefit-grid article>span{display:grid;place-items:center;margin:0 auto 17px;width:64px;height:64px;border-radius:50%;background:var(--ivory);font-family:var(--serif);font-size:29px;color:#9e814f}.grabwp__benefit-grid h3{font-size:27px;margin:0 0 8px}.grabwp__benefit-grid p{font-size:13px;color:var(--muted);margin:0 auto;max-width:230px}.grabwp__wide-promo{height:400px;position:relative;background:var(--charcoal);color:white}.grabwp__wide-promo-photo img{object-position:center 45%}.grabwp__wide-promo-photo:after{background:linear-gradient(90deg,#181411c9,#18141193 65%,#18141145)}.grabwp__wide-promo-copy{position:relative;z-index:1;padding:78px var(--pad);max-width:800px}.grabwp__wide-promo h2{font-size:clamp(48px,5vw,78px);margin:12px 0 23px}.grabwp__fabric-teaser{padding:95px var(--pad) 110px}.grabwp__fabric-teaser-inner{display:grid;grid-template-columns:1.1fr .9fr;max-width:1200px;margin:auto;background:var(--ivory);min-height:360px}.grabwp__fabric-teaser-photo{height:410px}.grabwp__fabric-teaser-copy{padding:55px clamp(28px,5vw,80px);align-self:center}.grabwp__fabric-teaser-copy>span{font-size:10px;color:#9a7b47;letter-spacing:.16em}.grabwp__fabric-teaser-copy h3{font-size:clamp(38px,3.7vw,60px);margin:12px 0}.grabwp__fabric-teaser-copy p{color:var(--muted);max-width:430px}.grabwp__final-cta{text-align:center;padding:90px 24px 105px;background:var(--ivory)}.grabwp__final-cta .grabwp__section-title{margin-bottom:25px}.grabwp__final-cta .grabwp__button{margin:auto}
.grabwp__contact-rail{position:fixed;right:0;top:44%;z-index:9;display:flex;flex-direction:column;box-shadow:0 5px 17px #0002}.grabwp__contact-rail a{width:42px;height:42px;background:#c9a866;color:#fff;display:grid;place-items:center;font-size:17px;border-bottom:1px solid #ffffff6b}.grabwp__contact-rail a:hover{background:#a58246}
.grabwp__page-hero{height:480px;position:relative;overflow:hidden;background:var(--charcoal);color:white}.grabwp__page-hero>div:first-child img{filter:saturate(.68)}.grabwp__page-hero-content{position:absolute;z-index:1;left:var(--pad);bottom:70px;max-width:780px}.grabwp__page-hero h1{font-size:clamp(61px,7vw,105px);margin:12px 0 5px}.grabwp__page-hero p{font-size:17px;color:#f1e7d5;margin:0}.grabwp__page-hero--fabric>div:first-child img{object-position:center 65%}.grabwp__page-hero--story>div:first-child img{object-position:center 36%}
.grabwp__catalog .grabwp__product-grid{max-width:1250px;margin:auto}.grabwp__product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.grabwp__product-card{min-width:0;border:1px solid var(--line);background:white}.grabwp__product-image{display:block;aspect-ratio:3/3.4;background:#d5cbc0;overflow:hidden}.grabwp__product-image img{filter:saturate(.7);transition:transform .4s}.grabwp__product-image:hover img{transform:scale(1.05)}.grabwp__product-info{padding:18px 17px 22px}.grabwp__product-index{font-size:9px;letter-spacing:.13em;color:#a17d42}.grabwp__product-info h3{font-size:25px;margin:10px 0}.grabwp__product-info p{font-size:13px;color:var(--muted);min-height:60px}.grabwp__text-link{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#936d3c;border-bottom:1px solid currentColor;padding-bottom:3px}.grabwp__anchor{position:relative;top:-5px;display:block}.grabwp__detail{display:grid;grid-template-columns:1fr 1fr;background:var(--ivory)}.grabwp__detail-photo{min-height:660px;position:relative;background:#39332c}.grabwp__detail-photo img{filter:saturate(.7)}.grabwp__image-caption{position:absolute;bottom:23px;left:25px;color:white;font-size:10px;letter-spacing:.15em;text-shadow:0 2px 8px #000}.grabwp__detail-copy{padding:clamp(50px,6vw,100px) var(--pad);align-self:center}.grabwp__detail-copy h2{font-size:clamp(42px,4.3vw,69px);margin:14px 0 28px}.grabwp__detail-copy>p{max-width:590px;color:var(--muted)}.grabwp__detail-meta{border-top:1px solid #d8cdbd;margin:29px 0 24px}.grabwp__detail-meta>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #d8cdbd}.grabwp__detail-meta span{font-size:11px;letter-spacing:.12em;color:#947a50}.grabwp__detail-meta strong{font-size:14px;font-weight:500}.grabwp__actions{display:flex;gap:10px;flex-wrap:wrap}.grabwp__privacy-note{font-size:12px!important;color:var(--muted)!important;margin:15px 0}.grabwp__privacy-note a{text-decoration:underline}
.grabwp__fabric-intro{padding-bottom:65px;text-align:center}.grabwp__fabric-intro>p{max-width:700px;margin:0 auto;color:var(--muted)}.grabwp__swatches{background:var(--ivory);padding-top:85px}.grabwp__swatch-note{text-align:center;color:var(--muted);max-width:670px;margin:-30px auto 42px;font-size:14px}.grabwp__swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.grabwp__swatch{background:white;border:1px solid var(--line)}.grabwp__swatch-color{height:250px;background:#414449;position:relative}.grabwp__swatch-color:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(96deg,transparent 0px,rgba(255,255,255,.05) 1px,transparent 3px,rgba(0,0,0,.03) 6px)}.grabwp__swatch-color--2{background:#263848}.grabwp__swatch-color--3{background:repeating-linear-gradient(90deg,#55565b 0px,#55565b 27px,#898d90 28px,#55565b 29px)}.grabwp__swatch-color--4{background:repeating-linear-gradient(135deg,#555044 0px,#555044 5px,#626052 6px,#555044 8px)}.grabwp__swatch-color--5{background:#202124}.grabwp__swatch-info{padding:17px}.grabwp__swatch-info>span{font-size:9px;letter-spacing:.14em;color:#9b7c49}.grabwp__swatch-info h3{font-size:24px;margin:9px 0 4px}.grabwp__swatch-info>p{font-size:13px;color:var(--muted);min-height:48px}.grabwp__swatch-info dl{border-top:1px solid var(--line);padding-top:10px;margin:0}.grabwp__swatch-info dl div{margin:0 0 9px}.grabwp__swatch-info dt{font-size:10px;letter-spacing:.08em;color:#8c867d;text-transform:uppercase}.grabwp__swatch-info dd{margin:0;font-size:12px}
.grabwp__brochure-layout{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.grabwp__brochure-cover{background:#39312a;display:grid;place-items:center;padding:50px}.grabwp__book{width:min(75%,360px);aspect-ratio:3/4;background:linear-gradient(140deg,#75684e,#302a27 55%,#161a18);box-shadow:19px 20px 30px #17130e99,-5px 2px 1px #c0a77a;padding:35px;display:flex;flex-direction:column;color:#f1e1ba;transform:rotate(-6deg);border-left:8px solid #27221c}.grabwp__book span{font-family:var(--serif);font-size:clamp(38px,4vw,64px);line-height:.95;letter-spacing:.04em}.grabwp__book small{margin-top:auto;letter-spacing:.14em;font-size:10px}.grabwp__book b{border-top:1px solid #d1ba86;margin-top:15px;padding-top:12px;letter-spacing:.15em;font-size:10px}.grabwp__brochure-copy{padding:clamp(55px,7vw,120px) var(--pad);align-self:center}.grabwp__brochure-copy h2,.grabwp__story-content h2,.grabwp__contact-info h2,.grabwp__policy-intro h2{font-size:clamp(42px,4.2vw,68px);margin:13px 0 25px}.grabwp__brochure-copy>p,.grabwp__story-content p,.grabwp__contact-form-wrap>p,.grabwp__policy-intro p{color:var(--muted);max-width:590px}.grabwp__form{max-width:670px;margin-top:30px}.grabwp__form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grabwp__form label{display:block;font-size:13px;font-weight:700;margin-bottom:17px}.grabwp__form input,.grabwp__form select,.grabwp__form textarea{width:100%;display:block;min-height:48px;background:white;border:1px solid #d7cbb8;border-radius:0;padding:11px 13px;margin-top:7px;font-weight:400;color:var(--ink)}.grabwp__form textarea{resize:vertical}.grabwp__demo-note{font-size:12px;color:#8a7455}.grabwp__form-status{color:#795339;font-size:14px;font-weight:600}.grabwp__honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.grabwp__story-layout{display:grid;grid-template-columns:1fr 1fr}.grabwp__story-visual{min-height:690px;background:#493a2d}.grabwp__story-content{padding:clamp(60px,8vw,125px) var(--pad);align-self:center}.grabwp__story-content .grabwp__button{margin-top:14px}.grabwp__story-note{text-align:center;padding:90px 24px 100px;background:var(--ivory)}.grabwp__story-note p{max-width:670px;color:var(--muted);margin:0 auto}.grabwp__contact-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:8%;padding:100px var(--pad) 115px}.grabwp__contact-info dl{margin:35px 0;max-width:470px}.grabwp__contact-info dl div{border-top:1px solid var(--line);padding:14px 0}.grabwp__contact-info dt{font-size:10px;color:#9c7b45;letter-spacing:.15em;margin-bottom:5px}.grabwp__contact-info dd{margin:0}.grabwp__contact-info dd a{text-decoration:underline;text-underline-offset:3px}.grabwp__contact-form-wrap{background:var(--ivory);padding:45px clamp(25px,4vw,60px)}.grabwp__contact-form-wrap h2{margin:10px 0}.grabwp__location-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px var(--pad);background:#4b4338;color:#fff}.grabwp__location-strip span{font-size:10px;letter-spacing:.17em;color:var(--gold-soft)}.grabwp__location-strip strong{font-size:14px;font-weight:500}.grabwp__location-strip a{font-size:12px;color:var(--gold-soft);border-bottom:1px solid currentColor}.grabwp__policy{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;padding:100px var(--pad) 115px}.grabwp__policy-intro h2{margin-top:20px}.grabwp__policy-rows article{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:24px 0;border-top:1px solid var(--line)}.grabwp__policy-rows article>span{color:#a7854a;font-family:var(--serif);font-size:26px}.grabwp__policy-rows h2{font-size:32px;margin:0 0 7px}.grabwp__policy-rows p{color:var(--muted);margin:0}.grabwp__policy-end{grid-column:2;margin-top:-25px}.grabwp__policy-end p{color:var(--muted)}.grabwp__policy-end p a{text-decoration:underline}
footer{background:#24211d;color:#eae1d1;padding:76px var(--pad) 25px}.grabwp__footer-top{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.3fr;gap:clamp(20px,4vw,60px);max-width:1400px;margin:auto}.grabwp__footer-top>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:9px}.grabwp__footer-brand{background:var(--ivory);display:inline-flex;padding:7px 14px}.grabwp__footer-logo{width:140px;height:90px;object-fit:contain}.grabwp__footer-top p{font-size:13px;color:#bdb2a1;line-height:1.8}.grabwp__footer-intro p{margin-top:17px}.grabwp__footer-top a:not(.grabwp__button):not(.grabwp__footer-brand){font-size:13px}.grabwp__footer-top a:hover{text-decoration:underline}.grabwp__footer-label{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:700;margin-bottom:9px}.grabwp__footer-email{overflow-wrap:anywhere}.grabwp__footer-top .grabwp__button{margin-top:13px;min-height:42px;padding:10px 14px}.grabwp__footer-bottom{max-width:1400px;margin:70px auto 0;padding-top:18px;border-top:1px solid #5c554b;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;color:#a69a8a}
@media(max-width:1180px){.grabwp__header-note{display:none}.grabwp__header-inner{justify-content:space-between}.grabwp__nav{gap:15px}.grabwp__nav>a{font-size:11px}.grabwp__swatch-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.grabwp__nav{gap:10px}.grabwp__nav>a{font-size:10px}.grabwp__hero h1{font-size:clamp(55px,8vw,88px)}.grabwp__service-grid article>a{height:280px}.grabwp__featured-grid{grid-template-columns:repeat(2,1fr)}.grabwp__product-grid{grid-template-columns:repeat(2,1fr)}.grabwp__benefit-grid{grid-template-columns:repeat(2,1fr)}.grabwp__footer-top{grid-template-columns:1.5fr 1fr;gap:42px}}
@media(max-width:760px){.grabwp__header-inner{min-height:70px}.grabwp__brand-logo{width:83px;height:57px}.grabwp__menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:43px;height:43px;border:0;background:transparent}.grabwp__menu-toggle span{display:block;width:25px;height:1px;background:#f1e9d8}.grabwp__nav{display:none;position:absolute;top:70px;left:0;right:0;z-index:11;background:#25221f;box-shadow:0 18px 30px #0005;padding:20px var(--pad) 30px;flex-direction:column;align-items:stretch;gap:0}.grabwp__nav.grabwp__nav--open{display:flex}.grabwp__nav>a{font-size:15px;padding:11px 0}.grabwp__nav .grabwp__nav-cta{margin-top:10px;padding:13px}.grabwp__hero{height:680px;min-height:0}.grabwp__hero-content{width:calc(100% - 34px)}.grabwp__hero h1{font-size:clamp(48px,10vw,73px)}.grabwp__hero-photo img{object-position:61% center}.grabwp__triptych{grid-template-columns:1fr 1fr}.grabwp__triptych-copy{grid-column:1/-1;grid-row:1;min-height:360px}.grabwp__triptych-photo{min-height:250px;height:250px}.grabwp__services,.grabwp__benefits,.grabwp__fabric-teaser,.grabwp__section{padding-top:70px;padding-bottom:75px}.grabwp__service-grid{gap:13px}.grabwp__service-grid article>a{height:225px}.grabwp__service-caption{left:12px;right:12px;bottom:12px}.grabwp__service-caption h3{font-size:24px}.grabwp__featured-tile{height:300px}.grabwp__wide-promo{height:410px}.grabwp__fabric-teaser-inner,.grabwp__detail,.grabwp__brochure-layout,.grabwp__story-layout,.grabwp__contact-layout,.grabwp__policy{grid-template-columns:1fr}.grabwp__fabric-teaser-photo{height:300px}.grabwp__detail-photo,.grabwp__story-visual{min-height:0;height:480px}.grabwp__detail-copy,.grabwp__brochure-copy,.grabwp__story-content{padding:70px var(--pad)}.grabwp__brochure-cover{min-height:480px;order:2}.grabwp__brochure-copy{order:1}.grabwp__contact-layout{gap:35px}.grabwp__policy-end{grid-column:1;margin-top:0}.grabwp__location-strip{flex-wrap:wrap}.grabwp__page-hero{height:390px}.grabwp__page-hero-content{bottom:55px}.grabwp__contact-rail a{width:37px;height:37px}}
@media(max-width:570px){.grabwp__hero{height:620px}.grabwp__hero-pre{font-size:9px}.grabwp__hero h1{font-size:clamp(47px,11vw,65px)}.grabwp__hero-content>p{font-size:10px;letter-spacing:.17em}.grabwp__hero-actions{flex-wrap:wrap}.grabwp__hero-actions .grabwp__button{min-width:142px}.grabwp__triptych-photo{height:175px;min-height:0}.grabwp__service-grid{grid-template-columns:1fr;gap:30px}.grabwp__service-grid article>a{height:300px}.grabwp__service-grid article>p{margin-top:10px}.grabwp__featured-grid{gap:2px}.grabwp__featured-tile{height:220px}.grabwp__featured-tile span{font-size:18px;left:11px;right:11px;bottom:12px}.grabwp__benefit-grid{gap:35px 14px}.grabwp__benefit-grid h3{font-size:22px}.grabwp__benefit-grid p{font-size:12px}.grabwp__wide-promo-copy{padding-top:78px}.grabwp__product-grid{gap:13px}.grabwp__product-info{padding:13px}.grabwp__product-info h3{font-size:21px}.grabwp__product-info p{min-height:80px}.grabwp__swatch-grid{grid-template-columns:1fr 1fr;gap:12px}.grabwp__swatch-color{height:185px}.grabwp__swatch-info{padding:12px}.grabwp__swatch-info h3{font-size:21px}.grabwp__swatch-info>p{min-height:60px}.grabwp__detail-meta>div{grid-template-columns:1fr;gap:5px}.grabwp__form-row{grid-template-columns:1fr;gap:0}.grabwp__contact-form-wrap{padding:32px 23px}.grabwp__policy-rows article{grid-template-columns:42px 1fr}.grabwp__policy-rows h2{font-size:27px}.grabwp__footer-top{grid-template-columns:1fr 1fr;gap:38px 20px}.grabwp__footer-intro{grid-column:1/-1}.grabwp__footer-bottom{margin-top:55px;flex-direction:column;gap:7px}.grabwp__page-hero h1{font-size:clamp(54px,11vw,72px)}.grabwp__contact-rail{top:auto;bottom:12px;right:12px;flex-direction:row}.grabwp__contact-rail a{width:43px;height:43px;border-right:1px solid #ffffff6b;border-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Shared brand portraits: keep full outfits within a 4:5 image frame. */
.grabwp__product-image{aspect-ratio:4/5;background:#eee9e1;display:block;overflow:hidden}
.grabwp__product-image img,.grabwp__product-image .grabwp__image{width:100%;height:100%;object-fit:contain;filter:none;transform:none}
.grabwp__product-image:hover img{transform:none}
.grabwp__detail-photo{aspect-ratio:4/5;min-height:0;height:auto;background:#eee9e1}
.grabwp__detail-photo img,.grabwp__detail-photo .grabwp__image{width:100%;height:100%;object-fit:contain;filter:none}
.grabwp__detail-photo .grabwp__image-caption{bottom:12px;left:12px;padding:8px 11px;background:#292521;color:#fff;text-shadow:none;max-width:calc(100% - 24px)}
.grabwp__featured-grid{width:min(100% - 48px,1280px);margin:auto;gap:14px}
.grabwp__featured-tile{height:auto;min-width:0;background:#f2eee6;color:#f4efe7;display:flex;flex-direction:column;overflow:hidden}
.grabwp__featured-tile img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;filter:none;flex:none}
.grabwp__featured-tile:hover img{transform:none;filter:none}
.grabwp__featured-tile:after{display:none}
.grabwp__featured-tile span{position:static;display:block;background:#292521;color:#f5ebdc;padding:16px 14px;min-height:76px;font-size:clamp(18px,1.6vw,23px);line-height:1.2}
@media(max-width:760px){.grabwp__detail-photo{aspect-ratio:4/5;min-height:0;height:auto}.grabwp__featured-grid{width:calc(100% - 24px);gap:8px}.grabwp__featured-tile span{min-height:72px}}
@media(max-width:570px){.grabwp__featured-tile{height:auto}.grabwp__featured-tile span{font-size:17px;left:auto;right:auto;bottom:auto;padding:11px;min-height:68px}.grabwp__product-image{aspect-ratio:4/5}}

/* Option 1: the original split-hero editorial layout. */
:root{--paper:#f7f5ef;--ivory:#ebe8df;--charcoal:#1d2827;--gold:#a88b60;--line:#d9d4c9}
body{background:var(--paper)}
header{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.grabwp__brand{background:transparent}.grabwp__brand-logo{filter:none}
.grabwp__nav>a:hover,.grabwp__nav>a[aria-current]{color:#876b42}
.grabwp__nav .grabwp__nav-cta{background:var(--charcoal);color:white}.grabwp__nav .grabwp__nav-cta:hover{background:#364540;color:white}
.grabwp__hero{height:auto;min-height:680px;display:grid;grid-template-columns:53% 47%;background:#e9e6df;color:var(--ink);overflow:hidden}
.grabwp__hero-copy{padding:32px var(--pad);display:flex;flex-direction:column;justify-content:center;min-width:0}
.grabwp__hero-top,.grabwp__hero-foot{display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.12em;color:#766f65}
.grabwp__hero-top{margin-bottom:auto}.grabwp__hero-foot{margin-top:auto;padding-top:40px}
.grabwp__hero h1{color:var(--ink);text-shadow:none;font-size:clamp(44px,5vw,84px);line-height:1.13;margin:55px 0 23px}
.grabwp__hero h1 em{color:#8b7b67}
.grabwp__hero-copy>p{max-width:560px;color:#5e5b53;font-size:16px;margin:0 0 30px}
.grabwp__hero-media{position:relative;min-height:680px;background:#4b3b31}
.grabwp__hero-media img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.grabwp__hero-media .grabwp__image-caption{position:absolute;left:24px;bottom:22px;color:#fff;font-size:10px;letter-spacing:.16em}
.grabwp__hero .grabwp__button--dark{background:var(--charcoal);border-color:var(--charcoal);color:white}
.grabwp__hero .grabwp__button--light{border-color:var(--ink);color:var(--ink);background:transparent}
.grabwp__hero .grabwp__button--light:hover{background:var(--ink);color:white}
.grabwp__actions{display:flex;gap:10px;flex-wrap:wrap}
.grabwp__section{padding:95px var(--pad)}
.grabwp__section-heading h2{font-size:clamp(40px,4.4vw,70px);margin:16px 0 14px}
.grabwp__section-heading p{max-width:600px;color:var(--muted)}
.grabwp__intro{position:relative}.grabwp__intro-number{position:absolute;right:var(--pad);top:95px;font-size:11px;letter-spacing:.13em;color:#8b8174}
.grabwp__experience-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line)}
.grabwp__experience-grid article{padding:27px 27px 15px 0;border-right:1px solid var(--line)}
.grabwp__experience-grid article+article{padding-left:27px}.grabwp__experience-grid article:last-child{border-right:0}
.grabwp__experience-grid article>span{color:#9a7b4b;font-size:12px}
.grabwp__experience-grid h3{font-size:27px;margin:18px 0 8px}.grabwp__experience-grid p{color:var(--muted);font-size:14px;max-width:360px}
.grabwp__collection{background:var(--ivory)}.grabwp__collection .grabwp__section-heading{margin-bottom:40px}
.grabwp__section-end{text-align:center;margin-top:32px}
.grabwp__craft{display:grid;grid-template-columns:1fr 1fr;min-height:630px}
.grabwp__craft-media{position:relative;min-height:630px;background:#4d4033}.grabwp__craft-media img{width:100%;height:100%;object-fit:cover}
.grabwp__craft-copy{padding:70px var(--pad);align-self:center}.grabwp__craft-copy>p{max-width:590px;color:var(--muted)}
.grabwp__craft-copy ul{list-style:none;margin:25px 0 30px;padding:0;max-width:550px;border-top:1px solid var(--line)}
.grabwp__craft-copy li{border-bottom:1px solid var(--line);padding:13px 0}.grabwp__craft-copy li:before{content:'✦';color:var(--gold);margin-right:14px}
.grabwp__fabric-teaser{display:grid;grid-template-columns:1fr 1fr;background:var(--charcoal);color:#fff;padding:0}
.grabwp__fabric-teaser>div:first-child{padding:90px var(--pad);align-self:center}
.grabwp__fabric-teaser h2{font-size:clamp(42px,4.5vw,72px);margin:18px 0}
.grabwp__fabric-teaser p{color:#c9cfca;max-width:540px}.grabwp__fabric-teaser-media{min-height:500px}
.grabwp__fabric-teaser-media img{width:100%;height:100%;object-fit:cover}
.grabwp__fabric-teaser .grabwp__button--light{border-color:#fff;color:white}.grabwp__fabric-teaser .grabwp__button--light:hover{background:white;color:var(--charcoal)}
.grabwp__final-cta{text-align:center;background:var(--paper);padding:110px 24px 120px}
.grabwp__final-cta h2{font-size:clamp(42px,4.7vw,76px);margin:16px auto 30px;max-width:850px}
.grabwp__page-hero{height:auto;min-height:0;padding:100px var(--pad) 90px;background:var(--ivory);color:var(--ink)}
.grabwp__page-hero h1{font-size:clamp(55px,7vw,115px);line-height:1.12;margin:14px 0}.grabwp__page-hero p{color:var(--muted)}
.grabwp__page-hero--dark{background:var(--charcoal);color:#fff}.grabwp__page-hero--dark p{color:#cbd3cb}
.grabwp__page-hero--story{background:var(--paper);color:var(--ink)}
.grabwp__period{color:var(--gold)}
.grabwp__catalog-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:35px;font-size:11px;letter-spacing:.14em;color:#867c70}
.grabwp__catalog .grabwp__product-grid{max-width:none}
.grabwp__product-card{border:0;background:transparent}.grabwp__product-info{padding:18px 2px 22px}
.grabwp__product-index{font-size:10px}.grabwp__product-info p{min-height:70px}
.grabwp__swatch-header{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:35px 0 45px}
.grabwp__swatch-header h2{font-size:clamp(40px,4.5vw,65px);margin:12px 0 0}.grabwp__swatch-header p{max-width:450px;color:var(--muted)}
.grabwp__fabric-intro{display:flex;gap:10%;align-items:start;text-align:left}.grabwp__fabric-intro>*{flex:1}.grabwp__fabric-intro>p{font-family:var(--serif);font-size:clamp(21px,2.3vw,34px);line-height:1.4}
.grabwp__swatches{padding-top:25px}.grabwp__swatch-grid{margin-top:0}
.grabwp__coming{display:grid;grid-template-columns:48% 52%;min-height:680px}
.grabwp__coming-art{background:#373b37;position:relative;display:grid;place-items:center;padding:50px}
.grabwp__coming-copy{padding:70px var(--pad);align-self:center}.grabwp__coming-copy h1{font-size:clamp(47px,5vw,85px);margin:20px 0}.grabwp__coming-copy>p{max-width:600px;color:var(--muted)}
.grabwp__coming-copy .grabwp__lead{font-size:20px;color:var(--ink)}
.grabwp__coming .grabwp__book{width:min(65%,360px)}
.grabwp__story-layout{grid-template-columns:1fr 1fr}.grabwp__story-content{align-self:center}
.grabwp__story-note{background:var(--ivory);display:flex;align-items:center;gap:10%;text-align:left}.grabwp__story-note p{font-family:var(--serif);font-size:clamp(23px,2.7vw,36px)}
.grabwp__policy-intro p{font-family:var(--serif);font-size:24px;color:var(--ink)}
footer{background:var(--charcoal)}.grabwp__footer-brand{background:transparent}.grabwp__footer-logo{filter:brightness(0) invert(1)}
@media(max-width:900px){.grabwp__experience-grid h3{font-size:23px}}
@media(max-width:760px){header{background:var(--paper)}.grabwp__menu-toggle span{background:var(--ink)}.grabwp__nav{background:var(--paper);color:var(--ink)}.grabwp__hero{grid-template-columns:1fr;min-height:0}.grabwp__hero-copy{min-height:580px}.grabwp__hero-media{min-height:0;height:430px}.grabwp__hero h1{font-size:clamp(47px,9vw,70px)}.grabwp__intro-number{display:none}.grabwp__experience-grid{grid-template-columns:1fr;margin-top:35px}.grabwp__experience-grid article,.grabwp__experience-grid article+article{border-right:0;border-bottom:1px solid var(--line);padding:23px 0}.grabwp__craft,.grabwp__fabric-teaser,.grabwp__coming{grid-template-columns:1fr}.grabwp__craft-media{min-height:0;height:420px}.grabwp__fabric-teaser-media{min-height:0;height:370px}.grabwp__coming-art{min-height:460px;order:2}.grabwp__coming-copy{order:1}.grabwp__swatch-header{display:block}.grabwp__swatch-header p{margin-top:20px}.grabwp__fabric-intro{display:block}.grabwp__page-hero{min-height:0;padding:75px var(--pad)}.grabwp__story-note{display:block;text-align:center}}
@media(max-width:570px){.grabwp__hero-copy{min-height:560px}.grabwp__hero-media{height:340px}.grabwp__hero-foot span:last-child{display:none}.grabwp__catalog-head span:last-child{display:none}.grabwp__coming .grabwp__book{width:min(80%,330px)}}

/* ============================================================
   v2.0 — chỉnh sửa theo yêu cầu khách hàng
   ============================================================ */

/* 1. Header cố định + chữ dễ đọc hơn */
header{position:sticky;top:0;z-index:100;box-shadow:0 1px 6px rgba(41,37,32,.08)}
.grabwp__header-note{font-size:11px;letter-spacing:.16em;color:#8a6a24;font-weight:600}
.grabwp__nav{gap:clamp(10px,1.3vw,22px)}
.grabwp__nav a{font-size:15px;letter-spacing:.01em;font-weight:500;color:#332e27;white-space:nowrap}
.grabwp__nav a:hover{color:#8a6a24}
.grabwp__nav a[aria-current="page"]{color:#8a6a24;font-weight:700}
.grabwp__nav .grabwp__nav-cta{font-size:13px;letter-spacing:.05em;color:#231c16;font-weight:700}
.grabwp__nav .grabwp__nav-cta:hover{color:#231c16}
@media (max-width:1380px){.grabwp__header-note{display:none}}

/* 2. Các dòng chữ nhỏ trước đây quá mờ */
.grabwp__eyebrow{font-size:12px;letter-spacing:.2em;color:#8a6a24}
footer .grabwp__eyebrow,.grabwp__page-hero--dark .grabwp__eyebrow{color:#e0c288}
.grabwp__footer-label{font-size:11px;color:#e0c288}
.grabwp__catalog-head{color:#5f564a;font-size:12px}
.grabwp__hero-top,.grabwp__hero-foot{font-size:11px;color:#57514a;font-weight:500}
.grabwp__demo-note{color:#6d5a3c}
.grabwp__privacy-note{color:#5f5950!important}
.grabwp__image-caption{font-size:11px;letter-spacing:.13em}
.grabwp__product-cat{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a6a24;font-weight:600;margin-bottom:6px}
.grabwp__button--outline{color:#3b342c;border-color:#8a6a24}
.grabwp__button--outline:hover{background:#8a6a24;color:#fffdf7}
footer .grabwp__button--outline{color:#f2e8d6}
footer .grabwp__button--outline:hover{background:var(--gold);color:#231c16}

/* 3. Breadcrumb */
.grabwp__breadcrumb{padding:22px var(--pad) 0;font-size:12px;letter-spacing:.06em;color:#6a6258}
.grabwp__breadcrumb a:hover{color:#8a6a24}
.grabwp__breadcrumb span{color:#9a9287}

/* 4. Bộ lọc danh mục (sản phẩm / blog) */
.grabwp__filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.grabwp__filter button{background:transparent;border:1px solid var(--line);padding:10px 18px;font-size:13px;letter-spacing:.04em;color:#5f564a;transition:all .2s}
.grabwp__filter button:hover{border-color:var(--gold)}
.grabwp__filter button.is-active{background:var(--charcoal);border-color:var(--charcoal);color:#f6efdf}

/* 5. Trang chi tiết sản phẩm — nhiều hình */
.grabwp__detail{display:grid;grid-template-columns:52% 48%;gap:0;align-items:start}
.grabwp__detail-media{padding:26px 46px 40px var(--pad)}
.grabwp__detail-media .grabwp__detail-photo{position:relative;aspect-ratio:4/5;overflow:hidden}
.grabwp__detail-media .grabwp__detail-photo img{width:100%;height:100%;object-fit:cover}
.grabwp__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.grabwp__thumb{padding:0;border:1px solid var(--line);background:none;aspect-ratio:4/5;overflow:hidden;transition:border-color .2s}
.grabwp__thumb img{width:100%;height:100%;object-fit:cover}
.grabwp__thumb.is-active{border-color:#8a6a24;border-width:2px}
.grabwp__detail-copy h1{font-size:clamp(30px,3.2vw,44px);margin-bottom:18px}

/* 6. Thư viện vải dạng tab */
.grabwp__tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.grabwp__tab{background:transparent;border:1px solid var(--line);padding:13px 22px;font-size:14px;font-weight:500;color:#4e473d;transition:all .2s}
.grabwp__tab:hover{border-color:var(--gold)}
.grabwp__tab.is-active{background:var(--charcoal);border-color:var(--charcoal);color:#f6efdf}
.grabwp__panel{display:none}
.grabwp__panel.is-active{display:block}
.grabwp__swatch-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:18px}
.grabwp__swatch{min-width:0}
.grabwp__swatch-color{aspect-ratio:3/2;width:100%}

/* 7. Feedback khách hàng */
.grabwp__quotes{background:var(--ivory)}
.grabwp__quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:38px}
.grabwp__quote-card{margin:0;background:var(--paper);border:1px solid var(--line);padding:30px 26px;display:flex;flex-direction:column;justify-content:space-between}
.grabwp__quote-card blockquote{margin:0 0 22px}
.grabwp__quote-card p{font-family:var(--serif);font-size:16px;line-height:1.7;color:#332e27;margin:0}
.grabwp__quote-card p::before{content:"\201C";color:var(--gold);font-size:30px;line-height:0;vertical-align:-6px;margin-right:4px}
.grabwp__quote-card figcaption{border-top:1px solid var(--line);padding-top:16px}
.grabwp__quote-card strong{display:block;font-size:14px;margin-bottom:3px}
.grabwp__quote-card figcaption span{font-size:12px;color:#6a6258}

/* 8. Blog */
.grabwp__post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.grabwp__post-card{border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column}
.grabwp__post-image{display:block;aspect-ratio:4/3;overflow:hidden}
.grabwp__post-image img{transition:transform .6s}
.grabwp__post-card:hover .grabwp__post-image img{transform:scale(1.04)}
.grabwp__post-info{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.grabwp__post-meta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a6a24;font-weight:600}
.grabwp__post-info h3{font-size:21px;margin:0}
.grabwp__post-info p{color:#55504a;margin:0;flex:1}
.grabwp__post{max-width:840px;margin:0 auto;padding:30px var(--pad) 90px}
.grabwp__post-head h1{font-size:clamp(30px,4vw,48px);margin:14px 0 16px}
.grabwp__post-head .grabwp__lead{font-size:18px;color:#4f4941;line-height:1.7}
.grabwp__post-cover{aspect-ratio:16/9;overflow:hidden;margin:26px 0 34px}
.grabwp__post-body p{font-size:17px;line-height:1.85;color:#39332c;margin-bottom:22px}
.grabwp__post-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:24px;margin-top:10px}

@media (max-width:900px){
  .grabwp__detail{grid-template-columns:1fr}
  .grabwp__detail-media{padding:18px var(--pad) 8px}
  .grabwp__nav a{font-size:16px}
}
.grabwp__nav .grabwp__nav-cta{background:var(--gold)!important;color:#231c16!important;padding:11px 18px}
.grabwp__nav .grabwp__nav-cta:hover{background:#d9bb83!important}

/* ---- v2.1 ---- */
/* Bài blog: không để tiêu đề dính lên header, khổ chữ rộng hơn */
.grabwp__post-head{position:static!important;z-index:auto!important}
.grabwp__post{max-width:1020px}
.grabwp__post-body p{font-size:17.5px;line-height:1.9}

/* Chi tiết sản phẩm: ảnh chính vừa màn hình */
.grabwp__detail-media .grabwp__detail-photo{aspect-ratio:4/5;width:100%;max-width:calc(76vh * 0.8);max-height:none;margin-inline:auto}
.grabwp__detail-media{align-self:start}
@media (max-width:900px){
  .grabwp__detail-media .grabwp__detail-photo{max-width:100%}
}

/* Trang Về chúng tôi: lưới ảnh tổng hợp */
.grabwp__gallery-section{background:var(--ivory)}
.grabwp__gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:34px}
.grabwp__gallery-item{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--cream)}
.grabwp__gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.grabwp__gallery-item:hover img{transform:scale(1.05)}
.grabwp__gallery-item:nth-child(4n+1){aspect-ratio:4/5}
.grabwp__gallery-item:nth-child(6n){aspect-ratio:4/5}

/* Bảng vải: bộ sưu tập nhiều màu vẫn xuống dòng gọn */
.grabwp__swatch-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;row-gap:24px}

/* Link có neo (#dat-lich, #chi-tiet): chừa chỗ cho header cố định */
.grabwp__anchor,[id],a[name]{scroll-margin-top:100px}

/* Icon mạng xã hội ở footer */
.grabwp__social{display:flex;gap:12px;margin-top:20px}
.grabwp__social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(224,194,136,.45);border-radius:50%;color:#e8dcc4;transition:background .2s,color .2s,border-color .2s,transform .2s}
.grabwp__social a:hover{background:var(--gold);border-color:var(--gold);color:#231c16;transform:translateY(-2px)}
.grabwp__social svg{width:19px;height:19px;fill:currentColor}

/* Header cố định hoàn toàn (thay cho sticky) — hoạt động cả khi có thanh admin WordPress */
header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1000}
body{padding-top:77px}
.admin-bar header{top:32px}
@media screen and (max-width:782px){.admin-bar header{top:46px}}
@media (max-width:900px){body{padding-top:70px}}
.grabwp__anchor,[id],a[name]{scroll-margin-top:110px}

/* Mũi tên luôn hiển thị dạng ký tự chữ (iOS hay đổi ↗ thành emoji màu xanh) */
body,.grabwp__button span,.grabwp__text-link span,.grabwp__nav-cta,.grabwp__footer-top a,.grabwp__post-foot a{font-variant-emoji:text}
.grabwp__button span,.grabwp__text-link span,.grabwp__nav-cta,.grabwp__hero-foot span,.grabwp__footer-top a,.grabwp__post-foot a,.grabwp__breadcrumb span{font-family:var(--sans),"Helvetica Neue",Arial,sans-serif}

/* ---- v2.6: bảng vải — ô màu cùng một kích thước, trên 10 màu thì lướt ngang ---- */
.grabwp__swatches{--sw-cols:5;--sw-gap:18px}
.grabwp__swatch-wrap{position:relative}
.grabwp__swatch-grid{display:grid!important;grid-template-columns:repeat(var(--sw-cols),1fr)!important;gap:var(--sw-gap);align-items:stretch}
.grabwp__swatch{display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--line)}
.grabwp__swatch-color{aspect-ratio:1/1;width:100%;flex:none}
.grabwp__swatch-info{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}

/* chế độ lướt ngang khi nhiều hơn 10 màu */
.grabwp__swatch-grid--scroll{grid-template-columns:none!important;grid-auto-flow:column;
  grid-auto-columns:calc((100% - (var(--sw-cols) - 1) * var(--sw-gap)) / var(--sw-cols));
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:10px;
  scrollbar-width:thin}
.grabwp__swatch-grid--scroll .grabwp__swatch{scroll-snap-align:start}
.grabwp__swatch-grid--scroll::-webkit-scrollbar{height:6px}
.grabwp__swatch-grid--scroll::-webkit-scrollbar-thumb{background:rgba(41,37,32,.25);border-radius:3px}
.grabwp__swatch-nav{position:absolute;top:-56px;right:0;display:flex;gap:8px}
.grabwp__swatch-nav button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--line);color:#4e473d;transition:all .2s}
.grabwp__swatch-nav button:hover:not(:disabled){background:var(--charcoal);border-color:var(--charcoal);color:#f6efdf}
.grabwp__swatch-nav button:disabled{opacity:.3;cursor:default}
.grabwp__swatch-nav svg{width:18px;height:18px}

@media (max-width:1240px){.grabwp__swatches{--sw-cols:4}}
@media (max-width:980px){.grabwp__swatches{--sw-cols:3}}
@media (max-width:720px){.grabwp__swatches{--sw-cols:2;--sw-gap:14px}.grabwp__swatch-nav{top:-50px}}

/* ---- v3.0: bản WordPress — khung ảnh cố định tỉ lệ ---- */
.at-frame{position:relative;width:100%;overflow:hidden;background:var(--cream)}
.at-frame>img,.at-frame .grabwp__image{width:100%;height:100%;object-fit:cover;display:block}
.at-frame-empty{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#efe9dc,#efe9dc 10px,#e7e0d1 10px,#e7e0d1 20px)}
.grabwp__product-image .at-frame{aspect-ratio:4/5}
.grabwp__post-image .at-frame{aspect-ratio:4/3}
.grabwp__post-cover .at-frame{aspect-ratio:16/9}
.grabwp__gallery-item .at-frame{aspect-ratio:4/5}
.grabwp__hero-media .at-frame{height:100%}
.at-frame--hero{aspect-ratio:auto!important;height:100%;min-height:420px}
.grabwp__swatch-color.at-frame{aspect-ratio:1/1}

/* nội dung soạn trong trình soạn thảo WordPress */
.grabwp__page-content>*:first-child{margin-top:0}
.grabwp__page-content p{font-size:16px;line-height:1.85;color:#3b352d;margin-bottom:18px}
.grabwp__page-content h2{font-size:clamp(22px,2.4vw,30px);margin:34px 0 14px}
.grabwp__page-content h3{font-size:20px;margin:26px 0 10px}
.grabwp__page-content ul,.grabwp__page-content ol{padding-left:20px;margin-bottom:18px;line-height:1.8}
.grabwp__page-content img{margin:20px 0}
.grabwp__page-content a{text-decoration:underline;text-underline-offset:3px}
.grabwp__page-body{max-width:900px;margin:0 auto}
.grabwp__page-intro{max-width:900px}

/* chấm màu ở khối thư viện vải trang chủ */
.grabwp__dot-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:34px 0 30px}
.grabwp__dot{width:54px;height:54px;border-radius:50%;background-size:cover;background-position:center;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.grabwp__center{text-align:center}

/* trạng thái biểu mẫu */
.grabwp__form-status{padding:12px 16px;border:1px solid var(--line);margin-bottom:18px;font-size:14px}
.grabwp__form-status.is-ok{border-color:#2f7d4f;color:#1f5c39;background:#f0f8f3}
.grabwp__form-status.is-error{border-color:#a8342f;color:#8d2b27;background:#fdf3f2}
.grabwp__honeypot{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.grabwp__pagination{margin-top:44px;text-align:center}
.grabwp__pagination .page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--line);margin:0 3px}
.grabwp__pagination .page-numbers.current{background:var(--charcoal);color:#f6efdf;border-color:var(--charcoal)}

/* Ảnh mẫu vải: phóng nhẹ khi rê chuột để thấy rõ sợi dệt */
.grabwp__swatch-color.at-frame img{transition:transform .6s ease}
.grabwp__swatch:hover .grabwp__swatch-color.at-frame img{transform:scale(1.06)}

/* ============================================================
   v3.2 — Trang Dịch vụ hậu mãi & Corporate Solution
   ============================================================ */
.at-page{--at-gap:clamp(28px,4vw,64px)}
.at-section{padding:clamp(60px,7vw,110px) var(--pad)}
.at-display{font-family:var(--serif);line-height:1.12;margin:0 0 20px;font-size:clamp(34px,4.6vw,60px)}
.at-display strong{display:block;font-weight:700}
.at-display em{display:block;font-weight:400;font-style:normal;color:#4c463d}
.at-display--md{font-size:clamp(26px,3.2vw,40px)}
.at-lead{font-size:16px;line-height:1.8;color:#4c463d;max-width:520px;margin:0 0 30px}
.at-btn-wide{min-width:280px;justify-content:space-between}

/* Banner chia đôi */
.at-split{display:grid;grid-template-columns:44% 56%;align-items:stretch;background:var(--ivory)}
.at-split-copy{padding:clamp(48px,6vw,90px) clamp(28px,4vw,64px);display:flex;flex-direction:column;justify-content:center}
.at-split-media{position:relative}
.at-frame--tall{height:100%;aspect-ratio:auto!important;min-height:420px}

/* Khối cam kết */
.at-promise{display:grid;grid-template-columns:30% 70%;gap:var(--at-gap);background:var(--paper)}
.at-promise-body{max-width:760px}
.at-promise-body p{font-size:16px;line-height:1.85;color:#45403a}

/* Dải nền tối chứa thẻ */
.at-dark{background:var(--charcoal);color:#efe7d8;padding:clamp(54px,6vw,92px) var(--pad);
	display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0}
.at-dark .grabwp__eyebrow{color:#d9bd86}
.at-card,.at-pillar{padding:6px clamp(20px,2.4vw,40px);border-left:1px solid rgba(255,255,255,.14)}
.at-card:first-child,.at-pillar:first-child{border-left:0;padding-left:0}
.at-card-num{display:block;font-size:13px;letter-spacing:.16em;color:#c7a466;margin-bottom:16px}
.at-dark h3{font-family:var(--serif);font-size:clamp(20px,2.1vw,26px);margin:8px 0 14px;color:#fff}
.at-dark p{font-size:14.5px;line-height:1.8;color:#c9c2b5}
.at-ticks{list-style:none;padding:0;margin:18px 0 0}
.at-ticks li{position:relative;padding:11px 0 11px 22px;border-top:1px solid rgba(255,255,255,.12);
	font-size:14px;line-height:1.7;color:#d7d0c3}
.at-ticks li::before{content:"✦";position:absolute;left:0;top:11px;color:#c7a466;font-size:11px}

/* Danh sách đánh số 2 cột */
.at-habits{display:grid;grid-template-columns:34% 66%;gap:var(--at-gap);background:var(--paper)}
.at-rows{display:flex;flex-direction:column}
.at-row{display:grid;grid-template-columns:56px 1fr 1.25fr;gap:18px;align-items:start;
	padding:22px 0;border-top:1px solid var(--line)}
.at-row:first-child{border-top:0}
.at-row-num{font-size:14px;color:#a8813c;font-family:var(--serif)}
.at-row h3{font-size:17px;margin:0}
.at-row p{margin:0;font-size:14.5px;line-height:1.75;color:#55504a}

/* Quy trình dạng cột */
.at-journey{background:var(--ivory)}
.at-journey-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:40px}
.at-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border-top:1px solid var(--line)}
.at-step{padding:26px clamp(16px,2vw,32px) 8px;border-left:1px solid var(--line)}
.at-step:first-child{border-left:0;padding-left:0}
.at-step-num{display:block;font-size:12px;letter-spacing:.14em;color:#a8813c;margin-bottom:14px}
.at-step h3{font-size:17px;margin:0 0 8px}
.at-step p{font-size:14px;line-height:1.75;color:#55504a;margin:0}

/* Banner ảnh ngang (Corporate) */
.at-hero-wide{position:relative;background:var(--charcoal);color:#f3ece0}
.at-hero-wide-media{position:absolute!important;inset:0;height:100%;aspect-ratio:auto!important}
.at-hero-wide-media::after{content:"";position:absolute;inset:0;
	background:linear-gradient(100deg,rgba(26,23,20,.94) 0%,rgba(26,23,20,.72) 46%,rgba(26,23,20,.25) 100%)}
.at-hero-wide-copy{position:relative;padding:clamp(60px,7vw,110px) var(--pad);max-width:720px;min-height:min(78vh,660px);
	display:flex;flex-direction:column;justify-content:center}
.at-hero-wide-copy .at-display{color:#fff}
.at-hero-wide-copy .at-display em{color:#e6ddcd}
.at-hero-wide-copy .at-lead{color:#d6cdbe}
.at-hero-wide-copy .grabwp__eyebrow{color:#d9bd86}

/* Giới thiệu 2 cột */
.at-intro{display:grid;grid-template-columns:48% 52%;gap:var(--at-gap);background:var(--paper)}
.at-intro-text p{font-size:clamp(16px,1.7vw,19px);line-height:1.85;color:#45403a;margin:0}

/* Danh sách giải pháp */
.at-offers{background:var(--ivory)}
.at-offers-head{margin-bottom:44px}
.at-offer{display:grid;grid-template-columns:200px 1fr;gap:clamp(16px,3vw,48px);
	padding:30px 0;border-top:1px solid var(--line)}
.at-offer-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a8813c;padding-top:8px}
.at-offer h3{font-family:var(--serif);font-size:clamp(20px,2.3vw,28px);margin:0 0 10px}
.at-offer-target{font-weight:600;color:#3b352d;margin:0 0 10px;font-size:15px}
.at-offer-body p{font-size:15px;line-height:1.8;color:#55504a;margin:0}

/* Chất liệu & chi tiết */
.at-detail{display:grid;grid-template-columns:46% 54%;background:var(--charcoal);color:#efe7d8}
.at-detail-copy{padding:clamp(48px,5.5vw,90px) clamp(28px,4vw,64px);display:flex;flex-direction:column;justify-content:center}
.at-detail-copy .at-display{color:#fff}
.at-detail-copy .at-display em{color:#e3d9c8}
.at-detail-copy p{font-size:15px;line-height:1.8;color:#c9c2b5}
.at-detail-copy .grabwp__eyebrow{color:#d9bd86}

/* Khách hàng tin chọn */
.at-proof{background:var(--paper);text-align:center}
.at-proof .at-display{max-width:900px;margin-inline:auto}
.at-proof{--pf-cols:4;--pf-gap:18px}
.at-proof-wrap{position:relative;margin:38px 0 30px}
.at-proof-grid{display:grid;grid-template-columns:repeat(var(--pf-cols),1fr);gap:var(--pf-gap);text-align:left}
.at-proof-card{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;
	background:#fff;border:1px solid var(--line);padding:30px 24px 24px}
.at-proof-mark{font-family:var(--serif);font-size:44px;line-height:.6;color:var(--gold);display:block;margin-bottom:14px}
.at-proof-card blockquote{margin:0;padding:0;border:0;flex:1}
.at-proof-card blockquote p{font-size:14px;line-height:1.75;color:#3a342c;margin:0 0 10px}
.at-proof-card blockquote p:last-child{margin-bottom:0}
.at-proof-card figcaption{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.at-proof-card figcaption strong{display:block;font-size:13px;line-height:1.45;color:var(--ink);min-height:2.9em}
.at-proof-card figcaption span{display:block;margin-top:5px;font-size:12px;color:#8a7f70}
/* trên 8 lời bình: lướt ngang có mũi tên, mỗi thẻ vẫn giữ nguyên bề ngang */
.at-proof-grid--scroll{grid-template-columns:none!important;grid-auto-flow:column;
	grid-auto-columns:calc((100% - (var(--pf-cols) - 1) * var(--pf-gap)) / var(--pf-cols));
	overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:10px;scrollbar-width:thin}
.at-proof-grid--scroll .at-proof-card{scroll-snap-align:start}
.at-proof-grid--scroll::-webkit-scrollbar{height:6px}
.at-proof-grid--scroll::-webkit-scrollbar-thumb{background:rgba(41,37,32,.25);border-radius:3px}
.at-proof-nav{position:absolute;top:-56px;right:0;display:flex;gap:8px}
.at-proof-nav button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
	background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.at-proof-nav button:hover:not(:disabled){background:var(--charcoal);border-color:var(--charcoal);color:#f6efdf}
.at-proof-nav button:disabled{opacity:.3;cursor:default}
.at-proof-nav svg{width:18px;height:18px}
.at-proof-note{font-size:13px;color:#6b6459;margin:0}
@media (max-width:1080px){.at-proof{--pf-cols:2}}
@media (max-width:620px){.at-proof{--pf-cols:1}.at-proof-nav{top:-50px}}

/* Dải biểu mẫu */
.at-form-band{display:grid;grid-template-columns:38% 62%;background:var(--charcoal);color:#efe7d8}
.at-form-copy{padding:clamp(48px,5.5vw,90px) clamp(28px,4vw,56px)}
.at-form-copy .at-display{color:#fff}
.at-form-copy .at-display em{color:#e3d9c8}
.at-form-copy p{font-size:15px;line-height:1.8;color:#c9c2b5}
.at-form-copy .grabwp__eyebrow{color:#d9bd86}
.at-form-contact a{color:#e8dcc4;text-decoration:underline;text-underline-offset:3px}
.at-form-fields{background:var(--ivory);color:var(--ink);padding:clamp(34px,4vw,60px) clamp(24px,3vw,48px)}

.at-final{background:var(--ivory)}
.at-final .at-display{margin-bottom:34px}

@media (max-width:1000px){
	.at-split,.at-promise,.at-habits,.at-intro,.at-detail,.at-form-band{grid-template-columns:1fr}
	.at-frame--tall{min-height:340px}
	.at-offer{grid-template-columns:1fr;gap:6px}
	.at-card,.at-pillar{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:26px 0 6px}
	.at-card:first-child,.at-pillar:first-child{border-top:0;padding-top:0}
	.at-step{border-left:0;border-top:1px solid var(--line);padding:22px 0 6px}
	.at-step:first-child{border-top:0}
	.at-row{grid-template-columns:44px 1fr;gap:10px}
	.at-row p{grid-column:2}
}

/* Biểu mẫu: các trường ẩn/hiện theo loại yêu cầu */
.grabwp__form [data-at-when]{display:none!important}
.grabwp__form [data-at-when].is-visible{display:block!important}
.grabwp__form select{width:100%}
.grabwp__form--compact .grabwp__form-row{grid-template-columns:1fr 1fr}

/* Bộ lọc mùa & dịp ở trang thư viện vải */
.grabwp__fabric-filters{display:flex;flex-wrap:wrap;gap:22px;margin:0 0 30px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.grabwp__fabric-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.grabwp__fabric-filter > span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a6a24;font-weight:600;margin-right:4px}
.grabwp__fabric-filter button{background:transparent;border:1px solid var(--line);padding:8px 15px;font-size:13px;color:#4e473d;transition:all .2s}
.grabwp__fabric-filter button:hover{border-color:var(--gold)}
.grabwp__fabric-filter button.is-active{background:var(--charcoal);border-color:var(--charcoal);color:#f6efdf}
.grabwp__swatch-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.grabwp__swatch-tags span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6b6459;
	border:1px solid var(--line);padding:3px 8px;border-radius:2px}
.grabwp__swatch.is-hidden{display:none}
.grabwp__fabric-empty{padding:26px 0;color:#6b6459;font-size:14px}

/* ============================================================
   v3.3.2 — khoá kích thước ảnh banner trang chủ
   Ảnh banner phải phủ kín khung có sẵn, không được tự kéo dãn
   chiều cao section theo tỉ lệ của ảnh gốc vừa upload.
   ============================================================ */
.grabwp__hero-media{position:relative;overflow:hidden}
.grabwp__hero-media .at-frame,.at-frame--hero{position:absolute!important;inset:0;
	width:100%;height:100%!important;aspect-ratio:auto!important;min-height:0!important}
.grabwp__hero-media .at-frame>img,.at-frame--hero>img{width:100%;height:100%;
	object-fit:cover;object-position:60% center;display:block}
.grabwp__hero-media .grabwp__image-caption{z-index:2}

/* Mọi khung ảnh khác: ảnh luôn bị cắt vừa khung, không đổi chiều cao khung */
.at-frame{display:block}
.at-frame>img,.at-frame>picture,.at-frame .grabwp__image{width:100%!important;height:100%!important;
	max-width:none;object-fit:cover;display:block}

/* Khối Thư viện vải ở trang chủ: lưới ảnh vải lấp đầy nửa phải, cao cố định */
.grabwp__fabric-teaser-media{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;
	min-height:500px;gap:0;background:#2a2622}
.grabwp__fabric-teaser-media .at-frame--tile{aspect-ratio:auto!important;height:100%;width:100%;
	min-height:0;border:0}
.grabwp__fabric-teaser-media .at-frame--tile>img{width:100%;height:100%;object-fit:cover}
.grabwp__fabric-teaser>div:first-child .grabwp__button{margin-top:30px}
@media(max-width:760px){.grabwp__fabric-teaser-media{min-height:0;grid-auto-rows:auto}
	.grabwp__fabric-teaser-media .at-frame--tile{aspect-ratio:1/1!important;height:auto}}