/* Shop landing (/shop) and instruments page (/shop/instrumenten).
   Same look as the lesson-package shop at /shop/lespakketten. */
html,body{margin:0;min-width:320px;min-height:100%;background:#100d0a;color:#f7f1e8}
.sh{box-sizing:border-box;min-height:100svh;background:linear-gradient(120deg,rgba(8,6,4,.94),rgba(22,16,10,.88)),url("/_wf/cdn.prod.website-files.com/6592fb0ba2bd3e339efa01b6/6a4bd244eaa570caf399bf1c_shop-hero-classical-guitar-shop-background.webp") center/cover fixed;color:#f7f1e8;font:300 16px/1.6 Arial,Helvetica,sans-serif}
.sh *{box-sizing:border-box}.sh a{color:inherit}
.sh-head{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,4vw,64px);background:rgba(0,0,0,.62);border-bottom:1px solid rgba(255,255,255,.12)}
.sh-brand{white-space:nowrap;font:500 21px/1 Georgia,serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.sh-nav{display:flex;gap:24px}.sh-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.sh-main{padding:clamp(54px,8vw,100px) clamp(20px,6vw,88px)}.sh-shell{width:min(1160px,100%);margin:auto}
.sh-kicker{margin:0 0 14px;color:#d4b98e;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.sh h1{max-width:14ch;margin:0;font:400 clamp(46px,7vw,86px)/.98 Georgia,serif;letter-spacing:-.035em}
.sh-lead{max-width:760px;margin:25px 0 0;color:#d8d0c4;font-size:clamp(17px,1.6vw,21px);line-height:1.7}
.sh-choices{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px);margin-top:52px}
.sh-choice{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(340px,40vw,460px);padding:clamp(24px,3vw,36px);border:1px solid rgba(255,255,255,.18);border-radius:16px;overflow:hidden;text-decoration:none;background:#0b0805;box-shadow:0 24px 60px rgba(0,0,0,.28);isolation:isolate}
.sh-choice img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.sh-choice:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,6,4,.1) 0%,rgba(8,6,4,.55) 45%,rgba(8,6,4,.95) 100%)}
.sh-choice:hover img{transform:scale(1.04)}
.sh-choice__eyebrow{margin:0 0 8px;color:#d8c4a4;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sh-choice h2{margin:0;font:400 clamp(32px,3.6vw,46px)/1.05 Georgia,serif}
.sh-choice p{max-width:440px;margin:12px 0 0;color:#ded6ca}
.sh-choice__cta{align-self:flex-start;display:inline-flex;align-items:center;min-height:48px;margin-top:22px;padding:12px 18px;border:1px solid #d8c4a4;border-radius:8px;background:#d8c4a4;color:#17110b;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sh-note{margin:38px 0 0;padding:22px;border-left:3px solid #b7925d;background:rgba(0,0,0,.35);color:#ded6ca}.sh-note strong{color:#fff}
.sh-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:18px;color:#d8c4a4!important;font-size:12px;font-weight:700;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.sh-panel{margin-top:42px;padding:clamp(24px,4vw,38px);border:1px solid rgba(216,196,164,.55);border-radius:16px;background:linear-gradient(135deg,rgba(216,196,164,.16),rgba(11,8,5,.82))}
.sh-panel h2{margin:0;font:400 clamp(27px,3vw,38px)/1.12 Georgia,serif}.sh-panel p{max-width:700px;margin:12px 0 0;color:#d8d0c4}
.sh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:22px;padding:13px 20px;border:1px solid #d8c4a4;border-radius:8px;background:#d8c4a4;color:#17110b!important;font-size:11px;font-weight:800;letter-spacing:.1em;text-align:center;text-decoration:none;text-transform:uppercase}
.sh-gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px);margin-top:42px}
.sh-gallery figure{margin:0}
.sh-gallery img{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:#0b0805}
.sh-gallery figcaption{margin-top:10px;color:#d8c4a4;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.sh-product{margin-top:46px;padding:clamp(22px,3.5vw,38px);border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(11,8,5,.72);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.sh-product__eyebrow{margin:0 0 8px;color:#d8c4a4;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sh-product h2{margin:0;font:400 clamp(32px,3.6vw,46px)/1.05 Georgia,serif}
.sh-product__no{margin:10px 0 0;color:#ded6ca;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.sh-product__price{margin:18px 0 0;color:#f7f1e8;font:400 clamp(36px,4.4vw,54px)/1 Georgia,serif;letter-spacing:-.02em;white-space:nowrap}
.sh-product .sh-gallery{margin-top:clamp(26px,3.5vw,38px)}
.sh a:focus-visible{outline:3px solid #f3d9ae;outline-offset:4px}
@media(max-width:767px){.sh-head{min-height:70px;padding:0 20px}.sh-nav{gap:14px}.sh-nav a:not(:last-child){display:none}.sh-main{padding:48px 20px 64px}.sh-choices{grid-template-columns:1fr;margin-top:38px}.sh-choice{min-height:300px}.sh h1{font-size:clamp(42px,13vw,60px)}}
@media(max-width:767px){.sh-gallery{grid-template-columns:1fr;margin-top:32px}}
@media(max-width:767px){.sh-product{margin-top:36px;padding:20px}.sh-product .sh-btn{width:100%}.sh-product .sh-gallery{margin-top:24px}}
@media(max-width:480px){.sh-brand-surname{display:none}}
@media(prefers-reduced-motion:reduce){.sh *{animation-duration:.001ms!important;transition-duration:.001ms!important}}