/* Slippy Witch icon-only navigation refresh */
.refreshed-header{
  min-height:68px;
  height:auto;
  padding:6px clamp(18px,4vw,64px);
  display:flex;
  align-items:center;
  gap:18px;
  background:rgba(255,253,248,.97);
  border-bottom:1px solid rgba(64,38,75,.10);
  box-shadow:0 8px 24px rgba(50,35,45,.04);
  transition:box-shadow .2s ease,background .2s ease,padding .2s ease;
  z-index:80;
  overflow:visible;
}
.refreshed-header .refresh-header-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;text-decoration:none;height:46px}
.refreshed-header .header-mascot{width:46px;height:46px;object-fit:contain}
.refreshed-header .header-wordmark{width:112px;height:46px;object-fit:contain}
.refresh-nav{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:9px;width:auto;min-width:0;flex-wrap:nowrap;overflow:visible}
.refresh-nav-control{position:relative;width:52px;height:52px;flex:0 0 52px;display:inline-flex;align-items:center;justify-content:center;padding:6px;border:1px solid transparent;border-radius:14px;color:var(--ink);background:transparent;text-decoration:none;line-height:1;overflow:visible}
.refresh-nav-control:hover,.refresh-nav-control:focus-visible{background:#fff8ee;border-color:var(--line);outline:2px solid rgba(64,38,75,.12);outline-offset:2px}
.refresh-nav-control img{display:block;width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;object-fit:contain;flex:0 0 36px}
.refresh-nav-recipe img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;flex-basis:40px}
.refresh-nav-language,.refresh-nav-admin{border-color:transparent!important;background:transparent!important}
.refresh-nav-logout{border-color:#e3c6bb;background:#fff3ed}

/* Header tooltips render below the fixed/sticky bar. */
.refresh-nav-control[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%,-3px);z-index:9999;padding:7px 10px;border-radius:9px;background:var(--plum);color:#fff;font-size:.74rem;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 9px 24px rgba(50,35,45,.24);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s ease}
.refresh-nav-control[data-tooltip]::before{content:"";position:absolute;left:50%;top:calc(100% + 3px);transform:translateX(-50%);z-index:9999;border:5px solid transparent;border-bottom-color:var(--plum);opacity:0;visibility:hidden}
.refresh-nav-control:hover::after,.refresh-nav-control:focus-visible::after,.refresh-nav-control:hover::before,.refresh-nav-control:focus-visible::before{opacity:1;visibility:visible}
.refresh-nav-control:hover::after,.refresh-nav-control:focus-visible::after{transform:translate(-50%,0)}

.home-page .refreshed-header{position:sticky;top:0}
.home-page .refreshed-header:not(.is-stuck){background:#fffdf8;box-shadow:none}
.home-page .refreshed-header:not(.is-stuck) .refresh-header-brand{display:none}
.home-page .refreshed-header:not(.is-stuck) .refresh-nav{margin-left:auto;justify-content:flex-end}
.home-page .refreshed-header.is-stuck{box-shadow:0 12px 32px rgba(50,35,45,.12);padding-top:5px;padding-bottom:5px}
.home-page .home-brand-banner{position:relative;z-index:1}

/* Floating tooltip shared by all homepage icon-only discovery controls. */
.taxonomy-browse-item,.region-icon-item,.season-icon-item,.holiday-icon-item{position:relative;overflow:visible}
.taxonomy-browse-item[data-tooltip]::after,.region-icon-item[data-tooltip]::after,.season-icon-item[data-tooltip]::after,.holiday-icon-item[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);z-index:9999;padding:7px 10px;border-radius:9px;background:var(--plum);color:#fff;font-size:.74rem;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 10px 26px rgba(50,35,45,.26);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s ease}
.taxonomy-browse-item[data-tooltip]::before,.region-icon-item[data-tooltip]::before,.season-icon-item[data-tooltip]::before,.holiday-icon-item[data-tooltip]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);transform:translateX(-50%);z-index:9999;border:6px solid transparent;border-top-color:var(--plum);opacity:0;visibility:hidden}
.taxonomy-browse-item:hover::after,.taxonomy-browse-item:focus-visible::after,.region-icon-item:hover::after,.region-icon-item:focus-visible::after,.season-icon-item:hover::after,.season-icon-item:focus-visible::after,.holiday-icon-item:hover::after,.holiday-icon-item:focus-visible::after,.taxonomy-browse-item:hover::before,.taxonomy-browse-item:focus-visible::before,.region-icon-item:hover::before,.region-icon-item:focus-visible::before,.season-icon-item:hover::before,.season-icon-item:focus-visible::before,.holiday-icon-item:hover::before,.holiday-icon-item:focus-visible::before{opacity:1;visibility:visible}
.taxonomy-browse-item:hover::after,.taxonomy-browse-item:focus-visible::after,.region-icon-item:hover::after,.region-icon-item:focus-visible::after,.season-icon-item:hover::after,.season-icon-item:focus-visible::after,.holiday-icon-item:hover::after,.holiday-icon-item:focus-visible::after{transform:translate(-50%,0)}

/* Premium icon-only discovery strip */
.taxonomy-browse{
  position:relative;
  isolation:isolate;
  margin:24px clamp(20px,5vw,72px) 20px;
  padding:18px clamp(16px,3vw,30px);
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:12px;
  border:1px solid rgba(193,158,119,.28);
  border-radius:26px;
  background:radial-gradient(circle at 8% 18%,rgba(244,197,126,.18),transparent 25%),radial-gradient(circle at 88% 82%,rgba(151,175,123,.13),transparent 26%),linear-gradient(135deg,rgba(255,253,247,.98),rgba(255,248,237,.94));
  box-shadow:0 18px 46px rgba(70,45,55,.09),inset 0 1px 0 rgba(255,255,255,.85);
  overflow:visible
}
.taxonomy-browse::before,.taxonomy-browse::after{content:"✦";position:absolute;color:#e7a24e;font-size:18px;opacity:.7;z-index:-1}
.taxonomy-browse::before{left:18px;top:14px}.taxonomy-browse::after{right:22px;bottom:12px}
.taxonomy-browse-item{min-height:88px;display:flex;align-items:center;justify-content:center;border-radius:22px;text-decoration:none;color:var(--plum);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.taxonomy-browse-item:hover,.taxonomy-browse-item:focus-visible{transform:translateY(-3px);background:transparent;box-shadow:none;outline:none}

.taxonomy-browse-item img{width:50px;height:50px;object-fit:contain;display:block}

.taxonomy-filter-shortcuts{margin:20px clamp(20px,5vw,72px) 0;display:flex;flex-wrap:wrap;gap:10px}
.taxonomy-filter-shortcuts a{color:var(--plum);text-decoration:none}

.taxonomy-filter-shortcuts img{width:27px;height:27px;object-fit:contain}

/* Region and seasonal discovery: icon-only controls with hover/focus labels. */
.home-explore-grid{margin:30px clamp(20px,5vw,72px);display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.home-explore-panel{padding:20px;border:1px solid rgba(193,158,119,.28);border-radius:24px;background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(255,248,238,.93));box-shadow:0 14px 32px rgba(70,45,55,.06);overflow:visible}
.home-explore-panel header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}
.home-explore-panel h2{margin:.18em 0 0;font-size:clamp(1.45rem,2.4vw,2rem)}
.home-explore-panel header>a{color:#c76447;text-decoration:none;font-weight:800;font-size:.86rem;white-space:nowrap}
.region-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;overflow:visible}
.region-icon-item,.season-icon-item,.holiday-icon-item{display:grid;place-items:center;min-width:0;border-radius:18px;text-decoration:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}




.season-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible}


.holiday-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.holiday-divider::before,.holiday-divider::after{content:"";height:1px;flex:1;background:rgba(193,158,119,.28)}
.holiday-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:visible}



.home-feature-strip{margin:28px clamp(20px,5vw,72px) 38px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.home-feature-card{min-height:142px;padding:18px;display:flex;align-items:flex-start;gap:14px;border-radius:22px;border:1px solid rgba(193,158,119,.25);background:linear-gradient(145deg,#fffdf7,#fff7ed);text-decoration:none;color:var(--ink);box-shadow:0 12px 28px rgba(70,45,55,.05);transition:transform .15s ease,box-shadow .15s ease}
.home-feature-card:nth-child(2){background:linear-gradient(145deg,#fbfcf2,#f4f7e8)}.home-feature-card:nth-child(3){background:linear-gradient(145deg,#fffaf2,#fff3e5)}.home-feature-card:nth-child(4){background:linear-gradient(145deg,#fff8f4,#fff0e8)}
.home-feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(70,45,55,.08)}
.feature-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.78);border:1px solid rgba(193,158,119,.26)}
.feature-icon img{width:38px;height:38px}.feature-copy{display:grid;gap:5px}.feature-copy strong{font-family:"Fraunces",serif;font-size:1.18rem}.feature-copy small{color:var(--muted);line-height:1.42}.feature-copy em{font-style:normal;color:#c76447;font-weight:800;font-size:.8rem;margin-top:5px}

.newsletter-copy .eyebrow{display:inline-flex;align-items:center;gap:8px}.newsletter-copy .eyebrow:before{content:"";width:31px;height:31px;background:url('/assets/icons/newsletter.svg') center/contain no-repeat;flex:0 0 auto}
.home-cta .eyebrow{display:inline-flex;align-items:center;gap:7px}.home-cta .eyebrow:before{content:"";width:28px;height:28px;background:url('/assets/icons/recipe.svg') center/contain no-repeat;flex:0 0 auto}

@media(max-width:1120px){.taxonomy-browse{grid-template-columns:repeat(4,1fr)}.home-feature-strip{grid-template-columns:repeat(2,1fr)}.region-icon-grid{grid-template-columns:repeat(4,1fr)}.holiday-icon-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .refreshed-header{padding:6px 12px;gap:9px}.refreshed-header .header-mascot{width:42px;height:42px}.refreshed-header .header-wordmark{width:96px;height:42px}.refreshed-header .refresh-header-brand{height:42px}
  .refresh-nav{gap:5px}.refresh-nav-control{width:48px;height:48px;flex-basis:48px;padding:5px}.refresh-nav-control img{width:33px!important;height:33px!important;max-width:33px!important;max-height:33px!important;flex-basis:33px}.refresh-nav-recipe img{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;flex-basis:36px}
  .home-explore-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .refreshed-header{min-height:60px}.refreshed-header .header-mascot{width:36px;height:36px}.refreshed-header .header-wordmark{width:78px;height:36px}.refreshed-header .refresh-header-brand{height:36px}.refresh-nav{gap:2px}.refresh-nav-control{width:42px;height:42px;flex-basis:42px;padding:4px;border-radius:12px}.refresh-nav-control img{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important;flex-basis:29px}.refresh-nav-recipe img{width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important;flex-basis:31px}
  .taxonomy-browse{grid-template-columns:repeat(4,1fr);margin-left:14px;margin-right:14px;padding:14px 10px;gap:6px}.taxonomy-browse-item img{width:40px;height:40px}
  .home-explore-grid,.home-feature-strip{margin-left:14px;margin-right:14px}.region-icon-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:520px){
  .refreshed-header{gap:3px;padding-left:6px;padding-right:6px}.refreshed-header .header-wordmark{display:none}.refresh-nav-control{width:38px;height:38px;flex-basis:38px;padding:3px}.refresh-nav-control img{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;flex-basis:26px}.refresh-nav-recipe img{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;flex-basis:28px}.refresh-nav-control[data-tooltip]::after{font-size:.68rem}
  .taxonomy-filter-shortcuts{margin-left:14px;margin-right:14px}.taxonomy-browse{grid-template-columns:repeat(4,1fr)}.taxonomy-browse-item{min-height:64px}.taxonomy-browse-item img{width:36px;height:36px}
  .home-feature-strip{grid-template-columns:1fr}.region-icon-grid{grid-template-columns:repeat(3,1fr)}.season-icon-grid{grid-template-columns:repeat(4,1fr);gap:6px}.holiday-icon-grid{grid-template-columns:repeat(3,1fr)}
  
}
@media print{.refreshed-header,.taxonomy-browse,.taxonomy-filter-shortcuts,.home-explore-grid,.home-feature-strip{display:none!important}}

/* Mobile tooltip containment */
@media(max-width:520px){
  .refresh-nav-control[data-tooltip]::after{
    left:auto;
    right:0;
    transform:translateY(-3px);
    max-width:calc(100vw - 24px);
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .refresh-nav-control[data-tooltip]::before{
    left:auto;
    right:14px;
    transform:none;
  }

  .refresh-nav-control:hover::after,
  .refresh-nav-control:focus-visible::after{
    transform:translateY(0);
  }
}
