/* Subwoofer detail page. Shared site navigation and typography come from about.css. */
.product-intro{padding:160px 0 64px;background:radial-gradient(ellipse at 30% 30%,#0065d410,transparent 60%)}
.product-intro .breadcrumb{margin-bottom:38px}
.product-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start}
.product-photo{position:relative;border:1px solid #ffffff18;border-radius:22px;overflow:hidden;background:#080d16}
.product-photo>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.photo-label{position:absolute;z-index:1;top:22px;left:24px;color:#c4cedf;font-size:9px;letter-spacing:2px}
.image-expand{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#060b16d9;border:1px solid #ffffff30;border-radius:25px;color:white;font:inherit;font-size:10px;cursor:pointer;backdrop-filter:blur(8px)}
.image-expand>span{font-size:20px;line-height:1}
.image-note{color:#9aa8be;font-size:10px;line-height:1.7;margin-top:13px}
.gallery-caption{display:flex;align-items:center;gap:16px;margin-top:27px;padding-top:22px;border-top:1px solid #ffffff15;color:#8c9cb4;font-size:9px;letter-spacing:2.2px}
.sound-bars{height:24px;display:flex;align-items:center;gap:3px}
.sound-bars i{width:3px;height:9px;background:#658abf;border-radius:2px}.sound-bars i:nth-child(2n){height:17px}.sound-bars i:nth-child(3){height:24px}.sound-bars i:nth-child(5){height:21px}
.product-summary{padding:7px 0}.product-summary .about-eyebrow{margin-bottom:15px;color:#8fb9ef;font-size:10px}
.product-page h1{font-size:clamp(35px,4vw,54px);margin-bottom:15px;line-height:1.15}
.product-tagline{font-size:21px;font-weight:500;line-height:1.5;color:#eef3fc;letter-spacing:-.4px}.product-tagline>span{color:#b4bfd0}
.product-description{font-size:13px;color:#acb7ca;line-height:1.95;margin-top:20px;max-width:510px}
.product-highlights{list-style:none;margin-top:23px}.product-highlights li{display:flex;gap:14px;margin:17px 0}.product-highlights li>span{color:#8cb4ed;font-size:23px;width:28px;flex-shrink:0;line-height:1.3}.product-highlights strong{display:block;font-size:12px;font-weight:500;color:#e1e9f7}.product-highlights div>span{display:block;font-size:11px;color:#a2aec1;margin-top:4px;line-height:1.7}
.product-price{border-top:1px solid #ffffff18;margin-top:24px;padding-top:21px}.product-price>strong{font-size:18px;font-weight:500}.product-price>p{color:#a2aec1;font-size:11px;line-height:1.8;max-width:370px;margin-top:5px}
.product-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.product-buttons .about-button{font-size:12px;padding:15px 21px;gap:16px}
.product-secondary{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:#e2eafa;padding:14px 18px;border:1px solid #ffffff25;border-radius:40px;text-decoration:none;transition:border-color .2s}.product-secondary:hover{border-color:#7bb6ff}
.local-note{font-size:10px;color:#96a5bd;margin-top:18px}.local-note>span{font-size:7px;color:#67a5dd;margin-right:6px}
.product-section-nav{border-block:1px solid #ffffff16;background:#080d16}.product-section-nav .container{display:flex;gap:40px}.product-section-nav a{color:#b4c0d2;font-size:12px;padding:22px 0;text-decoration:none}.product-section-nav a:hover{color:#fff}
.product-section{padding:82px 0;scroll-margin-top:140px}.product-detail-grid,.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.product-page h2{font-size:clamp(26px,2.8vw,38px)}.product-copy h3{font-size:20px;font-weight:500;margin-bottom:18px}.product-copy>p{font-size:13px;line-height:1.95;color:#acb7ca;margin-bottom:16px}
.setup-note{display:flex;gap:18px;border-top:1px solid #ffffff18;padding-top:20px;margin-top:24px}.setup-note>span{font-size:25px;color:#8bb4eb}.setup-note p{font-size:12px;line-height:1.9;color:#aab7cc}.setup-note strong{font-weight:500;color:#e6edf9}
.installation-section{background:#070c16;border-block:1px solid #ffffff08}.product-page .about-section-heading{margin-bottom:34px}.installation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.installation-grid article{padding:30px 32px;border:1px solid #ffffff18;border-radius:16px;background:linear-gradient(120deg,#0072ff0b,transparent)}.installation-grid article:last-child{background:linear-gradient(120deg,#b421650b,transparent)}.installation-number{font-size:9px;letter-spacing:1.7px;color:#9baecb}.installation-grid h3{font-size:21px;font-weight:500;margin:22px 0 12px}.installation-grid p{font-size:13px;line-height:1.95;color:#acb7ca}.installation-grid .about-text-link{margin-top:18px;font-size:11px}
.product-faq details{border-bottom:1px solid #ffffff1c}.product-faq details:first-child{border-top:1px solid #ffffff1c}.product-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:21px 0;font-size:13px;line-height:1.7;font-weight:500}.product-faq summary::-webkit-details-marker{display:none}.product-faq summary>span:last-child{font-size:20px;line-height:1;color:#85aee9;flex-shrink:0}.product-faq details[open] summary>span:last-child{transform:rotate(45deg)}.product-faq details p{color:#aab7cc;font-size:12px;line-height:1.95;padding:0 32px 24px 0}
.product-contact{padding:0 0 80px}.product-contact-inner{display:flex;justify-content:space-between;align-items:center;gap:45px;padding:44px 48px;border:1px solid #ffffff20;border-radius:22px;background:radial-gradient(ellipse at right top,#b3216020,transparent 65%),linear-gradient(120deg,#0072ff12,#080c16)}.product-contact-inner .about-eyebrow{font-size:9px}.product-contact-inner h2{font-size:30px}.product-contact-inner p{color:#aab7cc;font-size:12px;margin-top:17px}.product-contact-action{display:flex;flex-direction:column;gap:14px;align-items:center}.product-contact-action>span{font-size:10px;color:#98a8c0}
.product-image-dialog{margin:auto;padding:48px 20px 18px;border:1px solid #ffffff30;border-radius:20px;max-width:min(90vw,800px);width:800px;max-height:92vh;background:#080d16;color:#fff}.product-image-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.product-image-dialog img{display:block;max-height:72vh;max-width:100%;width:auto;height:auto;margin:auto;object-fit:contain}.product-image-dialog p{font-size:10px;text-align:center;margin-top:10px;color:#acb7ca}.image-close{position:absolute;right:16px;top:12px;font:inherit;font-size:12px;color:#fff;background:none;border:0;padding:8px;cursor:pointer}.image-close>span{font-size:20px;margin-left:10px}
@media(max-width:1050px){.product-grid{gap:38px}.product-intro{padding-top:140px}.product-summary{padding:0}.product-tagline{font-size:18px}.product-detail-grid,.faq-grid{gap:45px}.product-contact-inner{padding:35px}.product-contact-inner h2{font-size:27px}}
@media(max-width:760px){.product-intro{padding:125px 0 45px}.product-intro .breadcrumb{margin-bottom:28px}.product-grid{grid-template-columns:1fr;gap:32px}.product-gallery{max-width:550px;width:100%;margin:auto}.gallery-caption{display:none}.product-summary{padding-top:0}.product-page h1{font-size:38px}.product-tagline{font-size:21px}.product-description{max-width:none}.product-price>p{max-width:none}.product-section-nav .container{gap:22px}.product-section-nav a{font-size:10px;padding:18px 0}.product-section{padding:60px 0}.product-detail-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.installation-grid{grid-template-columns:1fr;gap:18px}.product-contact{padding-bottom:60px}.product-contact-inner{flex-direction:column;align-items:start;padding:30px 25px;gap:28px}.product-contact-action{align-items:start}.product-contact-inner h2{font-size:27px}.image-note{font-size:9px}.product-image-dialog{padding-inline:10px}}
@media(max-width:360px){.product-buttons{flex-direction:column}.product-section-nav .container{gap:16px}.product-section-nav a{font-size:9px}.photo-label{font-size:8px;top:18px;left:18px}.installation-grid article{padding:25px}}

/* Let product content shrink cleanly on narrow screens. */
.product-grid>*,.product-detail-grid>*,.faq-grid>*{min-width:0}
@media(max-width:360px){.product-page h1{font-size:34px;letter-spacing:-1px}}

/* Keep long FAQ questions and their toggles inside the available width. */
.product-faq summary{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:start}
.product-faq .faq-question{min-width:0;overflow-wrap:break-word}
.product-faq summary>span:last-child{justify-self:center}