/* Final typography, navigation and visual category hierarchy. */
:root body{font-family:'Cairo',sans-serif;background:#fff}
:root header{gap:24px;background:#fff;box-shadow:0 1px 0 #1818180a}
:root header nav{gap:28px;align-items:center;font-size:13px;font-weight:600}
:root header nav a{position:relative;padding:14px 0;white-space:nowrap;transition:color .2s}
:root header nav a:after{content:'';position:absolute;bottom:3px;right:0;width:100%;height:2px;background:#bd1829;transform:scaleX(0);transform-origin:right;transition:transform .25s}
:root header nav a:hover:after,:root header nav a[aria-current=true]:after{transform:scaleX(1)}
:root .tools{gap:10px}
:root .tools button{width:38px;height:38px;padding:8px;display:grid;place-items:center;border-radius:0}
:root .tools button:hover{background:#f5f5f5;color:#bd1829}
:root #menuButton{display:none}
:root #menuDialog{padding:26px;width:min(470px,94vw);max-height:85svh;border-radius:0;background:#fff;color:#171719}
#menuDialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid #bd1829;padding-bottom:20px}
.menu-heading h2{font-size:22px;line-height:1.6;margin:0;font-weight:700}
#menuClose{width:36px;height:36px;display:grid;place-items:center}
:root #menuDialog nav{display:flex;flex-direction:column;gap:0;align-items:stretch;margin:12px 0 30px}
#menuDialog nav a{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid #e7e7e7;font-size:19px;font-weight:600}
#menuDialog nav a:hover{color:#bd1829}
.menu-signature{display:block;font:9px Arial;color:#777}
:root .collection .section-head{align-items:center}
:root #resultsCount{font-size:12px;white-space:nowrap;color:#666}
:root .category-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:8px auto 34px;max-width:840px}
:root .category-sections button{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;height:auto;overflow:visible;text-align:center;padding:8px 0;background:none;border:0;color:#202020}
.category-sections img{position:static;display:block;width:min(100%,144px);height:auto;aspect-ratio:1;object-fit:cover;object-position:center top;border-radius:50%;border:4px solid #fff;outline:1px solid #dedede;transition:outline-color .25s;box-sizing:border-box}
.category-sections button[data-filter=all] img{object-position:center;object-fit:cover}
.category-sections button[data-filter=denim] img{object-position:center}
.category-sections button:after,.category-sections button:before{display:none}
.category-label{position:static;display:block}
.category-label small{display:none}
.category-label strong{font-size:17px;font-weight:600;line-height:1.6}
.category-sections svg{display:none}
:root .category-sections button.active{border:0}
.category-sections button.active img{outline:2px solid #bd1829}
.category-sections button.active .category-label strong{color:#bd1829}
.category-sections button:hover img{transform:none;outline-color:#bd1829}
:root .collection .filterbar{justify-content:space-between;margin-bottom:28px;padding:13px 0}
:root .collection .searchbox{flex:1;max-width:420px;background:transparent}
:root .collection .searchbox input{width:100%;font-size:12px}
:root #sort{font-family:'Cairo',sans-serif;font-size:11px;max-width:45%;padding:8px}
:root body .editorial-grid a,:root body .editorial-grid a:nth-child(2){height:auto;aspect-ratio:2/3}
:root .editorial-grid img{object-position:center top}
:root .editorial-grid a>div{background:linear-gradient(transparent,#000a)}
:root .product-info h3{font-weight:600}
:root .section-head h2{font-weight:600}
:root footer{position:relative;isolation:isolate;overflow:hidden;background:#141415;color:#fff;border-top:2px solid #bd1829;padding:48px 6%;min-height:165px}
footer:before{content:'';position:absolute;bottom:18px;left:6%;width:20%;height:1px;z-index:-1;background:#bd1829;opacity:.35;animation:footer-drift 24s ease-in-out infinite alternate;pointer-events:none}
:root footer>span{color:#bbb}:root footer>button{border-color:#bd1829;color:#fff;background:#141415}
:root footer>button:hover{background:#bd1829}
:root footer .brand small{color:#eee}
.footer-credits{display:flex;flex-direction:column;gap:10px;text-align:center;font:9px Arial,sans-serif;color:#aaa;line-height:1.6}
.powered-by{font-size:10px;color:#8e8e93}
.powered-by strong{font-weight:600;color:#e0e0e3;margin-left:5px}
@media(max-width:700px){.footer-credits{order:3;flex-basis:100%;text-align:right;margin-top:8px}}
@keyframes footer-drift{to{transform:translateX(250%)}}
@media(max-width:1100px){:root header nav{gap:18px;font-size:11px}}
@media(max-width:800px){:root header nav{display:none}:root #menuButton{display:grid}:root header{gap:10px}:root .tools{gap:3px}:root .tools button{width:32px;height:36px}:root .category-sections{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}:root .category-sections button{height:auto;gap:10px}.category-sections img{border-width:3px}.category-label strong{font-size:13px}:root footer{padding:35px 7%}:root .collection .section-head{gap:14px}:root .collection .section-head h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){footer:before{animation:none}.category-sections img{transition:none}}