/* SRB header: non-critical styles. Desktop >=1200px, tablet 768-1199px (drawer), mobile <768px (drawer + bottom bar). */

/* Skip link */
.srb-skip:focus{left:16px;top:calc(var(--wp-admin--admin-bar--height,0px) + 12px);z-index:1100;padding:12px 16px;border-radius:6px;background:var(--srb-dark);color:#fff;font:600 15px/1 var(--srb-font-sans);text-decoration:none;outline:2px solid var(--srb-focus);outline-offset:2px}
#srb-content{display:block;outline:0}

/* Focus ring */
.srb-header a:focus-visible,.srb-header button:focus-visible{outline:2px solid var(--srb-focus);outline-offset:2px;border-radius:4px}
.srb-header .srb-btn:focus-visible{outline-offset:3px;border-radius:6px}

/* Overlay state: soft dark band behind white text, removed once solid */
.srb-header--overlay::before{content:"";position:absolute;z-index:-1;inset:0 0 -24px;background:linear-gradient(180deg,rgba(22,20,18,.62),rgba(22,20,18,0));pointer-events:none}
.srb-header--overlay.is-solid::before{opacity:0}

/* Compact state after 120px of scroll: visual height 80 -> 64 using transforms only, so nothing reflows */
@media (min-width:1200px){
.srb-header.is-compact{--srb-shift:-16px}
.srb-header.is-compact .srb-header__bg{transform:scaleY(.8)}
.srb-header.is-compact .srb-header__line{transform:translateY(-16px)}
.srb-header.is-compact .srb-logo,.srb-header.is-compact .srb-nav__link,.srb-header.is-compact .srb-header__actions{transform:translateY(-8px)}
.srb-header.is-compact .srb-logo__svg{transform:scale(.9);transform-origin:left center}
}

/* Nav links */
.srb-nav__link:hover,.srb-nav__link:focus{color:inherit;background:none}
.srb-nav__label{position:relative;padding:6px 0}
.srb-nav__label::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--srb-salt);transform:scaleX(0);transform-origin:left}
.srb-nav__link:hover .srb-nav__label::after,.srb-nav__link:focus-visible .srb-nav__label::after,.srb-nav__link[aria-expanded="true"] .srb-nav__label::after,.srb-nav__link[aria-current="page"] .srb-nav__label::after{transform:scaleX(1)}
.srb-nav__chevron{width:16px;height:16px;opacity:.7}
.srb-nav__link[aria-expanded="true"] .srb-nav__chevron{transform:rotate(180deg)}
.srb-nav__item--dropdown{position:relative}

/* Phone, CTA, cart */
.srb-header__phone:hover{color:inherit}
.srb-header__phone:hover .srb-phone-number{text-decoration:underline;text-decoration-color:var(--srb-salt);text-underline-offset:4px}
.srb-btn:hover,.srb-btn:focus{background:var(--srb-cta-hover);color:#fff}
.srb-btn--small{height:40px;padding:0 16px;font-size:14px}
.srb-header__cart-slot:empty{display:none}
.srb-header__cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-8px;color:inherit}
.srb-header__cart-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--srb-cta);color:#fff;font:600 11px/18px var(--srb-font-sans);text-align:center}

/* Panels (dropdown and mega-menu) */
.srb-panel{z-index:1;color:var(--srb-ink);pointer-events:none;transform:translateY(calc(var(--srb-shift) - 6px))}
.srb-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(var(--srb-shift))}
html:not(.srb-js) .srb-nav__item:focus-within>.srb-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(var(--srb-shift))}

.srb-panel--dropdown{top:100%;left:-10px;min-width:248px;padding:8px;border:1px solid var(--srb-line);border-top:0;border-radius:0 0 8px 8px;background:var(--srb-surface);box-shadow:0 18px 40px -24px rgba(22,20,18,.35)}
.srb-dropdown{margin:0;padding:0;list-style:none}
.srb-dropdown li{margin:0}
.srb-dropdown__link{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:6px;color:var(--srb-ink);font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap}
.srb-dropdown__link:hover,.srb-dropdown__link:focus-visible{background:var(--srb-salt-soft);color:var(--srb-ink)}

.srb-panel--mega{top:100%;left:0;right:0;border-bottom:1px solid var(--srb-line);background:var(--srb-surface);box-shadow:0 28px 50px -34px rgba(22,20,18,.4)}
.srb-mega{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:0 40px;max-width:var(--srb-header-max);margin:0 auto;padding:32px var(--srb-header-pad) 0}
.srb-mega__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.srb-mega__cards li{margin:0}
.srb-card{display:flex;flex-direction:column;color:var(--srb-ink);text-decoration:none}
.srb-card:hover{color:var(--srb-ink)}
.srb-card__media{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:var(--srb-salt-soft)}
.srb-card__img{display:block;width:100%;height:100%;object-fit:cover}
.srb-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--srb-ink-muted);font-size:12px;letter-spacing:.08em}
.srb-card:hover .srb-card__img,.srb-card:hover .srb-card__placeholder{transform:scale(1.03)}
.srb-card__title{margin-top:16px;font:500 24px/1.15 var(--srb-font-serif);letter-spacing:-.005em}
.srb-card__line{margin-top:6px;color:var(--srb-ink-muted);font-size:14px}
.srb-card__price{margin-top:10px;font-size:14px;font-weight:600}
.srb-mega__aside{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:4px 0 0 40px;border-left:1px solid var(--srb-line)}
.srb-mega__aside-title{margin:0;font:500 22px/1.2 var(--srb-font-serif);color:var(--srb-ink)}
.srb-mega__aside-text{margin:0;color:var(--srb-ink-muted);font-size:14px;line-height:1.55}
.srb-mega__aside .srb-btn{margin-top:8px}
.srb-mega__footer{grid-column:1/-1;display:flex;gap:32px;margin-top:28px;padding:16px 0 18px;border-top:1px solid var(--srb-line)}
.srb-textlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--srb-ink);font-size:15px;font-weight:600;text-decoration:underline;text-decoration-color:var(--srb-salt);text-decoration-thickness:1px;text-underline-offset:5px}
.srb-textlink:hover{color:var(--srb-ink)}
.srb-textlink .srb-icon{width:16px;height:16px}

/* Icon buttons, button variants */
.srb-iconbtn:hover{background:var(--srb-salt-soft);color:var(--srb-ink)}
.srb-btn--block{width:100%;height:52px;font-size:16px}
.srb-btn--outline,.srb-btn--outline:hover,.srb-btn--outline:focus{gap:8px;border:1px solid var(--srb-ink);background:var(--srb-surface);color:var(--srb-ink)}

/* Drawer (below 1200px) */
.srb-backdrop{inset:0;z-index:1090;background:rgba(22,20,18,.5);opacity:0}
.srb-drawer{top:0;right:0;bottom:0;z-index:1100;display:flex;flex-direction:column;width:min(420px,90vw);background:var(--srb-bg);color:var(--srb-ink);font:400 16px/1.4 var(--srb-font-sans);transform:translateX(100%);overscroll-behavior:contain}
.srb-drawer *,.srb-bar,.srb-bar *{box-sizing:border-box}
.srb-drawer-open .srb-drawer,.srb-drawer-open .srb-backdrop{visibility:visible}
.srb-drawer-open .srb-drawer{transform:none}
.srb-drawer-open .srb-backdrop{opacity:1}
html.srb-drawer-open,html.srb-drawer-open body{overflow:hidden}
.srb-drawer a:focus-visible,.srb-drawer button:focus-visible,.srb-bar a:focus-visible{outline:2px solid var(--srb-focus);outline-offset:-2px;border-radius:4px}
.srb-drawer__top{display:flex;flex:none;align-items:center;justify-content:space-between;height:64px;padding:0 10px 0 24px;border-bottom:1px solid var(--srb-line)}
.srb-drawer__title{font:500 22px/1 var(--srb-font-serif)}
.srb-drawer__nav{flex:1 1 auto;overflow-y:auto;padding:8px 24px}
.srb-acc,.srb-acc__panel{margin:0;padding:0;list-style:none}
.srb-acc__item{margin:0;border-bottom:1px solid var(--srb-line)}
.srb-acc__link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0;border:0;background:none;color:var(--srb-ink);font:500 17px/1.3 var(--srb-font-sans);letter-spacing:.01em;text-align:left;text-decoration:none;text-transform:none;cursor:pointer}
.srb-acc__link:hover,.srb-acc__link:focus{background:none;color:var(--srb-ink)}
.srb-acc__panel{padding:0 0 12px}
.srb-acc__panel li{margin:0}
.srb-acc__sub{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;border-radius:6px;color:var(--srb-ink);font-size:16px;text-decoration:none}
.srb-acc__sub:hover{background:var(--srb-salt-soft);color:var(--srb-ink)}
.srb-acc__price{color:var(--srb-ink-muted);font-size:14px;white-space:nowrap}
.srb-drawer__contact{flex:none;padding:8px 24px;border-top:1px solid var(--srb-line)}
.srb-drawer__contact-link{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--srb-ink);font-weight:500;text-decoration:none}
.srb-drawer__foot{flex:none;padding:12px 24px calc(16px + env(safe-area-inset-bottom,0px))}

/* Mobile: full-screen drawer and bottom action bar */
@media (max-width:767px){
.srb-drawer{width:100%}
.srb-bar{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--srb-line);background:var(--srb-bg);font-family:var(--srb-font-sans)}
.srb-bar .srb-btn{width:100%}
.srb-drawer-open .srb-bar{transform:translateY(100%)}
body.srb-has-header{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}
}

/* Landing page variant: logo + phone + CTA only */
.srb-header--landing .srb-header__inner{justify-content:space-between}


/* Motion: transform and opacity only, and only when the visitor has not asked for less */
@media (prefers-reduced-motion:no-preference){
.srb-header__bg,.srb-header__line,.srb-logo,.srb-logo__svg,.srb-nav__link,.srb-header__actions{transition:transform .24s ease,opacity .2s ease}
.srb-header--overlay::before{transition:opacity .2s ease}
.srb-nav__label::after{transition:transform .2s ease}
.srb-nav__chevron{transition:transform .18s ease}
.srb-panel{transition:opacity .18s ease-out,transform .18s ease-out,visibility 0s linear .18s}
.srb-panel.is-open{transition-delay:0s}
.srb-card__img,.srb-card__placeholder{transition:transform .4s ease}
.srb-drawer{transition:transform .24s ease,visibility 0s linear .24s}
.srb-backdrop{transition:opacity .24s ease,visibility 0s linear .24s}
.srb-drawer-open .srb-drawer,.srb-drawer-open .srb-backdrop{transition-delay:0s}
.srb-bar{transition:transform .24s ease}
}
.srb-header{transition:color .2s ease}
.srb-btn{transition:background-color .15s ease}
.srb-acc__link[aria-expanded="true"] .srb-nav__chevron{transform:rotate(180deg)}