/* Design reminder: Catalogue e-commerce ưu tiên duyệt danh mục, giá, size và phân trang; không có giỏ hàng hoặc thanh toán. */
:root{--ink:#111;--paper:#f4f0e5;--line:#d1c8b8;--yellow:#f6c400;--muted:#706b61}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 "Be Vietnam Pro",Arial,sans-serif}a{color:inherit;text-decoration:none}.c01,.c03,.c04{--paper:#0d0d0d;--ink:#f5f0e6;--line:#343434;--muted:#aaa69d}.c02,.c05{--paper:#f4f0e5;--ink:#161616;--line:#d1c8b8;--muted:#706b61}.c04{--yellow:#f6c400}.catalogue-wrap{width:min(1440px,100%);margin:auto;border-inline:1px solid var(--line)}.catalogue-bar{padding:10px 4vw;background:var(--yellow);color:#111;text-align:center;font:800 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em}.catalogue-header{display:grid;grid-template-columns:260px minmax(260px,1fr) auto;gap:18px;align-items:center;padding:18px 4vw;border-bottom:1px solid var(--line)}.catalogue-brand{display:flex;align-items:center;gap:10px;font:800 27px/.9 "Barlow Condensed",sans-serif}.catalogue-brand img{width:42px}.catalogue-brand em{color:var(--yellow);font-style:normal}.catalogue-search{display:flex;height:44px;border:1px solid var(--line)}.catalogue-search input{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);padding:0 12px;font:13px "Be Vietnam Pro"}.catalogue-search button,.support-link{border:0;background:var(--yellow);color:#111;padding:0 15px;font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.08em;display:flex;align-items:center}.catalogue-links{grid-column:1/-1;display:flex;gap:23px;overflow:auto;white-space:nowrap;font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.09em}.catalogue-links a:hover{color:var(--yellow)}.catalogue-hero{padding:clamp(34px,6vw,76px) 4vw 36px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.catalogue-eyebrow{color:var(--yellow);font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.14em}.catalogue-hero h1{margin:8px 0;font:800 clamp(44px,6.6vw,90px)/1.04 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.035em}.catalogue-hero h1 em{font-style:normal;color:var(--yellow)}.catalogue-hero p{max-width:550px;color:var(--muted)}.catalogue-stat{align-self:end;border-left:3px solid var(--yellow);padding:9px 0 9px 18px}.catalogue-stat strong{display:block;font:800 clamp(48px,6vw,82px)/.9 "Barlow Condensed",sans-serif;color:var(--yellow)}.catalogue-stat span{font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.09em}.category-strip{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.category-strip a{min-height:74px;padding:15px;border-right:1px solid var(--line);font:800 14px/1.12 "Barlow Condensed",sans-serif;letter-spacing:.08em;transition:background .18s}.category-strip a:hover,.category-strip a.active{background:var(--yellow);color:#111}.category-strip b{display:block;margin-bottom:7px;color:var(--yellow);font-size:11px}.category-strip a:hover b,.category-strip a.active b{color:#111}.catalogue-main{padding:45px 4vw 65px}.catalogue-tools{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.catalogue-tools h2{margin:0;font:800 clamp(30px,4.4vw,58px)/1 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.03em}.catalogue-tools h2 em{font-style:normal;color:var(--yellow)}.catalogue-tools p{margin:7px 0 0;color:var(--muted);max-width:620px}.catalogue-sort{display:flex;gap:8px;align-items:center;white-space:nowrap}.catalogue-sort label{font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.09em}.catalogue-sort select{padding:10px;background:transparent;color:var(--ink);border:1px solid var(--line);font:12px "Be Vietnam Pro"}.filter-row{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0 22px;border-top:1px solid var(--line)}.filter-row a{padding:7px 10px;border:1px solid var(--line);font:800 11px "Barlow Condensed",sans-serif;letter-spacing:.09em}.filter-row a:first-child,.filter-row a:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.product-card{display:block;background:var(--paper);padding:12px;transition:transform .18s,background .18s}.product-card:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--paper) 87%,var(--yellow))}.product-card img{width:100%;aspect-ratio:1/1.06;object-fit:cover}.product-badge{display:inline-block;margin-top:12px;color:var(--yellow);font:800 10px "Barlow Condensed",sans-serif;letter-spacing:.13em}.c02 .product-badge,.c05 .product-badge{color:#9a7600}.product-card h3{min-height:43px;margin:6px 0;font:800 17px/1.16 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.02em}.product-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.product-price{margin:8px 0;font:800 21px "Barlow Condensed",sans-serif;color:var(--yellow)}.c02 .product-price,.c05 .product-price{color:#9a7600}.product-price del{margin-left:6px;color:var(--muted);font:400 10px "Be Vietnam Pro"}.product-action{display:block;padding-top:10px;border-top:1px solid var(--line);font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.09em}.commerce-module{display:flex;min-height:250px;padding:22px;background:var(--yellow);color:#111;flex-direction:column;justify-content:space-between}.commerce-module.dark{background:var(--ink);color:var(--paper)}.commerce-module span{font:800 11px "Barlow Condensed",sans-serif;letter-spacing:.12em}.commerce-module h3{margin:14px 0;font:800 clamp(23px,3vw,37px)/1 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.03em}.commerce-module p{margin:0;font-size:12px}.commerce-module b{font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.1em}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px}.pagination a,.pagination span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);font:800 13px "Barlow Condensed",sans-serif}.pagination .current{background:var(--yellow);color:#111;border-color:var(--yellow)}.catalogue-help{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:1px solid var(--line)}.catalogue-help div{padding:22px;border-right:1px solid var(--line)}.catalogue-help div:last-child{border:0}.catalogue-help b{display:block;color:var(--yellow);font:800 14px "Barlow Condensed",sans-serif;letter-spacing:.1em}.catalogue-help span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.catalogue-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 4vw;border-top:1px solid var(--line);font-size:12px}.catalogue-footer strong{font:800 25px "Barlow Condensed",sans-serif}.catalogue-footer em{font-style:normal;color:var(--yellow)}.catalogue-footer a{color:var(--yellow);font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.09em}.c04 .catalogue-hero{background:linear-gradient(90deg,#111 0%,#111 66%,#f6c400 66%,#f6c400 100%)}.c04 .catalogue-stat{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border:0;color:#111;padding:30px}.c04 .catalogue-stat strong,.c04 .catalogue-stat span{color:#111}.c04 .catalogue-stat:before{content:"BẢNG DEAL / HIỆP 01";font:800 12px "Barlow Condensed",sans-serif;letter-spacing:.13em}.c04 .category-strip a{position:relative}.c04 .category-strip a:after{content:"HẠNG DEAL";display:block;margin-top:5px;color:var(--muted);font-size:9px}.c04 .category-strip a:hover:after,.c04 .category-strip a.active:after{color:#111}.c04 .catalogue-main:before{content:"BẢNG GIÁ HÔM NAY  /  HẠNG · GIÁ · SIZE CÒN SẴN";display:block;margin-bottom:20px;padding:12px;background:var(--yellow);color:#111;font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.13em}.c04 .product-card:nth-child(1),.c04 .product-card:nth-child(2),.c04 .product-card:nth-child(3){border-top:4px solid var(--yellow)}.c04 .product-card:nth-child(1):before,.c04 .product-card:nth-child(2):before,.c04 .product-card:nth-child(3):before{display:block;margin-bottom:6px;color:var(--yellow);font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.1em}.c04 .product-card:nth-child(1):before{content:"HẠNG 01"}.c04 .product-card:nth-child(2):before{content:"HẠNG 02"}.c04 .product-card:nth-child(3):before{content:"HẠNG 03"}.c05 .catalogue-hero{background:repeating-linear-gradient(90deg,transparent 0,transparent 54px,rgba(17,21,20,.12) 55px),#e8e0d1}.c05 .catalogue-stat{background:#171514;color:#fff;padding:22px;transform:rotate(-2deg)}.c05 .catalogue-stat span{color:#fff}.c05 .catalogue-stat:before{content:"HỒ SƠ ĐỘI / 2026";font:800 11px "Barlow Condensed",sans-serif;letter-spacing:.13em}.c05 .category-strip{background:#e8e0d1}.c05 .category-strip a:after{content:"HỒ SƠ MÀU";display:block;margin-top:5px;color:#746d60;font-size:9px}.c05 .catalogue-main:before{content:"SỔ TAY CATALOGUE  /  MÀU ÁO · NHÓM ĐỘI · SIZE PHÙ HỢP";display:block;margin-bottom:20px;padding:12px;border-block:1px solid #171514;color:#9a7600;font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.13em}.c05 .product-card{padding-top:35px;position:relative}.c05 .product-card:before{content:"HỒ SƠ ÁO";position:absolute;top:10px;left:12px;color:#9a7600;font:800 10px "Barlow Condensed",sans-serif;letter-spacing:.14em}.c05 .commerce-module{background:#171514;color:#fff}.c05 .commerce-module.dark{background:#f6c400;color:#111}@media(max-width:900px){.catalogue-header{grid-template-columns:1fr auto}.catalogue-search{grid-column:1/-1;grid-row:2}.catalogue-hero{grid-template-columns:1fr}.catalogue-stat{align-self:start}.c04 .catalogue-stat{align-self:start}.category-strip{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:580px){.catalogue-wrap{border:0}.catalogue-header{padding-inline:16px}.catalogue-brand{font-size:23px}.support-link{padding-inline:10px;font-size:11px}.catalogue-links{gap:16px}.catalogue-hero{padding:38px 20px 28px}.catalogue-hero h1{font-size:43px}.category-strip{grid-template-columns:1fr 1fr}.category-strip a{min-height:64px;font-size:12px}.catalogue-main{padding:38px 16px}.catalogue-tools{display:block}.catalogue-sort{margin-top:18px;white-space:normal}.product-grid{grid-template-columns:1fr 1fr}.product-card{padding:9px}.product-card h3{font-size:13px;min-height:48px}.product-price{font-size:18px}.commerce-module{min-height:210px;padding:16px}.catalogue-help{grid-template-columns:1fr}.catalogue-help div{border-right:0;border-bottom:1px solid var(--line)}.catalogue-footer{padding:26px 20px;flex-wrap:wrap}}

@media(max-width:900px){.c04 .catalogue-hero{display:block;background:#111}.c04 .catalogue-stat{display:flex;background:var(--yellow);transform:none;min-height:120px;margin-top:24px;color:#111}.c04 .catalogue-stat:before,.c04 .catalogue-stat strong,.c04 .catalogue-stat span{color:#111}}


/* Catalogue mobile menu: keeps five navigation destinations available without horizontal clipping. */
.catalogue-menu{display:block;grid-column:1/-1}.catalogue-menu summary{display:none}@media(max-width:580px){.catalogue-header{grid-template-columns:minmax(0,1fr) auto!important;gap:12px}.support-link{display:none!important}.catalogue-search{grid-column:1/-1!important;grid-row:2}.catalogue-menu{grid-column:2;grid-row:1;min-width:48px}.catalogue-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}.catalogue-menu summary::-webkit-details-marker{display:none}.catalogue-menu summary span:last-child{font-size:19px}.catalogue-menu .catalogue-links{display:none}.catalogue-menu[open]{grid-column:1/-1;grid-row:3}.catalogue-menu[open] summary{background:var(--yellow);border-color:var(--yellow);color:#111}.catalogue-menu[open] .catalogue-links{display:grid;grid-template-columns:1fr 1fr;gap:0;border-inline:1px solid var(--line);border-bottom:1px solid var(--line);white-space:normal;overflow:visible;background:var(--paper)}.catalogue-menu[open] .catalogue-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-size:12px;letter-spacing:.07em}.catalogue-menu[open] .catalogue-links a:nth-child(2n){border-right:0}.catalogue-menu[open] .catalogue-links a:last-child{grid-column:1/-1;border-right:0;border-bottom:0}.catalogue-menu[open] .catalogue-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}}