header{background:#fffdf8;border-bottom:1px solid #e4e7de}
.header-inner{gap:48px;padding-block:25px}
.brand-lockup{display:flex!important;flex-direction:column;align-items:flex-start;position:relative;flex-shrink:0}
.brand-lockup .logo{width:270px;height:auto;max-width:100%}
.brand-tagline{font-size:9px;font-weight:650;letter-spacing:.2em;color:#526b67;margin-top:0;padding-left:4px}
header .header-inner>a:first-child::after{display:none}
.header-inner>a:last-child{font-size:13px;min-height:44px}
.header-inner form{max-width:560px;border-radius:8px;background:#f5f5ef;border:1px solid #dfe3d9}
#category-nav{border-bottom:0;justify-content:center;gap:clamp(15px,2.2vw,36px);font-size:13px}
#category-nav a{min-height:40px}
.category-carousel{display:none}
#filters{scrollbar-width:none}
#filters::-webkit-scrollbar{display:none}
.discovery .section-head{align-items:center}
.discovery #result-count{font-size:13px}
@media(max-width:1000px) and (min-width:651px){.brand-lockup .logo{width:225px}.header-inner{gap:25px}.header-inner>a:last-child{display:none}#category-nav{justify-content:flex-start}}
@media(max-width:650px){
 .header-inner{display:flex;flex-direction:column;align-items:stretch;gap:17px;padding:21px 0 16px}
 .header-inner .brand-lockup{align-items:center;align-self:center;width:100%}
 .header-inner .brand-lockup .logo{width:250px;max-width:84%;height:auto}
 .brand-tagline{font-size:8px;letter-spacing:.22em;margin-top:2px;padding:0}
 .header-inner>a:last-child{display:none}
 .header-inner form{width:100%;flex-basis:auto;order:2;background:white;border:1px solid #dbe1d6;border-radius:9px;box-shadow:0 2px 8px #102a4304}
 .header-inner input{font-size:16px;min-height:48px;padding-block:12px}
 .header-inner form button{height:48px}
 .announcement{font-size:10px;letter-spacing:.045em;padding-block:7px}
 .category-carousel{display:block;padding:0 0 17px;background:#fffdf8}
 .carousel-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 17px 10px}
 .carousel-heading>span{font-size:12px;font-weight:700;color:#102a43}
 .carousel-heading>div{display:flex;gap:5px;align-items:center}
 .carousel-heading button{border:1px solid #dce2d6;background:transparent;color:#31584d;min-height:32px;min-width:32px;border-radius:6px;display:grid;place-items:center;cursor:pointer}
 .carousel-heading button[data-carousel="pause"]{font-size:10px;padding-inline:9px}
 .carousel-heading button:first-child .ui-icon{transform:rotate(180deg)}
 .carousel-heading .ui-icon{width:15px;height:15px}
 .mobile-shortcuts{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:3px 17px 5px;gap:15px}
 .mobile-shortcuts::-webkit-scrollbar{display:none}
 .mobile-shortcuts a{flex:0 0 67px;gap:8px;scroll-snap-align:start;min-height:91px}
 .mobile-shortcuts img{width:62px;height:62px;border-radius:15px;border:2px solid #fffdf8;outline:1px solid #dfe3d8}
 .mobile-shortcuts span{font-size:11px;font-weight:650}
 .mobile-feature{margin-top:0}
 .discovery .section-head{align-items:flex-start}
 .discovery #listing-title{font-size:28px;overflow-wrap:anywhere}
 #filters{padding-bottom:1px;gap:8px}
 #filters button{font-size:13px;border-radius:7px;min-height:44px;padding-inline:16px}
 .tools{gap:13px;margin-bottom:22px}
 .tools label{display:flex;align-items:center;gap:10px;color:#617068;font-size:12px}
 .tools select{background:#fffdf8;border:1px solid #dce1d5;border-radius:6px;padding:8px 28px 8px 11px;font-size:13px;min-height:40px}
}
@media(max-width:360px){.header-inner .brand-lockup .logo{width:225px}.mobile-shortcuts{gap:12px}.carousel-heading>span{font-size:11px}}