:root{
  --sc5-white:#f8f8f5;
  --sc5-paper:#f1efe9;
  --sc5-stone:#dedbd3;
  --sc5-charcoal:#222321;
  --sc5-muted:#696a65;
  --sc5-sage:#7c8b78;
  --sc5-line:#d7d4cc;
  --sc5-shell:1460px;
  --sc5-serif:Georgia,'Times New Roman',serif;
  --sc5-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.public-theme.scandi5-ui{margin:0;background:var(--sc5-white)!important;color:var(--sc5-charcoal)!important;font-family:var(--sc5-sans)!important;-webkit-font-smoothing:antialiased}
body.public-theme.scandi5-ui a{color:inherit;text-decoration:none}
body.public-theme.scandi5-ui img{display:block;max-width:100%}
body.public-theme.scandi5-ui .content-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
.sc5-shell{width:min(calc(100% - 56px),var(--sc5-shell));margin-inline:auto}
.sc5-eyebrow{display:block;margin:0 0 18px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.sc5-eyebrow-dark{color:var(--sc5-sage)}
.sc5-text-link{display:inline-flex;align-items:center;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.03em}

.sc5-announcement{background:var(--sc5-charcoal);color:#fff}
.sc5-announcement-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.06em}
.sc5-announcement p{margin:0}
.sc5-announcement-inner>div{display:flex;gap:20px}
.sc5-announcement a{opacity:.75}
.sc5-announcement a:hover{opacity:1}

.sc5-header{position:sticky;top:0;z-index:800;background:rgba(248,248,245,.96);border-bottom:1px solid var(--sc5-line);backdrop-filter:blur(14px)}
.sc5-header-row{min-height:76px;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(280px,1fr);align-items:center;gap:28px}
.sc5-brand{display:inline-flex;align-items:center;gap:12px;justify-self:start}
.sc5-brand img{width:42px;height:42px;object-fit:contain}
.sc5-brand span{display:grid;line-height:1.1}
.sc5-brand strong{font:600 20px var(--sc5-serif);letter-spacing:-.02em}
.sc5-brand small{margin-top:4px;color:var(--sc5-muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.sc5-nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.3vw,38px)}
.sc5-nav a{position:relative;padding:28px 0 25px;font-size:12px;font-weight:600}
.sc5-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:1px;background:var(--sc5-charcoal);transition:right .2s ease}
.sc5-nav a:hover::after,.sc5-nav a.active::after{right:0}
.sc5-actions{justify-self:end;display:flex;align-items:center;gap:16px}
.sc5-icon-link,.sc5-basket{border:0;background:transparent;padding:0;font-size:11px;font-weight:650;cursor:pointer}
.sc5-basket{display:flex;align-items:center;gap:8px}
.sc5-basket b{min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;background:var(--sc5-charcoal);color:#fff;border-radius:999px;font-size:9px}
.sc5-menu{display:none;width:40px;height:40px;border:0;background:transparent;place-content:center;gap:6px;cursor:pointer}
.sc5-menu span{display:block;width:20px;height:1px;background:var(--sc5-charcoal)}

.sc5-search-overlay{position:fixed;inset:0;z-index:1200}
.sc5-search-backdrop{position:absolute;inset:0;border:0;background:rgba(34,35,33,.42);backdrop-filter:blur(3px)}
.sc5-search-panel{position:relative;background:var(--sc5-white);border-bottom:1px solid var(--sc5-line);padding:38px 0 44px}
.sc5-search-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:var(--sc5-muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.sc5-search-top button{border:0;background:transparent;color:inherit;cursor:pointer}
.sc5-search-panel form{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--sc5-charcoal)}
.sc5-search-panel input{border:0;background:transparent;outline:0;padding:12px 0 18px;font:500 clamp(32px,4vw,58px) var(--sc5-serif);color:var(--sc5-charcoal)}
.sc5-search-panel form button{border:0;background:transparent;padding:0 0 0 24px;font-weight:700;cursor:pointer}

.sc5-hero{position:relative;min-height:clamp(560px,72vw,820px);display:flex;align-items:flex-end;overflow:hidden;background:#2b2c29}
.sc5-hero-image,.sc5-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.sc5-hero-image{object-fit:cover;object-position:center 42%}
.sc5-hero-shade{background:linear-gradient(90deg,rgba(16,16,14,.64) 0%,rgba(16,16,14,.2) 48%,rgba(16,16,14,.05) 100%)}
.sc5-hero-content{position:relative;z-index:2;padding-bottom:clamp(54px,8vw,110px)}
.sc5-hero-copy{max-width:650px;color:#fff}
.sc5-hero h1{margin:0;font:500 clamp(58px,7vw,106px)/.92 var(--sc5-serif);letter-spacing:-.055em}
.sc5-hero p{max-width:520px;margin:25px 0 34px;color:rgba(255,255,255,.82);font-size:17px;line-height:1.6}
.sc5-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid currentColor;font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;transition:background .2s ease,color .2s ease}
.sc5-btn-light{background:#fff;color:var(--sc5-charcoal);border-color:#fff}
.sc5-btn-light:hover{background:transparent;color:#fff}

.sc5-categories,.sc5-products-section,.sc5-recipes,.sc5-recommended,.sc5-testimonials{padding:clamp(78px,9vw,135px) 0}
.sc5-section-intro{margin-bottom:44px}
.sc5-intro-row{display:flex;align-items:end;justify-content:space-between;gap:34px}
.sc5-section-intro h2,.sc5-philosophy h2,.sc5-editorial-caption h2,.sc5-shop-head h1{margin:0;font:500 clamp(42px,5.1vw,76px)/.98 var(--sc5-serif);letter-spacing:-.045em}
.sc5-section-intro p{max-width:420px;margin:0 0 6px;color:var(--sc5-muted);font-size:13px;line-height:1.6}

.sc5-category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.sc5-category-item figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--sc5-paper)}
.sc5-category-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.sc5-category-item:hover img{transform:scale(1.025)}
.sc5-category-item strong{display:block;margin-top:14px;font-size:13px;font-weight:650}

.sc5-minimal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.sc5-minimal-grid-small{grid-template-columns:repeat(4,minmax(0,1fr))}
.sc5-product-card{position:relative!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important;min-width:0}
.sc5-product-image{aspect-ratio:4/5;overflow:hidden;background:var(--sc5-paper);cursor:pointer}
.sc5-product-image img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .3s ease}
.sc5-product-card:hover .sc5-product-image img{transform:scale(1.025)}
.sc5-product-body{padding:14px 0 0!important;background:transparent!important}
.sc5-product-category{display:block;margin-bottom:7px!important;color:var(--sc5-muted)!important;font-size:9px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase}
.sc5-product-body h3{margin:0 0 7px!important;font:600 17px/1.3 var(--sc5-sans)!important;color:var(--sc5-charcoal)!important}
.sc5-product-body p{margin:0 0 12px!important;color:var(--sc5-muted)!important;font-size:12px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.sc5-price-row{margin-top:12px!important;padding-top:12px;border-top:1px solid var(--sc5-line);align-items:center!important}
.sc5-price-row strong{font-size:13px!important;color:var(--sc5-charcoal)!important}
.sc5-add-button{border:0;background:transparent;color:var(--sc5-charcoal);padding:3px 0;border-bottom:1px solid currentColor;font-size:10px;font-weight:700;cursor:pointer}
.sc5-add-button:hover{color:var(--sc5-sage)}

.sc5-editorial-break{position:relative;min-height:680px;overflow:hidden;background:var(--sc5-charcoal)}
.sc5-editorial-break>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.94}
.sc5-editorial-break::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,18,.7),rgba(20,20,18,.08) 60%)}
.sc5-editorial-caption{position:relative;z-index:2;width:min(calc(100% - 56px),var(--sc5-shell));margin:0 auto;padding:110px 0;color:#fff}
.sc5-editorial-caption{max-width:var(--sc5-shell)}
.sc5-editorial-caption h2{max-width:620px;color:#fff}
.sc5-editorial-caption p{max-width:480px;margin:22px 0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.65}
.sc5-editorial-caption a{display:inline-block;margin-top:10px;border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:4px;font-size:11px;font-weight:700}

.sc5-best-section{background:var(--sc5-paper)}
.sc5-index-note{color:var(--sc5-muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.sc5-best-grid{border-top:1px solid var(--sc5-line)}
.sc5-best-item{display:grid;grid-template-columns:48px 110px 1fr;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid var(--sc5-line)}
.sc5-rank{color:var(--sc5-muted);font-size:10px}
.sc5-best-image{aspect-ratio:1;overflow:hidden;background:#fff}
.sc5-best-image img{width:100%;height:100%;object-fit:contain;padding:10px}
.sc5-best-item small{display:block;margin-bottom:6px;color:var(--sc5-muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.sc5-best-item h3{margin:0 0 7px;font-size:16px}
.sc5-best-item strong{font-size:12px}

.sc5-philosophy{padding:clamp(90px,10vw,150px) 0;border-block:1px solid var(--sc5-line)}
.sc5-philosophy-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}
.sc5-philosophy p{max-width:650px;margin:34px 0;color:var(--sc5-muted);font:400 20px/1.65 var(--sc5-serif)}

.sc5-recipe-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:22px}
.sc5-recipe-item img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--sc5-paper)}
.sc5-recipe-item:first-child img{aspect-ratio:4/4.8}
.sc5-recipe-item span{display:block;margin:16px 0 8px;color:var(--sc5-muted);font-size:9px;letter-spacing:.12em}
.sc5-recipe-item h3{margin:0 0 9px;font:500 26px/1.12 var(--sc5-serif)}
.sc5-recipe-item p{margin:0;color:var(--sc5-muted);font-size:12px;line-height:1.55}

.sc5-recommended{background:#fff}
.sc5-testimonials{padding-top:0}
.sc5-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--sc5-line)}
.sc5-testimonial-grid blockquote{margin:0;padding:34px 30px 34px 0;border-bottom:1px solid var(--sc5-line)}
.sc5-testimonial-grid blockquote+blockquote{padding-left:30px;border-left:1px solid var(--sc5-line)}
.sc5-testimonial-grid p{margin:0;font:400 24px/1.42 var(--sc5-serif)}
.sc5-testimonial-grid footer{margin-top:20px;color:var(--sc5-muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}

.sc5-shop-head{padding:88px 0 54px;border-bottom:1px solid var(--sc5-line)}
.sc5-shop-head-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
.sc5-shop-head p{max-width:460px;margin:0;color:var(--sc5-muted);font-size:14px;line-height:1.7}
.sc5-shop-tools{position: static !important;
  top: auto !important;
z-index: auto !important;background:rgba(248,248,245,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--sc5-line)}
.sc5-shop-toolbar{display:grid;grid-template-columns:1.5fr .75fr .75fr;border-bottom:1px solid var(--sc5-line)}
.sc5-shop-toolbar label{display:grid;gap:8px;padding:18px 22px 18px 0}
.sc5-shop-toolbar label+label{padding-left:22px;border-left:1px solid var(--sc5-line)}
.sc5-shop-toolbar span{color:var(--sc5-muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.sc5-shop-toolbar input,.sc5-shop-toolbar select{width:100%;border:0;background:transparent;outline:0;padding:0;color:var(--sc5-charcoal);font:500 14px var(--sc5-sans)}
.sc5-shop-category-nav{display:flex;gap:28px;overflow-x:auto;padding:14px 0;scrollbar-width:none}
.sc5-shop-category-nav a{flex:0 0 auto;color:var(--sc5-muted);font-size:11px}
.sc5-shop-category-nav a.active{color:var(--sc5-charcoal);font-weight:700}
.sc5-shop-products{padding:46px 0 100px}
.sc5-shop-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:var(--sc5-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.sc5-shop-meta p{margin:0;text-transform:none;letter-spacing:0}
.sc5-shop-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:46px 24px!important}
.sc5-pager{margin-top:50px}
.sc5-empty{padding:60px 0;border-top:1px solid var(--sc5-line)}

body.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .content-shell{width:min(calc(100% - 56px),var(--sc5-shell))!important;margin:0 auto!important;padding:68px 0 110px!important}
body.public-theme.scandi5-ui .page-header,body.public-theme.scandi5-ui .rl-page-intro{padding:10px 0 38px!important;margin:0 0 42px!important;border:0!important;border-bottom:1px solid var(--sc5-line)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
body.public-theme.scandi5-ui .page-header .eyebrow,body.public-theme.scandi5-ui .rl-kicker,body.public-theme.scandi5-ui .eyebrow{color:var(--sc5-sage)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase}
body.public-theme.scandi5-ui .page-header h1,body.public-theme.scandi5-ui .rl-page-intro h1{max-width:900px;margin:10px 0 0!important;font:500 clamp(44px,5vw,74px)/1 var(--sc5-serif)!important;letter-spacing:-.04em!important;color:var(--sc5-charcoal)!important}
body.public-theme.scandi5-ui .page-header>p:not(.eyebrow),body.public-theme.scandi5-ui .rl-page-intro>p{max-width:720px;color:var(--sc5-muted)!important;font:400 17px/1.65 var(--sc5-serif)!important}
body.public-theme.scandi5-ui .glass-panel,body.public-theme.scandi5-ui .glass-card{background:#fff!important;border:1px solid var(--sc5-line)!important;box-shadow:none!important;border-radius:0!important}
body.public-theme.scandi5-ui .btn{border-radius:0!important;font-weight:700!important}.public-theme .btn.primary{background:var(--sc5-charcoal)!important;color:#fff!important;border-color:var(--sc5-charcoal)!important}.public-theme .btn.primary:hover{background:var(--sc5-sage)!important;border-color:var(--sc5-sage)!important}
body.public-theme.scandi5-ui input,body.public-theme.scandi5-ui select,body.public-theme.scandi5-ui textarea{border-radius:0!important;background:#fff!important;border-color:var(--sc5-line)!important;color:var(--sc5-charcoal)!important}
.public-theme .recipe-card,.public-theme .book-card,.public-theme .review-card{border-radius:0!important;box-shadow:none!important}
.public-theme .recipe-card>img{aspect-ratio:4/3;object-fit:cover}.public-theme .bookstore-security-note,.public-theme .bookstore-steps{background:var(--sc5-paper)!important;border-radius:0!important}.public-theme .book-format-badge{background:var(--sc5-charcoal)!important;color:#fff!important}
.public-theme .toolbar{background:#fff!important;border:1px solid var(--sc5-line)!important;border-radius:0!important}

.sc5-footer{background:#eceae4;border-top:1px solid var(--sc5-line);padding:72px 0 24px}
.sc5-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding-bottom:62px;border-bottom:1px solid var(--sc5-line)}
.sc5-newsletter span,.sc5-footer-main small{color:var(--sc5-muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sc5-newsletter h2{margin:10px 0 8px;font:500 42px/1.05 var(--sc5-serif)}
.sc5-newsletter p{margin:0;color:var(--sc5-muted);font-size:12px}
.sc5-newsletter form{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--sc5-charcoal)}
.sc5-newsletter input{border:0;background:transparent;outline:0;padding:14px 0}
.sc5-newsletter button{border:0;background:transparent;font-weight:700;cursor:pointer}
.sc5-footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px;padding:52px 0}
.sc5-footer-main>div{display:grid;align-content:start;gap:12px}
.sc5-footer-main a{color:var(--sc5-muted);font-size:12px}.sc5-footer-main a:hover{color:var(--sc5-charcoal)}
.sc5-footer-brand{display:flex!important;grid-template-columns:auto 1fr;gap:16px!important;align-items:start}.sc5-footer-brand img{width:50px;height:50px;object-fit:contain}.sc5-footer-brand p{max-width:320px;margin:4px 0 0;color:var(--sc5-muted);font-size:12px;line-height:1.6}
.sc5-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid var(--sc5-line);color:var(--sc5-muted);font-size:9px}

body.public-theme.scandi5-ui .float-action{border-radius:0!important;background:var(--sc5-charcoal)!important;color:#fff!important;border:0!important;box-shadow:0 10px 30px rgba(0,0,0,.12)!important}
body.public-theme.scandi5-ui .quick-cart-drawer,body.public-theme.scandi5-ui .chat-panel{border-radius:0!important}

@media (max-width:1100px){
  .sc5-header-row{grid-template-columns:1fr auto}.sc5-nav{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);padding:110px 34px 40px;background:var(--sc5-white);flex-direction:column;align-items:flex-start;justify-content:flex-start;transform:translateX(105%);transition:transform .25s ease;border-left:1px solid var(--sc5-line);z-index:900}.sc5-nav a{padding:10px 0;font-size:22px;font-family:var(--sc5-serif)}body.sc5-menu-open .sc5-nav{transform:translateX(0)}.sc5-menu{display:grid;z-index:910}
  .sc5-category-row{grid-template-columns:repeat(3,1fr)}.sc5-minimal-grid,.sc5-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sc5-recipe-grid{grid-template-columns:1fr 1fr}.sc5-recipe-item:first-child{grid-row:span 2}.sc5-philosophy-grid{grid-template-columns:1fr;gap:25px}.sc5-testimonial-grid{grid-template-columns:1fr}.sc5-testimonial-grid blockquote+blockquote{padding-left:0;border-left:0}.sc5-newsletter{grid-template-columns:1fr;gap:36px}
}

@media (max-width:760px){
  .sc5-shell,body.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .content-shell{width:min(calc(100% - 28px),var(--sc5-shell))!important}
  .sc5-announcement{display:none}.sc5-header-row{min-height:68px}.sc5-brand img{width:36px;height:36px}.sc5-brand strong{font-size:17px}.sc5-brand small{display:none}.sc5-actions{gap:12px}.sc5-actions>.sc5-icon-link{display:none}.sc5-basket{font-size:10px}
  .sc5-hero{min-height:670px;align-items:flex-end}.sc5-hero-image{object-position:56% center}.sc5-hero-shade{background:linear-gradient(0deg,rgba(15,15,13,.7) 0%,rgba(15,15,13,.15) 70%)}.sc5-hero-content{padding-bottom:52px}.sc5-hero h1{font-size:58px}.sc5-hero p{font-size:15px;max-width:390px}
  .sc5-categories,.sc5-products-section,.sc5-recipes,.sc5-recommended,.sc5-testimonials{padding:72px 0}.sc5-intro-row{align-items:flex-start;flex-direction:column}.sc5-section-intro h2,.sc5-philosophy h2,.sc5-editorial-caption h2,.sc5-shop-head h1{font-size:44px}
  .sc5-category-row{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;scrollbar-width:none}.sc5-category-item{flex:0 0 64vw;scroll-snap-align:start}
  .sc5-minimal-grid,.sc5-minimal-grid-small,.sc5-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 12px!important}.sc5-product-image img{padding:13px}.sc5-product-body h3{font-size:15px!important}.sc5-product-body p{display:none}.sc5-price-row{align-items:flex-start!important;gap:8px;flex-direction:column}.sc5-add-button{font-size:9px}
  .sc5-editorial-break{min-height:560px}.sc5-editorial-caption{width:min(calc(100% - 28px),var(--sc5-shell));padding:72px 0}.sc5-editorial-break::after{background:linear-gradient(0deg,rgba(20,20,18,.72),rgba(20,20,18,.08) 75%)}
  .sc5-best-item{grid-template-columns:34px 78px 1fr;gap:14px}.sc5-philosophy{padding:76px 0}.sc5-philosophy p{font-size:18px}
  .sc5-recipe-grid{grid-template-columns:1fr}.sc5-recipe-item:first-child{grid-row:auto}.sc5-recipe-item:first-child img,.sc5-recipe-item img{aspect-ratio:4/3}
  .sc5-shop-head{padding:58px 0 34px}.sc5-shop-head-grid{grid-template-columns:1fr;gap:24px}.sc5-shop-tools{position:static}.sc5-shop-toolbar{grid-template-columns:1fr}.sc5-shop-toolbar label{padding:14px 0}.sc5-shop-toolbar label+label{padding-left:0;border-left:0;border-top:1px solid var(--sc5-line)}.sc5-shop-category-nav{gap:20px}.sc5-shop-meta{align-items:flex-start;flex-direction:column;gap:5px}
  .sc5-newsletter{padding-bottom:46px}.sc5-newsletter h2{font-size:34px}.sc5-footer-main{grid-template-columns:1fr 1fr}.sc5-footer-brand{grid-column:span 2}.sc5-footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}
}

@media (max-width:480px){
  .sc5-minimal-grid,.sc5-minimal-grid-small,.sc5-shop-grid{grid-template-columns:1fr!important}.sc5-category-item{flex-basis:78vw}.sc5-testimonial-grid p{font-size:21px}.sc5-footer-main{grid-template-columns:1fr}.sc5-footer-brand{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* =====================================================================
   RSH5 editorial polish pass - 2026-09-17
   Tightens desktop rhythm, fixes legacy app-shell interference, makes
   product cards image-led and adds refined micro-interaction states.
   ===================================================================== */

/* The legacy application shell reserves desktop sidebar space even on public
   pages. The public storefront has its own header and must use the full width. */
body.site.public-theme.scandi5-ui .app-shell{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
body.site.public-theme.scandi5-ui .content-shell{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:visible!important;
}

/* Slightly wider editorial canvas, with sensible gutters. */
body.public-theme.scandi5-ui{--sc5-shell:1320px}
.sc5-shell{width:min(calc(100% - 64px),var(--sc5-shell))}

/* Refined header motion. */
.sc5-header-row,.sc5-brand img,.sc5-nav a{transition:min-height .22s ease,width .22s ease,height .22s ease,padding .22s ease,color .2s ease}
body.sc5-header-compact .sc5-header-row{min-height:64px}
body.sc5-header-compact .sc5-brand img{width:36px;height:36px}
body.sc5-header-compact .sc5-nav a{padding-top:22px;padding-bottom:21px}
body.sc5-header-compact .sc5-nav a::after{bottom:14px}

/* Hero: full-width, less oversized, stronger reading zone. */
.sc5-hero{min-height:clamp(520px,61vw,720px)!important}
.sc5-hero-image{object-position:center 45%!important;transition:transform 7s cubic-bezier(.2,.65,.25,1)}
.sc5-hero:hover .sc5-hero-image{transform:scale(1.012)}
.sc5-hero-shade{background:linear-gradient(90deg,rgba(16,16,14,.72) 0%,rgba(16,16,14,.42) 35%,rgba(16,16,14,.12) 68%,rgba(16,16,14,.03) 100%)!important}
.sc5-hero-content{padding-bottom:clamp(48px,6vw,82px)!important}
.sc5-hero-copy{max-width:610px}
.sc5-hero h1{font-size:clamp(54px,6.2vw,88px)!important;line-height:.94!important}
.sc5-hero p{margin:20px 0 28px!important;font-size:15px!important;max-width:500px}

/* A tighter, more intentional page rhythm. */
.sc5-categories{padding:72px 0 78px!important}
.sc5-products-section{padding:76px 0 82px!important}
.sc5-recipes{padding:78px 0 84px!important}
.sc5-recommended{padding:76px 0 78px!important}
.sc5-testimonials{padding:58px 0 64px!important}
.sc5-section-intro{margin-bottom:30px!important}
.sc5-section-intro h2,.sc5-philosophy h2,.sc5-editorial-caption h2{font-size:clamp(38px,4.1vw,58px)!important;line-height:1!important}
.sc5-section-intro .sc5-eyebrow,.sc5-philosophy .sc5-eyebrow{margin-bottom:13px}

/* Categories: consistent photography, less vertical stretch. */
.sc5-category-row{gap:18px!important}
.sc5-category-item figure{aspect-ratio:5/4!important;background:#ece9e1!important}
.sc5-category-item img{object-fit:cover!important}
.sc5-category-item strong{margin-top:11px!important;font-size:12px!important}
.sc5-category-item{transition:transform .24s ease}
.sc5-category-item:hover{transform:translateY(-3px)}

/* Product cards: override legacy !important image sizing and eliminate the
   tall empty image wells visible in the previous build. */
body.site.public-theme.scandi5-ui .sc5-minimal-grid,
body.site.public-theme.scandi5-ui .sc5-shop-grid{
  align-items:start!important;
}
body.site.public-theme.scandi5-ui .sc5-product-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  transform:none!important;
  transition:transform .24s ease!important;
}
body.site.public-theme.scandi5-ui .sc5-product-card:hover{transform:translateY(-4px)!important;box-shadow:none!important}
body.site.public-theme.scandi5-ui .sc5-product-image{
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#f0ede5!important;
}
body.site.public-theme.scandi5-ui .sc5-product-image img,
body.site.public-theme.scandi5-ui .sc5-product-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:18px!important;
  border-radius:0!important;
  background:transparent!important;
}
body.site.public-theme.scandi5-ui .sc5-product-body{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  padding:14px 0 0!important;
}
body.site.public-theme.scandi5-ui .sc5-product-body h3{min-height:0!important;margin:0 0 7px!important;font-size:15px!important;line-height:1.3!important}
body.site.public-theme.scandi5-ui .sc5-product-body p{min-height:0!important;margin:0 0 10px!important;font-size:11px!important;line-height:1.5!important;-webkit-line-clamp:2!important}
body.site.public-theme.scandi5-ui .sc5-price-row{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:10px!important;
  padding-top:10px!important;
}
body.site.public-theme.scandi5-ui .sc5-add-button{width:auto!important;min-height:0!important;padding:3px 0!important;background:transparent!important;color:var(--sc5-charcoal)!important;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;transition:color .18s ease,transform .18s ease!important}
body.site.public-theme.scandi5-ui .sc5-add-button:hover{color:var(--sc5-sage)!important;transform:translateX(2px)}
body.site.public-theme.scandi5-ui .sc5-add-button.sc5-added{color:var(--sc5-sage)!important}

/* Large editorial image no longer consumes an entire screen. */
.sc5-editorial-break{min-height:500px!important}
.sc5-editorial-caption{padding:78px 0!important}
.sc5-editorial-caption p{margin:18px 0!important}

/* Best sellers: product images are now customer-facing, not admin thumbnails. */
.sc5-best-section{padding:72px 0 76px!important}
.sc5-best-item{grid-template-columns:50px 148px 1fr!important;gap:26px!important;padding:18px 0!important}
.sc5-best-image{width:148px!important;aspect-ratio:1/1!important}
.sc5-best-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;padding:12px!important;background:#fff!important;border-radius:0!important}
.sc5-best-item h3{font-size:17px!important}

/* Philosophy: compact two-column editorial block. */
.sc5-philosophy{padding:68px 0 72px!important}
.sc5-philosophy-grid{gap:70px!important;align-items:center!important}
.sc5-philosophy p{margin:0 0 24px!important;font-size:18px!important;line-height:1.55!important}

/* Recipes sit directly below their heading. */
.sc5-recipe-grid{gap:18px!important}
.sc5-recipe-item span{margin:12px 0 7px!important}
.sc5-recipe-item h3{font-size:23px!important}

/* Customer notes: remove the screen-sized blank area. */
.sc5-testimonial-grid blockquote{padding-top:26px!important;padding-bottom:26px!important}
.sc5-testimonial-grid p{font-size:20px!important;line-height:1.4!important}
.sc5-testimonial-grid footer{margin-top:15px!important}

/* Footer and newsletter continue the compact rhythm. */
.sc5-footer{padding:54px 0 20px!important}
.sc5-newsletter{gap:60px!important;padding-bottom:42px!important}
.sc5-footer-main{padding:40px 0!important}

/* Floating utilities: smaller and more refined than the legacy solid blocks. */
body.site.public-theme.scandi5-ui .float-action{
  min-height:40px!important;
  padding:9px 13px!important;
  border:1px solid rgba(34,35,33,.13)!important;
  border-radius:999px!important;
  background:rgba(248,248,245,.94)!important;
  color:var(--sc5-charcoal)!important;
  box-shadow:0 8px 24px rgba(20,20,18,.10)!important;
  backdrop-filter:blur(10px)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body.site.public-theme.scandi5-ui .float-action:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px rgba(20,20,18,.14)!important}

/* JS-driven micro animations never hide layout by default. */
.sc5-motion-target{will-change:transform,opacity}

@media (max-width:1100px){
  .sc5-shell{width:min(calc(100% - 40px),var(--sc5-shell))}
  .sc5-category-row{grid-template-columns:repeat(3,1fr)!important}
  body.site.public-theme.scandi5-ui .sc5-minimal-grid,body.site.public-theme.scandi5-ui .sc5-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sc5-best-item{grid-template-columns:44px 124px 1fr!important}.sc5-best-image{width:124px!important}
}

@media (max-width:760px){
  .sc5-shell,body.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .content-shell{width:min(calc(100% - 28px),var(--sc5-shell))!important}
  .sc5-hero{min-height:590px!important}
  .sc5-hero h1{font-size:52px!important}
  .sc5-categories,.sc5-products-section,.sc5-recipes,.sc5-recommended{padding:58px 0 62px!important}
  .sc5-testimonials{padding:46px 0 50px!important}
  .sc5-section-intro{margin-bottom:24px!important}
  .sc5-category-item{flex-basis:70vw!important}
  body.site.public-theme.scandi5-ui .sc5-minimal-grid,body.site.public-theme.scandi5-ui .sc5-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 12px!important}
  body.site.public-theme.scandi5-ui .sc5-product-image img,body.site.public-theme.scandi5-ui .sc5-product-card img{padding:12px!important}
  .sc5-editorial-break{min-height:450px!important}.sc5-editorial-caption{padding:58px 0!important}
  .sc5-best-section{padding:56px 0 60px!important}.sc5-best-item{grid-template-columns:30px 88px 1fr!important;gap:13px!important}.sc5-best-image{width:88px!important}
  .sc5-philosophy{padding:54px 0 58px!important}.sc5-philosophy-grid{gap:22px!important}.sc5-philosophy p{font-size:16px!important}
  .sc5-footer{padding-top:46px!important}
}

@media (max-width:480px){
  body.site.public-theme.scandi5-ui .sc5-minimal-grid,body.site.public-theme.scandi5-ui .sc5-shop-grid{grid-template-columns:1fr!important}
  .sc5-hero h1{font-size:46px!important}
}

@media (prefers-reduced-motion:reduce){
  .sc5-hero-image,.sc5-category-item,.sc5-product-card,.sc5-add-button,.sc5-header-row,.sc5-brand img,.sc5-nav a{transition:none!important;transform:none!important}
}

/* =====================================================================
   RSH5 screenshot correction pass - 2026-09-17
   Fixes public secondary-page layout collisions from legacy app.css.
   ===================================================================== */

/* Hero CTA must remain readable even when legacy anchor/button rules win. */
body.site.public-theme.scandi5-ui .sc5-hero .sc5-btn.sc5-btn-light{
  display:inline-flex!important;
  width:auto!important;
  min-width:116px!important;
  min-height:48px!important;
  padding:0 24px!important;
  background:#fff!important;
  border:1px solid #fff!important;
  color:#222321!important;
  -webkit-text-fill-color:#222321!important;
  font-family:var(--sc5-sans)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.05em!important;
  opacity:1!important;
  visibility:visible!important;
}
body.site.public-theme.scandi5-ui .sc5-hero .sc5-btn.sc5-btn-light:hover{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Public content pages: neutralise the legacy desktop flex/grid page header.
   This fixes headings jumping to the right or being clipped. */
body.site.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .page-header{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:0 0 30px!important;
  margin:0 0 34px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--sc5-line)!important;
  box-shadow:none!important;
}
body.site.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .page-header::after{display:none!important}
body.site.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .page-header .eyebrow{
  display:inline-flex!important;
  margin:0 0 14px!important;
}
body.site.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .page-header h1{
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin:0!important;
  color:var(--sc5-charcoal)!important;
  font:500 clamp(42px,4.4vw,64px)/1.02 var(--sc5-serif)!important;
  letter-spacing:-.04em!important;
  text-align:left!important;
  overflow:visible!important;
}
body.site.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .page-header>p:not(.eyebrow){
  display:block!important;
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin:16px 0 0!important;
  color:var(--sc5-muted)!important;
  font:400 16px/1.62 var(--sc5-serif)!important;
  text-align:left!important;
}

/* Bookstore: reduce the oversized empty hero and keep its content balanced. */
body.site.public-theme.scandi5-ui.page-bookstore .content-shell{padding-top:54px!important}
body.site.public-theme.scandi5-ui .bookstore-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;
  align-items:center!important;
  gap:42px!important;
  min-height:0!important;
  padding:34px 0!important;
  margin:0 0 34px!important;
  border:0!important;
  border-bottom:1px solid var(--sc5-line)!important;
  background:transparent!important;
  overflow:visible!important;
}
body.site.public-theme.scandi5-ui .bookstore-hero>div:first-child{max-width:780px!important}
body.site.public-theme.scandi5-ui .bookstore-hero h1{
  margin:8px 0 8px!important;
  font:500 clamp(46px,4.8vw,68px)/.98 var(--sc5-serif)!important;
  letter-spacing:-.045em!important;
}
body.site.public-theme.scandi5-ui .bookstore-hero p{max-width:690px!important;margin:0!important;font-size:15px!important;line-height:1.6!important}
body.site.public-theme.scandi5-ui .bookstore-hero-actions{margin-top:18px!important}
body.site.public-theme.scandi5-ui .bookstore-security-note{
  min-width:0!important;
  padding:18px!important;
  background:var(--sc5-paper)!important;
  border:1px solid var(--sc5-line)!important;
}
body.site.public-theme.scandi5-ui .bookstore-toolbar{margin:0 0 28px!important;padding:18px!important;background:#fff!important;border:1px solid var(--sc5-line)!important}

/* Reviews: keep the intro compact and avoid the huge blank hero panel. */
body.site.public-theme.scandi5-ui.page-reviews .review-grid{margin-bottom:28px!important}
body.site.public-theme.scandi5-ui.page-reviews .review-grid>.glass-card{padding:26px!important;min-height:0!important}
body.site.public-theme.scandi5-ui.page-reviews .glass-panel{padding:26px!important}
body.site.public-theme.scandi5-ui.page-reviews .page-header{padding:0 0 28px!important}

/* Cart: make summary usable, remove the clipped heading and stop floating cart
   controls from covering checkout inputs. */
body.site.public-theme.scandi5-ui.page-cart .content-shell{padding-top:54px!important;padding-bottom:80px!important}
body.site.public-theme.scandi5-ui.page-cart .page-header{margin-bottom:32px!important}
body.site.public-theme.scandi5-ui.page-cart .cart-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(460px,520px)!important;
  gap:22px!important;
  align-items:start!important;
}
body.site.public-theme.scandi5-ui.page-cart .cart-layout>.glass-card,
body.site.public-theme.scandi5-ui.page-cart .checkout-card{
  padding:26px!important;
  border:1px solid var(--sc5-line)!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.site.public-theme.scandi5-ui.page-cart .checkout-card{
  position:sticky!important;
  top:92px!important;
  width:100%!important;
  border-radius:0!important;
}
body.site.public-theme.scandi5-ui.page-cart .checkout-card h2,
body.site.public-theme.scandi5-ui.page-cart .cart-layout>.glass-card h2{font-size:28px!important;margin-bottom:14px!important}
body.site.public-theme.scandi5-ui.page-cart .stacked-form{gap:12px!important}
body.site.public-theme.scandi5-ui.page-cart .promo-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important}
body.site.public-theme.scandi5-ui.page-cart .quick-cart-widget{display:none!important}
body.site.public-theme.scandi5-ui.page-cart .chat-widget{right:18px!important;bottom:18px!important}

/* Floating public utilities should be compact and not dominate content. */
body.site.public-theme.scandi5-ui .chat-widget,
body.site.public-theme.scandi5-ui .quick-cart-widget{z-index:780!important}
body.site.public-theme.scandi5-ui .float-action{font-size:10px!important;min-height:40px!important;padding:9px 14px!important}

@media (max-width:980px){
  body.site.public-theme.scandi5-ui .bookstore-hero{grid-template-columns:1fr!important;gap:22px!important}
  body.site.public-theme.scandi5-ui.page-cart .cart-layout{grid-template-columns:1fr!important}
  body.site.public-theme.scandi5-ui.page-cart .checkout-card{position:static!important;top:auto!important}
}

@media (max-width:760px){
  body.site.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .content-shell{padding-top:38px!important;padding-bottom:74px!important}
  body.site.public-theme.scandi5-ui:not(.page-home):not(.page-shop) .page-header h1{font-size:clamp(36px,11vw,50px)!important}
  body.site.public-theme.scandi5-ui .bookstore-hero{padding:20px 0 28px!important}
  body.site.public-theme.scandi5-ui .bookstore-hero h1{font-size:clamp(40px,12vw,54px)!important}
  body.site.public-theme.scandi5-ui.page-cart .promo-line{grid-template-columns:1fr!important}
}

/* 2026-09-17 polish: fill empty desktop space, fix testimonial grid, improve shop/login/cart balance */
.sc5-testimonial-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
}
.sc5-testimonial-grid blockquote{
  min-width:0;
}
.sc5-testimonials .sc5-shell{
  max-width:1180px;
}

/* Shop toolbar stays useful at common desktop/tablet widths. */
.sc5-shop-toolbar{
  grid-template-columns:minmax(340px,1.55fr) minmax(220px,.75fr) minmax(220px,.75fr)!important;
}
.sc5-shop-toolbar input,
.sc5-shop-toolbar select{
  min-height:48px;
  padding:0 14px!important;
  background:#fff!important;
  border:1px solid var(--sc5-line)!important;
}
.sc5-shop-products{padding-top:28px!important;}
.sc5-shop-meta{margin-bottom:22px!important;}

/* Login: turn the oversized blank left half into a branded image panel. */
body.public-theme.scandi5-ui .auth-login-panel{
  overflow:hidden!important;
  padding:0!important;
  min-height:500px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)!important;
  gap:0!important;
  align-items:stretch!important;
}
body.public-theme.scandi5-ui .auth-login-panel .login-copy{
  position:relative!important;
  min-height:500px!important;
  padding:clamp(42px,6vw,88px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background:
    linear-gradient(180deg,rgba(20,18,16,.08),rgba(20,18,16,.64)),
    url('../img/scandi/hero-chocolate.jpg') center 47%/cover no-repeat!important;
  color:#fff!important;
}
body.public-theme.scandi5-ui .auth-login-panel .login-copy .eyebrow,
body.public-theme.scandi5-ui .auth-login-panel .login-copy h1,
body.public-theme.scandi5-ui .auth-login-panel .login-copy p{
  position:relative;z-index:1;color:#fff!important;
}
body.public-theme.scandi5-ui .auth-login-panel .login-copy h1{
  margin:8px 0 12px!important;
  font-family:var(--sc5-serif)!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}
body.public-theme.scandi5-ui .auth-login-panel .login-form-wrap{
  padding:clamp(34px,4vw,58px)!important;
  display:flex!important;
  align-items:center!important;
  background:#fff!important;
}
body.public-theme.scandi5-ui .auth-login-panel .auth-form{width:100%!important;}
body.public-theme.scandi5-ui .login-help-grid{margin-top:18px!important;}

/* Cart: remove dead white area when the basket is empty and replace it with a useful visual state. */
body.public-theme.scandi5-ui .cart-layout{
  align-items:start!important;
}
body.public-theme.scandi5-ui .cart-layout > .glass-card{
  overflow:hidden!important;
  padding:0!important;
  min-height:0!important;
}
body.public-theme.scandi5-ui .cart-layout > .glass-card > h2{
  margin:0!important;
  padding:28px 28px 0!important;
}
body.public-theme.scandi5-ui #cartItems{
  padding:14px 28px 28px!important;
}
body.public-theme.scandi5-ui .cart-empty-visual{
  position:relative;
  min-height:330px;
  display:flex;
  align-items:flex-end;
  padding:32px;
  overflow:hidden;
  background:
    linear-gradient(0deg,rgba(18,16,14,.68),rgba(18,16,14,.08)),
    url('../img/scandi/editorial-hot-chocolate.jpg') center 48%/cover no-repeat;
  color:#fff;
}
body.public-theme.scandi5-ui .cart-empty-visual h3{
  margin:0 0 8px;
  font:500 clamp(30px,3.2vw,46px)/1.02 var(--sc5-serif);
  letter-spacing:-.035em;
  color:#fff;
}
body.public-theme.scandi5-ui .cart-empty-visual p{
  margin:0 0 18px;
  max-width:46ch;
  color:rgba(255,255,255,.86)!important;
}
body.public-theme.scandi5-ui .cart-empty-visual a{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  padding:0 18px;
  background:#fff;
  color:var(--sc5-charcoal);
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
body.public-theme.scandi5-ui #cartItems:not(:empty) + .cart-empty-visual{display:none!important;}
body.public-theme.scandi5-ui .checkout-card{min-height:0!important;}

@media (max-width:980px){
  .sc5-shop-toolbar{grid-template-columns:1fr 1fr!important;}
  .sc5-shop-toolbar .sc5-shop-search{grid-column:1/-1;}
  .sc5-shop-toolbar label:nth-child(2){padding-left:0!important;border-left:0!important;}
  .sc5-shop-toolbar label:nth-child(3){border-left:1px solid var(--sc5-line)!important;}
  body.public-theme.scandi5-ui .auth-login-panel{
    grid-template-columns:1fr!important;
  }
  body.public-theme.scandi5-ui .auth-login-panel .login-copy{
    min-height:320px!important;
  }
}
@media (max-width:620px){
  .sc5-shop-toolbar{grid-template-columns:1fr!important;}
  .sc5-shop-toolbar .sc5-shop-search{grid-column:auto;}
  .sc5-shop-toolbar label{padding:12px 0!important;border-left:0!important;}
  .sc5-shop-toolbar label+label{border-top:1px solid var(--sc5-line)!important;}
  .sc5-shop-toolbar label:nth-child(3){border-left:0!important;}
  body.public-theme.scandi5-ui .auth-login-panel .login-copy{min-height:260px!important;padding:28px!important;}
  body.public-theme.scandi5-ui .auth-login-panel .login-form-wrap{padding:24px!important;}
  body.public-theme.scandi5-ui .cart-empty-visual{min-height:260px;padding:24px;}
}


/* =====================================================================
   RSH5 final layout/functionality correction pass - 2026-09-17
   Shop controls are synchronized; philosophy/recipes are compact and
   recipe content always fills the intended editorial area.
   ===================================================================== */

/* Shop: remove the oversized dead band and make the tools feel connected. */
.sc5-shop-head{padding:54px 0 34px!important;}
.sc5-shop-head-grid{align-items:center!important;}
.sc5-shop-head h1{font-size:clamp(46px,4.4vw,66px)!important;}
.sc5-shop-head p{justify-self:end!important;margin-bottom:2px!important;}
.sc5-shop-tools{
  top: auto !important;
}
.sc5-shop-category-nav a{position:relative;padding-bottom:3px;}
.sc5-shop-category-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--sc5-charcoal);transition:right .18s ease;}
.sc5-shop-category-nav a:hover::after,.sc5-shop-category-nav a.active::after{right:0;}
.sc5-shop-products{padding:28px 0 78px!important;}
.sc5-shop-meta{margin-bottom:20px!important;}

/* Philosophy: requested order is link first, explanation second. */
.sc5-philosophy{padding:54px 0 58px!important;}
.sc5-philosophy-grid{gap:50px!important;align-items:center!important;}
.sc5-philosophy-copy{display:flex;flex-direction:column;align-items:flex-start;}
.sc5-philosophy-link{order:0;margin:0 0 18px!important;}
.sc5-philosophy-copy p{order:1;margin:0!important;max-width:620px!important;}

/* Recipes: keep the action close to the photography and never leave a blank screen. */
.sc5-recipes{padding:54px 0 64px!important;}
.sc5-recipes .sc5-section-intro{margin-bottom:12px!important;}
.sc5-recipe-topline{display:flex;justify-content:flex-start;margin:0 0 22px;}
.sc5-recipe-grid{grid-template-columns:1.25fr 1fr 1fr!important;gap:18px!important;align-items:start;}
.sc5-recipe-item{display:block;min-width:0;}
.sc5-recipe-item img,.sc5-recipe-item:first-child img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;background:var(--sc5-paper)!important;}
.sc5-recipe-item:first-child img{aspect-ratio:4/3!important;}
.sc5-recipe-placeholder{opacity:.96;}
.sc5-recipe-placeholder h3{max-width:24ch;}

/* Keep testimonials compact even with only one or two entries. */
.sc5-testimonials{padding-bottom:58px!important;}
.sc5-testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;}

@media (max-width:980px){
  .sc5-shop-head{padding:44px 0 28px!important;}
  .sc5-shop-head-grid{grid-template-columns:1fr!important;gap:18px!important;}
  .sc5-shop-head p{justify-self:start!important;}
  .sc5-philosophy-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .sc5-recipe-grid{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:620px){
  .sc5-shop-head{padding:36px 0 24px!important;}
  .sc5-shop-head h1{font-size:42px!important;}
  .sc5-recipe-grid{grid-template-columns:1fr!important;}
  .sc5-recipes{padding:46px 0 52px!important;}
}

/* Shop header copy alignment - 2026-09-17 */
.sc5-shop-head-grid{grid-template-columns:1fr!important;gap:0!important;}
.sc5-shop-head p{justify-self:auto!important;max-width:520px!important;margin:18px 0 0!important;}

/* Shop hero copy final alignment - 2026-09-17 */
.sc5-shop-head-grid > div{
  display:block!important;
  width:100%!important;
}
.sc5-shop-head-grid > div > p{
  display:block!important;
  width:auto!important;
  max-width:430px!important;
  margin:20px 0 0!important;
  padding:0!important;
  justify-self:start!important;
  align-self:auto!important;
  text-align:left!important;
  transform:none!important;
  color:var(--sc5-muted)!important;
  line-height:1.6!important;
}
@media (max-width:620px){
  .sc5-shop-head-grid > div > p{
    max-width:34ch!important;
    margin-top:16px!important;
  }
}

/* Recipe image alignment fix - 2026-09-18 */
.sc5-recipe-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.sc5-recipe-item img,
.sc5-recipe-item:first-child img{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/3!important;
  height:auto!important;
  object-fit:cover!important;
}
@media (max-width:980px){
  .sc5-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:620px){
  .sc5-recipe-grid{grid-template-columns:1fr!important;}
}

/* RSH5 product quick-view: homepage/shop cards open a complete product popup. */
body.site.public-theme.scandi5-ui .sc5-product-card{cursor:pointer}
body.site.public-theme.scandi5-ui .sc5-product-card:focus-visible{outline:2px solid currentColor;outline-offset:5px}
body.site.public-theme.scandi5-ui .sc5-product-quickview .modal-card{width:min(900px,calc(100% - 24px))!important;background:#fff!important}
body.site.public-theme.scandi5-ui .sc5-product-detail{grid-template-columns:minmax(260px,380px) minmax(0,1fr)!important;gap:30px!important;align-items:center!important}
body.site.public-theme.scandi5-ui .sc5-product-detail-media{background:#f1eee7;border-radius:18px;padding:18px;display:grid;place-items:center;min-width:0}
body.site.public-theme.scandi5-ui .sc5-product-detail-media img{width:100%!important;max-height:480px!important;object-fit:contain!important;border-radius:10px!important;background:transparent!important;padding:0!important}
body.site.public-theme.scandi5-ui .sc5-product-detail-copy{min-width:0}
body.site.public-theme.scandi5-ui .sc5-product-detail-copy h2{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(1.8rem,4vw,2.65rem)!important;line-height:1.04!important;margin:12px 0 14px!important}
body.site.public-theme.scandi5-ui .sc5-product-detail-description{font-size:.98rem!important;line-height:1.7!important;margin:0 0 18px!important;color:#5f5c56!important;white-space:pre-line}
body.site.public-theme.scandi5-ui .sc5-product-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0 0 22px;border-top:1px solid #dedbd4}
body.site.public-theme.scandi5-ui .sc5-product-facts>div{padding:11px 0;border-bottom:1px solid #dedbd4;min-width:0}
body.site.public-theme.scandi5-ui .sc5-product-facts dt{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#77736c;margin-bottom:3px}
body.site.public-theme.scandi5-ui .sc5-product-facts dd{margin:0;font-size:.9rem;font-weight:700;overflow-wrap:anywhere}
body.site.public-theme.scandi5-ui .sc5-product-detail-buy{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.site.public-theme.scandi5-ui .sc5-product-detail-price{font-size:1.3rem!important}
body.site.public-theme.scandi5-ui .sc5-modal-add{min-height:46px!important;padding:11px 20px!important}
@media(max-width:700px){body.site.public-theme.scandi5-ui .sc5-product-detail{grid-template-columns:1fr!important;gap:16px!important}body.site.public-theme.scandi5-ui .sc5-product-detail-media{padding:10px}body.site.public-theme.scandi5-ui .sc5-product-detail-media img{max-height:280px!important}body.site.public-theme.scandi5-ui .sc5-product-facts{grid-template-columns:1fr}body.site.public-theme.scandi5-ui .sc5-product-detail-buy{align-items:stretch;flex-direction:column}body.site.public-theme.scandi5-ui .sc5-modal-add{width:100%}}


/* rsh5 savoury/category filtering fix: later product-card display rules must never override hidden. */
.sc5-shop-grid [data-product-card][hidden],
.shop-product-grid [data-product-card][hidden],
[data-product-card][hidden] {
  display: none !important;
}

/* Mobile navigation visibility fix - 2026-09-19
   Give every destination a clear bordered touch target on the slide-out menu. */
@media (max-width:1100px){
  .sc5-nav{
    gap:10px!important;
  }
  .sc5-nav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:50px!important;
    padding:12px 16px!important;
    border:1px solid #c9cbc5!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#222321!important;
    font-family:var(--sc5-sans)!important;
    font-size:16px!important;
    font-weight:750!important;
    line-height:1.2!important;
    text-decoration:none!important;
    box-shadow:0 1px 0 rgba(34,35,33,.04)!important;
  }
  .sc5-nav a::after{display:none!important;}
  .sc5-nav a:hover,
  .sc5-nav a:focus-visible,
  .sc5-nav a.active{
    background:#eef0eb!important;
    border-color:#7f857b!important;
    color:#171815!important;
    outline:none!important;
  }
}
@media (max-width:760px){
  .sc5-nav{
    width:min(340px,90vw)!important;
    padding:92px 18px 28px!important;
  }
}

/* Mobile menu final visibility/boxed links fix - 2026-09-19 */
@media (max-width:1100px){
  body.public-theme.scandi5-ui .sc5-nav{
    position:fixed!important;
    inset:0 0 0 auto!important;
    width:min(360px,88vw)!important;
    height:100vh!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding:96px 18px 32px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    background:#f7f6f1!important;
    border-left:1px solid #c7c8c2!important;
    box-shadow:-16px 0 34px rgba(0,0,0,.12)!important;
    z-index:900!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:10px 14px!important;
    border:1px solid #9ea39a!important;
    border-radius:7px!important;
    background:#ffffff!important;
    color:#1d2423!important;
    font-family:var(--sc5-sans)!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1.15!important;
    text-decoration:none!important;
    text-shadow:none!important;
    box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
    opacity:1!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a::before,
  body.public-theme.scandi5-ui .sc5-nav a::after{display:none!important;content:none!important;}
  body.public-theme.scandi5-ui .sc5-nav a:hover,
  body.public-theme.scandi5-ui .sc5-nav a:focus-visible,
  body.public-theme.scandi5-ui .sc5-nav a.active{
    background:#e7ece8!important;
    color:#0e252c!important;
    border-color:#49656a!important;
    outline:2px solid transparent!important;
  }
}
@media (max-width:760px){
  body.public-theme.scandi5-ui .sc5-nav{
    width:min(320px,88vw)!important;
    padding:88px 14px 24px!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a{
    min-height:44px!important;
    padding:9px 12px!important;
    font-size:14px!important;
  }
}

/* Premium mobile market menu polish - 2026-09-19 */
.sc5-nav-item .sc5-nav-icon,
.sc5-nav-item .sc5-nav-chevron,
.sc5-nav-item .sc5-nav-copy small{display:none}
.sc5-nav-item .sc5-nav-copy strong{font:inherit;color:inherit}

@media (max-width:1100px){
  body.public-theme.scandi5-ui .sc5-nav::before{
    content:"KIES WAARHEEN JY WIL GAAN";
    display:block;
    margin:0 3px 2px;
    color:#7a654f;
    font-family:var(--sc5-sans)!important;
    font-size:10px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.16em;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 22px!important;
    align-items:center!important;
    gap:11px!important;
    min-height:62px!important;
    padding:9px 12px!important;
    border:1px solid #b7b4aa!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.94)!important;
    color:#202522!important;
    box-shadow:0 3px 10px rgba(38,32,24,.06)!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item .sc5-nav-icon{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
    background:#f1ebe0!important;
    border:1px solid #ddd2bf!important;
    color:#6e4f31!important;
    font-family:Georgia,serif!important;
    font-size:19px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item .sc5-nav-copy{
    display:block!important;
    min-width:0!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item .sc5-nav-copy strong{
    display:block!important;
    color:#202522!important;
    font-family:var(--sc5-sans)!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:850!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item .sc5-nav-copy small{
    display:block!important;
    margin-top:3px!important;
    color:#786f66!important;
    font-family:var(--sc5-sans)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:550!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item .sc5-nav-chevron{
    display:block!important;
    color:#917b63!important;
    font-family:Arial,sans-serif!important;
    font-size:26px!important;
    font-weight:300!important;
    line-height:1!important;
    text-align:center!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-shop{
    background:linear-gradient(135deg,#fff8ea,#f6ead5)!important;
    border-color:#c7a772!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-shop .sc5-nav-icon{
    background:#ead8b7!important;
    border-color:#d0b17d!important;
    color:#5b3d21!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item:hover,
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item:focus-visible{
    transform:translateX(3px)!important;
    box-shadow:0 6px 15px rgba(38,32,24,.10)!important;
    border-color:#8f8a80!important;
    background:#fff!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item.active{
    background:#e9eee9!important;
    border-color:#55726d!important;
    color:#162f31!important;
    box-shadow:inset 3px 0 0 #55726d,0 3px 10px rgba(38,32,24,.06)!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item.active .sc5-nav-copy strong{color:#162f31!important}
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item.active .sc5-nav-icon{
    background:#dfe8e2!important;
    border-color:#9eb7ab!important;
    color:#315a51!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item:active{transform:translateX(2px) scale(.995)!important}

  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item{
    animation:sc5MenuItemIn .28s both cubic-bezier(.2,.8,.2,1);
  }
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(1){animation-delay:.02s}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(2){animation-delay:.065s}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(3){animation-delay:.11s}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(4){animation-delay:.155s}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(5){animation-delay:.20s}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(6){animation-delay:.245s}
}
@keyframes sc5MenuItemIn{
  from{opacity:0;transform:translateX(10px)}
  to{opacity:1;transform:translateX(0)}
}
@media (prefers-reduced-motion:reduce){
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item{animation:none!important}
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item{transition:none!important}
}
@media (max-width:420px){
  body.public-theme.scandi5-ui .sc5-nav{padding-left:12px!important;padding-right:12px!important}
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item{grid-template-columns:34px minmax(0,1fr) 18px!important;gap:9px!important;min-height:58px!important;padding:8px 10px!important}
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item .sc5-nav-icon{width:32px!important;height:32px!important;font-size:17px!important}
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item .sc5-nav-copy strong{font-size:13px!important}
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item .sc5-nav-copy small{font-size:10px!important}
}

/* Premium mobile navigation v3 — clean boutique menu */
@media (max-width:1100px){
  body.public-theme.scandi5-ui .sc5-nav{
    width:min(350px,90vw)!important;
    padding:78px 16px 24px!important;
    gap:9px!important;
    background:#f8f6f0!important;
    border-left:1px solid #d5d0c5!important;
    box-shadow:-18px 0 42px rgba(32,28,22,.14)!important;
  }
  body.public-theme.scandi5-ui .sc5-nav::before{display:none!important;content:none!important}
  body.public-theme.scandi5-ui .sc5-nav-intro{
    display:block!important;
    margin:0 4px 6px!important;
    padding:0 2px 8px!important;
    border-bottom:1px solid #ded8cc!important;
  }
  body.public-theme.scandi5-ui .sc5-nav-intro span{
    display:block!important;
    margin-bottom:3px!important;
    color:#9a7a58!important;
    font:800 9px/1.1 var(--sc5-sans)!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }
  body.public-theme.scandi5-ui .sc5-nav-intro strong{
    display:block!important;
    color:#1b2626!important;
    font:750 15px/1.2 var(--sc5-sans)!important;
    letter-spacing:-.01em!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
    align-items:center!important;
    column-gap:12px!important;
    width:100%!important;
    min-height:66px!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #d1cbc0!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#1b2423!important;
    box-shadow:0 2px 8px rgba(49,41,30,.045)!important;
    text-decoration:none!important;
    overflow:hidden!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:12px!important;
    bottom:12px!important;
    width:3px!important;
    border-radius:0 3px 3px 0!important;
    background:transparent!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item::after{display:none!important;content:none!important}
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-icon{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    background:#f3eee5!important;
    border:1px solid #dfd5c6!important;
    color:#745638!important;
  }
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-icon svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    gap:3px!important;
  }
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-copy strong{
    display:block!important;
    width:100%!important;
    color:#172120!important;
    font:800 14px/1.12 var(--sc5-sans)!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
  }
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-copy small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#736d64!important;
    font:560 11px/1.25 var(--sc5-sans)!important;
    white-space:normal!important;
  }
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-chevron{
    display:block!important;
    align-self:center!important;
    color:#9d8d7a!important;
    font:400 24px/1 Arial,sans-serif!important;
    text-align:right!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item.sc5-nav-shop{
    background:#fffaf0!important;
    border-color:#d7be94!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item.sc5-nav-shop .sc5-nav-icon{
    background:#f0dfc3!important;
    border-color:#d9bd8e!important;
    color:#684724!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item.active::before{
    background:#55736d!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item.active{
    background:#f3f7f4!important;
    border-color:#9db3ad!important;
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item.active .sc5-nav-icon{
    background:#e3ece7!important;
    border-color:#b8ccc2!important;
    color:#31594f!important;
  }
  @media (hover:hover) and (pointer:fine){
    body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item:hover{
      transform:translateX(3px)!important;
      border-color:#aaa195!important;
      box-shadow:0 7px 18px rgba(49,41,30,.09)!important;
    }
  }
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item:focus-visible{
    outline:2px solid #55736d!important;
    outline-offset:2px!important;
  }
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav .sc5-nav-intro{
    animation:sc5MenuIntroIn .22s both ease-out!important;
  }
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item{
    animation:sc5MenuCardIn .28s both cubic-bezier(.2,.8,.2,1)!important;
  }
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(1){animation-delay:.025s!important}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(2){animation-delay:.055s!important}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(3){animation-delay:.085s!important}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(4){animation-delay:.115s!important}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(5){animation-delay:.145s!important}
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item:nth-of-type(6){animation-delay:.175s!important}
}
@keyframes sc5MenuIntroIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes sc5MenuCardIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media (max-width:420px){
  body.public-theme.scandi5-ui .sc5-nav{width:min(326px,92vw)!important;padding:72px 12px 18px!important;gap:8px!important}
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item{grid-template-columns:38px minmax(0,1fr) 16px!important;column-gap:10px!important;min-height:62px!important;padding:8px 10px!important;border-radius:12px!important}
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-icon{width:36px!important;height:36px!important;border-radius:10px!important}
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-icon svg{width:18px!important;height:18px!important}
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-copy strong{font-size:13px!important}
  body.public-theme.scandi5-ui .sc5-nav .sc5-nav-copy small{font-size:10px!important}
}
@media (prefers-reduced-motion:reduce){
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav .sc5-nav-intro,
  body.public-theme.scandi5-ui.sc5-menu-open .sc5-nav a.sc5-nav-item{animation:none!important}
  body.public-theme.scandi5-ui .sc5-nav a.sc5-nav-item{transition:none!important}
}

/* Desktop safeguard: premium mobile menu intro must never appear in desktop header */
@media (min-width:1101px){
  body.public-theme.scandi5-ui .sc5-nav-intro{
    display:none!important;
  }
}

/* =====================================================================
   Desktop home dashboard shell — 2026-09-19
   Layout inspired by the compact control-panel reference while preserving
   the existing Rina se Hoekie editorial storefront styling.
   ===================================================================== */
.sc5-home-dashboard-shell{display:block}
.sc5-home-sidebar,.sc5-home-topbar,.sc5-home-ticker,.sc5-hero-brand-card{display:none}

@media (min-width: 981px){
  body.page-home.public-theme.scandi5-ui{background:#efe7dc}
  body.page-home.public-theme.scandi5-ui>.sc5-announcement,
  body.page-home.public-theme.scandi5-ui>.sc5-header{display:none!important}
  body.page-home.public-theme.scandi5-ui .content-shell{background:#efe7dc!important}
  .sc5-home-dashboard-shell{
    display:grid;
    grid-template-columns:276px minmax(0,1fr);
    gap:16px;
    padding:16px;
    align-items:start;
  }
  .sc5-home-sidebar{
    display:flex;
    position:sticky;
    top:16px;
    height:calc(100vh - 32px);
    flex-direction:column;
    overflow:hidden;
    border-radius:24px;
    background:linear-gradient(180deg,#74482f 0%,#65412e 100%);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 20px 46px rgba(72,44,27,.18);
    color:#fff;
    padding:18px 14px 14px;
    z-index:20;
  }
  .sc5-home-side-brand{display:flex;align-items:center;gap:12px;padding:0 8px 16px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}
  .sc5-home-side-brand img{width:50px;height:50px;object-fit:contain;border-radius:14px;background:#fff;padding:3px}
  .sc5-home-side-brand span{display:grid;gap:2px;min-width:0}.sc5-home-side-brand strong{font-size:15px}.sc5-home-side-brand small{font-size:10px;color:#eaded5;text-transform:uppercase;letter-spacing:.08em}
  .sc5-home-side-nav{display:grid;gap:7px;padding:12px 0 4px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
  .sc5-home-side-nav a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:10px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.065);color:#fff;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
  .sc5-home-side-nav a span{font-size:12px;font-weight:750}.sc5-home-side-nav a small{font-size:9px;font-weight:700;color:#eaded5;text-align:right}.sc5-home-side-nav a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);transform:translateX(2px)}
  .sc5-home-side-nav a.active{background:#8c6249;border-color:#d9bea9;box-shadow:inset 3px 0 0 #f4d0a5}

  .sc5-home-workspace{min-width:0;display:flex;flex-direction:column;gap:14px}
  .sc5-home-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-radius:22px;background:#fffaf3;border:1px solid #eadbca;box-shadow:0 12px 30px rgba(84,57,37,.08)}
  .sc5-home-topbrand{display:grid;gap:2px;color:#2c1b12;text-decoration:none;min-width:220px}.sc5-home-topbrand strong{font-size:12px}.sc5-home-topbrand small{font-size:9px;color:#7d6758}
  .sc5-home-topbar nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
  .sc5-home-topbar nav a{padding:9px 12px;border-radius:999px;border:1px solid #eadbca;background:#fbf5ed;color:#633d28;text-decoration:none;font-size:10px;font-weight:750;transition:.18s ease}
  .sc5-home-topbar nav a:hover{background:#f1e4d5;transform:translateY(-1px)}
  .sc5-home-topbar nav a.active{background:#86502f;color:#fff;border-color:#86502f}
  .sc5-home-ticker{display:flex;align-items:center;justify-content:center;gap:14px;min-height:34px;padding:8px 16px;border-radius:18px;background:#fffaf3;border:1px solid #eadbca;color:#80634f;font-size:9px;white-space:nowrap;overflow:hidden}
  .sc5-home-ticker strong{font-weight:700}.sc5-home-ticker span{color:#bb7b3f}

  .sc5-home-workspace>.sc5-hero{border-radius:28px;min-height:590px!important;box-shadow:0 24px 54px rgba(38,27,20,.16);border:1px solid rgba(255,255,255,.45)}
  .sc5-home-workspace>.sc5-hero .sc5-shell{width:100%!important;padding-left:clamp(36px,5vw,76px);padding-right:clamp(36px,5vw,76px)}
  .sc5-home-workspace>.sc5-hero .sc5-hero-copy{max-width:560px}
  .sc5-home-workspace>.sc5-hero h1{font-size:clamp(54px,5.6vw,82px)!important}
  .sc5-hero-brand-card{display:grid;position:absolute;right:5.4%;bottom:8%;z-index:3;width:208px;justify-items:center;text-align:center;padding:18px 16px 20px;border-radius:24px;background:rgba(255,250,243,.94);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 36px rgba(28,22,18,.16);backdrop-filter:blur(10px);color:#5c3926}
  .sc5-hero-brand-card img{width:128px;height:128px;object-fit:contain;margin-bottom:8px}.sc5-hero-brand-card strong{font:700 15px/1.2 var(--sc5-sans);margin-bottom:6px}.sc5-hero-brand-card span{font-size:10px;line-height:1.45;color:#866b58}

  .sc5-home-workspace>.sc5-categories,
  .sc5-home-workspace>.sc5-products-section,
  .sc5-home-workspace>.sc5-recipes,
  .sc5-home-workspace>.sc5-recommended,
  .sc5-home-workspace>.sc5-testimonials,
  .sc5-home-workspace>.sc5-philosophy{border-radius:24px;overflow:hidden}
  .sc5-home-workspace>.sc5-categories,
  .sc5-home-workspace>.sc5-products-section,
  .sc5-home-workspace>.sc5-recipes,
  .sc5-home-workspace>.sc5-recommended,
  .sc5-home-workspace>.sc5-testimonials{background:#fffdf9}
  .sc5-home-workspace>.sc5-categories .sc5-shell,
  .sc5-home-workspace>.sc5-products-section .sc5-shell,
  .sc5-home-workspace>.sc5-recipes .sc5-shell,
  .sc5-home-workspace>.sc5-recommended .sc5-shell,
  .sc5-home-workspace>.sc5-testimonials .sc5-shell,
  .sc5-home-workspace>.sc5-philosophy .sc5-shell{width:calc(100% - 56px)!important}
  .sc5-home-workspace>.sc5-editorial-break{border-radius:24px;overflow:hidden}
  body.page-home .sc5-footer{margin-left:292px;width:calc(100% - 292px)}
}

@media (min-width:981px) and (max-width:1180px){
  .sc5-home-dashboard-shell{grid-template-columns:238px minmax(0,1fr);gap:12px;padding:12px}
  .sc5-home-topbar{align-items:flex-start}.sc5-home-topbrand{min-width:180px}.sc5-home-topbar nav a{padding:8px 10px}
  .sc5-hero-brand-card{width:176px;right:3.5%;bottom:6%}.sc5-hero-brand-card img{width:104px;height:104px}
  body.page-home .sc5-footer{margin-left:250px;width:calc(100% - 250px)}
}

@media (max-width:980px){
  .sc5-home-dashboard-shell{display:block!important}
  .sc5-home-workspace{display:block!important}
  .sc5-home-sidebar,.sc5-home-topbar,.sc5-home-ticker,.sc5-hero-brand-card{display:none!important}
}

/* Desktop homepage: keep the left navigation permanently in view. */
@media (min-width:981px){
  body.page-home{overflow-x:hidden}
  body.page-home .sc5-home-dashboard-shell{display:block!important;padding:16px!important}
  body.page-home .sc5-home-sidebar{
    position:fixed!important;
    left:16px!important;
    top:16px!important;
    bottom:16px!important;
    width:276px!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    z-index:120!important;
  }
  body.page-home .sc5-home-workspace{
    margin-left:292px!important;
    width:calc(100% - 292px)!important;
    min-width:0!important;
  }
}
@media (min-width:981px) and (max-width:1180px){
  body.page-home .sc5-home-dashboard-shell{padding:12px!important}
  body.page-home .sc5-home-sidebar{left:12px!important;top:12px!important;bottom:12px!important;width:238px!important}
  body.page-home .sc5-home-workspace{margin-left:250px!important;width:calc(100% - 250px)!important}
}
@media (max-width:980px){
  body.page-home .sc5-home-sidebar{position:static!important;width:auto!important;height:auto!important}
  body.page-home .sc5-home-workspace{margin-left:0!important;width:auto!important}
}


/* =====================================================================
   FINAL PUBLIC DESKTOP SHELL — true two-column layout, no overlays
   ===================================================================== */
.sc5-public-fixed-sidebar{display:none}
@media (min-width:981px){
  body.public-theme.scandi5-ui{
    overflow-x:hidden!important;
    padding:0!important;
    margin:0!important;
    background:#efe7dc!important;
  }
  body.public-theme.scandi5-ui::before,
  body.public-theme.scandi5-ui::after{content:none!important;display:none!important}

  /* Desktop public header/nav removed on every public page. */
  body.public-theme.scandi5-ui > .sc5-announcement,
  body.public-theme.scandi5-ui > .sc5-header{display:none!important}

  body.public-theme.scandi5-ui .app-shell{
    display:grid!important;
    grid-template-columns:292px minmax(0,1fr)!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    align-items:start!important;
    overflow:visible!important;
  }
  body.public-theme.scandi5-ui .sc5-public-fixed-sidebar{
    display:flex!important;
    position:sticky!important;
    top:0!important;
    left:auto!important;
    bottom:auto!important;
    width:292px!important;
    min-width:292px!important;
    height:100vh!important;
    max-height:100vh!important;
    margin:0!important;
    padding:18px 14px 14px!important;
    flex-direction:column!important;
    border:0!important;
    border-radius:0 22px 22px 0!important;
    background:#754a34!important;
    background-image:none!important;
    opacity:1!important;
    box-shadow:6px 0 18px rgba(66,42,28,.10)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:20!important;
    box-sizing:border-box!important;
    align-self:start!important;
  }
  body.public-theme.scandi5-ui .content-shell{
    grid-column:2!important;
    display:block!important;
    position:relative!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    background:#efe7dc!important;
    z-index:1!important;
  }
  body.public-theme.scandi5-ui .content-shell > *,
  body.public-theme.scandi5-ui .content-shell section,
  body.public-theme.scandi5-ui .content-shell .sc5-shell{box-sizing:border-box!important;max-width:100%!important}

  body.public-theme.scandi5-ui.page-home .sc5-home-dashboard-shell{
    display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:16px!important
  }
  body.public-theme.scandi5-ui.page-home .sc5-home-workspace{
    display:flex!important;flex-direction:column!important;gap:14px!important;margin:0!important;width:100%!important;max-width:none!important;min-width:0!important
  }
  body.public-theme.scandi5-ui.page-home .sc5-home-sidebar{display:none!important}
  body.public-theme.scandi5-ui .content-shell > .sc5-footer,
  body.public-theme.scandi5-ui .sc5-footer{margin:0!important;width:100%!important;max-width:100%!important}
}
@media (min-width:981px) and (max-width:1180px){
  body.public-theme.scandi5-ui .app-shell{grid-template-columns:252px minmax(0,1fr)!important}
  body.public-theme.scandi5-ui .sc5-public-fixed-sidebar{width:252px!important;min-width:252px!important;padding:14px 12px!important}
}
@media (max-width:980px){
  body.public-theme.scandi5-ui .app-shell{display:block!important;width:100%!important}
  body.public-theme.scandi5-ui .sc5-public-fixed-sidebar{display:none!important}
  body.public-theme.scandi5-ui .content-shell{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
  body.public-theme.scandi5-ui > .sc5-announcement,
  body.public-theme.scandi5-ui > .sc5-header{display:block!important;margin:0!important;width:100%!important;max-width:100%!important}
}


/* =====================================================================
   FINAL SIDE-BY-SIDE PUBLIC SHELL
   Sidebar occupies its own desktop column; content can never drop below it.
   ===================================================================== */
@media (min-width:981px){
  html body.site.public-theme.scandi5-ui > .app-shell{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body.site.public-theme.scandi5-ui > .app-shell > .sc5-public-fixed-sidebar{
    display:flex!important;
    position:sticky!important;
    top:0!important;
    flex:0 0 292px!important;
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
    height:100vh!important;
    max-height:100vh!important;
    margin:0!important;
    box-sizing:border-box!important;
    align-self:flex-start!important;
    z-index:10!important;
  }

  html body.site.public-theme.scandi5-ui > .app-shell > main.content-shell{
    display:block!important;
    position:relative!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  /* Desktop storefront header is deliberately removed. */
  html body.site.public-theme.scandi5-ui > .sc5-announcement,
  html body.site.public-theme.scandi5-ui > .sc5-header{
    display:none!important;
  }
}
@media (min-width:981px) and (max-width:1180px){
  html body.site.public-theme.scandi5-ui > .app-shell > .sc5-public-fixed-sidebar{
    flex-basis:252px!important;
    width:252px!important;
    min-width:252px!important;
    max-width:252px!important;
  }
}
@media (max-width:980px){
  html body.site.public-theme.scandi5-ui > .app-shell{
    display:block!important;
    width:100%!important;
  }
  html body.site.public-theme.scandi5-ui > .app-shell > .sc5-public-fixed-sidebar{
    display:none!important;
  }
  html body.site.public-theme.scandi5-ui > .app-shell > main.content-shell{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
}


/* =====================================================================
   SCREEN-RECORDING PUBLIC LAYOUT — FINAL AUTHORITY
   Desktop:
   - toolbar is a permanent left column
   - website content is a separate right column
   - content starts at the very top
   - only the right column scrolls
   - no overlay/rail/header above the content
   Mobile:
   - existing public mobile header/menu remains unchanged
   ===================================================================== */

@media (min-width: 981px) {
  html,
  body.site.public-theme.scandi5-ui {
    height: 100%;
    overflow: hidden !important;
  }

  body.site.public-theme.scandi5-ui {
    margin: 0 !important;
    padding: 0 !important;
    background: #f2eadf !important;
  }

  body.site.public-theme.scandi5-ui > .app-shell {
    display: grid !important;
    grid-template-columns: 292px minmax(0, 1fr) !important;
    grid-template-rows: 100vh !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  body.site.public-theme.scandi5-ui > .app-shell > .sc5-public-fixed-sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: 292px !important;
    min-width: 292px !important;
    max-width: 292px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 14px 12px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-self: stretch !important;
    z-index: 2 !important;
  }

  body.site.public-theme.scandi5-ui > .app-shell > main.content-shell {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth;
    background: #f2eadf !important;
  }

  /* Remove the old public desktop header/announcement globally.
     They remain available below the mobile breakpoint. */
  body.site.public-theme.scandi5-ui > .sc5-announcement,
  body.site.public-theme.scandi5-ui > .sc5-header,
  body.site.public-theme.scandi5-ui .desktop-public-header,
  body.site.public-theme.scandi5-ui .desktop-public-announcement {
    display: none !important;
  }

  /* Ensure page wrappers do not add a second sidebar offset. */
  body.site.public-theme.scandi5-ui main.content-shell,
  body.site.public-theme.scandi5-ui main.content-shell > *,
  body.site.public-theme.scandi5-ui .public-page,
  body.site.public-theme.scandi5-ui .public-main,
  body.site.public-theme.scandi5-ui .site-main {
    margin-left: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  /* Full-width content may fill only the right column, never the viewport. */
  body.site.public-theme.scandi5-ui main.content-shell .hero,
  body.site.public-theme.scandi5-ui main.content-shell .home-hero,
  body.site.public-theme.scandi5-ui main.content-shell .page-hero,
  body.site.public-theme.scandi5-ui main.content-shell .site-hero,
  body.site.public-theme.scandi5-ui main.content-shell .sc5-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Footer belongs to the right scroll column as part of content. */
  body.site.public-theme.scandi5-ui main.content-shell footer,
  body.site.public-theme.scandi5-ui main.content-shell .site-footer {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  body.site.public-theme.scandi5-ui > .app-shell {
    grid-template-columns: 252px minmax(0, 1fr) !important;
  }
  body.site.public-theme.scandi5-ui > .app-shell > .sc5-public-fixed-sidebar {
    width: 252px !important;
    min-width: 252px !important;
    max-width: 252px !important;
  }
}

@media (max-width: 980px) {
  html,
  body.site.public-theme.scandi5-ui {
    height: auto !important;
    overflow: auto !important;
  }

  body.site.public-theme.scandi5-ui > .app-shell {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.site.public-theme.scandi5-ui > .app-shell > .sc5-public-fixed-sidebar {
    display: none !important;
  }

  body.site.public-theme.scandi5-ui > .app-shell > main.content-shell {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
  }

  /* Restore existing public mobile header / hamburger. */
  body.site.public-theme.scandi5-ui > .sc5-announcement,
  body.site.public-theme.scandi5-ui > .sc5-header {
    display: block !important;
  }
}


/* Compact animated hero profile card */
@media (min-width: 981px) {
  .sc5-hero-profile,
  .sc5-hero-brand-card,
  .sc5-hero-card-profile,
  .home-hero-profile,
  .hero-profile-card {
    width: 190px !important;
    max-width: 190px !important;
    padding: 18px 16px !important;
    border-radius: 22px !important;
    transform-origin: center center;
    animation: rshProfileCardFloat 5.5s ease-in-out infinite;
    box-shadow: 0 16px 34px rgba(72, 38, 20, .16) !important;
  }

  .sc5-hero-profile img,
  .sc5-hero-brand-card img,
  .sc5-hero-card-profile img,
  .home-hero-profile img,
  .hero-profile-card img {
    max-width: 132px !important;
    width: 100% !important;
    height: auto !important;
    margin-inline: auto !important;
    display: block !important;
    animation: rshProfileLogoBreath 4.5s ease-in-out infinite;
  }

  .sc5-hero-profile h3,
  .sc5-hero-brand-card h3,
  .sc5-hero-card-profile h3,
  .home-hero-profile h3,
  .hero-profile-card h3 {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    font-size: 1rem !important;
    line-height: 1.15 !important;
  }

  .sc5-hero-profile p,
  .sc5-hero-brand-card p,
  .sc5-hero-card-profile p,
  .home-hero-profile p,
  .hero-profile-card p {
    font-size: .78rem !important;
    line-height: 1.42 !important;
    margin: 0 !important;
  }
}

@keyframes rshProfileCardFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

@keyframes rshProfileLogoBreath {
  0%,100% { transform: scale(1); filter: drop-shadow(0 4px 8px rgba(78,42,21,.08)); }
  50% { transform: scale(1.025); filter: drop-shadow(0 7px 12px rgba(78,42,21,.14)); }
}

@media (prefers-reduced-motion: reduce) {
  .sc5-hero-profile,
  .sc5-hero-brand-card,
  .sc5-hero-card-profile,
  .home-hero-profile,
  .hero-profile-card,
  .sc5-hero-profile img,
  .sc5-hero-brand-card img,
  .sc5-hero-card-profile img,
  .home-hero-profile img,
  .hero-profile-card img {
    animation: none !important;
  }
}

/* Product quick-view affordance for Topverkopers */
.sc5-best-popup{cursor:pointer;border-radius:12px;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.sc5-best-popup:focus-visible{outline:3px solid rgba(145,86,42,.34);outline-offset:3px}
.sc5-best-view{display:inline-block;margin-top:8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7b4a2c}
@media (hover:hover) and (pointer:fine){.sc5-best-popup:hover{background:rgba(255,255,255,.55);transform:translateY(-1px);box-shadow:0 8px 20px rgba(71,42,26,.07)}}
@media (prefers-reduced-motion:reduce){.sc5-best-popup{transition:none}.sc5-best-popup:hover{transform:none}}



/* The section following the advert should begin immediately beneath it,
   just as it does in the reference recording. */
.sc5-advert-showcase + .sc5-philosophy{
  margin-top:0!important;
}

@media (max-width:980px){
  .sc5-advert-showcase{
    padding:34px 18px 32px;
  }
  .sc5-advert-frame{
    width:min(228px,72vw);
    padding:7px;
    border-radius:16px;
  }
  .sc5-advert-video{
    border-radius:10px;
  }
}
@media (max-width:480px){
  .sc5-advert-showcase{
    padding:28px 14px 28px;
  }
  .sc5-advert-frame{
    width:min(214px,70vw);
  }
}
@media (prefers-reduced-motion:reduce){
  .sc5-advert-video{scroll-behavior:auto}
}

\n/* Rina advert + recording-style heading above categories */\n.sc5-advert-showcase{\n  width:100%;\n  padding:42px 24px 34px;\n  box-sizing:border-box;\n  background:radial-gradient(circle at 50% 27%,rgba(230,184,112,.22),rgba(230,184,112,0) 35%),#f5ead8;\n  overflow:hidden;\n}\n.sc5-advert-stage{display:flex;justify-content:center;align-items:center;width:100%;}\n.sc5-advert-frame{\n  width:320px;\n  max-width:42vw;\n  padding:12px;\n  border-radius:25px;\n  background:#fffaf3;\n  box-shadow:0 17px 38px rgba(80,48,25,.14);\n  box-sizing:border-box;\n}\n.sc5-advert-video{\n  display:block;\n  width:100%;\n  height:auto;\n  aspect-ratio:358/642;\n  object-fit:cover;\n  border-radius:17px;\n  background:#efe4d6;\n}\n.sc5-advert-copy{\n  margin-top:20px;\n  padding-top:0!important;\n  padding-bottom:0!important;\n}\n.sc5-advert-kicker{\n  display:inline-flex;\n  align-items:center;\n  min-height:28px;\n  padding:5px 11px;\n  border:1px solid rgba(116,72,40,.16);\n  border-radius:999px;\n  background:rgba(255,248,236,.58);\n  color:#74482f;\n  font-size:.74rem;\n  font-weight:800;\n  letter-spacing:.08em;\n}\n.sc5-advert-copy h2{\n  margin:12px 0 0;\n  color:#2d1b12;\n  font-size:clamp(1.7rem,3vw,2.55rem);\n  line-height:1.08;\n  font-weight:800;\n}\n.sc5-advert-showcase + .sc5-categories{margin-top:0!important;}\n@media (max-width:980px){\n  .sc5-advert-showcase{padding:32px 18px 28px;}\n  .sc5-advert-frame{width:min(286px,76vw);max-width:none;padding:9px;border-radius:21px;}\n  .sc5-advert-video{border-radius:14px;}\n  .sc5-advert-copy{margin-top:18px;}\n}\n@media (max-width:480px){\n  .sc5-advert-showcase{padding:26px 14px 24px;}\n  .sc5-advert-frame{width:min(258px,78vw);}\n  .sc5-advert-copy h2{font-size:1.72rem;}\n}\n

/* Advert + philosophy sequence matched to supplied recording */
.sc5-advert-showcase{
  padding-bottom:24px!important;
}
.sc5-philosophy-after-ad{
  margin:0!important;
  padding:0 24px 34px!important;
  background:
    linear-gradient(180deg,rgba(250,241,225,0) 0%,rgba(244,230,207,.72) 100%),
    #f5ead8!important;
}
.sc5-philosophy-after-ad .sc5-philosophy-grid{
  padding-top:0!important;
}
.sc5-philosophy-after-ad .sc5-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 12px!important;
  border:1px solid rgba(117,73,40,.16)!important;
  border-radius:999px!important;
  background:rgba(255,249,239,.56)!important;
  color:#6d442c!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.sc5-philosophy-after-ad h2{
  margin-top:14px!important;
  font-size:clamp(1.75rem,2.8vw,2.6rem)!important;
  line-height:1.05!important;
  color:#2b1b13!important;
}
@media (max-width:980px){
  .sc5-philosophy-after-ad{
    padding:0 18px 28px!important;
  }
}

/* Post-ad section after requested heading removal */
.sc5-philosophy-after-ad h2:empty{display:none!important}
.sc5-philosophy-after-ad .sc5-eyebrow + .sc5-philosophy-copy{margin-top:0!important}

/* FIX: advert title belongs ABOVE the advert, never below it */
.sc5-advert-showcase{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.sc5-advert-heading{
  order:1!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:0 0 22px!important;
}
.sc5-advert-heading .sc5-advert-label{
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 11px!important;
  border:1px solid rgba(113,70,39,.16)!important;
  border-radius:999px!important;
  color:#75462f!important;
  background:rgba(255,248,237,.45)!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
.sc5-advert-heading h2{
  margin:14px 0 0!important;
  text-align:center!important;
  color:#2b1d16!important;
  font-size:clamp(1.75rem,3vw,2.35rem)!important;
  line-height:1.08!important;
}
.sc5-advert-stage{
  order:2!important;
}
@media(max-width:600px){
  .sc5-advert-heading{padding-bottom:18px!important}
  .sc5-advert-heading h2{font-size:1.7rem!important}
}

/* Center the advert media exactly below its heading */
.sc5-advert-stage{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.sc5-advert-frame{
  margin-left:auto!important;
  margin-right:auto!important;
  flex:0 0 auto!important;
}
.sc5-advert-video{
  margin:0 auto!important;
}


/* ============================================================
   SHOP FILTER BAR — fixed at the top of the scrolling content
   Desktop only. Products scroll underneath; filter stays put.
   ============================================================ */
@media (min-width: 981px) {
  /* Make the shop content its own positioning context. */
  body.page-shop main.content-shell,
  body.page-shop .content-shell,
  body.page-shop .public-main,
  body.page-shop .site-main {
    position: relative !important;
  }

  /* Keep the entire filter + category tabs together at the top. */
  body.page-shop .shop-filter-shell,
  body.page-shop .shop-filters-wrap,
  body.page-shop .shop-toolbar-wrap,
  body.page-shop .shop-filter-bar,
  body.page-shop .product-filter-panel,
  body.page-shop .catalog-filter-panel,
  body.page-shop .shop-controls {
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
    background: #f7f3ec !important;
    box-shadow: 0 8px 18px rgba(52, 34, 21, .08) !important;
  }

  /* If filters and tabs are separate siblings, pin the tabs directly below. */
  body.page-shop .shop-category-tabs,
  body.page-shop .category-tabs,
  body.page-shop .shop-tabs,
  body.page-shop .product-category-tabs {
    position: sticky !important;
    top: 98px !important;
    z-index: 89 !important;
    background: #f7f3ec !important;
  }

  /* Prevent products/cards from painting over the pinned controls. */
  body.page-shop .product-grid,
  body.page-shop .shop-grid,
  body.page-shop .products-grid,
  body.page-shop .catalog-grid {
    position: relative !important;
    z-index: 1 !important;
  }
}

/* Mobile keeps normal flow so the header/menu is not covered. */
@media (max-width: 980px) {
  body.page-shop .shop-filter-shell,
  body.page-shop .shop-filters-wrap,
  body.page-shop .shop-toolbar-wrap,
  body.page-shop .shop-filter-bar,
  body.page-shop .product-filter-panel,
  body.page-shop .catalog-filter-panel,
  body.page-shop .shop-controls,
  body.page-shop .shop-category-tabs,
  body.page-shop .category-tabs,
  body.page-shop .shop-tabs,
  body.page-shop .product-category-tabs {
    position: static !important;
    top: auto !important;
    box-shadow: none !important;
  }
}


/* Premium bookstore heading */
.bookstore-premium-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  margin:0 0 28px;
  padding:34px 38px;
  border:1px solid rgba(129,87,52,.15);
  border-radius:26px;
  background:
    radial-gradient(circle at 88% 20%, rgba(219,166,95,.18), transparent 24%),
    linear-gradient(135deg,#fffaf3 0%,#f7eddf 100%);
  box-shadow:0 16px 36px rgba(74,45,25,.08);
  overflow:hidden;
}
.bookstore-premium-copy{min-width:0}
.bookstore-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#efe1ce;
  border:1px solid rgba(126,82,47,.14);
  color:#6f4931;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.12em;
}
.bookstore-kicker-icon{font-size:1rem;line-height:1}
.bookstore-premium-hero h1{
  margin:16px 0 10px;
  font-size:clamp(2.35rem,4.6vw,4.6rem);
  line-height:.98;
  letter-spacing:-.035em;
  color:#211a16;
}
.bookstore-lead{
  max-width:800px;
  margin:0;
  font-size:1.05rem;
  line-height:1.65;
  color:#745946;
}
.bookstore-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.bookstore-benefits span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(129,87,52,.12);
  color:#3f3027;
  font-size:.83rem;
  font-weight:700;
}
.bookstore-benefits b{font-size:.95rem}
.bookstore-premium-badge{
  width:118px;
  height:118px;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(145deg,#7b4a2b,#4e2d1a);
  color:#fffaf2;
  box-shadow:0 14px 30px rgba(76,43,23,.22);
  transform:rotate(4deg);
}
.bookstore-premium-badge span{
  font-size:1.55rem;
  font-weight:900;
  line-height:1;
}
.bookstore-premium-badge small{
  margin-top:6px;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
@media (hover:hover) and (pointer:fine){
  .bookstore-premium-hero{
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .bookstore-premium-hero:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 44px rgba(74,45,25,.11);
  }
}
@media (max-width:780px){
  .bookstore-premium-hero{
    grid-template-columns:1fr;
    padding:26px 22px;
    border-radius:20px;
  }
  .bookstore-premium-badge{
    width:92px;
    height:92px;
    justify-self:start;
  }
  .bookstore-premium-hero h1{
    font-size:clamp(2rem,9vw,3.25rem);
  }
  .bookstore-benefits{
    display:grid;
    grid-template-columns:1fr;
  }
}
@media (prefers-reduced-motion:reduce){
  .bookstore-premium-hero{transition:none!important}
}


/* ============================================================
   SHOP FILTERS — normal document flow (NOT sticky)
   The filter/search/category/sort area scrolls away with the page.
   Left public toolbar remains unaffected.
   ============================================================ */
body.page-shop .shop-filter-shell,
body.page-shop .shop-filters-wrap,
body.page-shop .shop-toolbar-wrap,
body.page-shop .shop-filter-bar,
body.page-shop .product-filter-panel,
body.page-shop .catalog-filter-panel,
body.page-shop .shop-controls,
body.page-shop .shop-filters,
body.page-shop .product-filters,
body.page-shop .catalog-filters,
body.page-shop .filter-toolbar,
body.page-shop .shop-toolbar,
body.page-shop .shop-category-tabs,
body.page-shop .category-tabs,
body.page-shop .shop-tabs,
body.page-shop .product-category-tabs {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
}

/* Make sure no ancestor traps the filters as sticky. */
body.page-shop .shop-header,
body.page-shop .shop-header-area,
body.page-shop .catalog-header,
body.page-shop .shop-intro {
  position: static !important;
  top: auto !important;
}


/* Bookstore heading refresh — heading area only */
.bookstore-heading-refresh{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:32px;
  overflow:hidden;
  margin:0 0 22px;
  padding:38px 42px 36px;
  border:1px solid rgba(112,72,43,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 25%,rgba(190,135,74,.16),transparent 25%),
    linear-gradient(118deg,#f7efe3 0%,#fffaf3 58%,#f2e2cb 100%);
  box-shadow:0 14px 32px rgba(61,39,24,.07);
}
.bookstore-heading-accent{
  position:absolute;inset:0 auto 0 0;width:7px;
  background:linear-gradient(180deg,#9a5c32,#5e321f);
}
.bookstore-heading-copy{position:relative;z-index:1;min-width:0}
.bookstore-heading-kicker{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:14px;padding:7px 11px;
  border:1px solid rgba(121,77,44,.16);border-radius:999px;
  background:rgba(255,250,242,.72);color:#7c543b;
  font-size:.74rem;font-weight:900;letter-spacing:.16em;
}
.bookstore-heading-kicker span{font-size:.55rem;color:#b47a43}
.bookstore-heading-refresh h1{
  margin:0;color:#211d19;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(3rem,5.4vw,5.25rem);
  font-weight:500;line-height:.96;letter-spacing:-.045em;
}
.bookstore-heading-refresh h1 span{position:relative;display:inline-block}
.bookstore-heading-refresh h1 span:after{
  content:'';position:absolute;left:2px;right:5%;bottom:-7px;height:3px;
  border-radius:999px;background:linear-gradient(90deg,#9c6035,#d2a46b,transparent);
  transform-origin:left;animation:bookHeadingLine .8s .15s both ease-out;
}
.bookstore-heading-refresh p{
  max-width:760px;margin:23px 0 0;color:#715b4b;
  font-size:1rem;line-height:1.65;
}
.bookstore-heading-mark{
  position:relative;z-index:1;display:grid;place-items:center;
  width:150px;height:150px;border-radius:50%;
  border:1px solid rgba(115,70,40,.18);
  background:rgba(255,252,247,.72);
  box-shadow:inset 0 0 0 8px rgba(255,255,255,.35),0 12px 28px rgba(73,43,25,.09);
}
.bookstore-heading-mark span{
  font-family:Georgia,'Times New Roman',serif;font-size:4.2rem;line-height:.8;color:#704129;
}
.bookstore-heading-mark small{
  position:absolute;bottom:28px;font-size:.52rem;font-weight:900;letter-spacing:.12em;color:#8b6a53;white-space:nowrap;
}
@keyframes bookHeadingLine{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(max-width:760px){
  .bookstore-heading-refresh{grid-template-columns:1fr;padding:28px 24px 30px;gap:20px;border-radius:20px}
  .bookstore-heading-refresh h1{font-size:clamp(2.6rem,12vw,4rem)}
  .bookstore-heading-mark{display:none}
  .bookstore-heading-refresh p{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.bookstore-heading-refresh h1 span:after{animation:none}}


/* Remove accidental gap between the shop intro/title and filters. */
body.page-shop .shop-intro,
body.page-shop .shop-header,
body.page-shop .shop-header-area,
body.page-shop .catalog-header {
    margin-bottom: 0 !important;
}

body.page-shop .shop-filter-shell,
body.page-shop .shop-filters-wrap,
body.page-shop .shop-toolbar-wrap,
body.page-shop .shop-controls {
    clear: both !important;
    width: 100% !important;
}


/* Bookstore hero badge: top-right, with all copy contained inside circle */
.bookstore-premium-hero,
.bookstore-heading-makeover,
.bookstore-hero {
    position: relative !important;
}

.bookstore-premium-badge,
.bookstore-heading-makeover .bookstore-mark,
.bookstore-hero .bookstore-mark {
    position: absolute !important;
    top: 26px !important;
    right: 30px !important;
    left: auto !important;
    bottom: auto !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    padding: 12px 8px !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: hidden !important;
}

.bookstore-premium-badge small,
.bookstore-heading-makeover .bookstore-mark small,
.bookstore-heading-makeover .bookstore-mark .tagline,
.bookstore-hero .bookstore-mark small,
.bookstore-hero .bookstore-mark .tagline {
    display: block !important;
    width: 100% !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    letter-spacing: .07em !important;
    white-space: nowrap !important;
    text-align: center !important;
}

@media (max-width: 780px) {
    .bookstore-premium-badge,
    .bookstore-heading-makeover .bookstore-mark,
    .bookstore-hero .bookstore-mark {
        top: 18px !important;
        right: 18px !important;
        width: 88px !important;
        height: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        padding: 9px 5px !important;
    }
    .bookstore-premium-badge small,
    .bookstore-heading-makeover .bookstore-mark small,
    .bookstore-heading-makeover .bookstore-mark .tagline,
    .bookstore-hero .bookstore-mark small,
    .bookstore-hero .bookstore-mark .tagline {
        font-size: 6.5px !important;
        letter-spacing: .045em !important;
    }
}

.bookstore-circle-mark{
 position:absolute!important;top:26px!important;right:30px!important;left:auto!important;bottom:auto!important;
 width:116px!important;height:116px!important;border-radius:50%!important;box-sizing:border-box!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;overflow:hidden!important;padding:12px 7px!important;
}
.bookstore-circle-mark small,.bookstore-circle-mark .tagline{
 font-size:8px!important;line-height:1.1!important;letter-spacing:.055em!important;white-space:nowrap!important;
 margin:4px 0 0!important;width:100%!important;text-align:center!important;
}


/* =====================================================================
   MIX N EAT SHOP FILTER — match supplied screen recording
   Normal document flow, one clean desktop row above product cards.
   ===================================================================== */
body.page-shop .shop-filter-shell,
body.page-shop .shop-filters-wrap,
body.page-shop .shop-toolbar-wrap,
body.page-shop .shop-filter-bar,
body.page-shop .product-filter-panel,
body.page-shop .catalog-filter-panel,
body.page-shop .shop-controls,
body.page-shop .shop-filters,
body.page-shop .product-filters,
body.page-shop .catalog-filters,
body.page-shop .filter-toolbar,
body.page-shop .shop-toolbar {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: #f8f6f1 !important;
}

/* The actual form/controls: search wide, category/sort compact. */
body.page-shop .shop-filter-shell form,
body.page-shop .shop-filters form,
body.page-shop .shop-filter-bar form,
body.page-shop .product-filters form,
body.page-shop .catalog-filters form,
body.page-shop .filter-toolbar form,
body.page-shop .shop-toolbar form,
body.page-shop form.shop-filter-form,
body.page-shop form.catalog-filter-form {
    display: grid !important;
    grid-template-columns: minmax(300px, 2fr) minmax(190px, .85fr) minmax(190px, .85fr) !important;
    align-items: end !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f8f6f1 !important;
    border-top: 1px solid #d9d2c7 !important;
    border-bottom: 1px solid #d9d2c7 !important;
}

/* Support layouts where the three controls are direct children rather than inside a form. */
body.page-shop .shop-filter-grid,
body.page-shop .filter-grid,
body.page-shop .catalog-filter-grid {
    display: grid !important;
    grid-template-columns: minmax(300px, 2fr) minmax(190px, .85fr) minmax(190px, .85fr) !important;
    align-items: end !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}

body.page-shop .shop-filter-shell label,
body.page-shop .shop-filters label,
body.page-shop .shop-filter-bar label,
body.page-shop .product-filters label,
body.page-shop .catalog-filters label,
body.page-shop .filter-toolbar label,
body.page-shop .shop-toolbar label,
body.page-shop .shop-filter-grid > *,
body.page-shop .filter-grid > *,
body.page-shop .catalog-filter-grid > * {
    min-width: 0 !important;
    padding: 18px 22px 16px !important;
    margin: 0 !important;
    border-right: 1px solid #d9d2c7 !important;
    box-sizing: border-box !important;
}

body.page-shop .shop-filter-shell label:last-child,
body.page-shop .shop-filters label:last-child,
body.page-shop .shop-filter-bar label:last-child,
body.page-shop .product-filters label:last-child,
body.page-shop .catalog-filters label:last-child,
body.page-shop .filter-toolbar label:last-child,
body.page-shop .shop-toolbar label:last-child {
    border-right: 0 !important;
}

body.page-shop .shop-filter-shell label > span,
body.page-shop .shop-filters label > span,
body.page-shop .shop-filter-bar label > span,
body.page-shop .product-filters label > span,
body.page-shop .catalog-filters label > span,
body.page-shop .filter-toolbar label > span,
body.page-shop .shop-toolbar label > span,
body.page-shop .shop-filter-shell .field-label,
body.page-shop .shop-filters .field-label,
body.page-shop .shop-filter-bar .field-label {
    display: block !important;
    margin: 0 0 9px !important;
    color: #6b6a66 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

body.page-shop .shop-filter-shell input[type="search"],
body.page-shop .shop-filter-shell input[type="text"],
body.page-shop .shop-filters input[type="search"],
body.page-shop .shop-filters input[type="text"],
body.page-shop .shop-filter-bar input[type="search"],
body.page-shop .shop-filter-bar input[type="text"],
body.page-shop .product-filters input,
body.page-shop .catalog-filters input,
body.page-shop .filter-toolbar input,
body.page-shop .shop-toolbar input,
body.page-shop .shop-filter-shell select,
body.page-shop .shop-filters select,
body.page-shop .shop-filter-bar select,
body.page-shop .product-filters select,
body.page-shop .catalog-filters select,
body.page-shop .filter-toolbar select,
body.page-shop .shop-toolbar select {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 16px !important;
    border: 1px solid #d7d0c5 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #262626 !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

/* Category tabs sit directly below the filter row and scroll away with the page. */
body.page-shop .shop-category-tabs,
body.page-shop .category-tabs,
body.page-shop .shop-tabs,
body.page-shop .product-category-tabs {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 26px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 22px 14px !important;
    background: #f8f6f1 !important;
    border-bottom: 1px solid #d9d2c7 !important;
    box-shadow: none !important;
}

body.page-shop .shop-category-tabs a,
body.page-shop .category-tabs a,
body.page-shop .shop-tabs a,
body.page-shop .product-category-tabs a {
    padding: 6px 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #343434 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

body.page-shop .shop-category-tabs a.active,
body.page-shop .category-tabs a.active,
body.page-shop .shop-tabs a.active,
body.page-shop .product-category-tabs a.active {
    font-weight: 800 !important;
    border-bottom: 1px solid #222 !important;
}

/* Mobile: stack cleanly and preserve normal page scroll. */
@media (max-width: 980px) {
    body.page-shop .shop-filter-shell form,
    body.page-shop .shop-filters form,
    body.page-shop .shop-filter-bar form,
    body.page-shop .product-filters form,
    body.page-shop .catalog-filters form,
    body.page-shop .filter-toolbar form,
    body.page-shop .shop-toolbar form,
    body.page-shop form.shop-filter-form,
    body.page-shop form.catalog-filter-form,
    body.page-shop .shop-filter-grid,
    body.page-shop .filter-grid,
    body.page-shop .catalog-filter-grid {
        grid-template-columns: 1fr !important;
    }

    body.page-shop .shop-filter-shell label,
    body.page-shop .shop-filters label,
    body.page-shop .shop-filter-bar label,
    body.page-shop .product-filters label,
    body.page-shop .catalog-filters label,
    body.page-shop .filter-toolbar label,
    body.page-shop .shop-toolbar label,
    body.page-shop .shop-filter-grid > *,
    body.page-shop .filter-grid > *,
    body.page-shop .catalog-filter-grid > * {
        padding: 12px 16px !important;
        border-right: 0 !important;
        border-bottom: 1px solid #ddd6cb !important;
    }

    body.page-shop .shop-category-tabs,
    body.page-shop .category-tabs,
    body.page-shop .shop-tabs,
    body.page-shop .product-category-tabs {
        gap: 18px !important;
        padding: 10px 16px 12px !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
    }
}


/* =====================================================================
   BOOKSTORE HEADING — premium focused makeover
   ===================================================================== */
.bookstore-heading-pro{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  gap:34px;
  align-items:center;
  margin:0 0 28px;
  padding:34px 38px 36px;
  min-height:250px;
  overflow:hidden;
  border:1px solid rgba(125,84,48,.14);
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at 88% 20%,rgba(224,177,108,.26),transparent 27%),
    radial-gradient(circle at 68% 105%,rgba(128,74,39,.07),transparent 26%),
    linear-gradient(135deg,#fffaf2 0%,#f8edde 56%,#f4e4cd 100%);
  box-shadow:0 18px 44px rgba(86,53,29,.08);
}
.bookstore-heading-pro::after{
  content:"";
  position:absolute;
  left:38px;
  right:38px;
  bottom:18px;
  height:1px;
  background:linear-gradient(90deg,#b4733b 0%,rgba(180,115,59,.22) 44%,transparent 100%);
}
.bookstore-heading-pro-copy{
  position:relative;
  z-index:2;
  min-width:0;
}
.bookstore-heading-pro-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(127,79,42,.16);
  background:rgba(255,250,242,.72);
  color:#73482f;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.13em;
}
.bookstore-kicker-spark{
  color:#b77532;
  font-size:.9rem;
}
.bookstore-heading-pro h1{
  margin:20px 0 14px;
  color:#211914;
  line-height:.91;
  letter-spacing:-.05em;
  font-family:Georgia,"Times New Roman",serif;
}
.bookstore-heading-pro h1 span,
.bookstore-heading-pro h1 strong{
  display:block;
}
.bookstore-heading-pro h1 span{
  font-size:clamp(2.7rem,5vw,5.4rem);
  font-weight:400;
}
.bookstore-heading-pro h1 strong{
  position:relative;
  width:max-content;
  max-width:100%;
  margin-top:5px;
  font-size:clamp(2.35rem,4.4vw,4.8rem);
  font-weight:400;
}
.bookstore-heading-pro h1 strong::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:72%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#8f4d27,#d29a59,transparent);
  transform-origin:left;
  animation:bookstoreUnderlineIn .7s ease-out both;
}
.bookstore-heading-pro p{
  max-width:760px;
  margin:20px 0 0;
  color:#775640;
  font-size:1rem;
  line-height:1.65;
}
.bookstore-heading-pro-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:18px;
  color:#6f543f;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.03em;
}
.bookstore-heading-pro-meta i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#bd7b3b;
}
.bookstore-heading-pro-mark{
  position:absolute;
  top:28px;
  right:32px;
  width:122px;
  height:122px;
  box-sizing:border-box;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:13px 10px;
  text-align:center;
  background:rgba(255,252,247,.92);
  border:1px solid rgba(128,83,45,.17);
  box-shadow:0 16px 34px rgba(77,45,25,.12);
  z-index:3;
  animation:bookstoreMarkFloat 5s ease-in-out infinite;
}
.bookstore-heading-pro-r{
  display:block;
  color:#7a482b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:2.7rem;
  line-height:.86;
}
.bookstore-heading-pro-mark small{
  display:block;
  margin-top:9px;
  width:100%;
  color:#815c46;
  font-size:7px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.055em;
  white-space:nowrap;
}
@keyframes bookstoreUnderlineIn{
  from{transform:scaleX(0);opacity:0}
  to{transform:scaleX(1);opacity:1}
}
@keyframes bookstoreMarkFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@media (hover:hover) and (pointer:fine){
  .bookstore-heading-pro{
    transition:box-shadow .2s ease,transform .2s ease;
  }
  .bookstore-heading-pro:hover{
    transform:translateY(-1px);
    box-shadow:0 22px 50px rgba(86,53,29,.11);
  }
}
@media (max-width:820px){
  .bookstore-heading-pro{
    grid-template-columns:1fr;
    padding:28px 22px 30px;
    min-height:0;
    border-radius:0 0 22px 22px;
  }
  .bookstore-heading-pro-mark{
    position:relative;
    top:auto;
    right:auto;
    width:96px;
    height:96px;
    margin-top:2px;
    justify-self:start;
  }
  .bookstore-heading-pro-mark small{
    font-size:6px;
    letter-spacing:.04em;
  }
  .bookstore-heading-pro h1 span{
    font-size:clamp(2.45rem,11vw,3.8rem);
  }
  .bookstore-heading-pro h1 strong{
    font-size:clamp(2.15rem,9.5vw,3.35rem);
  }
}
@media (prefers-reduced-motion:reduce){
  .bookstore-heading-pro,
  .bookstore-heading-pro-mark,
  .bookstore-heading-pro h1 strong::after{
    animation:none!important;
    transition:none!important;
  }
}


/* =====================================================================
   BOOKSTORE EMBLEM — refined premium seal
   ===================================================================== */
.bookstore-heading-pro-mark{
  position:absolute!important;
  top:26px!important;
  right:32px!important;
  width:132px!important;
  height:132px!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:13px 14px 12px!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.96),rgba(255,250,242,.92) 58%,rgba(244,228,207,.96) 100%)!important;
  border:1px solid rgba(119,73,39,.20)!important;
  box-shadow:
    0 15px 30px rgba(74,42,22,.12),
    inset 0 0 0 5px rgba(255,255,255,.42),
    inset 0 0 0 6px rgba(149,99,58,.10)!important;
  z-index:3!important;
  overflow:hidden!important;
  animation:bookstoreSealFloat 5.5s ease-in-out infinite!important;
}
.bookstore-heading-pro-mark::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border:1px solid rgba(142,88,47,.18)!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
.bookstore-heading-pro-mark::after{
  content:""!important;
  position:absolute!important;
  width:72px!important;
  height:72px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-47%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(195,139,82,.09),transparent 68%)!important;
  pointer-events:none!important;
}
.bookstore-mark-book{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  width:27px!important;
  height:19px!important;
  margin:0 0 3px!important;
  color:#a26435!important;
}
.bookstore-mark-book svg{
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.bookstore-heading-pro-r{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin:0!important;
  color:#6f4026!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:2.65rem!important;
  line-height:.85!important;
  font-weight:400!important;
  text-shadow:0 1px 0 rgba(255,255,255,.8)!important;
}
.bookstore-mark-rule{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:38px!important;
  height:1px!important;
  margin:7px auto 5px!important;
  background:linear-gradient(90deg,transparent,#b57740,transparent)!important;
}
.bookstore-heading-pro-mark small{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#79523a!important;
  font-size:7px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  white-space:normal!important;
  text-align:center!important;
}
.bookstore-heading-pro-mark small span{
  display:block!important;
}
.bookstore-heading-pro-mark small span + span{
  margin-top:2px!important;
  font-size:6.7px!important;
  letter-spacing:.14em!important;
}
@keyframes bookstoreSealFloat{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-4px) rotate(.35deg)}
}
@media (hover:hover) and (pointer:fine){
  .bookstore-heading-pro-mark{
    transition:box-shadow .2s ease,transform .2s ease!important;
  }
  .bookstore-heading-pro-mark:hover{
    transform:translateY(-3px) scale(1.02)!important;
    box-shadow:
      0 18px 36px rgba(74,42,22,.16),
      inset 0 0 0 5px rgba(255,255,255,.45),
      inset 0 0 0 6px rgba(149,99,58,.12)!important;
  }
}
@media (max-width:820px){
  .bookstore-heading-pro-mark{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:108px!important;
    height:108px!important;
    padding:11px 11px 10px!important;
    margin-top:4px!important;
  }
  .bookstore-mark-book{
    width:23px!important;
    height:16px!important;
  }
  .bookstore-heading-pro-r{
    font-size:2.25rem!important;
  }
  .bookstore-mark-rule{
    width:32px!important;
    margin:6px auto 4px!important;
  }
  .bookstore-heading-pro-mark small{
    font-size:6.2px!important;
    letter-spacing:.055em!important;
  }
  .bookstore-heading-pro-mark small span + span{
    font-size:5.9px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .bookstore-heading-pro-mark{
    animation:none!important;
    transition:none!important;
  }
}


/* =====================================================================
   GLOBAL PUBLIC MOTION — subtle, professional, accessibility-aware
   ===================================================================== */

/* Smooth interaction defaults */
body.site.public-theme.scandi5-ui a,
body.site.public-theme.scandi5-ui button,
body.site.public-theme.scandi5-ui input,
body.site.public-theme.scandi5-ui select,
body.site.public-theme.scandi5-ui textarea {
  transition:
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    opacity .18s ease;
}

/* Soft page/section entrance */
body.site.public-theme.scandi5-ui main.content-shell > section,
body.site.public-theme.scandi5-ui main.content-shell > .panel,
body.site.public-theme.scandi5-ui main.content-shell > .card,
body.site.public-theme.scandi5-ui .sc5-categories,
body.site.public-theme.scandi5-ui .sc5-products-section,
body.site.public-theme.scandi5-ui .sc5-editorial-break,
body.site.public-theme.scandi5-ui .sc5-best-section,
body.site.public-theme.scandi5-ui .sc5-recipes,
body.site.public-theme.scandi5-ui .sc5-recommended,
body.site.public-theme.scandi5-ui .sc5-testimonials,
body.site.public-theme.scandi5-ui .bookstore-heading-pro,
body.site.public-theme.scandi5-ui .sc5-advert-showcase {
  animation: rshSectionIn .52s cubic-bezier(.22,.8,.3,1) both;
}

/* Gentle stagger for obvious card groups */
body.site.public-theme.scandi5-ui .sc5-minimal-grid > *,
body.site.public-theme.scandi5-ui .sc5-category-row > *,
body.site.public-theme.scandi5-ui .sc5-best-grid > *,
body.site.public-theme.scandi5-ui .sc5-recipe-grid > *,
body.site.public-theme.scandi5-ui .book-grid > *,
body.site.public-theme.scandi5-ui .products-grid > *,
body.site.public-theme.scandi5-ui .product-grid > * {
  animation: rshCardIn .46s cubic-bezier(.22,.8,.3,1) both;
}

body.site.public-theme.scandi5-ui .sc5-minimal-grid > *:nth-child(2),
body.site.public-theme.scandi5-ui .sc5-category-row > *:nth-child(2),
body.site.public-theme.scandi5-ui .sc5-best-grid > *:nth-child(2),
body.site.public-theme.scandi5-ui .sc5-recipe-grid > *:nth-child(2),
body.site.public-theme.scandi5-ui .book-grid > *:nth-child(2),
body.site.public-theme.scandi5-ui .products-grid > *:nth-child(2),
body.site.public-theme.scandi5-ui .product-grid > *:nth-child(2){animation-delay:.035s}

body.site.public-theme.scandi5-ui .sc5-minimal-grid > *:nth-child(3),
body.site.public-theme.scandi5-ui .sc5-category-row > *:nth-child(3),
body.site.public-theme.scandi5-ui .sc5-best-grid > *:nth-child(3),
body.site.public-theme.scandi5-ui .sc5-recipe-grid > *:nth-child(3),
body.site.public-theme.scandi5-ui .book-grid > *:nth-child(3),
body.site.public-theme.scandi5-ui .products-grid > *:nth-child(3),
body.site.public-theme.scandi5-ui .product-grid > *:nth-child(3){animation-delay:.07s}

body.site.public-theme.scandi5-ui .sc5-minimal-grid > *:nth-child(4),
body.site.public-theme.scandi5-ui .sc5-category-row > *:nth-child(4),
body.site.public-theme.scandi5-ui .sc5-best-grid > *:nth-child(4),
body.site.public-theme.scandi5-ui .sc5-recipe-grid > *:nth-child(4),
body.site.public-theme.scandi5-ui .book-grid > *:nth-child(4),
body.site.public-theme.scandi5-ui .products-grid > *:nth-child(4),
body.site.public-theme.scandi5-ui .product-grid > *:nth-child(4){animation-delay:.105s}

/* Cards: tiny lift only */
@media (hover:hover) and (pointer:fine){
  body.site.public-theme.scandi5-ui .sc5-product-card,
  body.site.public-theme.scandi5-ui .product-card,
  body.site.public-theme.scandi5-ui .sc5-category-item,
  body.site.public-theme.scandi5-ui .sc5-recipe-item,
  body.site.public-theme.scandi5-ui .sc5-best-item,
  body.site.public-theme.scandi5-ui .book-card,
  body.site.public-theme.scandi5-ui .bookstore-card {
    transition:
      transform .22s cubic-bezier(.22,.8,.3,1),
      box-shadow .22s ease,
      border-color .22s ease;
    will-change: transform;
  }

  body.site.public-theme.scandi5-ui .sc5-product-card:hover,
  body.site.public-theme.scandi5-ui .product-card:hover,
  body.site.public-theme.scandi5-ui .sc5-category-item:hover,
  body.site.public-theme.scandi5-ui .sc5-recipe-item:hover,
  body.site.public-theme.scandi5-ui .sc5-best-item:hover,
  body.site.public-theme.scandi5-ui .book-card:hover,
  body.site.public-theme.scandi5-ui .bookstore-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(74,45,25,.10);
  }

  /* Image movement stays extremely subtle */
  body.site.public-theme.scandi5-ui .sc5-product-card img,
  body.site.public-theme.scandi5-ui .product-card img,
  body.site.public-theme.scandi5-ui .sc5-category-item img,
  body.site.public-theme.scandi5-ui .sc5-recipe-item img,
  body.site.public-theme.scandi5-ui .book-card img,
  body.site.public-theme.scandi5-ui .bookstore-card img {
    transition: transform .36s cubic-bezier(.22,.8,.3,1);
  }

  body.site.public-theme.scandi5-ui .sc5-product-card:hover img,
  body.site.public-theme.scandi5-ui .product-card:hover img,
  body.site.public-theme.scandi5-ui .sc5-category-item:hover img,
  body.site.public-theme.scandi5-ui .sc5-recipe-item:hover img,
  body.site.public-theme.scandi5-ui .book-card:hover img,
  body.site.public-theme.scandi5-ui .bookstore-card:hover img {
    transform: scale(1.018);
  }
}

/* Public left toolbar: polished feedback, no movement of the whole bar */
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar a,
body.site.public-theme.scandi5-ui .sc5-home-sidebar a {
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease;
}

@media (hover:hover) and (pointer:fine){
  body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar a:hover,
  body.site.public-theme.scandi5-ui .sc5-home-sidebar a:hover {
    transform: translateX(2px);
  }
}

/* Buttons: restrained press/lift */
@media (hover:hover) and (pointer:fine){
  body.site.public-theme.scandi5-ui .btn:hover,
  body.site.public-theme.scandi5-ui .sc5-btn:hover,
  body.site.public-theme.scandi5-ui button:hover {
    transform: translateY(-1px);
  }
}
body.site.public-theme.scandi5-ui .btn:active,
body.site.public-theme.scandi5-ui .sc5-btn:active,
body.site.public-theme.scandi5-ui button:active {
  transform: translateY(0) scale(.99);
}

/* Inputs get a soft focus response */
body.site.public-theme.scandi5-ui input:focus,
body.site.public-theme.scandi5-ui select:focus,
body.site.public-theme.scandi5-ui textarea:focus {
  box-shadow: 0 0 0 3px rgba(173,116,61,.10);
}

/* Floating chat/cart buttons breathe almost imperceptibly */
body.site.public-theme.scandi5-ui .floating-chat,
body.site.public-theme.scandi5-ui .floating-cart,
body.site.public-theme.scandi5-ui .chat-fab,
body.site.public-theme.scandi5-ui .cart-fab {
  animation: rshFabBreathe 6s ease-in-out infinite;
}

/* Existing hero/profile/logo animations are left intact; this only adds a gentle entry */
body.site.public-theme.scandi5-ui .sc5-hero-copy,
body.site.public-theme.scandi5-ui .sc5-hero-brand-card {
  animation: rshHeroIn .62s cubic-bezier(.22,.8,.3,1) both;
}
body.site.public-theme.scandi5-ui .sc5-hero-brand-card{
  animation-delay:.08s;
}

@keyframes rshSectionIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes rshCardIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes rshHeroIn{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes rshFabBreathe{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}

/* Accessibility: disable all decorative motion when requested */
@media (prefers-reduced-motion:reduce){
  body.site.public-theme.scandi5-ui *,
  body.site.public-theme.scandi5-ui *::before,
  body.site.public-theme.scandi5-ui *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}


/* =====================================================================
   SITE-WIDE COLOUR REFINEMENT
   Same established Rina se Hoekie palette; improved hierarchy/contrast.
   ===================================================================== */
body.site.public-theme.scandi5-ui{
  --rsh-ink:#2b1a12;
  --rsh-ink-soft:#5f4637;
  --rsh-brown:#7d4b31;
  --rsh-brown-deep:#63371f;
  --rsh-caramel:#a8662c;
  --rsh-caramel-soft:#c48a50;
  --rsh-cream:#f5ede2;
  --rsh-cream-soft:#fbf7f1;
  --rsh-paper:#fffdf9;
  --rsh-sage:#71806f;
  --rsh-line:rgba(105,72,49,.17);
  --rsh-line-strong:rgba(105,72,49,.27);
  --rsh-shadow:rgba(72,43,26,.10);
  color:var(--rsh-ink);
  background-color:var(--rsh-cream);
}

/* Main reading surfaces: warmer white rather than stark white. */
body.site.public-theme.scandi5-ui main.content-shell,
body.site.public-theme.scandi5-ui .panel,
body.site.public-theme.scandi5-ui .section-shell,
body.site.public-theme.scandi5-ui .sc5-products-section,
body.site.public-theme.scandi5-ui .sc5-categories,
body.site.public-theme.scandi5-ui .sc5-recipes,
body.site.public-theme.scandi5-ui .sc5-recommended,
body.site.public-theme.scandi5-ui .sc5-testimonials{
  border-color:var(--rsh-line);
}

/* Headings: one consistent dark chocolate tone. */
body.site.public-theme.scandi5-ui h1,
body.site.public-theme.scandi5-ui h2,
body.site.public-theme.scandi5-ui h3,
body.site.public-theme.scandi5-ui h4,
body.site.public-theme.scandi5-ui .section-title{
  color:var(--rsh-ink);
}

/* Supporting copy gains contrast without becoming black. */
body.site.public-theme.scandi5-ui p,
body.site.public-theme.scandi5-ui .muted,
body.site.public-theme.scandi5-ui .subcopy,
body.site.public-theme.scandi5-ui .product-description,
body.site.public-theme.scandi5-ui .book-description{
  color:var(--rsh-ink-soft);
}

/* Eyebrows / labels: use existing sage more deliberately. */
body.site.public-theme.scandi5-ui .eyebrow,
body.site.public-theme.scandi5-ui .kicker,
body.site.public-theme.scandi5-ui .section-kicker,
body.site.public-theme.scandi5-ui .product-category,
body.site.public-theme.scandi5-ui .book-category,
body.site.public-theme.scandi5-ui .sc5-kicker{
  color:var(--rsh-sage);
}

/* Public fixed sidebar: richer brown, clearer active state, same scheme. */
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar,
body.site.public-theme.scandi5-ui .sc5-home-sidebar{
  background:linear-gradient(180deg,#805036 0%,#71432d 100%);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 18px 42px rgba(70,40,24,.12);
}
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar a,
body.site.public-theme.scandi5-ui .sc5-home-sidebar a{
  color:#fffaf5;
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.055);
}
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar a:hover,
body.site.public-theme.scandi5-ui .sc5-home-sidebar a:hover{
  background:rgba(255,255,255,.105);
  border-color:rgba(255,255,255,.30);
}
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar a.active,
body.site.public-theme.scandi5-ui .sc5-home-sidebar a.active{
  background:#9a6a4c;
  border-color:#e8c69d;
  box-shadow:inset 3px 0 0 #f1cf9e;
}

/* Primary actions: improve depth using the existing caramel/brown family. */
body.site.public-theme.scandi5-ui .btn-primary,
body.site.public-theme.scandi5-ui .sc5-btn-primary,
body.site.public-theme.scandi5-ui a.primary-button,
body.site.public-theme.scandi5-ui button.primary{
  color:#fffdf9;
  background:linear-gradient(180deg,#a9692e,#92531f);
  border-color:#8d4f20;
  box-shadow:0 8px 18px rgba(111,61,28,.13);
}
@media (hover:hover) and (pointer:fine){
  body.site.public-theme.scandi5-ui .btn-primary:hover,
  body.site.public-theme.scandi5-ui .sc5-btn-primary:hover,
  body.site.public-theme.scandi5-ui a.primary-button:hover,
  body.site.public-theme.scandi5-ui button.primary:hover{
    background:linear-gradient(180deg,#b17435,#995921);
  }
}

/* Secondary actions: cream with brown text rather than plain white. */
body.site.public-theme.scandi5-ui .btn-secondary,
body.site.public-theme.scandi5-ui .sc5-btn-secondary,
body.site.public-theme.scandi5-ui a.secondary-button{
  color:var(--rsh-brown-deep);
  background:#fbf4ea;
  border-color:#dec8ae;
}

/* Cards: clearer separation from the page while staying soft. */
body.site.public-theme.scandi5-ui .sc5-product-card,
body.site.public-theme.scandi5-ui .product-card,
body.site.public-theme.scandi5-ui .sc5-category-item,
body.site.public-theme.scandi5-ui .sc5-recipe-item,
body.site.public-theme.scandi5-ui .sc5-best-item,
body.site.public-theme.scandi5-ui .book-card,
body.site.public-theme.scandi5-ui .bookstore-card{
  background:var(--rsh-paper);
  border-color:var(--rsh-line);
}
@media (hover:hover) and (pointer:fine){
  body.site.public-theme.scandi5-ui .sc5-product-card:hover,
  body.site.public-theme.scandi5-ui .product-card:hover,
  body.site.public-theme.scandi5-ui .sc5-category-item:hover,
  body.site.public-theme.scandi5-ui .sc5-recipe-item:hover,
  body.site.public-theme.scandi5-ui .sc5-best-item:hover,
  body.site.public-theme.scandi5-ui .book-card:hover,
  body.site.public-theme.scandi5-ui .bookstore-card:hover{
    border-color:var(--rsh-line-strong);
    box-shadow:0 14px 30px var(--rsh-shadow);
  }
}

/* Prices and meaningful accents get a consistent warm brown. */
body.site.public-theme.scandi5-ui .price,
body.site.public-theme.scandi5-ui .product-price,
body.site.public-theme.scandi5-ui .book-price,
body.site.public-theme.scandi5-ui .accent-text{
  color:#7c3f1d;
}

/* Shop search/filter area: retain its layout, improve visual hierarchy only. */
body.page-shop.site.public-theme.scandi5-ui .shop-filter-shell,
body.page-shop.site.public-theme.scandi5-ui .shop-filters,
body.page-shop.site.public-theme.scandi5-ui .shop-filter-bar,
body.page-shop.site.public-theme.scandi5-ui .shop-toolbar{
  background:#f8f3ec!important;
  border-color:var(--rsh-line)!important;
}
body.page-shop.site.public-theme.scandi5-ui .shop-filter-shell input,
body.page-shop.site.public-theme.scandi5-ui .shop-filter-shell select,
body.page-shop.site.public-theme.scandi5-ui .shop-filters input,
body.page-shop.site.public-theme.scandi5-ui .shop-filters select,
body.page-shop.site.public-theme.scandi5-ui .shop-filter-bar input,
body.page-shop.site.public-theme.scandi5-ui .shop-filter-bar select{
  background:#fffdf9!important;
  color:var(--rsh-ink)!important;
  border-color:#d9cabc!important;
}
body.page-shop.site.public-theme.scandi5-ui .shop-category-tabs,
body.page-shop.site.public-theme.scandi5-ui .category-tabs{
  background:#f8f3ec!important;
  border-color:var(--rsh-line)!important;
}
body.page-shop.site.public-theme.scandi5-ui .shop-category-tabs a.active,
body.page-shop.site.public-theme.scandi5-ui .category-tabs a.active{
  color:var(--rsh-brown-deep)!important;
  border-color:var(--rsh-brown)!important;
}

/* Bookstore hero: strengthen its existing cream/gold/brown composition. */
body.site.public-theme.scandi5-ui .bookstore-heading-pro{
  background:
    radial-gradient(circle at 88% 18%,rgba(207,153,91,.25),transparent 28%),
    radial-gradient(circle at 68% 108%,rgba(126,75,42,.075),transparent 28%),
    linear-gradient(135deg,#fffaf3 0%,#f7ebdc 58%,#f1dfc7 100%)!important;
  border-color:rgba(124,77,42,.18)!important;
}
body.site.public-theme.scandi5-ui .bookstore-heading-pro p{
  color:#6f4d38!important;
}
body.site.public-theme.scandi5-ui .bookstore-heading-pro-meta{
  color:#684a38!important;
}

/* Forms: softer surfaces, stronger focus state. */
body.site.public-theme.scandi5-ui input,
body.site.public-theme.scandi5-ui select,
body.site.public-theme.scandi5-ui textarea{
  color:var(--rsh-ink);
  background:#fffdf9;
  border-color:#d8cabe;
}
body.site.public-theme.scandi5-ui input::placeholder,
body.site.public-theme.scandi5-ui textarea::placeholder{
  color:#8a7b70;
}
body.site.public-theme.scandi5-ui input:focus,
body.site.public-theme.scandi5-ui select:focus,
body.site.public-theme.scandi5-ui textarea:focus{
  border-color:#aa774f;
  box-shadow:0 0 0 3px rgba(170,119,79,.11);
}

/* Floating controls: tie them into the site palette. */
body.site.public-theme.scandi5-ui .floating-chat,
body.site.public-theme.scandi5-ui .floating-cart,
body.site.public-theme.scandi5-ui .chat-fab,
body.site.public-theme.scandi5-ui .cart-fab{
  border-color:rgba(111,72,45,.16);
  box-shadow:0 9px 24px rgba(72,43,26,.11);
}

/* Fine dividers should be warm rather than cool grey. */
body.site.public-theme.scandi5-ui hr,
body.site.public-theme.scandi5-ui .divider,
body.site.public-theme.scandi5-ui .rule{
  border-color:var(--rsh-line);
  background-color:var(--rsh-line);
}

/* Mobile keeps the same refined palette and strong legibility. */
@media (max-width:820px){
  body.site.public-theme.scandi5-ui{
    --rsh-shadow:rgba(72,43,26,.075);
  }
}


/* =====================================================================
   COLOUR REFINEMENT V2
   Preserve Rina se Hoekie palette, but correctly separate LIGHT and DARK
   surfaces so text never disappears into photography.
   ===================================================================== */

body.site.public-theme.scandi5-ui{
  --rsh-ink:#291a13;
  --rsh-ink-soft:#684c3b;
  --rsh-brown:#7b4a31;
  --rsh-brown-deep:#5f351f;
  --rsh-caramel:#a8692f;
  --rsh-caramel-soft:#c68e55;
  --rsh-cream:#f4ebdf;
  --rsh-cream-2:#faf5ee;
  --rsh-paper:#fffdf9;
  --rsh-sage:#71806f;
  --rsh-line:rgba(104,72,49,.16);
  --rsh-line-strong:rgba(104,72,49,.26);
  --rsh-shadow:rgba(67,39,24,.11);
}

/* ---------- LIGHT SURFACES ---------- */
body.site.public-theme.scandi5-ui .sc5-categories,
body.site.public-theme.scandi5-ui .sc5-products-section,
body.site.public-theme.scandi5-ui .sc5-recipes,
body.site.public-theme.scandi5-ui .sc5-recommended,
body.site.public-theme.scandi5-ui .sc5-testimonials,
body.site.public-theme.scandi5-ui .bookstore-heading-pro,
body.site.public-theme.scandi5-ui .panel:not(.dark):not(.dark-panel),
body.site.public-theme.scandi5-ui .card:not(.dark):not(.dark-card){
  color:var(--rsh-ink);
}

body.site.public-theme.scandi5-ui .sc5-categories h1,
body.site.public-theme.scandi5-ui .sc5-categories h2,
body.site.public-theme.scandi5-ui .sc5-products-section h1,
body.site.public-theme.scandi5-ui .sc5-products-section h2,
body.site.public-theme.scandi5-ui .sc5-products-section h3,
body.site.public-theme.scandi5-ui .sc5-recipes h1,
body.site.public-theme.scandi5-ui .sc5-recipes h2,
body.site.public-theme.scandi5-ui .sc5-recipes h3,
body.site.public-theme.scandi5-ui .sc5-recommended h1,
body.site.public-theme.scandi5-ui .sc5-recommended h2,
body.site.public-theme.scandi5-ui .sc5-testimonials h1,
body.site.public-theme.scandi5-ui .sc5-testimonials h2,
body.site.public-theme.scandi5-ui .bookstore-heading-pro h1,
body.site.public-theme.scandi5-ui .bookstore-heading-pro h2{
  color:var(--rsh-ink)!important;
}

body.site.public-theme.scandi5-ui .sc5-categories p,
body.site.public-theme.scandi5-ui .sc5-products-section p,
body.site.public-theme.scandi5-ui .sc5-recipes p,
body.site.public-theme.scandi5-ui .sc5-recommended p,
body.site.public-theme.scandi5-ui .sc5-testimonials p,
body.site.public-theme.scandi5-ui .bookstore-heading-pro p{
  color:var(--rsh-ink-soft)!important;
}

/* ---------- HOME HERO: DARK PHOTOGRAPHY ---------- */
body.site.public-theme.scandi5-ui .sc5-hero{
  position:relative;
  isolation:isolate;
}
body.site.public-theme.scandi5-ui .sc5-hero .sc5-hero-shade{
  background:
    linear-gradient(90deg,
      rgba(20,12,9,.76) 0%,
      rgba(20,12,9,.61) 28%,
      rgba(20,12,9,.26) 53%,
      rgba(20,12,9,.05) 75%,
      rgba(20,12,9,.02) 100%)!important;
}
body.site.public-theme.scandi5-ui .sc5-hero-copy,
body.site.public-theme.scandi5-ui .sc5-hero-copy h1,
body.site.public-theme.scandi5-ui .sc5-hero-copy h2,
body.site.public-theme.scandi5-ui .sc5-hero-copy h3,
body.site.public-theme.scandi5-ui .sc5-hero-copy p,
body.site.public-theme.scandi5-ui .sc5-hero-copy .sc5-eyebrow{
  color:#fffaf3!important;
  text-shadow:0 2px 18px rgba(0,0,0,.30)!important;
}
body.site.public-theme.scandi5-ui .sc5-hero-copy p{
  color:#f3e9df!important;
}
body.site.public-theme.scandi5-ui .sc5-hero-copy .sc5-eyebrow{
  color:#fff4e7!important;
  letter-spacing:.16em!important;
}

/* ---------- EDITORIAL IMAGE BREAK: DARK PHOTOGRAPHY ---------- */
body.site.public-theme.scandi5-ui .sc5-editorial-break{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
body.site.public-theme.scandi5-ui .sc5-editorial-break::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(18,10,7,.76) 0%,
      rgba(18,10,7,.62) 32%,
      rgba(18,10,7,.30) 55%,
      rgba(18,10,7,.08) 78%,
      rgba(18,10,7,0) 100%);
}
body.site.public-theme.scandi5-ui .sc5-editorial-caption{
  position:relative!important;
  z-index:2!important;
}
body.site.public-theme.scandi5-ui .sc5-editorial-caption,
body.site.public-theme.scandi5-ui .sc5-editorial-caption h1,
body.site.public-theme.scandi5-ui .sc5-editorial-caption h2,
body.site.public-theme.scandi5-ui .sc5-editorial-caption h3,
body.site.public-theme.scandi5-ui .sc5-editorial-caption p,
body.site.public-theme.scandi5-ui .sc5-editorial-caption a,
body.site.public-theme.scandi5-ui .sc5-editorial-caption .sc5-eyebrow{
  color:#fffaf3!important;
  text-shadow:0 2px 14px rgba(0,0,0,.34)!important;
}
body.site.public-theme.scandi5-ui .sc5-editorial-caption p{
  color:#f0e3d5!important;
}
body.site.public-theme.scandi5-ui .sc5-editorial-caption a{
  border-color:rgba(255,250,243,.72)!important;
}
@media (hover:hover) and (pointer:fine){
  body.site.public-theme.scandi5-ui .sc5-editorial-caption a:hover{
    color:#2a1b13!important;
    background:#fff8ef!important;
    text-shadow:none!important;
  }
}

/* ---------- ANY OTHER DARK HERO/PANEL SECTIONS ---------- */
body.site.public-theme.scandi5-ui .dark,
body.site.public-theme.scandi5-ui .dark-panel,
body.site.public-theme.scandi5-ui .dark-card,
body.site.public-theme.scandi5-ui .image-hero,
body.site.public-theme.scandi5-ui .photo-hero{
  color:#fffaf3;
}
body.site.public-theme.scandi5-ui .dark h1,
body.site.public-theme.scandi5-ui .dark h2,
body.site.public-theme.scandi5-ui .dark h3,
body.site.public-theme.scandi5-ui .dark-panel h1,
body.site.public-theme.scandi5-ui .dark-panel h2,
body.site.public-theme.scandi5-ui .dark-panel h3,
body.site.public-theme.scandi5-ui .dark-card h1,
body.site.public-theme.scandi5-ui .dark-card h2,
body.site.public-theme.scandi5-ui .dark-card h3,
body.site.public-theme.scandi5-ui .image-hero h1,
body.site.public-theme.scandi5-ui .image-hero h2,
body.site.public-theme.scandi5-ui .photo-hero h1,
body.site.public-theme.scandi5-ui .photo-hero h2{
  color:#fffaf3!important;
}
body.site.public-theme.scandi5-ui .dark p,
body.site.public-theme.scandi5-ui .dark-panel p,
body.site.public-theme.scandi5-ui .dark-card p,
body.site.public-theme.scandi5-ui .image-hero p,
body.site.public-theme.scandi5-ui .photo-hero p{
  color:#eee0d3!important;
}

/* ---------- SIDEBAR ---------- */
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar,
body.site.public-theme.scandi5-ui .sc5-home-sidebar{
  background:linear-gradient(180deg,#7c4c33 0%,#6d402b 100%)!important;
}
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar strong,
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar small,
body.site.public-theme.scandi5-ui .sc5-home-sidebar strong,
body.site.public-theme.scandi5-ui .sc5-home-sidebar small{
  color:#fff8f1!important;
}
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar a,
body.site.public-theme.scandi5-ui .sc5-home-sidebar a{
  color:#fffaf4!important;
  background:rgba(255,255,255,.045)!important;
}
body.site.public-theme.scandi5-ui .sc5-public-fixed-sidebar a.active,
body.site.public-theme.scandi5-ui .sc5-home-sidebar a.active{
  background:#946247!important;
  border-color:#ddb98f!important;
}

/* ---------- CARDS / PRODUCTS ---------- */
body.site.public-theme.scandi5-ui .sc5-product-card,
body.site.public-theme.scandi5-ui .product-card,
body.site.public-theme.scandi5-ui .book-card,
body.site.public-theme.scandi5-ui .bookstore-card,
body.site.public-theme.scandi5-ui .sc5-category-item,
body.site.public-theme.scandi5-ui .sc5-recipe-item,
body.site.public-theme.scandi5-ui .sc5-best-item{
  background:#fffdf9!important;
  border-color:var(--rsh-line)!important;
}
body.site.public-theme.scandi5-ui .sc5-product-card h3,
body.site.public-theme.scandi5-ui .product-card h3,
body.site.public-theme.scandi5-ui .book-card h3,
body.site.public-theme.scandi5-ui .bookstore-card h3{
  color:#2c1d16!important;
}
body.site.public-theme.scandi5-ui .sc5-product-card p,
body.site.public-theme.scandi5-ui .product-card p,
body.site.public-theme.scandi5-ui .book-card p,
body.site.public-theme.scandi5-ui .bookstore-card p{
  color:#6d5544!important;
}
body.site.public-theme.scandi5-ui .price,
body.site.public-theme.scandi5-ui .product-price,
body.site.public-theme.scandi5-ui .book-price{
  color:#743b1d!important;
}

/* ---------- SHOP FILTERS ---------- */
body.page-shop.site.public-theme.scandi5-ui .shop-filter-shell,
body.page-shop.site.public-theme.scandi5-ui .shop-filters,
body.page-shop.site.public-theme.scandi5-ui .shop-filter-bar,
body.page-shop.site.public-theme.scandi5-ui .shop-toolbar,
body.page-shop.site.public-theme.scandi5-ui .category-tabs,
body.page-shop.site.public-theme.scandi5-ui .shop-category-tabs{
  background:#f8f4ee!important;
  border-color:#d8cec3!important;
}
body.page-shop.site.public-theme.scandi5-ui input,
body.page-shop.site.public-theme.scandi5-ui select{
  background:#fffdf9!important;
  color:#2b1d16!important;
  border-color:#d5c9bd!important;
}
body.page-shop.site.public-theme.scandi5-ui .category-tabs a,
body.page-shop.site.public-theme.scandi5-ui .shop-category-tabs a{
  color:#4f3c30!important;
}
body.page-shop.site.public-theme.scandi5-ui .category-tabs a.active,
body.page-shop.site.public-theme.scandi5-ui .shop-category-tabs a.active{
  color:#6c3a20!important;
  border-bottom-color:#6c3a20!important;
}

/* ---------- BUTTONS ---------- */
body.site.public-theme.scandi5-ui .sc5-btn-light{
  color:#fffdf8!important;
  background:linear-gradient(180deg,#ad6e32,#94551f)!important;
}
body.site.public-theme.scandi5-ui .sc5-btn-warm,
body.site.public-theme.scandi5-ui .sc5-btn-mixnbake{
  color:#fffaf4!important;
  background:linear-gradient(180deg,#724126,#59311d)!important;
}
body.site.public-theme.scandi5-ui .btn-secondary,
body.site.public-theme.scandi5-ui .sc5-btn-secondary{
  color:#63381f!important;
  background:#fbf4ea!important;
  border-color:#dcc4a8!important;
}

/* ---------- FORMS ---------- */
body.site.public-theme.scandi5-ui input,
body.site.public-theme.scandi5-ui select,
body.site.public-theme.scandi5-ui textarea{
  color:#2b1d16!important;
  background:#fffdf9!important;
  border-color:#d7c9bb!important;
}
body.site.public-theme.scandi5-ui input::placeholder,
body.site.public-theme.scandi5-ui textarea::placeholder{
  color:#88796e!important;
}

/* Keep subtle sage accents where they already exist */
body.site.public-theme.scandi5-ui .sc5-eyebrow-dark,
body.site.public-theme.scandi5-ui .section-kicker,
body.site.public-theme.scandi5-ui .product-category,
body.site.public-theme.scandi5-ui .book-category{
  color:#6f7c6d!important;
}

/* Prevent generic global rules from darkening text on photo surfaces again. */
body.site.public-theme.scandi5-ui .sc5-hero-copy *,
body.site.public-theme.scandi5-ui .sc5-editorial-caption *{
  color:inherit;
}


/* =====================================================================
   ABOUT PAGE HEADING — focused premium makeover
   Only this heading area is affected.
   ===================================================================== */
.about-heading-pro{
  position:relative;
  overflow:hidden;
  padding:34px 38px 38px!important;
  margin:0 0 28px!important;
  border:1px solid rgba(124,79,43,.13)!important;
  border-radius:0 0 26px 26px!important;
  background:
    radial-gradient(circle at 85% 20%,rgba(204,151,91,.16),transparent 30%),
    linear-gradient(135deg,#fbf5ec 0%,#f3e7d7 100%)!important;
  box-shadow:0 16px 36px rgba(75,46,27,.07)!important;
}
.about-heading-pro::after{
  content:"";
  position:absolute;
  left:38px;
  bottom:20px;
  width:110px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#95603a,#c58c55,transparent);
}
.about-heading-pro .eyebrow,
.about-heading-pro .sc5-eyebrow,
.about-heading-pro .kicker{
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(115,79,53,.14)!important;
  background:rgba(255,250,242,.74)!important;
  color:#6f7d6d!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.about-heading-pro h1,
.about-heading-pro h2{
  max-width:960px!important;
  margin:18px 0 14px!important;
  color:#251914!important;
  font-size:clamp(2.65rem,5vw,5rem)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
  animation:aboutTitleIn .58s cubic-bezier(.22,.8,.3,1) both;
}
.about-heading-pro p{
  max-width:780px!important;
  margin:0!important;
  color:#6b5040!important;
  font-size:1.02rem!important;
  line-height:1.68!important;
}
@keyframes aboutTitleIn{
  from{opacity:0;transform:translateY(9px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:780px){
  .about-heading-pro{
    padding:26px 22px 30px!important;
    border-radius:0 0 20px 20px!important;
  }
  .about-heading-pro::after{
    left:22px;
    bottom:16px;
    width:78px;
  }
  .about-heading-pro h1,
  .about-heading-pro h2{
    font-size:clamp(2.3rem,10vw,3.6rem)!important;
  }
  .about-heading-pro p{
    font-size:.96rem!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .about-heading-pro h1,
  .about-heading-pro h2{
    animation:none!important;
  }
}


/* =====================================================================
   ABOUT HEADING V2 — signature editorial intro
   ===================================================================== */
.about-heading-signature{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:48px;
  align-items:center;
  margin:0 0 30px;
  padding:46px 48px;
  overflow:hidden;
  border:1px solid rgba(121,79,45,.14);
  border-radius:0 0 30px 30px;
  background:
    radial-gradient(circle at 87% 18%,rgba(201,150,91,.20),transparent 26%),
    radial-gradient(circle at 8% 100%,rgba(110,65,38,.055),transparent 24%),
    linear-gradient(135deg,#fffaf3 0%,#f5e9da 100%);
  box-shadow:0 18px 44px rgba(73,44,27,.08);
}
.about-heading-signature::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:4px;
  background:linear-gradient(90deg,#7f4c30 0%,#c58b52 35%,rgba(197,139,82,.15) 70%,transparent 100%);
}
.about-heading-main{
  position:relative;
  z-index:2;
  min-width:0;
}
.about-heading-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,251,245,.76);
  border:1px solid rgba(116,78,52,.14);
  color:#6f7b6d;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.13em;
}
.about-kicker-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#a86a35;
  box-shadow:0 0 0 4px rgba(168,106,53,.09);
}
.about-heading-signature h1{
  margin:20px 0 18px;
  color:#251913;
  font-family:Georgia,"Times New Roman",serif;
  line-height:.94;
  letter-spacing:-.045em;
}
.about-heading-signature h1 span,
.about-heading-signature h1 strong{
  display:block;
}
.about-heading-signature h1 span{
  font-size:clamp(2.8rem,5.1vw,5.6rem);
  font-weight:400;
}
.about-heading-signature h1 strong{
  position:relative;
  width:max-content;
  max-width:100%;
  margin-top:5px;
  font-size:clamp(2.35rem,4.25vw,4.7rem);
  font-weight:400;
  color:#71452c;
}
.about-heading-signature h1 strong::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#9b6038,#d0a06a,transparent);
  transform-origin:left;
  animation:aboutLineReveal .75s cubic-bezier(.22,.8,.3,1) both;
}
.about-heading-signature p{
  max-width:790px;
  margin:24px 0 0;
  color:#6a5040;
  font-size:1.02rem;
  line-height:1.72;
}
.about-heading-note{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:116px;
  padding:22px 22px;
  border:1px solid rgba(122,80,46,.13);
  border-radius:22px;
  background:rgba(255,253,249,.70);
  box-shadow:0 12px 28px rgba(78,46,26,.07);
  backdrop-filter:blur(4px);
}
.about-note-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:50%;
  background:linear-gradient(145deg,#8a5434,#6c3d25);
  color:#fff9f1;
  font-family:Georgia,"Times New Roman",serif;
  font-size:2rem;
  box-shadow:0 8px 18px rgba(88,49,27,.16);
}
.about-heading-note small{
  display:block;
  margin-bottom:6px;
  color:#7a806e;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
}
.about-heading-note strong{
  display:block;
  color:#3a291f;
  font-size:1.05rem;
  line-height:1.28;
}
@keyframes aboutLineReveal{
  from{transform:scaleX(0);opacity:0}
  to{transform:scaleX(1);opacity:1}
}
@media (hover:hover) and (pointer:fine){
  .about-heading-note{
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  }
  .about-heading-note:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(78,46,26,.10);
    border-color:rgba(122,80,46,.20);
  }
}
@media (max-width:980px){
  .about-heading-signature{
    grid-template-columns:1fr;
    gap:24px;
    padding:34px 28px 36px;
  }
  .about-heading-note{
    max-width:420px;
  }
}
@media (max-width:600px){
  .about-heading-signature{
    padding:28px 20px 30px;
    border-radius:0 0 22px 22px;
  }
  .about-heading-signature h1 span{
    font-size:clamp(2.45rem,12vw,3.65rem);
  }
  .about-heading-signature h1 strong{
    font-size:clamp(2.1rem,10vw,3.15rem);
  }
  .about-heading-signature p{
    font-size:.96rem;
  }
  .about-heading-note{
    padding:18px;
    border-radius:18px;
  }
  .about-note-mark{
    width:50px;
    height:50px;
    flex-basis:50px;
    font-size:1.7rem;
  }
}
@media (prefers-reduced-motion:reduce){
  .about-heading-signature h1 strong::after{
    animation:none!important;
  }
  .about-heading-note{
    transition:none!important;
  }
}


/* Agent application heading — premium signature intro */
.agent-heading-signature{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:48px;
  align-items:center;
  margin:0 0 30px;
  padding:46px 48px;
  overflow:hidden;
  border:1px solid rgba(121,79,45,.14);
  border-radius:0 0 30px 30px;
  background:
    radial-gradient(circle at 87% 18%,rgba(201,150,91,.20),transparent 26%),
    radial-gradient(circle at 8% 100%,rgba(110,65,38,.055),transparent 24%),
    linear-gradient(135deg,#fffaf3 0%,#f5e9da 100%);
  box-shadow:0 18px 44px rgba(73,44,27,.08);
}
.agent-heading-signature::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:4px;
  background:linear-gradient(90deg,#7f4c30 0%,#c58b52 35%,rgba(197,139,82,.15) 70%,transparent 100%);
}
.agent-heading-main{position:relative;z-index:2;min-width:0}
.agent-heading-kicker{
  display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;
  background:rgba(255,251,245,.76);border:1px solid rgba(116,78,52,.14);
  color:#6f7b6d;font-size:.72rem;font-weight:900;letter-spacing:.13em;
}
.agent-kicker-dot{
  width:7px;height:7px;border-radius:50%;background:#a86a35;
  box-shadow:0 0 0 4px rgba(168,106,53,.09);
}
.agent-heading-signature h1{
  margin:20px 0 18px;color:#251913;font-family:Georgia,"Times New Roman",serif;
  line-height:.94;letter-spacing:-.045em;
}
.agent-heading-signature h1 span,.agent-heading-signature h1 strong{display:block}
.agent-heading-signature h1 span{font-size:clamp(2.8rem,5.1vw,5.6rem);font-weight:400}
.agent-heading-signature h1 strong{
  position:relative;width:max-content;max-width:100%;margin-top:5px;
  font-size:clamp(2.35rem,4.25vw,4.7rem);font-weight:400;color:#71452c;
}
.agent-heading-signature h1 strong::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,#9b6038,#d0a06a,transparent);
  transform-origin:left;animation:agentLineReveal .75s cubic-bezier(.22,.8,.3,1) both;
}
.agent-heading-signature p{max-width:790px;margin:24px 0 0;color:#6a5040;font-size:1.02rem;line-height:1.72}
.agent-heading-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;
  color:#6f543f;font-size:.78rem;font-weight:800;letter-spacing:.03em;
}
.agent-heading-meta i{width:4px;height:4px;border-radius:50%;background:#bd7b3b}
.agent-heading-note{
  position:relative;z-index:2;display:flex;align-items:center;gap:16px;min-height:116px;
  padding:22px;border:1px solid rgba(122,80,46,.13);border-radius:22px;
  background:rgba(255,253,249,.72);box-shadow:0 12px 28px rgba(78,46,26,.07);
  backdrop-filter:blur(4px);
}
.agent-note-mark{
  display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 58px;
  border-radius:50%;background:linear-gradient(145deg,#8a5434,#6c3d25);color:#fff9f1;
  font-family:Georgia,"Times New Roman",serif;font-size:2rem;box-shadow:0 8px 18px rgba(88,49,27,.16);
}
.agent-heading-note small{display:block;margin-bottom:6px;color:#7a806e;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.agent-heading-note strong{display:block;color:#3a291f;font-size:1.05rem;line-height:1.28}
@keyframes agentLineReveal{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media (hover:hover) and (pointer:fine){
  .agent-heading-note{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
  .agent-heading-note:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(78,46,26,.10);border-color:rgba(122,80,46,.20)}
}
@media (max-width:980px){
  .agent-heading-signature{grid-template-columns:1fr;gap:24px;padding:34px 28px 36px}
  .agent-heading-note{max-width:420px}
}
@media (max-width:600px){
  .agent-heading-signature{padding:28px 20px 30px;border-radius:0 0 22px 22px}
  .agent-heading-signature h1 span{font-size:clamp(2.45rem,12vw,3.65rem)}
  .agent-heading-signature h1 strong{font-size:clamp(2.1rem,10vw,3.15rem)}
  .agent-heading-signature p{font-size:.96rem}
  .agent-heading-note{padding:18px;border-radius:18px}
  .agent-note-mark{width:50px;height:50px;flex-basis:50px;font-size:1.7rem}
}
@media (prefers-reduced-motion:reduce){
  .agent-heading-signature h1 strong::after{animation:none!important}
  .agent-heading-note{transition:none!important}
}


/* Recipes page heading — premium signature intro */
.recipes-heading-signature{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:48px;
  align-items:center;
  margin:0 0 30px;
  padding:46px 48px;
  overflow:hidden;
  border:1px solid rgba(121,79,45,.14);
  border-radius:0 0 30px 30px;
  background:
    radial-gradient(circle at 87% 18%,rgba(201,150,91,.20),transparent 26%),
    radial-gradient(circle at 8% 100%,rgba(110,65,38,.055),transparent 24%),
    linear-gradient(135deg,#fffaf3 0%,#f5e9da 100%);
  box-shadow:0 18px 44px rgba(73,44,27,.08);
}
.recipes-heading-signature::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:4px;
  background:linear-gradient(90deg,#7f4c30 0%,#c58b52 35%,rgba(197,139,82,.15) 70%,transparent 100%);
}
.recipes-heading-main{position:relative;z-index:2;min-width:0}
.recipes-heading-kicker{
  display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;
  background:rgba(255,251,245,.76);border:1px solid rgba(116,78,52,.14);
  color:#6f7b6d;font-size:.72rem;font-weight:900;letter-spacing:.13em;
}
.recipes-kicker-dot{
  width:7px;height:7px;border-radius:50%;background:#a86a35;
  box-shadow:0 0 0 4px rgba(168,106,53,.09);
}
.recipes-heading-signature h1{
  margin:20px 0 18px;color:#251913;font-family:Georgia,"Times New Roman",serif;
  line-height:.94;letter-spacing:-.045em;
}
.recipes-heading-signature h1 span,.recipes-heading-signature h1 strong{display:block}
.recipes-heading-signature h1 span{font-size:clamp(2.8rem,5.1vw,5.6rem);font-weight:400}
.recipes-heading-signature h1 strong{
  position:relative;width:max-content;max-width:100%;margin-top:5px;
  font-size:clamp(2.35rem,4.25vw,4.7rem);font-weight:400;color:#71452c;
}
.recipes-heading-signature h1 strong::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,#9b6038,#d0a06a,transparent);
  transform-origin:left;animation:recipesLineReveal .75s cubic-bezier(.22,.8,.3,1) both;
}
.recipes-heading-signature p{
  max-width:790px;margin:24px 0 0;color:#6a5040;font-size:1.02rem;line-height:1.72
}
.recipes-heading-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;
  color:#6f543f;font-size:.78rem;font-weight:800;letter-spacing:.03em;
}
.recipes-heading-meta i{width:4px;height:4px;border-radius:50%;background:#bd7b3b}
.recipes-heading-note{
  position:relative;z-index:2;display:flex;align-items:center;gap:16px;min-height:116px;
  padding:22px;border:1px solid rgba(122,80,46,.13);border-radius:22px;
  background:rgba(255,253,249,.72);box-shadow:0 12px 28px rgba(78,46,26,.07);
  backdrop-filter:blur(4px);
}
.recipes-note-mark{
  display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 58px;
  border-radius:50%;background:linear-gradient(145deg,#8a5434,#6c3d25);color:#fff9f1;
  font-family:Georgia,"Times New Roman",serif;font-size:2rem;box-shadow:0 8px 18px rgba(88,49,27,.16);
}
.recipes-heading-note small{
  display:block;margin-bottom:6px;color:#7a806e;font-size:.68rem;font-weight:900;letter-spacing:.12em
}
.recipes-heading-note strong{display:block;color:#3a291f;font-size:1.05rem;line-height:1.28}
@keyframes recipesLineReveal{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media (hover:hover) and (pointer:fine){
  .recipes-heading-note{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
  .recipes-heading-note:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(78,46,26,.10);
    border-color:rgba(122,80,46,.20);
  }
}
@media (max-width:980px){
  .recipes-heading-signature{grid-template-columns:1fr;gap:24px;padding:34px 28px 36px}
  .recipes-heading-note{max-width:420px}
}
@media (max-width:600px){
  .recipes-heading-signature{padding:28px 20px 30px;border-radius:0 0 22px 22px}
  .recipes-heading-signature h1 span{font-size:clamp(2.45rem,12vw,3.65rem)}
  .recipes-heading-signature h1 strong{font-size:clamp(2.1rem,10vw,3.15rem)}
  .recipes-heading-signature p{font-size:.96rem}
  .recipes-heading-note{padding:18px;border-radius:18px}
  .recipes-note-mark{width:50px;height:50px;flex-basis:50px;font-size:1.7rem}
}
@media (prefers-reduced-motion:reduce){
  .recipes-heading-signature h1 strong::after{animation:none!important}
  .recipes-heading-note{transition:none!important}
}


/* Recipes heading — stronger editorial treatment */
.recipes-showcase-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:52px;
  align-items:center;
  margin:0 0 30px;
  padding:48px 50px;
  overflow:hidden;
  border:1px solid rgba(122,79,44,.14);
  border-radius:0 0 32px 32px;
  background:
    radial-gradient(circle at 90% 16%,rgba(210,160,95,.24),transparent 28%),
    radial-gradient(circle at 6% 96%,rgba(112,68,38,.06),transparent 24%),
    linear-gradient(135deg,#fffaf3 0%,#f3e4d0 100%);
  box-shadow:0 18px 46px rgba(72,43,27,.08);
}
.recipes-showcase-hero::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:6px;
  background:linear-gradient(180deg,#8a5130,#c88d50);
}
.recipes-showcase-copy{position:relative;z-index:2}
.recipes-showcase-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,252,246,.76);
  border:1px solid rgba(116,78,52,.14);
  color:#6e7c6d;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
}
.recipes-showcase-spark{color:#b16f36}
.recipes-showcase-hero h1{
  margin:22px 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  line-height:.92;
  letter-spacing:-.05em;
  color:#241812;
}
.recipes-showcase-hero h1 span,
.recipes-showcase-hero h1 strong{display:block}
.recipes-showcase-hero h1 span{
  font-size:clamp(2.9rem,5.3vw,5.8rem);
  font-weight:400;
}
.recipes-showcase-hero h1 strong{
  position:relative;
  width:max-content;
  max-width:100%;
  margin-top:6px;
  color:#73462d;
  font-size:clamp(2.35rem,4.35vw,4.8rem);
  font-weight:400;
}
.recipes-showcase-hero h1 strong::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:66%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#955a33,#d39b60,transparent);
  transform-origin:left;
  animation:recipesShowcaseLine .72s ease-out both;
}
.recipes-showcase-hero p{
  max-width:780px;
  margin:24px 0 0;
  color:#684d3d;
  font-size:1.02rem;
  line-height:1.7;
}
.recipes-showcase-pills{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}
.recipes-showcase-pills span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,253,248,.78);
  border:1px solid rgba(121,79,45,.12);
  color:#654938;
  font-size:.76rem;
  font-weight:800;
}
.recipes-showcase-card{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:138px;
  padding:24px;
  border:1px solid rgba(121,80,45,.13);
  border-radius:24px;
  background:rgba(255,253,249,.80);
  box-shadow:0 14px 32px rgba(77,45,27,.08);
}
.recipes-showcase-monogram{
  display:flex;
  align-items:center;
  justify-content:center;
  width:66px;
  height:66px;
  flex:0 0 66px;
  border-radius:50%;
  background:linear-gradient(145deg,#8c5635,#64371f);
  color:#fff9f1;
  font-family:Georgia,"Times New Roman",serif;
  font-size:2.25rem;
  box-shadow:0 10px 22px rgba(88,49,27,.16);
}
.recipes-showcase-card small{
  display:block;
  margin-bottom:6px;
  color:#72806e;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
}
.recipes-showcase-card strong{
  display:block;
  color:#38271e;
  font-size:1.06rem;
  line-height:1.25;
}
.recipes-showcase-card p{
  margin:7px 0 0;
  color:#755e4e;
  font-size:.82rem;
  line-height:1.45;
}
@keyframes recipesShowcaseLine{
  from{transform:scaleX(0);opacity:0}
  to{transform:scaleX(1);opacity:1}
}
@media (hover:hover) and (pointer:fine){
  .recipes-showcase-card{
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .recipes-showcase-card:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 36px rgba(77,45,27,.11);
  }
}
@media (max-width:980px){
  .recipes-showcase-hero{
    grid-template-columns:1fr;
    gap:26px;
    padding:36px 30px 38px;
  }
  .recipes-showcase-card{max-width:440px}
}
@media (max-width:600px){
  .recipes-showcase-hero{
    padding:28px 20px 30px;
    border-radius:0 0 22px 22px;
  }
  .recipes-showcase-hero h1 span{
    font-size:clamp(2.45rem,12vw,3.7rem);
  }
  .recipes-showcase-hero h1 strong{
    font-size:clamp(2.08rem,10vw,3.1rem);
  }
  .recipes-showcase-card{padding:18px}
  .recipes-showcase-monogram{
    width:54px;height:54px;flex-basis:54px;font-size:1.8rem;
  }
}
@media (prefers-reduced-motion:reduce){
  .recipes-showcase-hero h1 strong::after{animation:none!important}
}


/* =====================================================================
   REVIEWS HEADING — premium signature intro
   Only this reviews heading area is affected.
   ===================================================================== */
.reviews-signature-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:52px;
  align-items:center;
  margin:0 0 30px;
  padding:48px 50px;
  overflow:hidden;
  border:1px solid rgba(122,79,44,.14);
  border-radius:0 0 32px 32px;
  background:
    radial-gradient(circle at 90% 16%,rgba(210,160,95,.24),transparent 28%),
    radial-gradient(circle at 6% 96%,rgba(112,68,38,.06),transparent 24%),
    linear-gradient(135deg,#fffaf3 0%,#f3e4d0 100%);
  box-shadow:0 18px 46px rgba(72,43,27,.08);
}
.reviews-signature-hero::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:linear-gradient(180deg,#8a5130,#c88d50);
}
.reviews-signature-copy{
  position:relative;
  z-index:2;
}
.reviews-signature-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,252,246,.76);
  border:1px solid rgba(116,78,52,.14);
  color:#6e7c6d;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
}
.reviews-signature-spark{
  color:#b16f36;
}
.reviews-signature-hero h1{
  margin:22px 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  line-height:.92;
  letter-spacing:-.05em;
  color:#241812;
}
.reviews-signature-hero h1 span,
.reviews-signature-hero h1 strong{
  display:block;
}
.reviews-signature-hero h1 span{
  font-size:clamp(2.9rem,5.3vw,5.8rem);
  font-weight:400;
}
.reviews-signature-hero h1 strong{
  position:relative;
  width:max-content;
  max-width:100%;
  margin-top:6px;
  color:#73462d;
  font-size:clamp(2.35rem,4.35vw,4.8rem);
  font-weight:400;
}
.reviews-signature-hero h1 strong::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:66%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#955a33,#d39b60,transparent);
  transform-origin:left;
  animation:reviewsSignatureLine .72s ease-out both;
}
.reviews-signature-hero p{
  max-width:780px;
  margin:24px 0 0;
  color:#684d3d;
  font-size:1.02rem;
  line-height:1.7;
}
.reviews-signature-pills{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}
.reviews-signature-pills span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,253,248,.78);
  border:1px solid rgba(121,79,45,.12);
  color:#654938;
  font-size:.76rem;
  font-weight:800;
}
.reviews-signature-card{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:138px;
  padding:24px;
  border:1px solid rgba(121,80,45,.13);
  border-radius:24px;
  background:rgba(255,253,249,.80);
  box-shadow:0 14px 32px rgba(77,45,27,.08);
}
.reviews-signature-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:66px;
  height:66px;
  flex:0 0 66px;
  border-radius:50%;
  background:linear-gradient(145deg,#8c5635,#64371f);
  color:#fff9f1;
  font-size:1.8rem;
  box-shadow:0 10px 22px rgba(88,49,27,.16);
}
.reviews-signature-card small{
  display:block;
  margin-bottom:6px;
  color:#72806e;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
}
.reviews-signature-card strong{
  display:block;
  color:#38271e;
  font-size:1.06rem;
  line-height:1.25;
}
.reviews-signature-card p{
  margin:7px 0 0;
  color:#755e4e;
  font-size:.82rem;
  line-height:1.45;
}
@keyframes reviewsSignatureLine{
  from{transform:scaleX(0);opacity:0}
  to{transform:scaleX(1);opacity:1}
}
@media (hover:hover) and (pointer:fine){
  .reviews-signature-card{
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .reviews-signature-card:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 36px rgba(77,45,27,.11);
  }
}
@media (max-width:980px){
  .reviews-signature-hero{
    grid-template-columns:1fr;
    gap:26px;
    padding:36px 30px 38px;
  }
  .reviews-signature-card{
    max-width:440px;
  }
}
@media (max-width:600px){
  .reviews-signature-hero{
    padding:28px 20px 30px;
    border-radius:0 0 22px 22px;
  }
  .reviews-signature-hero h1 span{
    font-size:clamp(2.45rem,12vw,3.7rem);
  }
  .reviews-signature-hero h1 strong{
    font-size:clamp(2.08rem,10vw,3.1rem);
  }
  .reviews-signature-card{
    padding:18px;
  }
  .reviews-signature-mark{
    width:54px;
    height:54px;
    flex-basis:54px;
    font-size:1.5rem;
  }
}
@media (prefers-reduced-motion:reduce){
  .reviews-signature-hero h1 strong::after{
    animation:none!important;
  }
}


/* =====================================================================
   ORDER TRACKING HEADING — premium signature intro
   Only this tracking heading area is affected.
   ===================================================================== */
.track-signature-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:52px;
  align-items:center;
  margin:0 0 30px;
  padding:48px 50px;
  overflow:hidden;
  border:1px solid rgba(122,79,44,.14);
  border-radius:0 0 32px 32px;
  background:
    radial-gradient(circle at 90% 16%,rgba(210,160,95,.24),transparent 28%),
    radial-gradient(circle at 6% 96%,rgba(112,68,38,.06),transparent 24%),
    linear-gradient(135deg,#fffaf3 0%,#f3e4d0 100%);
  box-shadow:0 18px 46px rgba(72,43,27,.08);
}
.track-signature-hero::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:linear-gradient(180deg,#8a5130,#c88d50);
}
.track-signature-copy{
  position:relative;
  z-index:2;
}
.track-signature-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,252,246,.76);
  border:1px solid rgba(116,78,52,.14);
  color:#6e7c6d;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
}
.track-signature-spark{
  color:#b16f36;
}
.track-signature-hero h1{
  margin:22px 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  line-height:.92;
  letter-spacing:-.05em;
  color:#241812;
}
.track-signature-hero h1 span,
.track-signature-hero h1 strong{
  display:block;
}
.track-signature-hero h1 span{
  font-size:clamp(2.9rem,5.3vw,5.8rem);
  font-weight:400;
}
.track-signature-hero h1 strong{
  position:relative;
  width:max-content;
  max-width:100%;
  margin-top:6px;
  color:#73462d;
  font-size:clamp(2.35rem,4.35vw,4.8rem);
  font-weight:400;
}
.track-signature-hero h1 strong::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:66%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#955a33,#d39b60,transparent);
  transform-origin:left;
  animation:trackSignatureLine .72s ease-out both;
}
.track-signature-hero p{
  max-width:780px;
  margin:24px 0 0;
  color:#684d3d;
  font-size:1.02rem;
  line-height:1.7;
}
.track-signature-pills{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}
.track-signature-pills span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,253,248,.78);
  border:1px solid rgba(121,79,45,.12);
  color:#654938;
  font-size:.76rem;
  font-weight:800;
}
.track-signature-card{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:138px;
  padding:24px;
  border:1px solid rgba(121,80,45,.13);
  border-radius:24px;
  background:rgba(255,253,249,.80);
  box-shadow:0 14px 32px rgba(77,45,27,.08);
}
.track-signature-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:66px;
  height:66px;
  flex:0 0 66px;
  border-radius:50%;
  background:linear-gradient(145deg,#8c5635,#64371f);
  color:#fff9f1;
  font-size:1.95rem;
  font-weight:700;
  box-shadow:0 10px 22px rgba(88,49,27,.16);
}
.track-signature-card small{
  display:block;
  margin-bottom:6px;
  color:#72806e;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
}
.track-signature-card strong{
  display:block;
  color:#38271e;
  font-size:1.06rem;
  line-height:1.25;
}
.track-signature-card p{
  margin:7px 0 0;
  color:#755e4e;
  font-size:.82rem;
  line-height:1.45;
}
@keyframes trackSignatureLine{
  from{transform:scaleX(0);opacity:0}
  to{transform:scaleX(1);opacity:1}
}
@media (hover:hover) and (pointer:fine){
  .track-signature-card{
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .track-signature-card:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 36px rgba(77,45,27,.11);
  }
}
@media (max-width:980px){
  .track-signature-hero{
    grid-template-columns:1fr;
    gap:26px;
    padding:36px 30px 38px;
  }
  .track-signature-card{
    max-width:440px;
  }
}
@media (max-width:600px){
  .track-signature-hero{
    padding:28px 20px 30px;
    border-radius:0 0 22px 22px;
  }
  .track-signature-hero h1 span{
    font-size:clamp(2.45rem,12vw,3.7rem);
  }
  .track-signature-hero h1 strong{
    font-size:clamp(2.08rem,10vw,3.1rem);
  }
  .track-signature-card{
    padding:18px;
  }
  .track-signature-mark{
    width:54px;
    height:54px;
    flex-basis:54px;
    font-size:1.55rem;
  }
}
@media (prefers-reduced-motion:reduce){
  .track-signature-hero h1 strong::after{
    animation:none!important;
  }
}


/* Newsletter signature — web-native version */
.newsletter-signature{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:46px;align-items:center;
  margin:0 0 32px;padding:46px 52px;overflow:hidden;border:1px solid rgba(122,79,44,.13);border-radius:26px;
  background:radial-gradient(circle at 90% 42%,rgba(119,134,111,.14),transparent 26%),
             radial-gradient(circle at 8% 100%,rgba(193,143,85,.07),transparent 22%),
             linear-gradient(135deg,#fffaf3 0%,#f7eee4 62%,#f2e6d8 100%);
  box-shadow:0 18px 44px rgba(72,43,27,.07)
}
.newsletter-signature::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,#8a5130,#c88d50)
}
.newsletter-signature-main{position:relative;z-index:2}
.newsletter-signature-kicker{
  display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;
  background:rgba(226,229,210,.82);border:1px solid rgba(108,119,96,.14);
  color:#34402f;font-size:.74rem;font-weight:900;letter-spacing:.16em
}
.newsletter-kicker-icon{
  display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;
  background:#5d6d55;color:#fffdf8;font-size:.78rem;box-shadow:0 4px 10px rgba(73,83,66,.13)
}
.newsletter-signature h2{
  margin:24px 0 14px;font-family:Georgia,"Times New Roman",serif;line-height:.95;
  letter-spacing:-.045em;color:#281a13
}
.newsletter-signature h2 span,.newsletter-signature h2 strong{display:block}
.newsletter-signature h2 span{font-size:clamp(2.8rem,5vw,5.2rem);font-weight:400}
.newsletter-signature h2 strong{
  position:relative;width:max-content;max-width:100%;margin-top:5px;color:#7a4b31;
  font-size:clamp(2.45rem,4.4vw,4.55rem);font-weight:400;font-style:italic
}
.newsletter-signature h2 strong::after{
  content:"";position:absolute;left:0;bottom:-7px;width:84%;height:3px;border-radius:999px;
  background:linear-gradient(90deg,#9f653b,#d1a06d,transparent);transform-origin:left;
  animation:newsletterUnderline .72s ease-out both
}
.newsletter-signature-main>p{
  max-width:720px;margin:24px 0 0;color:#665443;font-size:1rem;line-height:1.65
}
.newsletter-signature-features{display:flex;flex-wrap:wrap;gap:0;margin-top:30px}
.newsletter-feature{
  display:flex;align-items:center;gap:12px;min-height:52px;padding:0 24px;
  border-right:1px solid rgba(113,78,51,.15)
}
.newsletter-feature:first-child{padding-left:0}
.newsletter-feature:last-child{border-right:0}
.newsletter-feature-icon{
  display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
  background:#efe5d5;color:#4c5a46;font-size:1.05rem
}
.newsletter-feature strong{color:#3d2a20;font-size:.95rem}
.newsletter-signature-art{
  position:relative;min-height:240px;display:flex;align-items:center;justify-content:center;z-index:2
}
.newsletter-sage-mark{
  position:relative;width:220px;min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:24px 24px 28px;border-radius:46% 54% 51% 49% / 52% 46% 54% 48%;
  background:rgba(184,194,167,.62);color:#7b4a31;transform:rotate(-2deg);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)
}
.newsletter-sage-mark span{font-size:1.05rem;font-style:italic}
.newsletter-sage-mark strong{
  display:block;margin-top:4px;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;
  line-height:1.08;font-style:italic;font-weight:400
}
.newsletter-sage-mark small{margin-top:12px;font-size:1.15rem}
.newsletter-paper-plane{
  position:absolute;top:14px;right:28px;color:#8c5738;font-size:2rem;transform:rotate(-24deg);
  animation:newsletterPlaneFloat 5.5s ease-in-out infinite
}
.newsletter-plane-trail{
  position:absolute;top:62px;right:74px;width:120px;height:70px;border:2px dashed rgba(140,87,56,.65);
  border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-16deg);opacity:.65
}
@keyframes newsletterUnderline{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes newsletterPlaneFloat{
  0%,100%{transform:translate(0,0) rotate(-24deg)}
  50%{transform:translate(-4px,-5px) rotate(-20deg)}
}
@media (hover:hover) and (pointer:fine){
  .newsletter-signature{transition:box-shadow .22s ease,transform .22s ease}
  .newsletter-signature:hover{transform:translateY(-1px);box-shadow:0 22px 50px rgba(72,43,27,.10)}
}
@media (max-width:980px){
  .newsletter-signature{grid-template-columns:1fr;gap:28px;padding:36px 30px}
  .newsletter-signature-art{min-height:200px;justify-content:flex-start}
  .newsletter-sage-mark{width:190px;min-height:160px}
}
@media (max-width:640px){
  .newsletter-signature{padding:28px 20px;border-radius:20px}
  .newsletter-signature h2 span{font-size:clamp(2.4rem,12vw,3.6rem)}
  .newsletter-signature h2 strong{font-size:clamp(2.05rem,10vw,3.05rem)}
  .newsletter-signature-features{display:grid;grid-template-columns:1fr;gap:10px}
  .newsletter-feature{padding:0;border-right:0}
  .newsletter-signature-art{min-height:175px}
  .newsletter-paper-plane{right:12px}
}
@media (prefers-reduced-motion:reduce){
  .newsletter-signature h2 strong::after,.newsletter-paper-plane{animation:none!important}
}


/* =====================================================================
   CART HEADING — premium signature intro
   Only this cart heading area is affected.
   ===================================================================== */
.cart-signature-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:52px;
  align-items:center;
  margin:0 0 30px;
  padding:48px 50px;
  overflow:hidden;
  border:1px solid rgba(122,79,44,.14);
  border-radius:0 0 32px 32px;
  background:
    radial-gradient(circle at 90% 16%,rgba(210,160,95,.24),transparent 28%),
    radial-gradient(circle at 6% 96%,rgba(112,68,38,.06),transparent 24%),
    linear-gradient(135deg,#fffaf3 0%,#f3e4d0 100%);
  box-shadow:0 18px 46px rgba(72,43,27,.08);
}
.cart-signature-hero::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:linear-gradient(180deg,#8a5130,#c88d50);
}
.cart-signature-copy{position:relative;z-index:2}
.cart-signature-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,252,246,.76);
  border:1px solid rgba(116,78,52,.14);
  color:#6e7c6d;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
}
.cart-signature-spark{color:#b16f36}
.cart-signature-hero h1{
  margin:22px 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  line-height:.92;
  letter-spacing:-.05em;
  color:#241812;
}
.cart-signature-hero h1 span,
.cart-signature-hero h1 strong{display:block}
.cart-signature-hero h1 span{
  font-size:clamp(2.9rem,5.3vw,5.8rem);
  font-weight:400;
}
.cart-signature-hero h1 strong{
  position:relative;
  width:max-content;
  max-width:100%;
  margin-top:6px;
  color:#73462d;
  font-size:clamp(2.35rem,4.35vw,4.8rem);
  font-weight:400;
}
.cart-signature-hero h1 strong::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:66%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#955a33,#d39b60,transparent);
  transform-origin:left;
  animation:cartSignatureLine .72s ease-out both;
}
.cart-signature-hero p{
  max-width:780px;
  margin:24px 0 0;
  color:#684d3d;
  font-size:1.02rem;
  line-height:1.7;
}
.cart-signature-pills{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}
.cart-signature-pills span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,253,248,.78);
  border:1px solid rgba(121,79,45,.12);
  color:#654938;
  font-size:.76rem;
  font-weight:800;
}
.cart-signature-card{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:138px;
  padding:24px;
  border:1px solid rgba(121,80,45,.13);
  border-radius:24px;
  background:rgba(255,253,249,.80);
  box-shadow:0 14px 32px rgba(77,45,27,.08);
}
.cart-signature-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:66px;
  height:66px;
  flex:0 0 66px;
  border-radius:50%;
  background:linear-gradient(145deg,#8c5635,#64371f);
  color:#fff9f1;
  font-size:1.75rem;
  font-weight:900;
  box-shadow:0 10px 22px rgba(88,49,27,.16);
}
.cart-signature-card small{
  display:block;
  margin-bottom:6px;
  color:#72806e;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
}
.cart-signature-card strong{
  display:block;
  color:#38271e;
  font-size:1.06rem;
  line-height:1.25;
}
.cart-signature-card p{
  margin:7px 0 0;
  color:#755e4e;
  font-size:.82rem;
  line-height:1.45;
}
@keyframes cartSignatureLine{
  from{transform:scaleX(0);opacity:0}
  to{transform:scaleX(1);opacity:1}
}
@media (hover:hover) and (pointer:fine){
  .cart-signature-card{
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .cart-signature-card:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 36px rgba(77,45,27,.11);
  }
}
@media (max-width:980px){
  .cart-signature-hero{
    grid-template-columns:1fr;
    gap:26px;
    padding:36px 30px 38px;
  }
  .cart-signature-card{max-width:440px}
}
@media (max-width:600px){
  .cart-signature-hero{
    padding:28px 20px 30px;
    border-radius:0 0 22px 22px;
  }
  .cart-signature-hero h1 span{
    font-size:clamp(2.45rem,12vw,3.7rem);
  }
  .cart-signature-hero h1 strong{
    font-size:clamp(2.08rem,10vw,3.1rem);
  }
  .cart-signature-card{padding:18px}
  .cart-signature-mark{
    width:54px;
    height:54px;
    flex-basis:54px;
    font-size:1.45rem;
  }
}
@media (prefers-reduced-motion:reduce){
  .cart-signature-hero h1 strong::after{animation:none!important}
}


/* =====================================================================
   NEWSLETTER RESPONSIVE FIX
   Prevent squeezed columns / one-letter-per-line wrapping inside the
   narrower right-hand content column used by the desktop sidebar layout.
   ===================================================================== */
.newsletter-signature{
  grid-template-columns:minmax(0,1fr) minmax(220px,300px)!important;
  gap:34px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.newsletter-signature-main,
.newsletter-signature-art,
.newsletter-feature,
.newsletter-feature strong{
  min-width:0!important;
}
.newsletter-signature h2,
.newsletter-signature h2 span,
.newsletter-signature h2 strong,
.newsletter-signature-main>p,
.newsletter-feature strong{
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
  hyphens:none!important;
}
.newsletter-signature h2 span{
  font-size:clamp(2.35rem,4.5vw,4.5rem)!important;
}
.newsletter-signature h2 strong{
  font-size:clamp(2.05rem,3.9vw,3.95rem)!important;
}
.newsletter-signature-main>p{
  max-width:680px!important;
  font-size:.98rem!important;
}
.newsletter-signature-features{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:26px!important;
}
.newsletter-feature{
  padding:10px 12px!important;
  border:1px solid rgba(113,78,51,.12)!important;
  border-radius:14px!important;
  background:rgba(255,253,249,.58)!important;
}
.newsletter-feature:first-child{
  padding-left:12px!important;
}
.newsletter-feature:last-child{
  border-right:1px solid rgba(113,78,51,.12)!important;
}
.newsletter-feature strong{
  font-size:.84rem!important;
  line-height:1.25!important;
}
.newsletter-feature-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}
.newsletter-signature-art{
  min-height:210px!important;
}
.newsletter-sage-mark{
  width:190px!important;
  min-height:160px!important;
  padding:20px!important;
}
.newsletter-sage-mark strong{
  font-size:1.35rem!important;
}
/* Collapse earlier, because the public sidebar reduces available width. */
@media (max-width:1280px){
  .newsletter-signature{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:34px 32px!important;
  }
  .newsletter-signature-art{
    min-height:170px!important;
    justify-content:flex-start!important;
  }
  .newsletter-sage-mark{
    width:180px!important;
    min-height:150px!important;
  }
  .newsletter-paper-plane{
    top:6px!important;
    right:auto!important;
    left:205px!important;
  }
  .newsletter-plane-trail{
    top:54px!important;
    right:auto!important;
    left:145px!important;
  }
}
@media (max-width:760px){
  .newsletter-signature{
    padding:26px 18px!important;
    border-radius:18px!important;
  }
  .newsletter-signature h2 span{
    font-size:clamp(2.15rem,10vw,3.2rem)!important;
  }
  .newsletter-signature h2 strong{
    font-size:clamp(1.9rem,9vw,2.8rem)!important;
  }
  .newsletter-signature-features{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .newsletter-feature{
    padding:10px 12px!important;
  }
  .newsletter-signature-art{
    min-height:150px!important;
  }
  .newsletter-sage-mark{
    width:165px!important;
    min-height:138px!important;
  }
  .newsletter-paper-plane,
  .newsletter-plane-trail{
    display:none!important;
  }
}
@media (max-width:460px){
  .newsletter-signature{
    padding:22px 15px!important;
  }
  .newsletter-signature h2{
    margin-top:18px!important;
  }
  .newsletter-signature h2 span{
    font-size:2.25rem!important;
  }
  .newsletter-signature h2 strong{
    font-size:2rem!important;
  }
  .newsletter-signature-main>p{
    font-size:.93rem!important;
    line-height:1.55!important;
  }
  .newsletter-signature-kicker{
    font-size:.66rem!important;
    letter-spacing:.11em!important;
  }
}


/* =====================================================================
   NEWSLETTER PHOTO MATCH — STATIC, NO ANIMATION
   Matches the approved reference image as a real responsive web section.
   ===================================================================== */
.newsletter-photo-match{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:34px;
  align-items:center;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0 0 34px;
  padding:38px 44px 40px 52px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(122,79,44,.12);
  border-radius:0;
  background:
    radial-gradient(circle at 88% 50%, rgba(177,188,160,.14), transparent 28%),
    linear-gradient(135deg,#fffdf8 0%,#faf2e9 62%,#f4e7d9 100%);
  box-shadow:0 12px 28px rgba(72,43,27,.05);
}
.newsletter-photo-match::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:#9a633f;
}
.newsletter-photo-left{
  position:relative;
  z-index:2;
  min-width:0;
}
.newsletter-photo-kicker{
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:9px 16px;
  border-radius:999px;
  background:#e3e5d4;
  border:1px solid rgba(106,117,95,.16);
  color:#1f241d;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.20em;
}
.newsletter-photo-envelope{
  display:flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  border-radius:7px;
  background:#3f4d39;
  color:#fffdf8;
  font-size:.78rem;
}
.newsletter-photo-match h2{
  margin:26px 0 14px;
  max-width:1000px;
  font-family:Georgia,"Times New Roman",serif;
  line-height:.92;
  letter-spacing:-.045em;
  color:#251913;
}
.newsletter-photo-match h2 span,
.newsletter-photo-match h2 em{
  display:inline;
  white-space:normal;
}
.newsletter-photo-match h2 span{
  font-size:clamp(3rem,5vw,5.6rem);
  font-weight:400;
}
.newsletter-photo-match h2 em{
  position:relative;
  margin-left:.18em;
  color:#7b4b30;
  font-size:clamp(2.75rem,4.6vw,5rem);
  font-style:italic;
  font-weight:400;
}
.newsletter-photo-match h2 em::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:100%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#98613a,#c88d58,transparent);
}
.newsletter-photo-left>p{
  max-width:820px;
  margin:26px 0 0;
  color:#5f574e;
  font-size:1.05rem;
  line-height:1.6;
}
.newsletter-photo-features{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:34px;
}
.newsletter-photo-feature{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.newsletter-photo-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:50%;
  background:#eee4d5;
  color:#33412f;
  font-size:1.15rem;
}
.newsletter-photo-feature strong{
  color:#2f211a;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1rem;
  font-weight:400;
}
.newsletter-photo-separator{
  width:1px;
  height:54px;
  background:rgba(117,82,57,.18);
}
.newsletter-photo-right{
  position:relative;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.newsletter-photo-sage{
  position:relative;
  z-index:2;
  width:220px;
  min-height:210px;
  padding:30px 24px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:49% 51% 48% 52% / 52% 46% 54% 48%;
  background:rgba(187,197,170,.72);
  color:#7a4a31;
}
.newsletter-photo-sage span{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.4rem;
  line-height:1.1;
  font-style:italic;
  font-weight:400;
}
.newsletter-photo-sage strong{
  display:block;
  margin-top:5px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.75rem;
  line-height:1.08;
  font-style:italic;
  font-weight:400;
}
.newsletter-photo-sage small{
  margin-top:14px;
  font-size:1.35rem;
}
.newsletter-photo-plane{
  position:absolute;
  top:6px;
  right:70px;
  z-index:3;
  color:#8d5838;
  font-size:2.2rem;
  transform:rotate(-22deg);
}
.newsletter-photo-trail{
  position:absolute;
  top:55px;
  right:92px;
  width:130px;
  height:72px;
  border:2px dashed rgba(141,88,56,.68);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  transform:rotate(-16deg);
}
.newsletter-photo-botanical{
  position:absolute;
  width:130px;
  height:140px;
  opacity:.28;
}
.newsletter-photo-botanical-top{
  top:4px;
  right:-12px;
  transform:rotate(10deg);
}
.newsletter-photo-botanical-bottom{
  bottom:-22px;
  left:4px;
  transform:rotate(205deg);
}
.newsletter-photo-botanical::before{
  content:"";
  position:absolute;
  left:62px;
  top:8px;
  width:1px;
  height:118px;
  background:#aa8f72;
  transform:rotate(18deg);
  transform-origin:top;
}
.newsletter-photo-botanical span{
  position:absolute;
  width:34px;
  height:16px;
  border:1px solid #aa8f72;
  border-left:0;
  border-bottom:0;
  border-radius:100% 0 100% 0;
}
.newsletter-photo-botanical span:nth-child(1){left:44px;top:26px;transform:rotate(22deg)}
.newsletter-photo-botanical span:nth-child(2){left:72px;top:50px;transform:rotate(202deg)}
.newsletter-photo-botanical span:nth-child(3){left:36px;top:78px;transform:rotate(30deg)}
.newsletter-photo-botanical span:nth-child(4){left:70px;top:98px;transform:rotate(205deg)}

/* Static design: explicitly disable all newsletter animations/transitions. */
.newsletter-photo-match,
.newsletter-photo-match *,
.newsletter-photo-match *::before,
.newsletter-photo-match *::after{
  animation:none!important;
  transition:none!important;
}

/* Sidebar-aware collapse: keep it horizontal until space genuinely gets tight. */
@media (max-width:1180px){
  .newsletter-photo-match{
    grid-template-columns:minmax(0,1fr) 300px;
    padding:34px 32px 36px 38px;
  }
  .newsletter-photo-right{min-height:240px}
  .newsletter-photo-sage{width:190px;min-height:180px}
  .newsletter-photo-sage span{font-size:1.15rem}
  .newsletter-photo-sage strong{font-size:1.45rem}
  .newsletter-photo-plane{right:42px}
}
@media (max-width:900px){
  .newsletter-photo-match{
    grid-template-columns:1fr;
    gap:22px;
  }
  .newsletter-photo-right{
    min-height:190px;
    justify-content:flex-start;
  }
  .newsletter-photo-sage{
    width:180px;
    min-height:160px;
  }
  .newsletter-photo-plane{right:auto;left:205px;top:0}
  .newsletter-photo-trail{right:auto;left:140px;top:48px}
  .newsletter-photo-botanical-top{right:auto;left:270px}
}
@media (max-width:640px){
  .newsletter-photo-match{
    padding:26px 18px 28px 22px;
  }
  .newsletter-photo-match h2 span{
    font-size:clamp(2.35rem,11vw,3.5rem);
  }
  .newsletter-photo-match h2 em{
    font-size:clamp(2.05rem,10vw,3.05rem);
  }
  .newsletter-photo-left>p{
    font-size:.95rem;
  }
  .newsletter-photo-features{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .newsletter-photo-separator{
    display:none;
  }
  .newsletter-photo-feature{
    padding:9px 0;
  }
  .newsletter-photo-right{
    min-height:170px;
  }
  .newsletter-photo-plane,
  .newsletter-photo-trail,
  .newsletter-photo-botanical{
    display:none;
  }
}

/* =====================================================================
   NEWSLETTER FOOTER WIDTH FIX — FINAL
   The parent .sc5-newsletter used a legacy 2-column grid, which squeezed
   the new banner into half the footer width. Make the banner span the
   full right-hand content column, with the signup form below it.
   ===================================================================== */
.sc5-footer .sc5-newsletter{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding-bottom:42px!important;
}
.sc5-footer .sc5-newsletter > .newsletter-photo-match{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 24px!important;
}
.sc5-footer .sc5-newsletter > form{
  width:min(100%,620px)!important;
  margin:0!important;
  grid-template-columns:minmax(0,1fr) auto!important;
}

/* Keep the approved reference-style horizontal composition on normal
   desktop widths inside the content column. */
@media (min-width:901px){
  .sc5-footer .newsletter-photo-match{
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:34px!important;
    padding:36px 42px 38px 48px!important;
  }
  .sc5-footer .newsletter-photo-match h2 span{
    font-size:clamp(2.7rem,4.2vw,4.8rem)!important;
  }
  .sc5-footer .newsletter-photo-match h2 em{
    font-size:clamp(2.45rem,3.9vw,4.35rem)!important;
  }
  .sc5-footer .newsletter-photo-right{
    min-height:240px!important;
  }
  .sc5-footer .newsletter-photo-sage{
    width:200px!important;
    min-height:185px!important;
  }
}

/* Only stack when the actual viewport is mobile/tablet sized. */
@media (max-width:900px){
  .sc5-footer .newsletter-photo-match{
    grid-template-columns:1fr!important;
  }
  .sc5-footer .sc5-newsletter > form{
    width:100%!important;
  }
}
/* =====================================================================
   NEWSLETTER FOOTER WIDTH FIX — FINAL
   The parent .sc5-newsletter used a legacy 2-column grid, which squeezed
   the new banner into half the footer width. Make the banner span the
   full right-hand content column, with the signup form below it.
   ===================================================================== */
.sc5-footer .sc5-newsletter{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding-bottom:42px!important;
}
.sc5-footer .sc5-newsletter > .newsletter-photo-match{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 24px!important;
}
.sc5-footer .sc5-newsletter > form{
  width:min(100%,620px)!important;
  margin:0!important;
  grid-template-columns:minmax(0,1fr) auto!important;
}
@media (min-width:901px){
  .sc5-footer .newsletter-photo-match{
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:34px!important;
    padding:36px 42px 38px 48px!important;
  }
  .sc5-footer .newsletter-photo-match h2 span{
    font-size:clamp(2.7rem,4.2vw,4.8rem)!important;
  }
  .sc5-footer .newsletter-photo-match h2 em{
    font-size:clamp(2.45rem,3.9vw,4.35rem)!important;
  }
  .sc5-footer .newsletter-photo-right{
    min-height:240px!important;
  }
  .sc5-footer .newsletter-photo-sage{
    width:200px!important;
    min-height:185px!important;
  }
}
@media (max-width:900px){
  .sc5-footer .newsletter-photo-match{
    grid-template-columns:1fr!important;
  }
  .sc5-footer .sc5-newsletter > form{
    width:100%!important;
  }
}


/* =====================================================================
   NEWSLETTER FOOTER WIDTH FIX — FINAL
   Parent .sc5-newsletter previously used a legacy 2-column grid and
   squeezed the approved banner into half of the available content width.
   ===================================================================== */
.sc5-footer .sc5-newsletter{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding-bottom:42px!important;
}
.sc5-footer .sc5-newsletter > .newsletter-photo-match{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 24px!important;
}
.sc5-footer .sc5-newsletter > form{
  width:min(100%,620px)!important;
  margin:0!important;
  grid-template-columns:minmax(0,1fr) auto!important;
}
@media (min-width:901px){
  .sc5-footer .newsletter-photo-match{
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:34px!important;
    padding:36px 42px 38px 48px!important;
  }
  .sc5-footer .newsletter-photo-match h2 span{
    font-size:clamp(2.7rem,4.2vw,4.8rem)!important;
  }
  .sc5-footer .newsletter-photo-match h2 em{
    font-size:clamp(2.45rem,3.9vw,4.35rem)!important;
  }
  .sc5-footer .newsletter-photo-right{
    min-height:240px!important;
  }
  .sc5-footer .newsletter-photo-sage{
    width:200px!important;
    min-height:185px!important;
  }
}
@media (max-width:900px){
  .sc5-footer .newsletter-photo-match{
    grid-template-columns:1fr!important;
  }
  .sc5-footer .sc5-newsletter > form{
    width:100%!important;
  }
}


/* =====================================================================
   NEWSLETTER TRUE FINAL FIX — match approved reference
   Fixes inherited uppercase/letter-spacing and balances desktop layout.
   ===================================================================== */
.newsletter-photo-match,
.newsletter-photo-match *{
  box-sizing:border-box!important;
}
/* Undo legacy footer rule that uppercases every span in .sc5-newsletter. */
.sc5-footer .newsletter-photo-match span,
.sc5-footer .newsletter-photo-match em,
.sc5-footer .newsletter-photo-match strong{
  text-transform:none!important;
}
.sc5-footer .newsletter-photo-match{
  grid-template-columns:minmax(0,1fr) 245px!important;
  gap:24px!important;
  padding:34px 34px 36px 44px!important;
  min-height:0!important;
}
.sc5-footer .newsletter-photo-left{min-width:0!important}
.sc5-footer .newsletter-photo-kicker{
  font-size:10px!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
}
.sc5-footer .newsletter-photo-kicker span{
  font-size:10px!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#263024!important;
}
.sc5-footer .newsletter-photo-match h2{
  margin:20px 0 12px!important;
  max-width:760px!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
  white-space:normal!important;
}
.sc5-footer .newsletter-photo-match h2 span{
  display:inline!important;
  color:#261912!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(42px,4.15vw,62px)!important;
  font-weight:400!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
  white-space:normal!important;
}
.sc5-footer .newsletter-photo-match h2 em{
  display:inline!important;
  margin-left:.12em!important;
  color:#7c4a2f!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(39px,3.8vw,57px)!important;
  font-weight:400!important;
  font-style:italic!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
.sc5-footer .newsletter-photo-left>p{
  max-width:720px!important;
  margin:20px 0 0!important;
  color:#62594f!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.sc5-footer .newsletter-photo-features{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  margin-top:28px!important;
}
.sc5-footer .newsletter-photo-feature{
  gap:10px!important;
  min-width:0!important;
}
.sc5-footer .newsletter-photo-feature strong{
  color:#34241c!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:14px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
.sc5-footer .newsletter-photo-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  font-size:15px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.sc5-footer .newsletter-photo-separator{
  width:1px!important;
  height:44px!important;
  flex:0 0 1px!important;
}
.sc5-footer .newsletter-photo-right{
  min-height:200px!important;
  overflow:visible!important;
}
.sc5-footer .newsletter-photo-sage{
  width:158px!important;
  min-height:148px!important;
  padding:18px 14px!important;
}
.sc5-footer .newsletter-photo-sage span{
  color:#76503a!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:15px!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.sc5-footer .newsletter-photo-sage strong{
  color:#7c4a2f!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:20px!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.sc5-footer .newsletter-photo-sage small{
  margin-top:8px!important;
  font-size:15px!important;
}
.sc5-footer .newsletter-photo-plane{
  top:9px!important;
  right:30px!important;
  font-size:25px!important;
}
.sc5-footer .newsletter-photo-trail{
  top:44px!important;
  right:44px!important;
  width:92px!important;
  height:52px!important;
}
.sc5-footer .newsletter-photo-botanical{opacity:.18!important}
/* Static as requested. */
.sc5-footer .newsletter-photo-match,
.sc5-footer .newsletter-photo-match *,
.sc5-footer .newsletter-photo-match *::before,
.sc5-footer .newsletter-photo-match *::after{
  animation:none!important;
  transition:none!important;
}
@media (max-width:1050px) and (min-width:901px){
  .sc5-footer .newsletter-photo-match{
    grid-template-columns:minmax(0,1fr) 190px!important;
    gap:18px!important;
    padding:30px 26px 32px 32px!important;
  }
  .sc5-footer .newsletter-photo-match h2 span{font-size:40px!important}
  .sc5-footer .newsletter-photo-match h2 em{font-size:37px!important}
  .sc5-footer .newsletter-photo-features{gap:10px!important}
  .sc5-footer .newsletter-photo-feature strong{font-size:12px!important}
  .sc5-footer .newsletter-photo-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  .sc5-footer .newsletter-photo-sage{width:145px!important;min-height:136px!important}
}
@media (max-width:900px){
  .sc5-footer .newsletter-photo-match{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .sc5-footer .newsletter-photo-features{flex-wrap:wrap!important}
  .sc5-footer .newsletter-photo-right{min-height:160px!important;justify-content:flex-start!important}
}
@media (max-width:640px){
  .sc5-footer .newsletter-photo-match{padding:24px 18px 26px 22px!important}
  .sc5-footer .newsletter-photo-match h2 span{font-size:34px!important}
  .sc5-footer .newsletter-photo-match h2 em{font-size:31px!important;white-space:normal!important}
  .sc5-footer .newsletter-photo-features{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .sc5-footer .newsletter-photo-separator{display:none!important}
  .sc5-footer .newsletter-photo-feature strong{font-size:14px!important}
}

/* NEWSLETTER SIGNUP POLISH 2026-09-20 */
.sc5-footer .sc5-newsletter > form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:min(760px,100%)!important;
  margin:18px 0 0!important;
  padding:7px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(123,76,49,.16)!important;
  border-radius:999px!important;
  background:rgba(255,253,248,.92)!important;
  box-shadow:0 10px 24px rgba(72,43,27,.06)!important;
}
.sc5-footer .sc5-newsletter > form::before{
  content:"Sluit aan vir nuwe produkte, resepte en inspirasie."!important;
  grid-column:1 / -1!important;
  padding:2px 14px 0!important;
  color:#756457!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.sc5-footer .sc5-newsletter > form input[type="email"]{
  min-width:0!important;
  width:100%!important;
  height:46px!important;
  margin:0!important;
  padding:0 17px!important;
  box-sizing:border-box!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#2d211b!important;
  font:inherit!important;
  box-shadow:none!important;
}
.sc5-footer .sc5-newsletter > form input[type="email"]::placeholder{color:#99887b!important;opacity:1!important}
.sc5-footer .sc5-newsletter > form button{
  min-width:128px!important;
  height:46px!important;
  margin:0!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#8a5534,#6f3f27)!important;
  color:#fffaf4!important;
  font:700 14px/1 inherit!important;
  letter-spacing:.01em!important;
  box-shadow:0 8px 18px rgba(111,63,39,.18)!important;
  cursor:pointer!important;
}
/* Slightly reduce/right-shift the decorative sage mark for more breathing room. */
.sc5-footer .newsletter-photo-sage{
  width:145px!important;
  min-height:136px!important;
  transform:translateX(10px)!important;
}
.sc5-footer .newsletter-photo-right{padding-left:10px!important}
@media (max-width:640px){
  .sc5-footer .sc5-newsletter > form{
    grid-template-columns:1fr!important;
    border-radius:22px!important;
    padding:9px!important;
  }
  .sc5-footer .sc5-newsletter > form::before{padding:4px 10px 0!important}
  .sc5-footer .sc5-newsletter > form button{width:100%!important}
  .sc5-footer .newsletter-photo-sage{transform:none!important}
}

/* =====================================================================
   NEWSLETTER SIGNUP CARD — final polished form
   ===================================================================== */
.sc5-footer .newsletter-signup-card{
  display:grid!important;
  grid-template-columns:minmax(180px,.72fr) minmax(360px,1.28fr)!important;
  gap:24px!important;
  align-items:center!important;
  width:min(900px,76%)!important;
  margin:18px 0 0!important;
  padding:18px 20px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(123,76,49,.14)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fffdf9 0%,#f7efe5 100%)!important;
  box-shadow:0 12px 28px rgba(72,43,27,.07)!important;
}
.sc5-footer .newsletter-signup-copy{
  min-width:0!important;
}
.sc5-footer .newsletter-signup-copy>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#73806f!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.sc5-footer .newsletter-signup-copy p{
  margin:0!important;
  color:#6b584a!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.sc5-footer .newsletter-signup-card form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
  padding:5px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(123,76,49,.16)!important;
  border-radius:999px!important;
  background:#fffdfa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.sc5-footer .newsletter-signup-card form::before{
  content:none!important;
  display:none!important;
}
.sc5-footer .newsletter-signup-card input[type="email"]{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#2c211b!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.sc5-footer .newsletter-signup-card input[type="email"]::placeholder{
  color:#9a8a7e!important;
  opacity:1!important;
}
.sc5-footer .newsletter-signup-card button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:138px!important;
  height:44px!important;
  margin:0!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#8b5534,#6c3d26)!important;
  color:#fffaf4!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 7px 16px rgba(104,58,35,.16)!important;
}
.sc5-footer .newsletter-signup-card button span{
  color:inherit!important;
  font-size:16px!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.sc5-footer .newsletter-signup-card,
.sc5-footer .newsletter-signup-card *{
  animation:none!important;
  transition:none!important;
}
@media (max-width:980px){
  .sc5-footer .newsletter-signup-card{
    grid-template-columns:1fr!important;
    width:min(100%,720px)!important;
    gap:12px!important;
  }
}
@media (max-width:640px){
  .sc5-footer .newsletter-signup-card{
    width:100%!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  .sc5-footer .newsletter-signup-card form{
    grid-template-columns:1fr!important;
    border-radius:16px!important;
    padding:7px!important;
  }
  .sc5-footer .newsletter-signup-card button{
    width:100%!important;
  }
}

/* =====================================================================
   ORIGINAL FOOTER LAYOUT - PREMIUM POLISH ONLY
   Keeps existing 4-column structure and newsletter exactly in place.
   ===================================================================== */
.sc5-footer{
  background:linear-gradient(180deg,#eee8df 0%,#e7ddd0 100%)!important;
  border-top:1px solid rgba(104,72,49,.14)!important;
  padding-bottom:26px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;
}
.sc5-footer-main{
  position:relative!important;
  grid-template-columns:1.5fr repeat(3,minmax(120px,1fr))!important;
  gap:38px!important;
  padding:46px 4px 38px!important;
  border-top:1px solid rgba(104,72,49,.10)!important;
}
.sc5-footer-main::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:86px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#8a5435,#c58b52,transparent);
}
.sc5-footer-main>div{
  gap:10px!important;
}
.sc5-footer-main small{
  display:block!important;
  margin-bottom:6px!important;
  color:#6f7d6d!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.sc5-footer-main a{
  width:max-content;
  max-width:100%;
  color:#4d382c!important;
  font-size:13px!important;
  line-height:1.35!important;
  text-decoration:none!important;
  transition:color .18s ease,transform .18s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .sc5-footer-main a:hover{
    color:#945a32!important;
    transform:translateX(2px);
  }
}
.sc5-footer-brand{
  gap:18px!important;
  align-items:center!important;
  padding-right:22px!important;
}
.sc5-footer-brand img{
  width:64px!important;
  height:64px!important;
  padding:6px!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  background:rgba(255,252,247,.72)!important;
  border:1px solid rgba(112,75,49,.11)!important;
  box-shadow:0 9px 22px rgba(71,42,25,.08)!important;
}
.sc5-footer-brand p{
  max-width:300px!important;
  margin:0!important;
  color:#624b3c!important;
  font-size:13px!important;
  line-height:1.6!important;
}
.sc5-footer-bottom{
  padding:20px 4px 0!important;
  border-top:1px solid rgba(104,72,49,.14)!important;
  color:#776253!important;
  font-size:10px!important;
  letter-spacing:.025em!important;
}
.sc5-footer-bottom span:last-child{
  color:#6e786a!important;
  font-weight:700!important;
}
@media (max-width:980px){
  .sc5-footer-main{
    grid-template-columns:1fr 1fr!important;
    gap:30px 24px!important;
    padding:38px 2px 32px!important;
  }
  .sc5-footer-brand{
    grid-column:span 2!important;
    max-width:560px!important;
  }
}
@media (max-width:640px){
  .sc5-footer-main{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:32px 0 28px!important;
  }
  .sc5-footer-brand{
    grid-column:auto!important;
    align-items:flex-start!important;
  }
  .sc5-footer-bottom{
    gap:8px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .sc5-footer-main a{transition:none!important}
}

/* ================================================================
   MIX N EAT SEARCH BAR - FINAL SCROLL FIX
   The complete search/category/sort block stays in normal page flow.
   ================================================================ */
body.page-shop .sc5-shop-tools,
.sc5-shop-tools{
  position:static!important;
  top: auto !important;
right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index: auto !important;
  transform:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.page-shop .sc5-shop-toolbar,
body.page-shop .sc5-shop-category-nav{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
}

/* ================================================================
   MIX N EAT SEARCH BAR - FINAL SCROLL FIX
   The complete search/category/sort block stays in normal page flow.
   ================================================================ */
body.page-shop .sc5-shop-tools,
.sc5-shop-tools{
  position:static!important;
  top: auto !important;
right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index: auto !important;
  transform:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.page-shop .sc5-shop-toolbar,
body.page-shop .sc5-shop-category-nav{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
}

/* SHOP TOOLS SOURCE FIX */
.sc5-shop-tools{
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  transform: none !important;
}


/* =====================================================================
   LOGIN CHOICE BLOCKS — polish existing layout only
   Keeps original Admin/Agent blocks and functionality intact.
   ===================================================================== */
.login-choice-grid-wrap{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.login-choice-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:170px!important;
  padding:24px 24px 22px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(118,77,49,.16)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fbf5ed 100%)!important;
  box-shadow:0 10px 24px rgba(72,43,27,.06)!important;
  overflow:hidden!important;
}
.login-choice-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,#8a5434,#c58c55);
}
.login-choice-card h2,
.login-choice-card h3,
.login-choice-card strong{
  color:#2b1d16!important;
}
.login-choice-card h2,
.login-choice-card h3{
  margin-top:0!important;
  margin-bottom:10px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.45rem!important;
  font-weight:400!important;
  line-height:1.1!important;
}
.login-choice-card p{
  margin:0!important;
  color:#6c5140!important;
  font-size:.92rem!important;
  line-height:1.58!important;
}
.login-choice-card a,
.login-choice-card button,
.login-choice-card .btn{
  margin-top:auto!important;
}
.login-choice-card a{
  color:#6e3e25!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.login-choice-card a:hover{
  color:#9a5e32!important;
}
.login-choice-admin::after,
.login-choice-agent::after{
  position:absolute;
  top:18px;
  right:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:12px;
  background:#efe7dc;
  color:#6e4b36;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.04em;
}
.login-choice-admin::after{content:"ADM"}
.login-choice-agent::after{content:"AGT"}
@media (hover:hover) and (pointer:fine){
  .login-choice-card{
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  }
  .login-choice-card:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(118,77,49,.24)!important;
    box-shadow:0 15px 30px rgba(72,43,27,.09)!important;
  }
}
@media (max-width:760px){
  .login-choice-grid-wrap{
    grid-template-columns:1fr!important;
  }
  .login-choice-card{
    min-height:150px!important;
    padding:22px 20px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .login-choice-card{transition:none!important}
}


/* =====================================================================
   LOGIN HELP GRID — REAL SOURCE FIX
   Targets the actual Admin/Agent cards in pages/login.php.
   ===================================================================== */

body.site.public-theme.scandi5-ui .login-help-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
  margin-top:18px!important;
}

body.site.public-theme.scandi5-ui .login-help-grid > .glass-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  height:100%!important;
  min-height:168px!important;
  padding:24px 26px 24px 28px!important;
  box-sizing:border-box!important;

  background:
    radial-gradient(circle at 92% 12%,rgba(193,145,87,.07),transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#faf3e9 100%)!important;

  border:1px solid rgba(119,78,49,.18)!important;
  border-radius:16px!important;
  box-shadow:0 10px 24px rgba(72,43,27,.07)!important;
  overflow:hidden!important;
}

/* Warm accent line on both cards */
body.site.public-theme.scandi5-ui .login-help-grid > .glass-card::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:linear-gradient(180deg,#855033 0%,#c18a52 100%)!important;
}

/* Keep both headings perfectly aligned */
body.site.public-theme.scandi5-ui .login-help-grid > .glass-card h2,
body.site.public-theme.scandi5-ui .login-help-grid > .glass-card h3{
  margin:0 0 10px!important;
  min-height:1.35em!important;
  color:#281b14!important;
  font-size:1.2rem!important;
  line-height:1.25!important;
  font-weight:800!important;
}

/* Equal text area so the shorter Admin card stays visually equal to Agent */
body.site.public-theme.scandi5-ui .login-help-grid > .glass-card p{
  margin:0!important;
  min-height:3.4em!important;
  color:#6a5040!important;
  font-size:.93rem!important;
  line-height:1.55!important;
}

/* If the whole card is clickable, preserve appearance and full height */
body.site.public-theme.scandi5-ui .login-help-grid > a.glass-card{
  color:inherit!important;
  text-decoration:none!important;
}

/* Very subtle desktop polish */
@media (hover:hover) and (pointer:fine){
  body.site.public-theme.scandi5-ui .login-help-grid > .glass-card{
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  }

  body.site.public-theme.scandi5-ui .login-help-grid > .glass-card:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(119,78,49,.28)!important;
    box-shadow:0 15px 30px rgba(72,43,27,.10)!important;
  }
}

/* Mobile: same styling, stacked full width */
@media (max-width:760px){
  body.site.public-theme.scandi5-ui .login-help-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  body.site.public-theme.scandi5-ui .login-help-grid > .glass-card{
    min-height:154px!important;
    padding:22px 22px 22px 25px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.site.public-theme.scandi5-ui .login-help-grid > .glass-card{
    transition:none!important;
  }
}


/* =====================================================================
   LOGIN HELP GRID — COMPACT FINAL POLISH
   Same two cards, same size, less empty space.
   ===================================================================== */
body.site.public-theme.scandi5-ui .login-help-grid{
  gap:18px!important;
  align-items:stretch!important;
}

body.site.public-theme.scandi5-ui .login-help-grid > .glass-card{
  min-height:112px!important;
  height:100%!important;
  padding:20px 24px 20px 28px!important;
  justify-content:center!important;
}

body.site.public-theme.scandi5-ui .login-help-grid > .glass-card h2,
body.site.public-theme.scandi5-ui .login-help-grid > .glass-card h3{
  margin:0 0 8px!important;
  min-height:auto!important;
  font-size:1.12rem!important;
  line-height:1.22!important;
}

body.site.public-theme.scandi5-ui .login-help-grid > .glass-card p{
  margin:0!important;
  min-height:auto!important;
  max-width:95%!important;
  font-size:.9rem!important;
  line-height:1.5!important;
}

/* Small visual cue without changing structure */
body.site.public-theme.scandi5-ui .login-help-grid > .glass-card::after{
  content:"";
  position:absolute;
  top:18px;
  right:18px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#75806f;
  opacity:.55;
}

@media (max-width:760px){
  body.site.public-theme.scandi5-ui .login-help-grid > .glass-card{
    min-height:108px!important;
    padding:18px 20px 18px 24px!important;
  }

  body.site.public-theme.scandi5-ui .login-help-grid > .glass-card p{
    max-width:100%!important;
  }
}


/* =====================================================================
   LOGIN FORM — FINAL PREMIUM POLISH
   Keeps all existing authentication functionality unchanged.
   ===================================================================== */
body.site.public-theme.scandi5-ui .auth-login-panel{
  border:1px solid rgba(119,78,49,.14)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 18px 42px rgba(70,42,25,.08)!important;
  background:#fffaf3!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .login-copy{
  position:relative!important;
  isolation:isolate!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .login-copy::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(24,15,10,.06),rgba(24,15,10,.68));
  pointer-events:none;
}

body.site.public-theme.scandi5-ui .auth-login-panel .login-copy > *{
  position:relative!important;
  z-index:1!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .login-copy .eyebrow{
  display:inline-flex!important;
  width:max-content!important;
  padding:7px 11px!important;
  margin:0 0 10px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff8ef!important;
  font-size:.7rem!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  backdrop-filter:blur(3px)!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .login-copy h1{
  margin:0 0 12px!important;
  color:#fffaf3!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(2.9rem,5vw,5.3rem)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  font-weight:400!important;
  text-shadow:0 4px 18px rgba(0,0,0,.18)!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .login-copy p:last-child{
  max-width:34ch!important;
  margin:0!important;
  color:#f3e7db!important;
  font-size:1rem!important;
  line-height:1.6!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .login-form-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(34px,4vw,56px)!important;
  background:
    radial-gradient(circle at 88% 14%,rgba(196,147,88,.10),transparent 25%),
    linear-gradient(180deg,#fffdf9 0%,#faf3e9 100%)!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .auth-form{
  width:100%!important;
  max-width:440px!important;
  display:grid!important;
  gap:16px!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .auth-form label{
  display:grid!important;
  gap:8px!important;
  color:#4b3528!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .auth-form input,
body.site.public-theme.scandi5-ui .auth-login-panel .auth-form select{
  width:100%!important;
  min-height:50px!important;
  box-sizing:border-box!important;
  padding:0 14px!important;
  border:1px solid rgba(116,78,52,.18)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#2c1d16!important;
  font-size:.95rem!important;
  box-shadow:0 3px 10px rgba(72,43,27,.03)!important;
  outline:none!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .auth-form input:focus,
body.site.public-theme.scandi5-ui .auth-login-panel .auth-form select:focus{
  border-color:#9a633f!important;
  box-shadow:0 0 0 3px rgba(154,99,63,.10)!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .auth-form .btn.primary,
body.site.public-theme.scandi5-ui .auth-login-panel .auth-form button[type="submit"]{
  min-height:50px!important;
  margin-top:2px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#9a5f33 0%,#7b4528 100%)!important;
  color:#fffaf4!important;
  font-size:.78rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:0 9px 20px rgba(101,55,29,.14)!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .auth-form .text-link{
  width:max-content!important;
  color:#7b5138!important;
  font-size:.84rem!important;
  font-weight:700!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(123,81,56,.24)!important;
}

body.site.public-theme.scandi5-ui .auth-login-panel .alert{
  max-width:440px!important;
  margin:0 auto 14px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  font-size:.85rem!important;
  line-height:1.45!important;
  box-shadow:none!important;
}
body.site.public-theme.scandi5-ui .auth-login-panel .alert.success{
  background:#eef3ea!important;
  border:1px solid #c9d6c1!important;
  color:#43523f!important;
}
body.site.public-theme.scandi5-ui .auth-login-panel .alert.error{
  background:#fbefeb!important;
  border:1px solid #e6c6bb!important;
  color:#7b4030!important;
}

/* Slightly more breathing room before the Admin/Agent help cards. */
body.site.public-theme.scandi5-ui .login-help-grid{
  margin-top:22px!important;
}

@media (hover:hover) and (pointer:fine){
  body.site.public-theme.scandi5-ui .auth-login-panel .auth-form .btn.primary:hover,
  body.site.public-theme.scandi5-ui .auth-login-panel .auth-form button[type="submit"]:hover{
    transform:translateY(-1px)!important;
    background:linear-gradient(180deg,#a86a3a 0%,#854a2a 100%)!important;
  }
}

@media (max-width:980px){
  body.site.public-theme.scandi5-ui .auth-login-panel{
    grid-template-columns:1fr!important;
  }
  body.site.public-theme.scandi5-ui .auth-login-panel .login-copy{
    min-height:300px!important;
    padding:38px!important;
  }
  body.site.public-theme.scandi5-ui .auth-login-panel .login-form-wrap{
    padding:30px!important;
  }
}

@media (max-width:620px){
  body.site.public-theme.scandi5-ui .auth-login-panel{
    border-radius:18px!important;
  }
  body.site.public-theme.scandi5-ui .auth-login-panel .login-copy{
    min-height:230px!important;
    padding:26px!important;
  }
  body.site.public-theme.scandi5-ui .auth-login-panel .login-copy h1{
    font-size:clamp(2.5rem,13vw,3.7rem)!important;
  }
  body.site.public-theme.scandi5-ui .auth-login-panel .login-form-wrap{
    padding:24px 20px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.site.public-theme.scandi5-ui .auth-login-panel *{
    transition:none!important;
  }
}


/* =====================================================================
   SHOP HERO — editorial pantry polish
   Only the Winkel heading area; search/tools and products stay untouched.
   ===================================================================== */
body.site.public-theme.scandi5-ui .shop-editorial-hero{
  position:relative!important;
  overflow:hidden!important;
  padding-top:34px!important;
  padding-bottom:30px!important;
  min-height:0!important;
  background:
    radial-gradient(circle at 88% 45%,rgba(116,128,108,.10) 0 76px,transparent 77px),
    radial-gradient(circle at 91% 42%,rgba(155,94,49,.055) 0 125px,transparent 126px),
    linear-gradient(180deg,#f7eee3 0%,#f5ecdf 100%)!important;
}

/* subtle oversized watermark in the empty right side */
body.site.public-theme.scandi5-ui .shop-editorial-hero::after{
  content:"W";
  position:absolute;
  right:7%;
  top:50%;
  transform:translateY(-52%);
  color:rgba(111,124,105,.075);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(8rem,16vw,14rem);
  line-height:.8;
  font-weight:400;
  pointer-events:none;
  user-select:none;
}

/* Winkel becomes a restrained premium badge */
body.site.public-theme.scandi5-ui .shop-editorial-hero .eyebrow,
body.site.public-theme.scandi5-ui .shop-editorial-hero .kicker,
body.site.public-theme.scandi5-ui .shop-editorial-hero > small:first-child{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:7px 11px!important;
  border:1px solid rgba(114,128,111,.18)!important;
  border-radius:999px!important;
  background:rgba(239,236,219,.72)!important;
  color:#70806f!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}

/* Main editorial title */
body.site.public-theme.scandi5-ui .shop-editorial-hero h1{
  position:relative!important;
  z-index:1!important;
  max-width:690px!important;
  margin-top:18px!important;
  margin-bottom:14px!important;
  color:#2b1c15!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}

body.site.public-theme.scandi5-ui .shop-editorial-hero .shop-title-accent{
  position:relative;
  display:inline-block;
  color:#875033!important;
  font-weight:400!important;
  font-style:italic!important;
  letter-spacing:-.025em!important;
}

body.site.public-theme.scandi5-ui .shop-editorial-hero .shop-title-accent::after{
  content:"";
  position:absolute;
  left:2px;
  right:5%;
  bottom:-8px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#9b6038 0%,#c39059 62%,transparent 100%);
}

/* Intro copy */
body.site.public-theme.scandi5-ui .shop-editorial-hero p{
  position:relative!important;
  z-index:1!important;
  max-width:620px!important;
  margin-top:22px!important;
  margin-bottom:0!important;
  color:#6c5b50!important;
  font-size:.92rem!important;
  line-height:1.55!important;
}

/* One-time subtle entrance; disabled for reduced-motion users */
@media (prefers-reduced-motion:no-preference){
  body.site.public-theme.scandi5-ui .shop-editorial-hero h1,
  body.site.public-theme.scandi5-ui .shop-editorial-hero p{
    animation:shopHeroReveal .48s ease-out both;
  }
  body.site.public-theme.scandi5-ui .shop-editorial-hero p{
    animation-delay:.06s;
  }
  @keyframes shopHeroReveal{
    from{opacity:0;transform:translateY(7px)}
    to{opacity:1;transform:translateY(0)}
  }
}

@media (max-width:760px){
  body.site.public-theme.scandi5-ui .shop-editorial-hero{
    padding-top:26px!important;
    padding-bottom:24px!important;
  }
  body.site.public-theme.scandi5-ui .shop-editorial-hero::after{
    right:-3%;
    font-size:8rem;
    opacity:.6;
  }
  body.site.public-theme.scandi5-ui .shop-editorial-hero h1{
    max-width:92%!important;
    margin-top:14px!important;
  }
  body.site.public-theme.scandi5-ui .shop-editorial-hero p{
    max-width:92%!important;
    margin-top:19px!important;
  }
}

/* SHOP HERO BACKGROUND — 2026-09-20
   Keep the existing Winkel layout exactly as-is; replace only the hero background. */
body.site.public-theme.scandi5-ui.page-shop .sc5-shop-head{
  background-image:
    linear-gradient(90deg,rgba(248,240,230,.78) 0%,rgba(248,240,230,.58) 43%,rgba(248,240,230,.16) 100%),
    url('../images/shop/mixneat-shop-hero.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body.site.public-theme.scandi5-ui.page-shop .shop-editorial-hero{
  background:transparent!important;
}
body.site.public-theme.scandi5-ui.page-shop .shop-editorial-hero::after{
  display:none!important;
}
@media (max-width:760px){
  body.site.public-theme.scandi5-ui.page-shop .sc5-shop-head{
    background-position:58% center!important;
  }
}