/* Owner-approved Shop priority. Scoped to the new actions and Shop content. */
@layer sofastil-reference {
 .shop-primary {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem;
  min-block-size:48px;box-sizing:border-box;max-inline-size:100%;padding:.75rem 1.5rem;
  background:var(--ref-champagne)!important;border:1px solid var(--ref-champagne)!important;
  border-radius:var(--ref-button-radius)!important;color:var(--ref-ink)!important;
  -webkit-text-fill-color:var(--ref-ink)!important;font-family:var(--schrift-text,sans-serif);font-weight:600!important;
  line-height:1.3!important;text-align:center;text-decoration:none!important;white-space:normal;
  box-shadow:none!important;flex-shrink:0;
 }
 .shop-primary :is(span,svg){color:var(--ref-ink)!important;-webkit-text-fill-color:currentColor!important;}
 .shop-primary:hover{background:var(--ref-ivory)!important;border-color:var(--ref-ivory)!important;}
 .shop-primary:focus-visible,.shop-secondary:focus-visible,.shop-priority-materials:focus-visible,
 .sf-shop a:focus-visible{outline:3px solid var(--ref-champagne)!important;outline-offset:4px!important;}
 .shop-primary__short{display:none!important;}
 .shop-priority-header .shop-primary--header{
  block-size:44px!important;min-block-size:44px!important;max-block-size:44px!important;
  padding:0 18px!important;margin:0!important;gap:0!important;font-size:.9rem!important;
  line-height:1.1!important;white-space:nowrap!important;align-self:center;order:0;
 }
 .shop-priority-header .shop-primary--header::before,
 .shop-priority-header .shop-primary--header::after{content:none!important;display:none!important;}
 .shop-primary--menu{inline-size:100%;min-block-size:52px;margin-block:1rem;}
 .shop-priority-header .kopf__warenkorb{display:inline-grid!important;min-inline-size:44px;min-block-size:44px;flex:none;}
 .shop-priority-header .kopf__leiste{gap:12px;box-sizing:border-box!important;}
 .shop-priority-header .kopf__aktionen{gap:.2rem;}
 .home-compact .shop-priority-actions{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:18px 8px;}
 .home-compact .home-hero .home-hero__copy :is(h1,:where([data-seo-heading="h1"],[data-seo-caption="h1"])){
  color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important;
 }
 .shop-priority-actions__buttons{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:12px;inline-size:100%;}
 .home-compact .shop-priority-actions .shop-primary,
 .home-compact .shop-priority-actions .shop-secondary{inline-size:auto;max-inline-size:none;min-inline-size:220px;min-block-size:52px;margin:0;padding:.8rem 1.5rem;font-size:1rem;}
 .home-compact .shop-priority-actions .shop-primary{background:var(--ref-champagne)!important;color:var(--ref-ink)!important;-webkit-text-fill-color:var(--ref-ink)!important;border-color:var(--ref-champagne)!important;}
 .home-compact .shop-priority-actions .shop-secondary{background:transparent!important;color:var(--ref-ivory)!important;-webkit-text-fill-color:var(--ref-ivory)!important;border-color:var(--ref-border)!important;font-weight:400!important;}
 .home-compact .shop-priority-actions .shop-priority-materials{display:inline-flex;inline-size:auto;max-inline-size:none;min-block-size:44px;border:0!important;padding:.3rem .5rem;font-size:.9rem;line-height:1.4;text-decoration:underline;text-underline-offset:.2em;color:var(--ref-muted)!important;background:transparent!important;}
 .shop-priority-teaser__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);}
 .shop-priority-teaser__image{display:block;min-inline-size:0;overflow:hidden;border-radius:var(--ref-image-radius);background:var(--ref-studio);}
 .shop-priority-teaser__image img{display:block;inline-size:100%;block-size:auto;object-fit:contain;}
 .shop-priority-teaser__copy{display:grid;justify-items:start;gap:1rem;min-inline-size:0;}
 .shop-priority-teaser__copy :is(:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),p){margin:0;}
 .shop-priority-teaser__copy p:not(.zeile-oben){max-inline-size:38rem;color:var(--ref-muted);}
 .sf-shop{inline-size:min(calc(100% - 2 * var(--rand)),var(--breite));margin-inline:auto;padding-block:7rem 3rem;}
 .sf-shop__intro{max-inline-size:54rem;margin-block-end:2rem;}
 .sf-shop__intro :is(h1,:where([data-seo-heading="h1"],[data-seo-caption="h1"])){margin-block:0 .8rem;}
 .sf-shop__intro p{color:var(--ref-muted);max-inline-size:48rem;}
 .sf-shop__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);align-items:start;}
 .sf-shop--detail .sf-shop__grid{grid-template-columns:minmax(0,1fr);}
 .sf-shop__product{min-inline-size:0;display:grid;gap:1rem;}
 .sf-shop__image{display:block;background:var(--ref-studio);border-radius:var(--ref-image-radius);overflow:hidden;}
 .sf-shop__image img{display:block;inline-size:100%;block-size:auto;max-inline-size:100%;object-fit:contain;}
 .sf-shop__details{display:grid;gap:.8rem;min-inline-size:0;}
 .sf-shop__details :is(:is(h1,:where([data-seo-heading="h1"],[data-seo-caption="h1"])),:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),:is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"])),p){margin:0;}
 .sf-shop__details :is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])){font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.1;}
 .sf-shop__details p{color:var(--ref-muted);}
 .sf-shop__variant{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;padding-block:.8rem;border-block-end:1px solid var(--ref-border);min-inline-size:0;}
 .sf-shop__variants{margin:0;padding:0;list-style:none;}
 .sf-shop__variant>div{display:grid;gap:.25rem;}
 .sf-shop__variant :is(span,strong){overflow-wrap:anywhere;}
 .sf-shop__price{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500;color:var(--ref-ivory);}
 .sf-shop__request{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:.65rem .9rem;border:1px solid var(--ref-border)!important;border-radius:var(--ref-button-radius);font-size:.9rem;line-height:1.4;text-align:center;text-decoration:none;white-space:normal;max-inline-size:100%;box-sizing:border-box;}
 .sf-shop__request:hover{border-color:var(--ref-champagne)!important;color:var(--ref-champagne)!important;}
 .sf-shop table{inline-size:100%;border-collapse:collapse;}
 .sf-shop :is(td,th){padding:.7rem .5rem;text-align:start;vertical-align:top;border-block-end:1px solid var(--ref-border);}
 @media(min-width:80rem) and (max-width:103rem){
  .shop-priority-header .kopf__nav li:has(>a:is([href$="/kataloge/"],[href$="/ueber-uns/"],[href$="/kontakt/"])){display:none;}
  .shop-priority-header .kopf__punkt{padding-inline:.45rem;font-size:.85rem;}
  .shop-priority-header .kopf__nav{margin-inline:auto;}
 }
 @media(max-width:47.999rem){
  .shop-primary__long{display:none!important;}.shop-primary__short{display:inline!important;}
  .shop-priority-header .shop-primary--header{min-inline-size:64px;padding-inline:14px!important;}
  .shop-priority-header .kopf__leiste{inline-size:calc(100% - 24px)!important;padding-inline:8px!important;gap:8px;}
  .shop-priority-header .kopf__markenmenue{padding-inline:.5rem!important;gap:.5rem!important;}
  .shop-priority-header .kopf__markenmenue .brand-menu-label{font-size:1.1rem!important;}
  .shop-priority-header .kopf__aktionen{gap:0;margin-inline-start:auto;}
  .shop-priority-header .sprachknopf{inline-size:44px;min-inline-size:44px;justify-content:center!important;padding-inline:0!important;}
  .shop-priority-header .sprachknopf__code{display:none!important;}
  .shop-priority-header .kopf__warenkorb{inline-size:44px;block-size:44px;}
  .home-compact .shop-priority-actions .shop-primary,
  .home-compact .shop-priority-actions .shop-secondary{inline-size:100%;min-inline-size:0;max-inline-size:420px;}
  .shop-priority-actions__buttons{flex-direction:column;align-items:center;}
  .shop-priority-teaser__inner{grid-template-columns:minmax(0,1fr);gap:1.25rem;}
  .sf-shop{padding-block-start:6.5rem;}
  .sf-shop__grid{grid-template-columns:minmax(0,1fr);gap:2rem;}
 }
 @media(max-width:359px){
  .shop-priority-header .sprachknopf{display:none!important;}
  .shop-priority-header .kopf__markenmenue{padding-inline:.5rem!important;gap:.45rem!important;}
  .shop-priority-header .kopf__markenmenue .brand-menu-label{font-size:1.1rem!important;}
 }
}

/* 03.11.2026: shared navigation; mobile top/bottom bars, unified desktop bar. */
@layer sofastil-reference {
 .shop-priority-header .shop-primary--header,
 .shop-priority-header .clear-plan {
  background:var(--ref-surface,#1A1917)!important;
  color:var(--ref-ivory,#F2EEE6)!important;
  -webkit-text-fill-color:var(--ref-ivory,#F2EEE6)!important;
  border:1px solid var(--ref-border,rgba(210,188,148,.32))!important;
  box-shadow:none!important;
 }
 .shop-priority-header .shop-primary--header :is(span,svg){color:var(--ref-ivory)!important;-webkit-text-fill-color:var(--ref-ivory)!important;}
 .shop-priority-header .shop-primary--header:hover,
 .shop-priority-header .clear-plan:hover{background:var(--ref-ink,#0E0E0D)!important;border-color:var(--ref-champagne)!important;}
 .shop-priority-header .clear-plan{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;block-size:44px!important;min-block-size:44px!important;max-block-size:44px!important;min-inline-size:0;padding:0 12px!important;border-radius:var(--ref-button-radius,99px);white-space:normal;text-align:center;font-size:.85rem;line-height:1.15;text-decoration:none!important;background:var(--ref-champagne)!important;color:var(--ref-ink)!important;-webkit-text-fill-color:var(--ref-ink)!important;border-color:var(--ref-champagne)!important;}
 .shop-priority-header .clear-plan:hover{background:var(--ref-ivory)!important;color:var(--ref-ink)!important;-webkit-text-fill-color:var(--ref-ink)!important;}
 .shop-priority-header .kopf__konto{display:inline-flex!important;align-items:center;justify-content:center;gap:.4rem;min-inline-size:44px;min-block-size:44px;}
 .shop-priority-header .kopf__konto>svg{inline-size:22px;block-size:22px;}
 .clear-main-nav{color:var(--ref-ivory);}
 .clear-main-nav .clear-main-list{margin:0;padding:0;list-style:none;}
 .clear-main-nav details>summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-block-size:52px;cursor:pointer;list-style:none;}
 .clear-main-nav details>summary::-webkit-details-marker{display:none;}
 .clear-main-nav summary>svg{inline-size:18px;block-size:18px;flex:none;}
 .clear-main-nav details[open]>summary>svg{transform:rotate(180deg);}
 .clear-main-nav :is(a,summary,input):focus-visible,.clear-plan:focus-visible{outline:2px solid var(--ref-champagne)!important;outline-offset:4px!important;}
 .clear-main-nav details>ul{margin:0;padding:0;list-style:none;}
 .clear-main-nav details>ul a{display:flex;align-items:center;min-block-size:44px;padding:.5rem 0;line-height:1.4;text-decoration:none;}
 .home-page .home-hero__copy{top:max(112px,var(--clear-header-bottom,112px))!important;}
 .clear-main-nav [hidden]{display:none!important;}
 .clear-information{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:1.5rem;}
 .clear-information a{display:inline-flex;align-items:center;min-block-size:44px;text-decoration:none;}
 .clear-search:not([hidden]){display:grid;gap:.5rem;padding-block:1rem;font-size:.9rem;}
 .clear-search input{inline-size:100%;box-sizing:border-box;min-block-size:48px;padding:.7rem 1rem;border:1px solid var(--ref-border);border-radius:12px;background:var(--ref-surface);color:var(--ref-ivory);font:inherit;}
 /* The same controls move between the mobile dock and desktop header. */
 .shop-priority-header .kopf__leiste{display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center;gap:8px!important;inline-size:min(calc(100% - 24px),640px)!important;min-block-size:60px!important;block-size:auto!important;padding:7px!important;overflow:visible!important;}
 .shop-priority-header .kopf__markenmenue{box-sizing:border-box!important;block-size:44px!important;min-block-size:44px!important;max-block-size:44px!important;padding:.4rem .65rem!important;gap:.5rem!important;grid-column:1;grid-row:1;}
 .shop-priority-header .kopf__markenmenue .brand-menu-label{font-size:1.2rem!important;}
 .shop-priority-header .shop-primary--header{grid-column:2;grid-row:1;min-inline-size:60px!important;margin:0!important;padding-inline:12px!important;}
 .shop-priority-header .shop-primary--header .shop-primary__long{display:none!important;}
 .shop-priority-header .shop-primary--header .shop-primary__short{display:inline!important;}
 .shop-priority-header .kopf__leiste>.clear-plan{grid-column:3;grid-row:1;}
 .shop-priority-header .clear-desktop-slot{display:none!important;}
 .shop-priority-header .kopf__aktionen{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:0!important;box-sizing:border-box!important;pointer-events:auto;}
 .shop-priority-header .kopf__aktionen>:is(.symbolknopf,.kopf__konto,.sprachknopf){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;inline-size:44px!important;min-inline-size:44px!important;max-inline-size:44px!important;block-size:44px!important;min-block-size:44px!important;padding:0!important;margin:0!important;color:var(--ref-ivory)!important;-webkit-text-fill-color:var(--ref-ivory)!important;}
 .shop-priority-header .kopf__aktionen> :is(a,button)>svg{inline-size:22px!important;block-size:22px!important;flex:none;}
 .shop-priority-header .sprachknopf__code,.shop-priority-header .sprachknopf__name,.shop-priority-header .sprachknopf__pfeil,.shop-priority-header .kopf__konto>span{display:none!important;}
 .shop-priority-header :is(a,button,summary):focus-visible{outline:2px solid var(--ref-champagne)!important;outline-offset:3px!important;}
 @media(max-width:63.999rem){
  .shop-priority-header>.kopf__aktionen{position:fixed!important;inset-block-start:auto!important;inset-block-end:max(12px,env(safe-area-inset-bottom))!important;inset-inline:0!important;inline-size:min(calc(100% - 24px),520px)!important;min-block-size:62px!important;margin:0 auto!important;padding:8px!important;border:1px solid var(--ref-border)!important;border-radius:var(--ref-button-radius)!important;background:var(--ref-surface)!important;box-shadow:none!important;z-index:60;}
  .shop-priority-header .mega--konto{position:fixed!important;inset-block-start:auto!important;inset-block-end:calc(84px + env(safe-area-inset-bottom))!important;inset-inline-end:12px!important;inline-size:min(22rem,calc(100% - 24px))!important;max-block-size:calc(100dvh - 180px)!important;z-index:61;}
  body:has(>.shop-priority-header){padding-block-end:calc(86px + env(safe-area-inset-bottom));}
  html:has(.shop-priority-header){scroll-padding-block-end:calc(100px + env(safe-area-inset-bottom));}
 }
 @media(max-width:359px){
  .shop-priority-header .kopf__leiste{gap:6px!important;padding-inline:6px!important;}
  .shop-priority-header .kopf__markenmenue{padding-inline:8px!important;gap:6px!important;}
  .shop-priority-header .kopf__markenmenue .brand-menu-label{font-size:1.1rem!important;}
  .shop-priority-header .clear-plan{padding-inline:8px!important;font-size:.78rem!important;}
 }
 @media(min-width:64rem){
  .shop-priority-header .kopf__leiste{inline-size:min(calc(100% - 32px),var(--breite))!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;gap:4px 8px!important;padding:7px 12px!important;}
  .shop-priority-header .kopf__leiste>.clear-plan{grid-column:3;justify-self:end;white-space:nowrap;}
  .shop-priority-header .kopf__aktionen{position:static!important;grid-column:4;grid-row:1;inline-size:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  .shop-priority-header .clear-desktop-slot{display:block!important;grid-column:1/-1;grid-row:2;margin:0!important;min-inline-size:0;}
  .clear-desktop-slot .clear-main-list{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem 1.25rem;border:0;}
  .clear-desktop-slot .clear-information{display:none;}
  .clear-desktop-slot .clear-main-list>li{border:0;}
  .clear-desktop-slot .clear-main-list>li>details>summary{min-block-size:44px!important;padding:0!important;gap:.25rem!important;font-family:var(--schrift-text,sans-serif)!important;font-size:.9rem!important;line-height:1.3!important;font-weight:400!important;white-space:nowrap;}
  .clear-desktop-slot details>ul{position:absolute;inset-block-start:calc(100% + 4px);min-inline-size:250px;max-inline-size:calc(100vw - 48px);max-block-size:70vh;overflow:auto;padding:1rem 1.5rem;background:var(--ref-surface);border:1px solid var(--ref-border);border-radius:18px;box-shadow:0 12px 32px #0003;}
  .clear-desktop-slot details>ul a{font-size:1rem;}
 }
 @media(min-width:80rem){
  .shop-priority-header .kopf__leiste{grid-template-columns:auto auto minmax(0,1fr) auto auto!important;gap:8px!important;}
  .shop-priority-header .clear-desktop-slot{grid-column:3;grid-row:1;}
  .shop-priority-header .kopf__leiste>.clear-plan{grid-column:4;}
  .shop-priority-header .kopf__aktionen{grid-column:5;}
  .clear-desktop-slot .clear-main-list{gap:.75rem;}
 }
}

[data-seo-heading]{display:block}
.kitchen-planner-heading{padding-bottom:0}