/* v7: custom header + wordmark */
.sp-wordmark{font-family:'Fredoka',ui-rounded,system-ui,sans-serif;font-weight:600;color:#1E4634;letter-spacing:-.015em;line-height:1;display:inline-flex;align-items:flex-end;padding-top:.55em}
.sp-wordmark__i{position:relative;display:inline-block}
.sp-wordmark .sp-sprig,.spx-foot__i .sp-sprig,.sp-logo__i .sp-sprig{position:absolute!important;left:50%!important;bottom:50%!important;width:.7em!important;height:.91em!important;max-width:none!important;max-height:none!important;transform:translateX(-50%)!important;overflow:visible;color:currentColor}
.spx-foot__i .sp-sprig{color:#FFFCF6}
.spx-ann{background:#14342A;color:#E9F2EA;height:38px;overflow:hidden;position:relative;font-size:13.5px;font-weight:600;letter-spacing:.01em}
.spx-ann__track span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;animation:spx-ann 12s infinite}
.spx-ann__track span:nth-child(2){animation-delay:4s}
.spx-ann__track span:nth-child(3){animation-delay:8s}
@keyframes spx-ann{0%{opacity:0;transform:translateY(6px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.spx-ann__track span{animation:none}.spx-ann__track span:first-child{opacity:1}}
.spx-head{background:#F7F1E5;padding:12px 14px}
.spx-head__bar{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.spx-head__logo{text-decoration:none;display:inline-flex;font-size:31px}
.spx-head__logo:hover{text-decoration:none}
.spx-head__nav{display:none;gap:28px}
.spx-head__nav a{color:#1E4634;text-decoration:none;font-weight:600;font-size:16px}
.spx-head__nav a:hover{color:#6FA47F}
.spx-head__pill{display:flex;align-items:center;gap:4px;background:#E3EEE4;border-radius:999px;padding:5px}
.spx-head__shop{background:#1E4634;color:#fff!important;text-decoration:none;font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:15px;padding:10px 16px;border-radius:999px;white-space:nowrap}
.spx-head__shop:hover{background:#14342A}
.spx-head__icon{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:transparent;border:0;color:#1E4634;cursor:pointer;text-decoration:none}
.spx-head__icon:hover{background:#D5E6D8}
.spx-head__count{position:absolute;top:4px;right:3px;min-width:18px;height:18px;border-radius:9px;background:#F07D63;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px}
@media (min-width:990px){.spx-head{padding:16px 24px}.spx-head__nav{display:flex}.spx-head__menu{display:none}.spx-head__logo{font-size:34px}}
@media (max-width:359px){.spx-head__shop{display:none}}
.spx-drawer{position:fixed;inset:0;z-index:100;background:#F7F1E5;padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px;transform:translateX(100%);transition:transform .25s ease}
.spx-drawer.is-open{transform:none}
.spx-drawer__top{display:flex;align-items:center;justify-content:space-between}
.spx-drawer__nav{display:flex;flex-direction:column;margin-top:10px;flex:1}
.spx-drawer__nav a{font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:34px;color:#1E4634;text-decoration:none;padding:12px 0;border-bottom:1px solid #E4DBCB}
.spx-drawer .spx-mini{justify-content:center}
.spo-bar{z-index:90}
