﻿:root{
    --ink:var(--sf-ink);
    --muted:var(--sf-muted);
    --red:var(--sf-red);
    --cream:var(--sf-cream);
    --line:var(--sf-line);
    --serif:var(--sf-serif);
    --sans:var(--sf-sans);
}

.floating-header,
.floating-header .mega-panel{
    color:var(--sf-ink);
}

.floating-header .mega-heading h2{
    color:var(--sf-ink) !important;
    font-family:var(--sf-serif) !important;
    font-weight:400 !important;
}
html{scroll-padding-top:175px}.floating-header{position:sticky;top:12px;z-index:40;width:min(1360px,calc(100% - 32px));margin:12px auto;background:#fffaf1;border:1px solid #e4d8c8;border-radius:12px;box-shadow:0 8px 28px #41231418}.floating-header .container{width:calc(100% - 48px)}.floating-header .header-inner{min-height:82px;gap:30px}.floating-header .search-form{max-width:450px}.desktop-navigation{border-top:1px solid var(--line)}.nav-row{display:flex;align-items:center;gap:32px;min-height:49px;font-size:14px}.nav-row>a{padding:13px 0}.shop-toggle{display:flex;align-items:center;gap:20px;padding:12px 0;border:0;background:transparent;font-size:15px;font-weight:600;color:var(--red);min-height:48px}.shop-toggle span{transition:transform .2s}.shop-toggle[aria-expanded=true] span{transform:rotate(180deg)}.nav-tagline{margin-left:auto;color:#78624e;font:18px var(--serif)}.mega-panel{position:absolute;left:0;right:0;top:calc(100% + 9px);padding:28px 32px;background:#fffaf1;border:1px solid #e4d8c8;box-shadow:0 18px 40px #36211326;border-radius:12px;max-height:calc(100dvh - 185px);overflow:auto}.mega-panel[hidden]{display:none}.mega-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.mega-heading .eyebrow{display:block;font-size:12px;margin-bottom:8px}.mega-heading h2{font-size:30px;margin:0}.mega-heading>a{font-size:14px;color:var(--red);text-decoration:underline;text-underline-offset:5px}.mega-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.mega-category{padding-right:18px;border-right:1px solid var(--line)}.mega-category:last-child{border:0}.mega-category a{display:block;font-size:14px;padding:10px 0;min-height:44px}.mega-category a:hover,.nav-row>a:hover{color:var(--red);text-decoration:underline;text-underline-offset:5px}.mega-category .mega-title{font:24px/1.25 var(--serif);color:var(--red)}.mega-category p{font-size:13px;color:#74604e;line-height:1.6;min-height:42px;margin:4px 0 12px}.mobile-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:24px;width:min(390px,90vw);height:100dvh;max-height:none;max-width:none;border:0;border-radius:0 16px 16px 0;background:#fffaf1;overflow-y:auto}.mobile-drawer::backdrop{background:#28150f88}.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.drawer-top h2{font-size:27px;margin:0}.drawer-close{font-size:30px}.drawer-all{display:block;padding:22px 0;font-weight:600;color:var(--red)}.mobile-drawer details{border-block-start:1px solid var(--line)}.mobile-drawer summary{padding:18px 2px;font-size:16px;font-weight:500;cursor:pointer}.mobile-drawer details p{font-size:14px;margin:0 0 10px}.mobile-drawer details a{display:block;padding:11px 12px;font-size:15px;min-height:44px}.drawer-links{display:grid;gap:4px;border-block:1px solid var(--line);margin-top:20px;padding:16px 0}.drawer-links a{padding:10px 0;font-size:16px}.mobile-drawer .drawer-tagline{font:25px/1.4 var(--serif);color:var(--red);margin:28px 0 0}body.drawer-open{overflow:hidden}.floating-header :focus-visible,.mobile-drawer :focus-visible{outline:3px solid #aa6a25;outline-offset:4px}.skip:focus{position:relative;z-index:50;background:white}
@media(max-width:1000px){.nav-tagline{display:none}.mega-columns{gap:18px}.mega-panel{padding:24px}.mega-category .mega-title{font-size:22px}}
@media(max-width:800px){html{scroll-padding-top:160px}.floating-header{top:6px;width:calc(100% - 16px);margin:8px auto;border-radius:10px}.floating-header .container{width:calc(100% - 24px)}.floating-header .header-inner{min-height:80px;gap:5px;flex-wrap:wrap;padding:10px 0}.floating-header .mobile-menu{display:grid}.floating-header .brand strong{font-size:29px}.floating-header .brand small{font-size:8px}.floating-header .header-actions{margin-left:auto;gap:0}.floating-header .header-actions .icon{min-width:40px;width:40px}.floating-header .search-form{order:5;width:100%;max-width:none;margin:6px 0 0;padding:8px 12px}.floating-header .search-form kbd{display:none}.desktop-navigation{display:none}}
@media(prefers-reduced-motion:reduce){.shop-toggle span{transition:none}}
/* Edge-to-edge header with aligned, readable content rather than an inset pill. */
.floating-header{top:0;width:100%;margin:0;border:0;border-bottom:1px solid #e4d8c8;border-radius:0;box-shadow:0 5px 22px #41231414}
.floating-header .container{width:min(1280px,calc(100% - 64px))}
.floating-header .mega-panel{top:100%;left:0;right:0;border-radius:0 0 12px 12px;border-width:1px 0;padding-inline:max(32px,calc((100% - 1280px)/2))}
@media(max-width:800px){.floating-header{top:0;width:100%;margin:0;border-radius:0}.floating-header .container{width:calc(100% - 28px)}}
/* Override legacy Smithika mega-menu positioning. */
.sf-floating-header .sf-shop-mega.mega-panel{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    z-index:39 !important;
    width:auto !important;
}
