/* Single shop width standard, 28.09.2026. Geometry only; no color overrides.
   Outer border-box1200px, gutters24px/16px. Nested modules use available width.
   Readable paragraphs, dialogs, upload previews and sidebars retain their own widths. */
html:has(#fa-shop-layout){--shop-width:1200px;--shop-gutter:24px;--content:1200px;--content-wide:1200px;--fa-wrap:1200px}
html:has(#fa-shop-layout) body .container{box-sizing:border-box!important;width:100%!important;max-width:var(--shop-width)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--shop-gutter)!important;padding-right:var(--shop-gutter)!important}
html:has(#fa-shop-layout) body .container .container{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
html:has(#fa-shop-layout) body .maincontent{width:100%!important;margin-left:0!important;min-width:0}
html:has(#fa-shop-layout) body .maincontent>.content{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html:has(#fa-shop-layout) body .maincontent>.content :is(#fa-gifts,#fa-wall,#fa-gift-catalog,#fa-letter-hub,#fa-letter-overview,#fa-gewerbe,.fac-category,.fa-sticker-hub,.fa-wrap,.fa-kat,.custom-container,.category-description-container,.product-description-container,.kat-content,.content-about,.faq-section,.bp-container,.fa-segel__container,.sc-cart,.co-checkout,#schriftzug-konfigurator.fa-lettering-configurator,#designer,#fa-number-v2 .n-main,.fal-config,.fal-utilities,.fap-editorial){box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html:has(#fa-shop-layout) body .maincontent>.content :is(#fa-gifts,#fa-wall,#fa-gift-catalog,#fa-letter-hub,#fa-letter-overview,#fa-gewerbe,.fac-category,.fa-sticker-hub,.fa-wrap,.fa-kat,.kat-content,.bp-container,.fa-segel__container,.sc-cart,.co-checkout,#fa-number-v2 .n-main){padding-left:0!important;padding-right:0!important}
html:has(#fa-shop-layout) body .maincontent>.content>h1{max-width:none!important;margin-left:0!important;margin-right:0!important}
/* Header and navigation share the content frame, avoiding another wider band. */
@media(min-width:992px){
html:has(#fa-shop-layout) body .shopheader{display:grid!important;grid-template-columns:1.2fr 1fr 1fr;gap:16px;align-items:center}
html:has(#fa-shop-layout) body .shopheader::before,html:has(#fa-shop-layout) body .shopheader::after{display:none}
html:has(#fa-shop-layout) body .shopheader>.span4{width:100%!important;margin:0!important;min-width:0;float:none!important}
html:has(#fa-shop-layout) body .shopheader>.span4:first-child{display:flex;align-items:center;gap:8px}
html:has(#fa-shop-layout) body .shopheader>.span4:first-child>a:first-child{min-width:0;flex:1}
html:has(#fa-shop-layout) body .shopheader>.span4:first-child>a:last-child{flex:0 0 48px}
html:has(#fa-shop-layout) body .shopheader img.brand{max-width:100%!important;height:auto!important;margin:0!important}
html:has(#fa-shop-layout) body nav#catmenu ul.nav>li>a{font-size:16px!important;padding-left:8px!important;padding-right:8px!important}
}
@media(max-width:768px){html:has(#fa-shop-layout){--shop-gutter:16px}}

/* The main white surface includes the shared side gutters. */
html:has(#fa-shop-layout) body .container:has(>.row-fluid>.maincontent){background:var(--bg,#fff)}

@media(min-width:992px){
html:has(#fa-shop-layout) body .shopheader>.span4:last-child>.row-fluid{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:8px}
html:has(#fa-shop-layout) body .shopheader>.span4:last-child>.row-fluid::before,html:has(#fa-shop-layout) body .shopheader>.span4:last-child>.row-fluid::after{display:none}
html:has(#fa-shop-layout) body .shopheader :is(.span7,#headercart){width:100%!important;min-width:0;margin:0!important;float:none!important}
html:has(#fa-shop-layout) body .shopheader .box-search{display:flex!important;width:100%!important;min-width:0}
html:has(#fa-shop-layout) body .shopheader .search_field{width:0!important;min-width:0!important;flex:1;box-sizing:border-box}
html:has(#fa-shop-layout) body .shopheader .box-search button{flex:0 0 40px;box-sizing:border-box}
html:has(#fa-shop-layout) body .shopheader .boxcartheader{width:100%!important;box-sizing:border-box;white-space:nowrap}
}
@media(min-width:992px) and (max-width:1199px){
html:has(#fa-shop-layout) body nav#catmenu ul.nav>li>a{font-size:14px!important;padding-left:6px!important;padding-right:6px!important}
}

/* Native category rows: the legacy 200px cap left part of the frame empty. */
html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid:has(>.subcat_listing){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 24px}
html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid:has(>.subcat_listing)::before,html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid:has(>.subcat_listing)::after{display:none}
html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid>.subcat_listing{box-sizing:border-box;float:none!important;width:100%!important;max-width:none!important;min-width:0;height:auto!important;margin:0!important;padding:0;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);overflow:hidden}
html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid>.subcat_listing>a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:16px;line-height:1.5;color:var(--fg);text-decoration:none}
html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid>.subcat_listing img{box-sizing:border-box;width:100%!important;height:200px!important;object-fit:contain;padding:8px!important}
html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid>.subcat_listing p.text-center{margin:16px 0 12px;padding:0;min-height:58px;text-align:left}
html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid>.subcat_listing .teaser{height:auto!important;overflow:visible;font:600 24px/1.2 var(--display);border:0;padding:0;text-align:left;color:var(--fg);overflow-wrap:anywhere}
html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid>.subcat_listing a>div.text-center{display:block;font:400 15px/1.6 var(--body);text-align:left;color:var(--mut);height:auto!important;overflow:visible}
@media(max-width:991px){html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid:has(>.subcat_listing){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid:has(>.subcat_listing){grid-template-columns:minmax(0,1fr)}}

html:has(#fa-shop-layout) body .maincontent>.content>.row-fluid>.subcat_listing .teaser{margin:0!important;hyphens:auto;word-break:normal}