header{margin:12px 2% 0;border:1px solid #c7b89f80;border-radius:24px;height:88px;padding:12px 2.5%;background:#f4efe5ed;box-shadow:0 8px 35px #412b2110;top:12px;gap:22px}header nav{gap:8px;align-items:center}header nav a{padding:12px 16px;border-radius:50px;font-size:12px;transition:background .3s,color .3s}header nav a:hover{background:#e1d2b9}header nav a:after{display:none}.wordmark{font-size:48px}header .nav-lab{display:flex;align-items:center;gap:12px;background:var(--brown);color:var(--cream);border:1px solid #8e6a43;border-radius:50px;padding:10px 20px;box-shadow:0 4px 15px #412b2120;transition:background .3s,box-shadow .3s,transform .3s;font-size:12px;text-align:left}header .nav-lab:hover{background:#61432e;color:var(--cream);transform:translateY(-2px);box-shadow:0 0 0 4px #b8905818,0 8px 20px #412b2125}.nav-lab small{display:block;font-size:8px;letter-spacing:.5px;color:#dcc5a7;margin-top:4px}.lab-nav-icon{display:grid;place-items:center;font-size:26px;color:#d9b17d;animation:nav-orbit 12s linear infinite}.bag{border:1px solid #bca98d;border-radius:50px;padding:13px 18px;white-space:nowrap}.bag span{padding-left:12px}html{scroll-padding-top:125px}#mobile-nav{border:1px solid #d4c3a8;border-radius:18px;margin:12px 3%;top:86px;box-shadow:0 15px 45px #412b2130}#mobile-nav .nav-lab{display:flex;gap:15px;align-items:center;background:var(--brown);color:var(--cream);padding:16px 20px;border-radius:14px;width:100%;margin:12px 0}.mobile-menu{border:1px solid #c3b296;border-radius:50px;padding:12px 18px}@keyframes nav-orbit{to{rotate:360deg}}@media(max-width:1100px) and (min-width:601px){header{gap:10px;padding:12px 2%;margin-left:1%;margin-right:1%}header nav a{padding:10px;font-size:10px}header .nav-lab{padding:10px 12px;font-size:11px;gap:7px}.wordmark{font-size:40px}.bag{font-size:11px;padding:12px}.lab-nav-icon{font-size:22px}}@media(max-width:600px){header{height:70px;margin:10px 3% 0;top:10px;border-radius:18px;padding:10px 5%}.wordmark{font-size:40px}html{scroll-padding-top:105px}}

.wordmark{display:block;width:145px;flex:0 0 145px;line-height:0}.wordmark img{display:block;width:100%;height:auto;max-height:48px;object-fit:contain}.footer-brand img{display:block;width:min(86vw,1160px);height:auto;margin:12px 0 8px}@media(max-width:1100px) and (min-width:601px){.wordmark{width:122px;flex-basis:122px}}@media(max-width:600px){.wordmark{width:112px;flex-basis:112px}}

/* ROTT navigation inspired by SpoiledChild: centered identity, light line icons, clear shop path. */
.rott-header{position:sticky;top:0;z-index:30;display:block;height:104px;margin:10px 2% 0;padding:0;border:1px solid #c7b89f80;border-radius:22px;background:rgba(248,244,235,.94);backdrop-filter:blur(18px);box-shadow:0 8px 35px #412b2110}
.rott-header .wordmark{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:132px;flex:none;z-index:2}
.rott-header .wordmark img{max-height:38px}
.rott-header .nav-utility{position:absolute;top:0;bottom:0;display:flex;align-items:center;gap:10px;z-index:3}
.rott-header .nav-utility-left{left:20px}
.rott-header .nav-utility-right{right:20px;gap:14px}
.rott-header .icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:#2b2017;cursor:pointer;transition:background .2s,transform .2s}
.rott-header .icon-button:hover{background:#e9dfcf;transform:translateY(-1px)}
.rott-header .icon-button svg,.site-search-field svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rott-header .mobile-menu{display:inline-flex;min-width:42px;min-height:42px;border:0;background:transparent}
.rott-header .icon-close{display:none}
.rott-header .mobile-menu[aria-expanded="true"] .icon-menu{display:none}
.rott-header .mobile-menu[aria-expanded="true"] .icon-close{display:block}
.rott-header .primary-nav{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;gap:2px;align-items:center;justify-content:center;white-space:nowrap}
.rott-header .primary-nav>a,.rott-header .primary-nav .shop-nav>summary{padding:8px 13px;border-radius:30px;font-size:11px}
.rott-header .primary-nav .shop-nav>summary{list-style:none;cursor:pointer}
.rott-header .primary-nav .shop-nav>summary::-webkit-details-marker{display:none}
.rott-header .nav-utility-right .nav-buy{min-height:40px;padding:0 17px;font-size:11px}
.rott-header .bag{position:relative;width:auto;min-width:42px;border:0;padding:0 5px}
.rott-header .bag-label{font-size:11px}
.rott-header .bag-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:50%;background:#c49a65;color:#24190f;font-size:9px}
#mobile-nav{position:fixed;z-index:40;top:122px;left:2%;right:auto;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 145px);overflow:auto;display:grid;gap:3px;padding:15px;border:1px solid #d4c3a8;border-radius:19px;background:#f7f2e9;box-shadow:0 20px 60px #24190f2e;animation:nav-panel-in .22s ease-out}
#mobile-nav[hidden]{display:none}
#mobile-nav>a,#mobile-nav>button{display:flex;align-items:center;min-height:46px;padding:11px 13px;border:0;border-radius:12px;background:transparent;color:var(--brown);font-size:13px;text-align:left}
#mobile-nav>a:hover,#mobile-nav>button:hover{background:#e9dfcf}
#mobile-nav .mobile-buy{display:flex!important;justify-content:space-between;margin-top:5px;background:var(--brown);color:var(--cream)}
#mobile-nav .bag{display:none}
.site-search-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 32px));height:max-content;max-height:calc(100dvh - 32px);padding:26px;border:1px solid #d4c3a8;border-radius:22px;background:#f7f2e9;color:var(--brown);box-shadow:0 24px 90px #21190e3d}
.site-search-dialog::backdrop{background:#21190e66;backdrop-filter:blur(5px)}
.site-search-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.site-search-head h2{margin:0;font:500 clamp(28px,6vw,42px) Manrope,sans-serif;letter-spacing:-2px}
.site-search-head button{width:42px;height:42px;border:1px solid #c8b89e;border-radius:50%;background:transparent;font-size:27px;line-height:1;color:var(--brown);cursor:pointer}
.site-search-dialog form>label{display:block;margin-bottom:9px;font-size:11px;color:#6e5a43}
.site-search-field{display:flex;align-items:center;gap:8px;border-bottom:1px solid #8f7656}
.site-search-field input{flex:1;min-width:0;height:52px;border:0;outline:0;background:transparent;color:var(--brown);font:inherit;font-size:16px}
.site-search-field button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--brown);color:var(--cream);cursor:pointer}
.site-search-dialog form>p{margin:14px 0 0;color:#776550;font-size:11px;line-height:1.6}
@keyframes nav-panel-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px) and (min-width:761px){.rott-header .primary-nav>a,.rott-header .primary-nav .shop-nav>summary{padding:8px 9px;font-size:10px}.rott-header .nav-utility-left{left:12px}.rott-header .nav-utility-right{right:12px;gap:8px}.rott-header .nav-utility-right .nav-buy{padding:0 12px}.rott-header .wordmark{width:116px}.rott-header .primary-nav{bottom:4px}}
@media(max-width:760px){.rott-header{height:70px;margin:8px 3% 0;border-radius:18px}.rott-header .wordmark{top:50%;width:105px;transform:translate(-50%,-50%)}.rott-header .wordmark img{max-height:35px}.rott-header .nav-utility-left{left:8px;gap:0}.rott-header .nav-utility-right{right:8px;gap:0}.rott-header .mobile-menu{display:inline-flex;width:40px;height:42px;min-width:40px;padding:0}.rott-header .primary-nav,.rott-header .nav-utility-right .nav-buy{display:none!important}.rott-header .bag{display:inline-flex!important;width:42px;min-width:42px;padding:0}.rott-header .bag-label{display:none}.rott-header .bag-count{position:absolute;top:1px;right:0;width:16px;min-width:16px;height:16px;padding:0;font-size:8px}#mobile-nav{top:88px;left:3%;right:3%;width:auto;max-height:calc(100dvh - 108px)}.site-search-dialog{padding:21px}.site-search-field input{font-size:15px}}
@media(prefers-reduced-motion:reduce){#mobile-nav{animation:none}}
@media(max-width:760px) and (min-width:381px){.rott-header .nav-utility-right .nav-buy{display:inline-flex!important;min-height:34px;padding:0 10px;font-size:10px;gap:4px}.rott-header .nav-utility-right{gap:3px}}
@media(max-width:380px){.rott-header .nav-utility-right .nav-buy{display:none!important}}
.rott-header .primary-nav .shop-nav>summary{display:flex;align-items:center;gap:5px}
.rott-header .primary-nav .shop-nav>summary span{margin-left:0}
