/* Piano-Illg Theme 0.3.0: real desktop matching Premium Layout screenshot.
   The separate SCS mobile shell does not enqueue this stylesheet. */
:root{--pi-cream:#fbfaf7;--pi-gold:#bc8b49;--pi-ink:#141922}
body:not(.scsm){margin:0;background:#fff;color:#191d23;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
body:not(.scsm) .wp-site-blocks{padding:0!important;margin:0!important;max-width:none!important;overflow:clip}
body:not(.scsm) .wp-site-blocks>header,body:not(.scsm) .wp-site-blocks>footer,body:not(.scsm) .wp-site-blocks>main{margin-block:0!important}
body:not(.scsm) .wp-site-blocks>header{position:sticky;top:0;z-index:990}
body.admin-bar:not(.scsm) .wp-site-blocks>header{top:32px}
.pi-site-header{color:#1b2027;background:#fff;border-bottom:1px solid #ece8e3;box-shadow:0 3px 20px #00000006}
.pi-header-inner{height:70px!important;max-width:1250px!important;padding:0 20px!important;display:flex;align-items:center;gap:36px}
.pi-brand{gap:11px!important;color:#1a1c20!important}
.pi-brand-mark{width:36px!important;height:36px!important;transform:none!important;border-radius:7px!important;background:#d0a35b!important;color:#161923!important;font:700 22px/1 Georgia,serif!important}
.pi-brand-type strong{font:600 24px/1.04 Georgia,serif!important;letter-spacing:-.045em!important;color:#1b2027}
.pi-brand-type small{font-size:9px!important;letter-spacing:.26em!important;color:#a47c45!important}
.pi-brand:has(.pi-site-logo) .pi-brand-type{display:none}
.pi-site-logo{max-height:47px!important;width:auto;object-fit:contain}
.pi-primary-nav{margin-left:auto;flex:initial!important}
.pi-nav-list{gap:clamp(18px,2vw,28px)!important;justify-content:center!important}
.pi-nav-list a{color:#2b2c2c!important;font:600 13px/1.3 system-ui,sans-serif!important;border-bottom:2px solid transparent;padding:14px 0!important;text-decoration:none!important}
.pi-nav-list a:hover,.pi-nav-list a:focus-visible{color:#95632f!important;border-bottom-color:#bc8b49!important}
.pi-nav-list .sub-menu{background:#fff!important;border:1px solid #ebe2d8;border-radius:9px;box-shadow:0 15px 38px #0003}
.pi-nav-list .sub-menu a{padding:11px 0!important;color:#292929!important}
.pi-header-cta{background:#c69b58!important;color:#1c1b1d!important;border-radius:7px!important;font:750 13px/1.3 system-ui,sans-serif!important;padding:12px 16px!important;box-shadow:none!important}
.pi-header-cta:hover{background:#e0b76f!important;color:#101219!important}
/* WordPress constrained group must not narrow SCS sections. */
body.scs-pb-builder-page:not(.scsm) .piano-illg-content-main,
body.scs-pb-builder-page:not(.scsm) .wp-block-post-content,
body.scs-pb-builder-page:not(.scsm) .wp-block-post-content>.wp-block-shortcode{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
body.scs-pb-builder-page:not(.scsm) .wp-block-post-title{display:none!important}
body:not(.scsm) .piano-illg-content-main{padding-top:0!important;padding-bottom:0!important}
body:not(.scsm) .scs-premium{max-width:none!important}
/* Short, editorial footer from the approved mockup. */
.pi-site-footer{background:#121721!important;color:#fff!important}
.pi-footer-inner{max-width:1250px!important;padding:39px 20px 31px!important;grid-template-columns:1.2fr .6fr .6fr 1fr!important;gap:30px!important}
.pi-footer-brand{font-size:23px!important;margin-bottom:10px!important}
.pi-footer-brand small{font-size:8px;color:#d6ad65!important}
.pi-footer-inner p{font-size:12px!important;line-height:1.6!important;margin:0!important;color:#bac0c7!important}
.pi-footer-nav{gap:8px!important}
.pi-footer-nav strong,.pi-footer-cta strong{color:#f3e9db!important;font-size:12px!important;margin-bottom:4px!important}
.pi-footer-nav a{font-size:12px!important;color:#d1d3d7!important}
.pi-footer-cta a{border-color:#cda364!important;color:#dcb57a!important;font-size:12px!important;padding:9px 12px!important;margin-top:12px!important}
.pi-footer-bottom{max-width:1250px!important;padding:15px 20px 17px!important;font-size:11px!important;color:#aeb2bd!important}
/* Premium styling on normal WooCommerce catalogs without touching Germanized legal data. */
body:not(.scsm) .woocommerce ul.products li.product{border:1px solid #eae6df;border-radius:10px;padding:0 0 16px;background:#fff;overflow:hidden;box-shadow:0 4px 17px #00000009}
body:not(.scsm) .woocommerce ul.products li.product a img{border-radius:0!important;aspect-ratio:4/3;object-fit:cover;margin:0 0 13px}
body:not(.scsm) .woocommerce ul.products li.product .woocommerce-loop-product__title,
body:not(.scsm) .woocommerce ul.products li.product .price{padding:0 16px;color:#1f2227}
body:not(.scsm) .woocommerce a.button,body:not(.scsm) .woocommerce button.button{background:#caa263;color:#1d2125;border-radius:7px!important}
@media(max-width:1100px){.pi-header-inner{gap:20px!important;padding:0 16px!important}.pi-nav-list{gap:14px!important}.pi-nav-list a{font-size:12px!important}.pi-brand-type strong{font-size:21px!important}}
@media(max-width:900px){.pi-header-inner{height:auto!important;min-height:67px!important;flex-wrap:wrap;padding:12px 16px!important;gap:12px!important}.pi-primary-nav{order:3;width:100%;flex-basis:100%;overflow-x:auto;margin-left:0}.pi-nav-list{justify-content:flex-start!important;min-width:max-content}.pi-header-cta{margin-left:auto}.pi-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.pi-footer-inner{grid-template-columns:1fr 1fr!important;gap:26px!important}.pi-footer-bottom{flex-direction:column}}
@media(max-width:782px){body.admin-bar:not(.scsm) .wp-site-blocks>header{top:46px}}
