:root{color-scheme:dark;--ink:#edf0f5;--muted:#8f99a9;--paper:#080a0e;--blue:#7fb9f0;--line:#ffffff15;--dark:#151c27}
body{background:#080a0e;color:var(--ink);font-weight:400;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 80% 5%,#233d591c,transparent 35%)}
.wrap{max-width:1280px;width:calc(100% - 96px)}
.announcement{padding:9px 20px;background:#0f141d;border-bottom:1px solid #ffffff08;color:#b7c7d9;font-size:10px;letter-spacing:.12em}.announcement span{color:#6c7e94}.announcement #openNotice{background:transparent;color:#b6cde4;margin-left:20px;font-size:10px;padding:0;border-bottom:1px solid #63778c}
header{height:84px;background:#080b10db;border-bottom:1px solid var(--line);padding:0 max(40px,calc((100vw - 1280px)/2));backdrop-filter:blur(24px)}.brand{font-weight:600;font-size:15px;letter-spacing:.08em;gap:12px}.brand img{width:40px;height:40px;border:1px solid #ffffff26}.brand small{font-size:7px;color:#8c98a9;letter-spacing:.22em;margin-top:3px}nav{font-size:12px;gap:30px;color:#a2acba}nav a:hover{color:white}.head-actions{gap:12px}.head-actions b{background:#ffffff12;color:#a9c9e7;border-radius:12px;padding:0 6px}.dark,.outline{min-height:44px;border-radius:8px;box-shadow:none;font-size:12px;font-weight:550;transition:background .2s,border-color .2s,transform .2s}.dark{background:linear-gradient(135deg,#e7edf5,#b8c8da);color:#111a25;border:1px solid #ffffff36}.dark:hover{background:#f4f7fc;transform:translateY(-1px)}.outline{border:1px solid #ffffff20;background:#ffffff03;color:#c9d2de}.outline:hover{background:#ffffff0b;border-color:#ffffff3a}.text-link{font-size:12px;font-weight:450;border-color:#ffffff30;color:#aabdd1;padding-bottom:6px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:.23em;color:#7ea3c8}
.hero{position:relative;grid-template-columns:1.15fr .85fr;gap:60px;padding:75px 50px 62px;min-height:675px;margin-top:18px;margin-bottom:20px;isolation:isolate;background:radial-gradient(ellipse at 77% 48%,#324d692b,transparent 52%);border:0;overflow:visible}.hero:before{content:'';position:absolute;width:460px;height:460px;right:0;top:82px;border:1px solid #8db8e319;border-radius:50%;z-index:-1;box-shadow:0 0 90px #4e8bce0b,inset 0 0 100px #437bac08}.hero:after{content:'';position:absolute;width:560px;height:560px;right:-50px;top:32px;border:1px solid #8db8e30a;border-radius:50%;z-index:-1;pointer-events:none}.hero-copy{padding:0}.hero .eyebrow{font-size:9px;color:#a0b9d4;margin-bottom:32px}.eyebrow i{height:5px;width:5px;background:#8ac4ff;box-shadow:0 0 12px #88bfffa0}.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.23;letter-spacing:-.055em;font-weight:550;margin-bottom:28px;color:#f1f4f8}.hero h1 span{background:linear-gradient(120deg,#eff4fa,#819bb7);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:13px;color:#8d9bad;line-height:2.1;max-width:420px}.hero-actions{gap:25px;margin-top:20px}.hero-actions .dark{min-width:164px;min-height:48px}.hero-notes{color:#738399;margin-top:48px;font-size:9px;gap:18px;letter-spacing:.1em}.hero-notes span+span{padding-left:18px;border-left:1px solid #ffffff19}
.hero .hero-art.video-art{position:relative;justify-self:center;align-self:center;width:268px;max-width:100%;height:auto;min-height:0;background:#070b11;border:1px solid #9ebfde36;border-radius:22px;overflow:hidden;box-shadow:0 35px 80px #0009,0 0 60px #619fe50c;transform:none}.video-art video{display:block;width:100%;height:auto;aspect-ratio:512/910;object-fit:contain;background:#05080d}.video-caption{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;margin:0!important;padding:14px 17px!important;background:#0d131c;line-height:1.5!important}.video-caption b{font-size:12px;color:#d9e4f0;font-weight:500}.video-caption span{font-size:8px;color:#698099;max-width:125px;text-align:right}
.service-strip{border-block:1px solid var(--line);padding:4px 0;gap:0}.service-strip a{padding:24px 30px;border-color:var(--line);gap:18px}.service-strip b{font-size:12px;font-weight:500;color:#d0d9e5}.service-strip small{font-size:10px;color:#66778d;margin-top:6px}.service-strip a>span{font-size:9px;color:#627c97}.service-strip strong{font-size:17px;font-weight:400;color:#7d99b6}.service-strip a:hover strong{color:#bfdcff}
.section{padding:86px 0}.section-heading{align-items:end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:34px;font-weight:500;letter-spacing:-.04em;margin-bottom:15px}.section-heading p{font-size:12px;line-height:1.9;color:#7c899c}.subtle{font-size:8px;color:#56667b;letter-spacing:.16em}
.catalog-tools{padding:15px 16px;border:1px solid #ffffff0e;background:#10151d9c;border-radius:12px;gap:12px}.search{background:#0b1018;border:1px solid #ffffff12;max-width:480px;border-radius:7px;padding:0 13px;gap:10px}.search input{color:#d6e0ec;font-size:12px;padding:10px 0}.search input::placeholder{color:#56677d}.search span{font-size:23px;color:#6d819c}select{background:#0c121b;color:#bccbdd;border-color:#ffffff17;border-radius:7px;font-size:11px;min-height:42px}.saved-only{font-size:11px;color:#8a99ae}.categories{padding:19px 0 15px;border:0;gap:5px}.categories button{border:1px solid transparent;border-radius:20px;font-size:11px;padding:7px 13px;color:#7f8fa4;background:transparent;white-space:nowrap}.categories button.active{background:#1d2c3f;color:#c2dcf6;border:1px solid #82b1e02e}.categories button:hover:not(.active){background:#ffffff07;color:#c2cfdf}.results{font-size:9px;color:#566b83;margin:3px 0 22px}.grid{gap:24px 20px}.card{display:flex;flex-direction:column;background:linear-gradient(145deg,#131923,#0e131b);border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;box-shadow:none;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);border-color:#83b7e93d;box-shadow:0 14px 38px #0004}.card-open{flex:1}.card .visual{aspect-ratio:4/5;background:#090d14;border-bottom:1px solid #ffffff0a;border-radius:0}.visual img.contained-image{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;filter:none;transform:none}.visual svg{width:100%;height:100%;display:block}.card-body{padding:19px 17px 11px}.card-cat{font-size:8px;letter-spacing:.09em;color:#6d8baa;margin-bottom:9px;font-weight:450}.card h3{font-size:14px;line-height:1.55;min-height:43px;font-weight:500;color:#dce4ee;letter-spacing:-.015em;margin-bottom:6px}.card-desc{font-size:10px;line-height:1.8;color:#6e8097;min-height:36px}.price-row{padding:5px 17px 19px;min-height:67px;align-items:center}.price-row small{font-size:8px;line-height:1.7;color:#60758f;margin-bottom:4px}.price-row strong{font-size:18px;font-weight:500;color:#d8e4f2;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.add-card{background:#1e2d40;border:1px solid #82b2e229;color:#b3d4f5;border-radius:50%;width:32px;height:32px;font-size:21px;flex-shrink:0}.add-card:hover{background:#365371;color:white}.card>.favorite{top:12px;right:12px;width:28px;height:28px;border-radius:50%;border:1px solid #ffffff19;background:#111925d9;color:#a3b5c9;font-size:15px;backdrop-filter:blur(10px)}.favorite.on{color:#b3d8ff;background:#203c5d}.load-more-wrap{display:flex;justify-content:center;margin-top:36px}.load-more-wrap:has(button[hidden]){display:none}.load-more-wrap .outline{min-width:235px;font-size:11px}.catalog-foot{margin-top:36px;padding-top:23px}.catalog-foot p{font-size:11px;color:#63758c}.catalog-foot a{font-size:11px}
.repair{background:linear-gradient(135deg,#0e151f,#101a27);border-block:1px solid #ffffff0b}.repair-grid{gap:100px}.repair h2{font-size:43px;font-weight:500;line-height:1.3}.repair p{color:#7b8da4;font-size:12px;line-height:1.95}.repair-types{gap:8px;margin:26px 0}.repair-types span{border:1px solid #7799bb21;background:#152131;border-radius:5px;font-size:10px;color:#9db1c9;padding:7px 12px}.buyback{margin-top:34px;border-color:#ffffff0f}.buyback b{font-size:12px;font-weight:500;color:#b4c3d6}.buyback p{font-size:11px}.estimate{background:#0b111b;border:1px solid #8aaed125;border-radius:16px;padding:34px;box-shadow:0 15px 55px #0002}.estimate h3{font-size:22px;font-weight:500}.estimate select{background:#121d2b}.estimate label{font-size:10px;color:#72859e}.estimate-price strong{font-weight:450;color:#b6d5f3}.fine{color:#6d819b!important;font-size:10px!important}.estimate .dark{margin-top:18px}
.wholesale-layout{gap:75px}.wholesale-visual{border-radius:16px;border:1px solid #ffffff15;aspect-ratio:1.15;background:#0c121b}.wholesale-visual img{filter:brightness(.38) saturate(.25)}.wholesale-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#25405a20,transparent 45%,#0c152688);pointer-events:none}.wholesale-visual>span{z-index:1;font-size:28px;font-weight:450;color:#c4d1e0;letter-spacing:.03em;line-height:1.4}.wholesale-info h3{font-size:30px;font-weight:500;line-height:1.4}.wholesale-info>p{font-size:12px;color:#7f91a8;line-height:2}.wholesale-row b{font-size:11px;color:#a2b9d3;font-weight:450}.wholesale-row span{font-size:11px;color:#6c809b}.support{gap:75px}.support p{font-size:12px;color:#7d8ca2}.faq details{border-color:#ffffff12;padding:20px 0}.faq details:first-child{border-color:#ffffff12}.faq summary{font-size:12px;color:#a8b8cc;font-weight:450}.faq p{font-size:11px;color:#7589a4;line-height:2}.contact{background:radial-gradient(ellipse at 90% 30%,#253b5330,transparent 70%),#111a26;border:1px solid #7ca6cf23;border-radius:16px;padding:45px;box-shadow:none}.contact h2{font-size:31px;font-weight:500}.contact p{font-size:12px;color:#7b8da4}.contact-links strong{font-size:19px;font-weight:450}.contact-links a,.contact-links button{border-color:#91abc32b}.contact-links small{font-size:8px;color:#6883a0}.contact-links span{color:#8ab3da}footer{padding:42px 0 46px}footer p,footer a:not(.brand),footer>small{color:#53677e;font-size:9px}
dialog{background:#101722;border:1px solid #93b7da30;border-radius:18px;color:#d7e3f1;box-shadow:0 40px 120px #0009;padding:38px}dialog::backdrop{background:#020408c9;backdrop-filter:blur(12px)}.close{background:#ffffff0b;border:1px solid #ffffff12;color:#aebfd3;font-size:20px;border-radius:50%;width:32px;height:32px}.product-detail{gap:32px}.detail-copy h2{font-size:26px;font-weight:500}.detail-copy .detail-price{font-size:28px;color:#c2ddf8;font-weight:450}.detail-copy p{color:#8ea2ba;line-height:1.95}.detail-copy .eyebrow{color:#82a9d0}.detail-visual #mainImage>.visual{aspect-ratio:4/5;border:1px solid #ffffff12;border-radius:9px;background:#080d14;overflow:hidden}.thumbs button{border:1px solid #ffffff1a;border-radius:5px;min-width:50px;width:50px;height:62px}.thumbs button.active{border:2px solid #86add6}.thumbs img{object-fit:contain}.thumbs .visual{height:100%;aspect-ratio:auto}.image-link{display:block;font-size:10px;color:#789bbf;text-align:right;margin-top:10px;text-decoration:underline}.quantity{border-color:#ffffff20;background:#0b111b}.quantity button{background:#1c293c;color:#c3d5e9}.quantity input{background:#0b111b;color:#e1eaf5}.quote-dialog textarea{background:#0a111b;color:#b9cbe1;border-color:#ffffff1a}.quote-row{border-color:#ffffff12}.quote-row b{font-size:12px;font-weight:450}.quote-row small{color:#7187a2}.quote-dialog h2{font-weight:500}.quote-dialog #quoteTotal strong{font-weight:500;color:#bad5ef}.quote-row button{color:#92adcb}.mobile-list{background:#162438eb;border:1px solid #789cbe50;border-radius:12px;box-shadow:0 8px 30px #0007;color:#ccdef0;backdrop-filter:blur(18px)}.mobile-list span{background:#ffffff10;color:#a9c8e9;border-radius:12px}#toast{background:#263b54;border:1px solid #a8c9eb20;color:#d5e6f9}
.notice-dialog{width:480px;max-width:calc(100vw - 32px);padding:35px 34px 24px;max-height:90dvh;overflow:auto;background:radial-gradient(ellipse at top right,#2d4e6a30,transparent 70%),#101722;border:1px solid #90b8dd45;box-shadow:0 35px 100px #0009}.notice-dialog h2{font-size:40px;font-weight:500;line-height:1.2;margin:20px 0 14px;color:#e0ebf8;outline:none}.notice-stamp{display:inline-block;background:#233b53;border:1px solid #87b3d83b;border-radius:20px;padding:5px 13px;color:#b5d8f8;font-size:11px}.notice-dialog p{font-size:12px;color:#8ba2bd}.notice-offer{border:1px solid #81a7ce26;border-radius:10px;background:#111f30;padding:18px 20px;margin:20px 0}.notice-offer strong{font-weight:500;font-size:28px;display:block;color:#c6dff7}.notice-offer span{font-size:10px;color:#7594b3;display:block;margin-top:6px}.notice-dialog .notice-shipping{font-size:17px;color:#bad5ed;margin-bottom:12px}.notice-shipping small{font-size:10px;margin-left:7px;color:#6f8ba5}.notice-dialog .notice-deadline{font-size:10px;line-height:1.8;margin-bottom:21px}.notice-remember{display:flex;gap:8px;align-items:center;font-size:11px;color:#8fa9c5;margin-bottom:18px}.notice-dialog .notice-confirm{position:static;display:flex;width:100%;height:auto;min-height:46px;border-radius:8px;font-size:13px;line-height:1.5}.notice-confirm:disabled{opacity:1;background:#1d2b3e;border:1px solid #ffffff0b;color:#687f9b;cursor:wait}.notice-dialog .notice-countdown{text-align:center;font-size:10px;margin:12px 0 0;color:#637e9a}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}header{padding:0 28px}nav{gap:20px}.hero{padding:55px 25px;gap:35px;min-height:620px}.hero h1{font-size:47px}.hero .hero-art.video-art{width:245px}.hero:before{width:360px;height:360px;right:-10px;top:110px}.hero:after{width:440px;height:440px;right:-50px;top:70px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.repair-grid{gap:55px}.wholesale-layout{gap:40px}.contact{gap:30px;padding:35px}}
@media(max-width:760px){html{scroll-padding-top:115px}body{overflow-x:clip}.wrap{width:calc(100% - 36px)}.announcement{font-size:8px;padding:7px 10px;letter-spacing:.04em}.announcement #openNotice{font-size:8px;margin-left:10px}header{padding:12px 18px 10px;height:auto;min-height:80px;gap:10px}.brand{font-size:12px;gap:9px}.brand img{width:31px;height:31px}.brand small{font-size:6px}.head-actions .outline{min-height:31px;font-size:9px;padding:6px 10px}nav{font-size:10px;padding-top:4px;gap:15px}.hero{grid-template-columns:1fr;padding:40px 11px 35px;min-height:0;gap:35px;margin-top:0;margin-bottom:12px}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:22px}.hero h1{font-size:38px;line-height:1.25;letter-spacing:-.055em;margin-bottom:20px}.hero p{font-size:11px;line-height:2}.hero-actions{gap:19px;margin-top:12px}.hero-actions .dark{min-width:143px;min-height:43px;font-size:11px;padding:10px 15px}.hero-actions .text-link{font-size:10px}.hero-notes{font-size:8px;margin-top:27px;gap:13px}.hero-notes span+span{padding-left:13px}.hero .hero-art.video-art{width:225px;max-width:100%;border-radius:18px;justify-self:center}.hero:before{width:300px;height:300px;top:auto;bottom:105px;right:calc(50% - 150px)}.hero:after{width:360px;height:360px;top:auto;bottom:75px;right:calc(50% - 180px)}.video-caption{padding:12px 14px!important}.video-caption b{font-size:11px}.video-caption span{font-size:7px}.service-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding:17px 0;gap:0}.service-strip a{display:block;border:0;padding:0 12px!important}.service-strip a:first-child{padding-left:0!important}.service-strip a+a{border-left:1px solid #ffffff12}.service-strip a>span,.service-strip strong{display:none}.service-strip b{font-size:9px;white-space:nowrap}.service-strip small{font-size:8px;line-height:1.8;margin-top:7px}.section{padding:53px 0}.section-heading{margin-bottom:25px}.section-heading .eyebrow{font-size:8px;margin-bottom:12px}h2{font-size:27px}.section-heading p{font-size:11px;max-width:290px}.catalog-tools{padding:12px;border-radius:10px;gap:9px}.search{width:100%;max-width:none}.search input{font-size:11px;padding:8px 0}.catalog-tools select{min-height:37px;font-size:10px}.saved-only{font-size:10px}.categories{padding:17px 18px 15px 0;margin-right:-18px;gap:3px;scrollbar-width:none}.categories button{font-size:10px;padding:7px 11px}.results{font-size:9px;margin-bottom:17px}.results>span:last-child{font-size:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.card{border-radius:9px}.card .visual{aspect-ratio:4/5}.card-body{padding:12px 10px 6px}.card-cat{font-size:7px;letter-spacing:0;margin-bottom:7px}.card h3{font-size:11px;line-height:1.6;min-height:36px;margin-bottom:0}.card-desc{display:none}.price-row{padding:7px 10px 13px;min-height:63px;align-items:flex-end;gap:4px}.price-row strong{font-size:15px}.price-row small{font-size:7px;line-height:1.6;margin-bottom:4px;min-height:22px;max-width:90px}.add-card{width:25px;height:25px;font-size:18px;margin-bottom:2px}.card>.favorite{top:8px;right:8px;width:24px;height:24px;font-size:13px}.load-more-wrap{margin-top:29px}.load-more-wrap .outline{min-width:210px;font-size:10px}.catalog-foot{margin-top:28px;gap:10px}.catalog-foot p{font-size:10px}.catalog-foot a{font-size:10px}.repair-grid{grid-template-columns:1fr;gap:32px}.repair h2{font-size:34px}.repair p{font-size:11px}.estimate{padding:25px;border-radius:12px}.estimate h3{font-size:20px}.estimate select{font-size:11px}.estimate-price strong{font-size:28px}.wholesale-layout{grid-template-columns:1fr;gap:28px}.wholesale .section-heading{gap:18px}.wholesale-visual{aspect-ratio:1.35;border-radius:12px}.wholesale-visual>span{font-size:25px;left:25px;bottom:25px}.wholesale-info h3{font-size:27px}.wholesale-info>p{font-size:11px}.support{grid-template-columns:1fr;gap:15px}.faq summary{font-size:11px}.faq p{font-size:11px}.contact{grid-template-columns:1fr;padding:28px 25px;gap:25px;border-radius:12px}.contact h2{font-size:27px}.contact p{font-size:11px}.contact-links strong{font-size:16px}.contact-links small{font-size:7px}.contact-links{gap:20px}.contact-links a,.contact-links button{padding:16px 0}footer{padding:32px 0 100px}.mobile-list{left:auto;right:18px;bottom:18px;min-width:180px;gap:28px;font-size:11px;padding:12px 16px}.mobile-list span{min-width:23px}.product-detail{grid-template-columns:1fr;gap:18px}dialog{padding:37px 21px 25px;border-radius:13px}.detail-copy h2{font-size:23px}.detail-copy p{font-size:12px}.detail-copy select{font-size:11px}.detail-copy .fine{font-size:10px!important}.notice-dialog{padding:30px 25px 23px}.notice-dialog h2{font-size:34px}.notice-offer strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.card:hover,.dark:hover{transform:none}}
/* Keep ambient rings within the viewport and improve small-label contrast. */
body{overflow-x:clip}.price-row small,.results,.card-cat{color:#8b9fb8}.notice-dialog .notice-confirm:not(:disabled){background:linear-gradient(135deg,#e7edf5,#b8c8da);color:#111a25;border-color:#ffffff36}.hero .hero-notes{color:#8899af}
