/* SCS Page Builder 0.6.0 | Real desktop renderer for the Piano-Illg mockup.
   This design pack is scoped and does not alter WooCommerce checkout. */
.scs-premium{--pi-gold:#bd9250;--pi-gold-light:#e6bc70;--pi-navy:#10151e;--pi-cream:#faf8f4;--pi-text:#1a1e25;--pi-muted:#656970;color:var(--pi-text);background:#fff;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;position:relative;width:100vw;max-width:none!important;left:50%;margin-left:-50vw!important;margin-right:0!important;isolation:isolate;overflow:clip}
.scs-premium *, .scs-premium *:before,.scs-premium *:after{box-sizing:border-box}
.scs-premium img{max-width:100%}
.scs-premium a:focus-visible,.scs-premium button:focus-visible,.scs-premium summary:focus-visible{outline:3px solid #dcad64;outline-offset:3px}
.scs-premium__wrap{max-width:1250px;width:calc(100% - 64px);margin:0 auto;min-width:0}
.scs-premium h1,.scs-premium h2,.scs-premium h3{font-family:Georgia,'Times New Roman',serif;color:inherit;letter-spacing:-.035em;font-weight:600;margin:0;text-wrap:balance}
.scs-premium p{font:400 15px/1.63 system-ui,-apple-system,'Segoe UI',sans-serif;margin:0;color:var(--pi-muted)}
.scs-premium__eyebrow{display:block;font:800 10px/1.5 system-ui,sans-serif;letter-spacing:.21em;color:#a87a38;text-transform:uppercase;margin-bottom:9px}
.scs-premium__btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid #cba665;border-radius:7px;color:#181818!important;text-decoration:none!important;background:#ccab73;min-height:44px;padding:10px 18px;font:700 13px/1.4 system-ui,sans-serif;white-space:nowrap;transition:background .2s ease,transform .2s ease}
.scs-premium__btn:hover{background:#e6c18a;transform:translateY(-1px)}
.scs-premium__btn--outline{background:#14192155!important;color:#fff!important;border-color:#ffffffa9!important}
.scs-premium__btn--outline:hover{background:#ffffff20!important}
.scs-premium__btn span{font-size:18px;line-height:1}
.scs-premium__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
/* Hero fills the viewport width but never consumes a full screen of height. */
.scs-premium__hero{height:440px;position:relative;color:#fff;background:#10151e}
.scs-premium__carousel{height:100%;position:relative;overflow:hidden}
.scs-premium .scs-premium__slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease;z-index:0;color:#fff}
.scs-premium .scs-premium__slide.is-active{opacity:1;visibility:visible;z-index:1}
.scs-premium__hero-photo{position:absolute;inset:0;overflow:hidden}
.scs-premium__hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10151efa 1%,#10151eea 28%,#10151e6b 53%,#10151e0d 78%),linear-gradient(0deg,#10151e5b,transparent 28%)}
.scs-premium__hero-img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block;max-width:none;opacity:.95}
.scs-premium__hero-wrap{height:100%;display:flex;align-items:center;position:relative;z-index:2}
.scs-premium__hero-copy{max-width:600px;padding-bottom:4px}
.scs-premium__hero-copy .scs-premium__eyebrow{color:var(--pi-gold-light);font-size:11px;margin-bottom:15px}
.scs-premium__hero-copy h1,.scs-premium__hero-copy h2{color:#fff!important;max-width:650px;font:600 clamp(44px,4.1vw,58px)/1.04 Georgia,serif;letter-spacing:-.047em;text-wrap:balance;text-shadow:0 3px 12px #0002}
.scs-premium__hero-desc{color:#f1f0ee!important;max-width:515px;font-size:15px!important;line-height:1.58!important;margin-top:16px!important}
.scs-premium__carousel-nav{position:absolute;z-index:5;bottom:17px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1250px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.scs-premium__carousel-nav .scs-pb__slider-dots,.scs-premium__carousel-nav .scs-pb__slider-arrows{display:flex;gap:9px;align-items:center;pointer-events:auto}
.scs-premium__carousel-nav .scs-pb__slider-dots button{height:4px;width:26px;padding:0;border:0;border-radius:5px;background:#ffffff91;cursor:pointer}
.scs-premium__carousel-nav .scs-pb__slider-dots button[aria-pressed="true"]{width:44px;background:#e9bd70}
.scs-premium__carousel-nav .scs-pb__slider-arrows button{background:#13192288;border:1px solid #ffffff70;color:#fff;border-radius:50%;font-size:16px;width:31px;height:31px;cursor:pointer}
/* USP strip: compact and legible, four equal columns */
.scs-premium__benefit-strip{background:#fdfbf8;border-bottom:1px solid #ede8df;color:#2d2c2a}
.scs-premium__benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:86px;align-items:center}
.scs-premium__benefit{display:flex;gap:12px;align-items:center;padding:15px 13px;min-width:0}
.scs-premium__benefit:not(:last-child){border-right:1px solid #e6ded3}
.scs-premium__icon{color:#b4874a;flex:0 0 26px;width:26px;height:26px}
.scs-premium__benefit strong,.scs-premium__point strong{display:block;font:700 13px/1.28 system-ui,sans-serif;color:#272523}
.scs-premium__benefit small,.scs-premium__point small{display:block;color:#6e6c68;font:400 11px/1.38 system-ui,sans-serif;margin-top:3px}
/* Instrument cards intentionally compressed to the compact reference proportions */
.scs-premium__section{padding:47px 0 51px}
.scs-premium__section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:19px}
.scs-premium__section-heading h2,.scs-premium__about h2,.scs-premium__faq h2,.scs-premium__closing h2{font-size:clamp(27px,3vw,38px);line-height:1.13}
.scs-premium__section-heading p{margin-top:5px;font-size:13px}
.scs-premium__text-link{color:#a2753a!important;font:700 12px/1.5 system-ui,sans-serif;text-decoration:none!important;white-space:nowrap;border-bottom:1px solid #c3a17a65;padding-bottom:4px}
.scs-premium__text-link:hover{color:#6a4624!important}
.scs-premium__instrument-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.scs-premium__instrument-card{min-width:0;border:1px solid #e9e5e0;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 3px 18px #1b1c1d08;transition:transform .2s,box-shadow .2s}
.scs-premium__instrument-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1b1c1d17}
.scs-premium__instrument-link{display:flex;flex-direction:column;height:100%;color:inherit!important;text-decoration:none!important}
.scs-premium__instrument-media{height:116px;overflow:hidden;background:#18191d}
.scs-premium__instrument-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.scs-premium__instrument-card:hover img{transform:scale(1.04)}
.scs-premium__instrument-info{padding:13px 13px 14px;display:flex;flex-direction:column;flex:1;min-width:0}
.scs-premium__instrument-info h3{font:600 17px/1.2 Georgia,serif!important;margin:0 0 7px;color:#222428}
.scs-premium__instrument-info p{font-size:12px;line-height:1.47;margin:0 0 11px;color:#6c6c6c}
.scs-premium__more{margin-top:auto;font:700 11px/1.45 system-ui,sans-serif;color:#ae7838}
/* Reference-like 3-column why + benefits + photo */
.scs-premium__about{padding:0 0 7px;background:#fff}
.scs-premium__about-grid{display:grid;grid-template-columns:1fr .88fr 1.02fr;gap:13px;align-items:stretch}
.scs-premium__about-intro{padding:30px 28px;background:#f7f2eb;border-radius:8px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.scs-premium__about-intro h2{margin-bottom:14px}
.scs-premium__about-intro p{font-size:14px;line-height:1.6;color:#505052}
.scs-premium__about-intro .scs-premium__btn{margin-top:auto;min-height:41px;padding:9px 15px;font-size:12px}
.scs-premium__about-points{padding:19px 9px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.scs-premium__point{display:flex;align-items:center;gap:14px}
.scs-premium__point .scs-premium__icon{width:23px;height:23px;flex-basis:23px}
.scs-premium__about-photo{min-height:278px;background:#212020;position:relative;overflow:hidden;border-radius:8px;isolation:isolate}
.scs-premium__about-img{position:absolute;inset:0;height:100%!important;width:100%;object-fit:cover;filter:brightness(.82)}
.scs-premium__about-photo:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#0c101de0,#0c101d27 78%)}
.scs-premium__about-photo-copy{z-index:2;position:absolute;left:25px;right:25px;bottom:25px;color:#fff}
.scs-premium__about-photo-copy span{font:800 9px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:#efce92}
.scs-premium__about-photo-copy h3{color:#fff;font-size:25px;margin:5px 0}
.scs-premium__about-photo-copy p{color:#f5f1e9;font-size:12px;line-height:1.45;max-width:320px;margin-bottom:10px}
.scs-premium__about-photo-copy a{display:inline-block;color:#f7d28c!important;font:700 12px/1.5 system-ui,sans-serif;text-decoration:none!important}
/* Prices always match actual WooCommerce data if published; drafts are not displayed. */
.scs-premium__pricing{padding-top:46px;padding-bottom:51px}
.scs-premium__pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.scs-premium__price-card{border:1px solid #e2ded9;border-radius:9px;padding:22px 23px;display:flex;align-items:flex-start;flex-direction:column;min-height:187px;background:linear-gradient(150deg,#fff,#fffdf9)}
.scs-premium__price-card h3{font:600 21px/1.2 Georgia,serif!important;margin:0 0 7px}
.scs-premium__price-description{font-size:12px!important;line-height:1.5!important;margin-bottom:12px!important}
.scs-premium__price-amount{font:600 22px/1.2 Georgia,serif;color:#1c1b1c;margin:auto 0 11px}
.scs-premium__price-legal{font-size:11px;color:#6a6a6a;line-height:1.4;margin-bottom:9px}
.scs-premium__price-legal p{font-size:11px;margin:0}
.scs-premium__price-card>a{color:#a1763d!important;font:800 12px/1.4 system-ui,sans-serif;text-decoration:none!important}
/* FAQ is multi-item and compact, with full answers. */
.scs-premium__faq{background:#faf7f2;border-top:1px solid #efe9e3;border-bottom:1px solid #efe9e3}
.scs-premium__faq-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:55px}
.scs-premium__faq h2{max-width:370px;margin-bottom:13px}
.scs-premium__faq-grid>div>p{margin-bottom:20px;max-width:360px;font-size:14px}
.scs-premium__faq-item{border-bottom:1px solid #e1d8ce}
.scs-premium__faq-item summary{cursor:pointer;list-style:none;font:700 14px/1.5 system-ui,sans-serif;color:#222;padding:15px 35px 15px 0;position:relative}
.scs-premium__faq-item summary::-webkit-details-marker{display:none}
.scs-premium__faq-item summary:after{content:"+";position:absolute;right:4px;top:10px;color:#b58a50;font-size:22px;font-weight:300}
.scs-premium__faq-item[open] summary:after{content:"−"}
.scs-premium__faq-item p{padding:0 20px 15px 0;font-size:13px;line-height:1.63}
.scs-premium__closing{padding:36px 0;background:#141923;color:#fff}
.scs-premium__closing-row{display:flex;justify-content:space-between;align-items:center;gap:25px}
.scs-premium__closing h2{color:#fff;font-size:29px;margin-bottom:6px}
.scs-premium__closing p{color:#c9c5c0;font-size:14px}
/* Real imported pages, not only the special homepage. Fix earlier giant headings/gaps. */
@media(min-width:851px){
 body.scs-pb-builder-page:not(.scsm) .scs-pb{padding-top:55px;padding-bottom:58px}
 body.scs-pb-builder-page:not(.scsm) .scs-pb--hero{padding-top:45px;padding-bottom:50px}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__container{max-width:1250px!important}
 body.scs-pb-builder-page:not(.scsm) .scs-pb h1{font-size:clamp(42px,4.3vw,65px)!important;line-height:1.08!important}
 body.scs-pb-builder-page:not(.scsm) .scs-pb h2{font-size:clamp(32px,3.1vw,43px)!important;line-height:1.12!important}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__hero{min-height:350px;gap:40px}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__hero-art{min-height:330px}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__hero-img{min-height:330px;max-height:450px;border-radius:10px}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__heading{margin-bottom:23px}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__card{border-radius:10px}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__card-media{aspect-ratio:1.7}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__card-content{padding:19px}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__lead{margin-top:10px!important}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__slider{height:480px;min-height:480px}
 body.scs-pb-builder-page:not(.scsm) .scs-pb__slide-content h1{font-size:clamp(46px,4.7vw,66px)!important}
}
@media(max-width:1150px){.scs-premium__instrument-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scs-premium__instrument-media{height:140px}.scs-premium__benefit{padding:14px 8px}.scs-premium__hero{height:420px}}
@media(max-width:850px){.scs-premium__wrap{width:calc(100% - 40px)}.scs-premium__hero{height:440px}.scs-premium__about-grid{grid-template-columns:1fr 1fr}.scs-premium__about-photo{grid-column:span 2;min-height:230px}.scs-premium__benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scs-premium__benefit:nth-child(2){border-right:0}.scs-premium__benefit:nth-child(-n+2){border-bottom:1px solid #ece6de}}
@media(max-width:650px){.scs-premium__wrap{width:calc(100% - 32px)}.scs-premium__hero{height:490px}.scs-premium__hero-copy h1,.scs-premium__hero-copy h2{font-size:45px}.scs-premium__instrument-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scs-premium__pricing-grid,.scs-premium__faq-grid,.scs-premium__about-grid{grid-template-columns:1fr}.scs-premium__about-photo{grid-column:auto}.scs-premium__section-heading{align-items:start;flex-direction:column}.scs-premium__closing-row{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.scs-premium .scs-premium__slide,.scs-premium__btn,.scs-premium__instrument-card{transition:none!important}}

/* Generic decorative fallback (no public-facing editor instructions or grey placeholders). */
body:not(.scsm) .scs-pb__image-empty{display:grid;place-items:center;color:#d8b579;font:500 clamp(58px,8vw,120px) Georgia,serif;border:0;border-radius:12px;background:radial-gradient(circle at 72% 34%,#524033 0%,#19202b 56%,#10141e 100%);min-height:260px}