
/* Design reminder: Storefront Vua Áo Đấu ưu tiên collection, lọc theo nhu cầu, proof, hướng dẫn chọn size và tư vấn; tuyệt đối không dùng giỏ hàng hay checkout. */
:root{--ink:#121212;--paper:#f5f0e5;--line:#d5cdbd;--muted:#6d685f;--yellow:#f6c400;--panel:#e9e1d2;--dark:#0d0d0d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 "Be Vietnam Pro",Arial,sans-serif}a{color:inherit;text-decoration:none}.theme-01,.theme-03,.theme-04{--paper:#0d0d0d;--ink:#f5f0e5;--line:#393939;--muted:#beb8ae;--panel:#171717}.theme-02,.theme-05{--paper:#f5f0e5;--ink:#151515;--line:#d5cdbd;--muted:#6d685f;--panel:#e9e1d2}.theme-05{--paper:#f0e8d8}.store{width:min(1480px,100%);margin:auto;border-inline:1px solid var(--line)}.topline{padding:10px 4.6vw;background:var(--yellow);color:#121212;font:800 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-align:center}.header{padding:18px 4.6vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:18px;align-items:center}.brand{display:flex;align-items:center;gap:10px;font:800 29px/.9 "Barlow Condensed",sans-serif}.brand img{width:42px}.brand em{font-style:normal;color:var(--yellow)}.search{height:46px;border:1px solid var(--line);display:flex}.search input{border:0;min-width:0;flex:1;background:transparent;color:var(--ink);padding:0 14px;font:13px "Be Vietnam Pro"}.search button,.cta,.cta-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.1em;border:0;cursor:pointer}.search button,.cta{background:var(--yellow);color:#111}.cta-outline{border:1px solid var(--line);color:var(--ink);background:transparent}.nav{grid-column:1/-1;display:flex;gap:25px;overflow:auto;white-space:nowrap;font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.1em}.nav a:hover{color:var(--yellow)}.hero{position:relative;min-height:620px;padding:clamp(45px,7vw,100px) 4.6vw;display:flex;align-items:end;overflow:hidden;border-bottom:1px solid var(--line);background:#111}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.98) 0%,rgba(8,8,8,.82) 38%,rgba(8,8,8,.14) 78%,rgba(8,8,8,.08));z-index:1}.hero:after{content:"";position:absolute;inset:0;background-image:url("/manus-storage/vad-commerce-master-hero_e18915a6.jpg");background-size:cover;background-position:center;opacity:.96}.hero-copy{position:relative;z-index:2;max-width:700px;color:#f5f0e5}.eyebrow{display:block;margin-bottom:12px;color:var(--yellow);font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.16em}.hero h1,.section-title{margin:0;font:800 clamp(42px,6.1vw,94px)/1.06 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.045em}.hero h1 em,.section-title em{font-style:normal;color:var(--yellow)}.hero p{max-width:560px;margin:18px 0 28px;color:#dfd9cd;font-size:16px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.proof{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.proof div{padding:22px 4.6vw;border-right:1px solid var(--line);display:flex;gap:10px;align-items:center}.proof strong{display:block;font:800 15px "Barlow Condensed",sans-serif;letter-spacing:.1em}.proof span{color:var(--muted);font-size:11px;line-height:1.3}.proof i{width:12px;height:12px;flex:0 0 12px;background:var(--yellow);transform:rotate(45deg)}.section{padding:clamp(54px,7vw,104px) 4.6vw;border-bottom:1px solid var(--line)}.section-lead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-lead p{max-width:500px;margin:0;color:var(--muted)}.section-title{font-size:clamp(34px,4.8vw,70px)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.category-card{min-height:245px;padding:18px;background:var(--paper);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:0;background-image:var(--category-image);background-size:cover;background-position:center;opacity:.18;mix-blend-mode:luminosity;transition:transform .35s}.category-card:hover:before{transform:scale(1.08);opacity:.3}.category-card>*{position:relative}.category-card b{font:800 11px "Barlow Condensed",sans-serif;color:var(--yellow);letter-spacing:.14em}.theme-02 .category-card b,.theme-05 .category-card b{color:#966f00}.category-card h3{margin:16px 0 5px;font:800 23px/1.08 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.03em}.category-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.category-card span{font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.1em}.collection{display:grid;grid-template-columns:1.06fr .94fr;border:1px solid var(--line);min-height:510px}.collection-media{background:url("/manus-storage/spain-home_90d10a57.jpg") center/cover;min-height:320px}.collection-copy{padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.collection-copy h2{margin:8px 0 13px;font:800 clamp(34px,4.6vw,65px)/1.02 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.04em}.collection-copy p{color:var(--muted);max-width:480px}.price-anchor{display:flex;align-items:baseline;gap:10px;margin:20px 0}.price-anchor strong{font:800 46px "Barlow Condensed",sans-serif;color:var(--yellow)}.theme-02 .price-anchor strong,.theme-05 .price-anchor strong{color:#946f00}.price-anchor del{color:var(--muted);font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.product{padding:12px;background:var(--paper);display:block}.product:hover{background:color-mix(in srgb,var(--paper) 92%,var(--yellow));transform:translateY(-3px)}.product img{width:100%;aspect-ratio:1/1.06;object-fit:cover}.product .tag{display:block;margin-top:12px;color:var(--yellow);font:800 10px "Barlow Condensed",sans-serif;letter-spacing:.13em}.theme-02 .product .tag,.theme-05 .product .tag{color:#946f00}.product h3{margin:6px 0;font:800 16px/1.22 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.02em;min-height:58px}.spec{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.price{margin:8px 0 0;font:800 23px "Barlow Condensed",sans-serif;color:var(--yellow)}.theme-02 .price,.theme-05 .price{color:#946f00}.price del{margin-left:5px;color:var(--muted);font:400 10px "Be Vietnam Pro"}.split{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.story-photo{min-height:550px;background:url("/manus-storage/no-logo-collection_7a5285ae.png") center/cover}.story-copy{padding:clamp(48px,7vw,105px) 4.6vw;background:var(--panel);display:flex;flex-direction:column;justify-content:center}.story-copy h2{margin:7px 0 16px;font:800 clamp(38px,5.4vw,76px)/1.03 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.045em}.story-copy p{color:var(--muted);max-width:480px}.swatches{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.swatches span{width:34px;height:34px;border-radius:50%;border:2px solid var(--paper);outline:1px solid var(--line)}.swatches span:nth-child(1){background:#141414}.swatches span:nth-child(2){background:#f3efe6}.swatches span:nth-child(3){background:#bd2029}.swatches span:nth-child(4){background:#173c78}.swatches span:nth-child(5){background:#f6c400}.swatches span:nth-child(6){background:#6f1f28}.portfolio{display:grid;grid-template-columns:.88fr 1.12fr;border:1px solid var(--line)}.portfolio-copy{padding:clamp(34px,5vw,72px);background:var(--yellow);color:#111}.portfolio-copy h2{margin:9px 0 15px;font:800 clamp(33px,4.6vw,64px)/1.02 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.04em}.portfolio-copy p{max-width:440px}.portfolio-photo{min-height:440px;background:url("/manus-storage/vad-workshop-kit_71315f33.jpg") center/cover}.guides{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.guide{padding:28px;background:var(--paper);min-height:230px;position:relative;overflow:hidden}.guide:after{content:"";position:absolute;inset:0;background:url("/manus-storage/tias-black_1081d881.jpg") center/cover;opacity:.12;mix-blend-mode:luminosity}.guide>*{position:relative;z-index:1}.guide b{color:var(--yellow);font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.13em}.theme-02 .guide b,.theme-05 .guide b{color:#946f00}.guide h3{margin:18px 0 8px;font:800 28px/1.05 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.035em}.guide p{color:var(--muted);font-size:12px}.article-strip{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1px;border:1px solid var(--line);background:var(--line)}.article{padding:27px;background:var(--paper);min-height:200px}.article:first-child{background:var(--ink);color:var(--paper)}.article:first-child p{color:#d3ccbd}.article span{font:800 11px "Barlow Condensed",sans-serif;color:var(--yellow);letter-spacing:.14em}.article h3{margin:12px 0;font:800 24px/1.12 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.03em}.article p{font-size:12px;color:var(--muted)}.article a{font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.1em}.consult{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:54px 4.6vw;background:var(--yellow);color:#111}.consult h2{margin:5px 0;font:800 clamp(37px,5.2vw,74px)/1.03 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.045em}.consult p{max-width:610px;margin:12px 0 0}.consult .cta{justify-self:end;background:#111;color:#f5f0e5}.footer{display:flex;justify-content:space-between;gap:20px;padding:30px 4.6vw;border-top:1px solid var(--line);font-size:12px}.footer strong{font:800 27px "Barlow Condensed",sans-serif}.footer em{font-style:normal;color:var(--yellow)}.page-hero{padding:52px 4.6vw 34px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr;gap:24px;background:var(--panel)}.page-hero h1{margin:4px 0;font:800 clamp(39px,5vw,76px)/1.03 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.04em}.page-hero p{margin:14px 0 0;color:var(--muted);max-width:600px}.page-hero img{width:100%;height:260px;object-fit:cover}.tools{padding:22px 4.6vw;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chip{border:1px solid var(--line);padding:8px 11px;font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.09em}.chip.active{background:var(--yellow);color:#111;border-color:var(--yellow)}.sort{margin-left:auto;padding:9px;border:1px solid var(--line);background:transparent;color:var(--ink)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--line)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.gallery img{width:100%;height:330px;object-fit:cover;background:var(--paper)}.detail-copy{padding:clamp(30px,5vw,75px) 4.6vw}.breadcrumb{font:800 11px "Barlow Condensed",sans-serif;letter-spacing:.12em;color:var(--yellow)}.detail-copy h1{margin:9px 0;font:800 clamp(34px,4.7vw,69px)/1.05 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.045em}.detail-copy .lead{color:var(--muted)}.bullet-list{margin:23px 0;padding:0;list-style:none}.bullet-list li{padding:8px 0;border-top:1px solid var(--line);font-size:12px}.bullet-list li:before{content:"✓";margin-right:9px;color:var(--yellow);font-weight:800}.option-label{margin:22px 0 8px;font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.1em}.size-row{display:flex;gap:6px;flex-wrap:wrap}.size-row span{min-width:40px;padding:7px;border:1px solid var(--line);text-align:center;font:800 12px "Barlow Condensed",sans-serif}.size-row span.active{border-color:var(--yellow);background:var(--yellow);color:#111}.faq{border:1px solid var(--line)}.faq div{padding:18px;border-bottom:1px solid var(--line)}.faq div:last-child{border:0}.faq b{display:block;font:800 15px "Be Vietnam Pro",Arial,sans-serif}.faq p{color:var(--muted);font-size:12px;margin:8px 0 0}.theme-04 .hero{clip-path:polygon(0 0,100% 0,100% 92%,0 100%);margin-bottom:-44px;padding-bottom:110px}.theme-04 .section{padding-top:calc(clamp(54px,7vw,104px) + 44px)}.theme-05 .hero{background:#171514}.theme-05 .section,.theme-05 .page-hero{background:repeating-linear-gradient(90deg,transparent 0,transparent 55px,rgba(17,21,20,.06) 56px),var(--paper)}.theme-03 .portfolio-copy{background:#171717;color:#f5f0e5}.theme-03 .portfolio-copy p{color:#c9c2b6}.theme-02 .category-card{min-height:215px}.theme-02 .category-card:before{opacity:.11}.theme-01 .collection{border-left:5px solid var(--yellow)}@media(max-width:960px){.header{grid-template-columns:1fr auto}.search{grid-column:1/-1;grid-row:2}.proof{grid-template-columns:1fr 1fr}.proof div{padding:18px 4.6vw}.category-grid{grid-template-columns:repeat(3,1fr)}.collection,.split,.portfolio,.detail{grid-template-columns:1fr}.story-photo{min-height:420px}.guides{grid-template-columns:1fr 1fr}.article-strip{grid-template-columns:1fr 1fr}.article:first-child{grid-column:1/-1}.page-hero{grid-template-columns:1fr}.page-hero img{height:300px}}@media(max-width:600px){.store{border:0}.topline{font-size:10px;padding:9px 16px}.header{padding:16px}.brand{font-size:24px}.brand img{width:37px}.nav{gap:17px}.hero{min-height:590px;padding:50px 20px}.hero:before{background:linear-gradient(90deg,rgba(8,8,8,.98),rgba(8,8,8,.85) 65%,rgba(8,8,8,.42))}.hero h1{font-size:44px;letter-spacing:-.035em}.hero p{font-size:14px}.proof{grid-template-columns:1fr 1fr}.proof div{padding:14px 17px}.section{padding:52px 16px}.section-lead{display:block}.section-lead p{margin-top:14px}.category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:210px}.category-card h3{font-size:19px}.collection-copy{padding:32px 20px}.product-grid{grid-template-columns:1fr 1fr}.product{padding:9px}.product h3{font-size:13px;min-height:62px}.story-photo{min-height:330px}.story-copy{padding:48px 20px}.guides,.article-strip{grid-template-columns:1fr}.article:first-child{grid-column:auto}.portfolio-copy{padding:44px 20px}.portfolio-photo{min-height:300px}.consult{grid-template-columns:1fr;padding:45px 20px}.consult .cta{justify-self:start}.footer{padding:26px 20px;flex-wrap:wrap}.page-hero{padding:42px 20px 28px}.page-hero img{height:220px}.tools{padding:16px;gap:7px}.sort{margin-left:0;width:100%}.gallery img{height:230px}.detail-copy{padding:38px 20px}}


/* Variant fingerprints: each route uses a distinct composition system without changing the shared commerce foundation. */
.signature{margin:0 4.6vw;border-inline:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;position:relative;z-index:2}.signature span,.signature a,.signature b,.signature small{font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.12em}.signature h2{margin:6px 0;font:800 clamp(26px,4vw,54px)/1.02 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.04em}.signature-cover{grid-template-columns:.48fr 1.2fr .75fr;align-items:stretch;background:var(--paper)}.signature-cover>div{padding:24px;border-right:1px solid var(--line)}.signature-cover>div:last-child{border:0}.sig-index{color:var(--yellow);font:800 18px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em}.sig-index b{display:block;margin-top:38px;color:var(--ink)}.sig-links{display:flex;flex-direction:column;justify-content:space-between}.sig-links a{display:flex;justify-content:space-between;padding-block:7px;border-bottom:1px solid var(--line)}.sig-links a:last-child{border:0}.signature-locker{grid-template-columns:repeat(3,1fr) .9fr;background:var(--paper)}.signature-locker>div,.signature-locker aside{min-height:190px;padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.signature-locker span{color:var(--yellow)}.theme-02 .signature-locker span{color:#946f00}.signature-locker b{font:800 clamp(23px,3vw,40px)/1 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.04em}.signature-locker aside{background:#171717;color:#f5f0e5;border:0}.signature-locker aside p{margin:8px 0;color:#d4cec3;font-size:12px}.signature-workshop{grid-template-columns:.8fr 1.2fr;background:#171717;color:#f5f0e5}.job-ticket{padding:30px;background:var(--yellow);color:#111;display:flex;flex-direction:column;justify-content:space-between}.job-ticket strong{font:800 clamp(30px,4vw,55px)/1 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.04em}.job-ticket small{color:#111}.signature-workshop ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr}.signature-workshop li{padding:27px;border-right:1px solid #3c3c3c;border-bottom:1px solid #3c3c3c;font:800 14px "Barlow Condensed",sans-serif;letter-spacing:.1em}.signature-workshop li b{display:block;margin-bottom:12px;color:var(--yellow);font-size:20px}.signature-score{grid-template-columns:1.2fr repeat(3,1fr);background:#151515;color:#f5f0e5}.signature-score>div{min-height:225px;padding:23px;border-right:1px solid #393939;display:flex;flex-direction:column;justify-content:space-between}.signature-score>div:first-child{background:#f6c400;color:#111}.signature-score strong{font:800 clamp(65px,8vw,115px)/.8 "Barlow Condensed",sans-serif;letter-spacing:-.05em}.signature-score strong span{font-size:.34em}.signature-score b{font:800 29px/1.03 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.04em}.signature-score a{color:var(--yellow)}.signature-score>div:first-child span{color:#111}.signature-dossier{grid-template-columns:.48fr 1fr .7fr;background:repeating-linear-gradient(90deg,transparent 0,transparent 54px,rgba(17,21,20,.08) 55px),#eee4d2}.signature-dossier>div,.signature-dossier>a{padding:25px;border-right:1px solid var(--line)}.signature-dossier>a{display:flex;align-items:end;font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.11em}.dossier-tab{background:#171514;color:#f5f0e5;font:800 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.13em}.dossier-tab b{display:block;margin-top:45px;color:var(--yellow)}.dossier-swatches{display:flex;gap:8px;margin:12px 0}.dossier-swatches i{width:30px;height:30px;border-radius:50%;background:#111}.dossier-swatches i:nth-child(2){background:#f2ece0}.dossier-swatches i:nth-child(3){background:#9a1d2d}.dossier-swatches i:nth-child(4){background:#174a7b}.dossier-swatches i:nth-child(5){background:#f6c400}.signature-dossier p{margin:0;color:var(--muted);font-size:12px}.consult{background:var(--panel)!important;color:var(--ink)!important}.consult .eyebrow{color:var(--yellow)}.consult .cta{background:var(--yellow);color:#111}.theme-03 .consult,.theme-04 .consult{background:#171717!important;color:#f5f0e5!important}.theme-04 .consult .cta{background:#f6c400}.portfolio-copy{background:var(--panel)!important;color:var(--ink)!important}.theme-03 .portfolio-copy{background:#171717!important;color:#f5f0e5!important}.theme-03 .portfolio-copy .eyebrow{color:var(--yellow)}.theme-04 .hero:after{opacity:.55;filter:saturate(.7)}.theme-04 .hero:before{background:linear-gradient(90deg,rgba(8,8,8,.99),rgba(8,8,8,.9) 52%,rgba(8,8,8,.35))}.theme-04 .hero h1{max-width:820px}.theme-05 .hero:after{opacity:.72;filter:saturate(.55)}.theme-05 .hero:before{background:linear-gradient(90deg,rgba(23,21,20,.99),rgba(23,21,20,.92) 50%,rgba(23,21,20,.35))}.theme-01 .hero-copy{max-width:570px}.theme-02 .hero-copy{max-width:600px}.theme-03 .detail-copy:before{content:"PHIẾU MẪU / VAD-26 · KIỂM TRA FORM · KIỂM TRA MÀU";display:block;margin-bottom:22px;padding:10px;border:1px dashed var(--line);color:var(--yellow);font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.1em}.theme-03 .detail-copy .bullet-list li:before{content:"✓ CHECK";font-size:10px}.theme-03 .faq:before{content:"CHECKPOINT / GIẢI ĐÁP TRƯỚC KHI LÊN MẪU";display:block;padding:12px;background:var(--yellow);color:#111;font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.12em}.theme-04 .product-grid .product:nth-child(1):before,.theme-04 .product-grid .product:nth-child(2):before,.theme-04 .product-grid .product:nth-child(3):before{display:block;margin-bottom:6px;color:var(--yellow);font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.1em}.theme-04 .product-grid .product:nth-child(1):before{content:"HẠNG DEAL 01"}.theme-04 .product-grid .product:nth-child(2):before{content:"HẠNG DEAL 02"}.theme-04 .product-grid .product:nth-child(3):before{content:"HẠNG DEAL 03"}.theme-05 .detail-copy:before{content:"HỒ SƠ ÁO / NHÓM MÀU · FORM · ĐỘI PHÙ HỢP";display:block;margin-bottom:22px;color:#946f00;font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.12em}.theme-05 .gallery{background:#d9cfbb}.theme-05 .guide{background:#eee4d2}@media(max-width:900px){.signature-cover{grid-template-columns:1fr 1fr}.signature-cover .sig-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.signature-cover .sig-links a{border-right:1px solid var(--line);border-bottom:0}.signature-locker{grid-template-columns:1fr 1fr}.signature-locker aside{grid-column:1/-1;min-height:auto}.signature-workshop{grid-template-columns:1fr}.signature-score{grid-template-columns:1fr 1fr}.signature-score>div:first-child{grid-column:1/-1;min-height:160px}.signature-dossier{grid-template-columns:1fr 1fr}.signature-dossier>a{grid-column:1/-1;min-height:70px}}@media(max-width:600px){.signature{margin-inline:16px}.signature-cover{grid-template-columns:1fr}.signature-cover .sig-links{grid-template-columns:1fr}.signature-cover .sig-links a{border-right:0;border-bottom:1px solid var(--line)}.signature-cover>div{border-right:0;border-bottom:1px solid var(--line)}.signature-locker{grid-template-columns:1fr 1fr}.signature-locker>div{min-height:150px;padding:15px}.signature-locker>div:nth-child(3){grid-column:1/-1;min-height:90px}.signature-workshop ol{grid-template-columns:1fr}.signature-workshop li{padding:18px}.signature-score{grid-template-columns:1fr}.signature-score>div{min-height:150px;border-right:0;border-bottom:1px solid #393939}.signature-dossier{grid-template-columns:1fr}.signature-dossier>div,.signature-dossier>a{border-right:0;border-bottom:1px solid var(--line)}}


/* WooCommerce content completion: blog/contact pages retain the collection-first commerce language without checkout. */
.content-hero{padding:clamp(46px,7vw,98px) 4.6vw;border-bottom:1px solid var(--line);background:var(--panel)}.content-hero h1{max-width:900px;margin:8px 0 0;font:800 clamp(36px,5.6vw,76px)/1.32 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:.006em;padding-block:.1em}.content-hero p{max-width:650px;margin:18px 0 0;color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.content-grid>*,.post-list,.content-aside{background:var(--paper)}.post-list{padding:clamp(24px,4vw,60px)}.post-card{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.post-card:last-child{border-bottom:0}.post-index{color:var(--yellow);font:800 18px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.12em}.post-card h2{margin:7px 0 9px;font:800 clamp(21px,2.3vw,34px)/1.32 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:.006em;padding-block:.06em}.post-card p{margin:0;color:var(--muted);font-size:13px}.post-link{align-self:center;font:800 13px "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;color:var(--yellow)}.content-aside{padding:clamp(28px,4vw,60px);background:var(--ink);color:var(--paper)}.content-aside h2{margin:11px 0;font:800 clamp(30px,3.7vw,52px)/1.32 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:.006em;padding-block:.08em}.content-aside p{color:#d2ccbe}.content-aside .cta-outline{margin-top:12px;color:#f5f0e5;border-color:#665f52}.article-detail{width:min(920px,100%);margin:auto;padding:clamp(46px,7vw,96px) 4.6vw}.article-detail h1{margin:10px 0 18px;font:800 clamp(34px,5vw,70px)/1.32 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:.006em;padding-block:.1em}.article-detail .lead{max-width:750px;margin:0 0 34px;font-size:18px;line-height:1.75;color:var(--muted)}.article-detail h2{margin:38px 0 12px;font:800 28px/1.32 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:.006em;padding-block:.08em}.article-detail p{max-width:750px;line-height:1.8}.article-detail .article-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-card{min-height:270px;padding:clamp(26px,4vw,54px);background:var(--paper)}.contact-card b{display:block;color:var(--yellow);font:800 12px "Barlow Condensed",Arial,sans-serif;letter-spacing:.13em}.contact-card h2{margin:16px 0 10px;font:800 30px/1.32 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:.006em;padding-block:.08em}.contact-card p{color:var(--muted);font-size:13px}.contact-card a{display:inline-flex;margin-top:20px;font:800 14px "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em}.contact-card.primary{background:var(--yellow);color:#111}.contact-card.primary b,.contact-card.primary p{color:#111}.contact-checklist{padding:clamp(40px,6vw,88px) 4.6vw;border-bottom:1px solid var(--line)}.contact-checklist h2{margin:8px 0 24px;font:800 clamp(32px,4.5vw,62px)/1.32 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:.006em;padding-block:.08em}.checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.checklist div{padding:20px;background:var(--paper)}.checklist b{display:block;color:var(--yellow);font:800 12px "Barlow Condensed",Arial,sans-serif;letter-spacing:.12em}.checklist p{margin:9px 0 0;color:var(--muted);font-size:12px}@media(max-width:760px){.content-grid,.contact-grid{grid-template-columns:1fr}.post-card{grid-template-columns:1fr;gap:9px}.post-link{align-self:start}.checklist{grid-template-columns:1fr 1fr}.content-hero,.article-detail,.contact-checklist{padding-left:20px;padding-right:20px}}

/* Content responsive correction: keep information blocks balanced and legible at tablet widths. */
.content-aside{background:#121212;color:#f5f0e5}.content-aside p{color:#ded8cc}.gallery{gap:8px;padding:8px;background:#0d0d0d}.gallery-item{display:block;position:relative;min-width:0;background:#121212;overflow:hidden}.gallery-item img{display:block;width:100%;height:auto!important;aspect-ratio:1/1;object-fit:contain!important;background:#0d0d0d!important;padding:6px}.gallery-item figcaption{position:absolute;left:8px;bottom:8px;padding:6px 8px;background:rgba(13,13,13,.82);color:#f5f0e5;font:800 10px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.09em}.size-row span{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0}.swatches span{width:44px;height:44px}.theme-02 .content-hero p,.theme-05 .content-hero p,.theme-02 .contact-card p,.theme-05 .contact-card p{color:#45423c}.theme-02 .eyebrow,.theme-05 .eyebrow{color:#705300}@media(min-width:601px){.nav a{min-height:44px;display:inline-flex;align-items:center;padding-block:10px}}@media(min-width:761px) and (max-width:960px){.contact-grid{grid-template-columns:1fr 1fr}.contact-card:last-child{grid-column:1/-1;min-height:220px}}@media(max-width:600px){.header{padding:12px 16px;gap:12px}.search{height:44px}.nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0;overflow:visible;white-space:normal}.nav a{min-height:44px;display:grid;place-items:center;padding:0 4px;border-top:1px solid var(--line);font-size:11px;text-align:center}.nav a:nth-child(3),.nav a:nth-child(4),.nav a:nth-child(5){display:none}.gallery{gap:4px;padding:4px}.gallery-item figcaption{font-size:9px;left:4px;bottom:4px;padding:4px 5px}}


/* Final usability correction: restore contrast and 48px mobile targets after responsive verification. */
.gallery-item::after{content:"XEM ẢNH MẪU";position:absolute;right:8px;top:8px;padding:6px 8px;background:rgba(13,13,13,.82);color:#f5f0e5;font:800 10px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em}.gallery-item img{object-position:center}.theme-02 .eyebrow,.theme-05 .eyebrow{color:#4b3900!important}.theme-02 .search input::placeholder,.theme-05 .search input::placeholder{color:#5c5850!important;opacity:1}@media(max-width:600px){.header .cta-outline,.nav a{min-height:48px!important}.header .cta-outline{padding-inline:12px}.nav a{font-size:11px}.search input::placeholder{color:#cac4b9!important}.theme-02 .search input::placeholder,.theme-05 .search input::placeholder{color:#5c5850!important}.gallery-item::after{font-size:9px;right:4px;top:4px;padding:4px 5px}}


/* Product gallery polish: do not stretch image rows to match the text column. */
.detail>.gallery{align-self:start}.gallery-item{align-self:start}


/* Mobile menu: replace clipped horizontal links with a compact, native disclosure menu. */
.mobile-menu{display:none}@media(max-width:600px){.header{grid-template-columns:minmax(0,1fr) auto!important;gap:12px}.header .cta-outline{display:none!important}.header .search{grid-column:1/-1;grid-row:2}.header>.nav{display:none!important}.mobile-menu{display:block;grid-column:2;grid-row:1;min-width:48px}.mobile-menu summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font:800 12px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span:last-child{font-size:19px;line-height:1}.mobile-menu[open]{grid-column:1/-1;grid-row:3}.mobile-menu[open] summary{background:var(--yellow);border-color:var(--yellow);color:#111}.mobile-menu-links{display:none}.mobile-menu[open] .mobile-menu-links{display:grid;grid-template-columns:1fr 1fr;border-inline:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.mobile-menu-links a{min-height:48px;display:flex;align-items:center;padding:0 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:800 12px/1.15 "Barlow Condensed",Arial,sans-serif;letter-spacing:.07em}.mobile-menu-links a:nth-child(2n){border-right:0}.mobile-menu-links a:nth-last-child(-n+2){border-bottom:0}.mobile-menu-links a:active{background:var(--yellow);color:#111}}


/* Vietnamese headline safety: keep diacritics inside their own line box and clear of adjacent glyphs. */
:is(h1,h2,h3,.section-title,.catalogue-hero h1,.catalogue-tools h2,.commerce-module h3,.collection-copy h2,.story-copy h2,.portfolio-copy h2,.consult h2,.page-hero h1,.detail-copy h1,.guide h3,.article h3,.signature h2,.signature-score b,.job-ticket strong){font-family:"Be Vietnam Pro",Arial,sans-serif!important;font-synthesis:none;line-height:1.32!important;letter-spacing:.008em!important;word-spacing:.035em;padding-block:.1em;overflow:visible}:is(h1,h2,h3,.section-title,.catalogue-hero h1,.catalogue-tools h2,.commerce-module h3,.collection-copy h2,.story-copy h2,.portfolio-copy h2,.consult h2,.page-hero h1,.detail-copy h1,.guide h3,.article h3,.signature h2,.signature-score b,.job-ticket strong) br+em{display:inline-block;margin-top:.13em}@media(max-width:600px){:is(h1,h2,h3,.section-title,.catalogue-hero h1,.catalogue-tools h2,.commerce-module h3,.collection-copy h2,.story-copy h2,.portfolio-copy h2,.consult h2,.page-hero h1,.detail-copy h1,.guide h3,.article h3,.signature h2,.signature-score b,.job-ticket strong){line-height:1.26!important;letter-spacing:.006em!important;padding-block:.09em}}


/* Responsive UX safety: fixed utilities must not dominate commerce content. */
body{padding-bottom:84px}.gallery,.gallery img{background:#0d0d0d!important}.search input::placeholder,.catalogue-search input::placeholder{color:#a9a49a;opacity:1}.c04 .catalogue-stat{position:relative}.c04 .catalogue-stat:after{content:"HẠNG 01  ·  119K\A HẠNG 02  ·  129K\A SIZE CÒN  ·  M–2XL";display:block;white-space:pre-line;margin-top:18px;font:800 15px/1.65 "Barlow Condensed",Arial,sans-serif;letter-spacing:.09em}.c04 .catalogue-stat strong{margin-top:6px}@media(min-width:601px) and (max-width:960px){.theme-return-ball,.contact-ball{width:48px;height:48px;bottom:max(14px,env(safe-area-inset-bottom))}.theme-return-ball{left:max(12px,env(safe-area-inset-left))}.contact-ball{right:max(12px,env(safe-area-inset-right))}.search,.catalogue-search{min-height:48px}}@media(max-width:600px){body{padding-bottom:74px}.theme-return-ball,.contact-ball{width:44px;height:44px;bottom:max(10px,env(safe-area-inset-bottom));font-size:10px}.theme-return-ball{left:max(8px,env(safe-area-inset-left))}.contact-ball{right:max(8px,env(safe-area-inset-right))}.theme-return-ball svg,.contact-ball svg{width:19px;height:19px}.search,.catalogue-search{height:52px;min-height:52px}.search input,.catalogue-search input{font-size:14px}.search input::placeholder,.catalogue-search input::placeholder{color:#aaa59c}.search button,.catalogue-search button{min-width:74px}.hero-actions{padding-bottom:30px}.c04 .catalogue-stat:after{font-size:13px;line-height:1.55;margin-top:12px}}
