/* Portable markup additions. The original visual system lives in styles.css. */
button,a,input,textarea{touch-action:manipulation}
button{font-family:inherit}
a.btn-primary{display:inline-block}
:focus-visible{outline:2px solid #e9d5ff;outline-offset:5px}
.hero-title>span{background:linear-gradient(120deg,#fff 12%,var(--acc-4) 52%,var(--acc) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-title{margin-top:8px}
.hero-action{margin-top:26px}
.hero-action .btn-primary{font-size:17px}
.hero{min-height:100svh}
.center{text-align:center}
.fine{color:var(--mute);font-size:12px;margin-top:14px;line-height:1.5}
.section h2,.section .eyebrow{overflow-wrap:break-word}
.section.tight{padding-left:24px;padding-right:24px}
html:not(.js) .reveal{opacity:1;transform:none}
html:not(.js) .trim-panel,html:not(.js) .gal-panel{display:block}
html:not(.js) .trim-tabs,html:not(.js) .gal-tabs{display:none}
.alfnew-item{min-width:0}
.alfnew-price{font-size:clamp(27px,3vw,38px);line-height:1.16;overflow-wrap:break-word}
.alffinal-primary .alffinal-price{font-size:clamp(30px,4vw,44px);line-height:1.14}
.final-price-note{font-size:13px;color:rgba(255,255,255,.75);margin:-12px 0 20px;font-weight:600}
.alffinal-primary .alfinal-price{margin-bottom:24px}
.tpc-price{line-height:1.2}
.tgc-r .v{min-width:0;overflow-wrap:anywhere}
.tgc-r .k{min-width:0}
.trim-tabs{justify-content:flex-start}
@media(min-width:700px){.trim-tabs{justify-content:center}}
.trust-lines{margin-top:12px}
.faq-section .eyebrow,.faq-section h2{text-align:center}
.faq-list{max-width:720px;margin:auto}
.color-section .eyebrow,.color-section h2{text-align:center}
.color-section h2{font-size:26px}
.color-photo-wrap img{object-fit:contain;padding:14px}
.swatch{border:0;background:transparent;color:inherit;font:inherit}
.swatch .dot,.swatch .lbl{display:block}
.swatch .dot{width:80px;height:80px}
.gallery-image{border:0;margin:0;padding:0;background:transparent;width:100%;cursor:zoom-in;border-radius:14px}
.gallery-image:focus-visible{outline-offset:3px}
.photo-carousel{scrollbar-width:thin;scrollbar-color:#7c3aed #15101b}
.contact-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:680px;margin:auto}
.contact-pill{display:inline-flex;align-items:center;gap:9px;padding:15px 24px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:700;font-size:15.5px}
.contact-pill svg{width:20px;height:20px;flex:none}
.contacts .lede,.final-cta .lede{margin:0 auto 26px;max-width:580px}
.final-cta .btn-primary{font-size:15px;padding:15px 34px}
.save-card{max-width:600px;margin:38px auto 0;border:1px dashed rgba(192,132,252,.35);border-radius:18px;padding:26px}
.save-card h3{font-size:17px;margin:0 0 8px}
.save-card p{font-size:14px;color:var(--dim)}
.save-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;text-align:center;border:1px dashed rgba(192,132,252,.45);border-radius:16px;padding:18px 24px;background:rgba(124,58,237,.06);max-width:760px;margin:56px auto;color:#d8d8e2;font-size:15.5px}
.save-strip>svg{width:23px;height:23px;flex:none}
.copy-button{flex:none;border:1px solid var(--acc);background:rgba(192,132,252,.14);color:#fff;font-weight:700;font-size:14px;padding:11px 22px;border-radius:999px;cursor:pointer}
.savings{position:relative;overflow:hidden;text-align:center}
.savings-glow{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(720px,92%);height:360px;background:radial-gradient(ellipse,rgba(168,85,247,.34),transparent 66%);filter:blur(55px);pointer-events:none}
.savings-content{position:relative;z-index:1}
.savings-before{font-size:16px;color:var(--dim);margin-bottom:2px;letter-spacing:.02em}
.savings-number{font-size:clamp(48px,11vw,130px);font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(120deg,#fff 12%,var(--acc-4) 52%,var(--acc) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 46px rgba(168,85,247,.5));margin:4px 0}
.savings-sub{font-size:16px;color:#e9dff5;font-weight:600;max-width:560px;margin:16px auto 0}
.saving-cards{display:flex;gap:20px;flex-wrap:wrap;max-width:860px;margin:34px auto}
.saving-card{flex:1;min-width:240px;text-align:left;padding:28px;border:1px solid rgba(192,132,252,.2);background:rgba(255,255,255,.025);border-radius:20px}
.saving-card>svg{width:24px;height:24px;color:var(--acc)}
.saving-value{font-size:32px;letter-spacing:-.03em;font-weight:800;margin-top:15px;color:#e9d5ff}
.saving-card h3{font-size:17px;margin:2px 0 10px}
.saving-card p{font-size:14px;color:var(--dim);line-height:1.5;margin:0}
.availability-card{border:1px solid rgba(192,132,252,.28);border-radius:24px;padding:clamp(34px,5vw,56px) clamp(20px,4vw,46px);background:linear-gradient(180deg,rgba(192,132,252,.05),rgba(124,58,237,.015));max-width:980px;margin:auto;text-align:center}
.availability-card>p{max-width:660px;margin:28px auto;color:var(--dim);font-size:14px}
footer{border-top:1px solid rgba(255,255,255,.08);margin-top:52px;padding:46px 24px 80px;text-align:center}
.footer-logo{display:inline-block;font-weight:800;font-size:26px;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 20%,#d8b4fe 62%,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-catalog{margin-top:8px;font-size:14px;color:#c9a9f0}
.footer-company{margin-top:22px;color:#8a8a99;font-size:13px;line-height:1.75}
.footer-copy,.footer-source{margin-top:14px;color:#66666f;font-size:12px}
.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,15px);padding:12px 22px;border:1px solid #a855f766;border-radius:14px;background:#171120;z-index:10001;color:white;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:14px;max-width:90vw;text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.form-review{display:grid;grid-template-columns:120px 1fr;gap:9px 16px;margin:24px 0 0;font-size:14px}
.form-review dt{color:var(--dim)}
.form-review dd{margin:0;color:white;overflow-wrap:anywhere}
.alfw-view{overscroll-behavior:contain}
.alfw-tit{overflow-wrap:anywhere}
.alfw-q{overflow-wrap:break-word}
.alfw-trim .tprice{font-size:20px}
.alfw-err{font-size:13px;min-height:16px}
.messenger-send{display:block;margin:0 auto 16px;padding:14px 20px}
.alfw-done #copyRequest,.alfw-done #alfwDone{display:block;margin:10px auto}
.alfw{max-height:calc(100dvh - 36px)}
@media(max-width:760px){
  .hero-bg{background-position:center 38%}
  .hero-title{font-size:clamp(34px,6.6vw,52px)}
  .hero-top{padding-top:115px}
  .hero-meta{font-size:10px;padding-left:18px;padding-right:18px}
  .hero-scroll{padding-top:22px}
  .color-row{gap:16px 6px}
  .swatch{flex:0 0 calc(33.333% - 6px);min-width:80px}
  .swatch .dot{width:64px;height:64px}
}
@media(max-width:640px){
  .msticky .label{font-size:12px;font-weight:600;max-width:46%;line-height:1.3}
  .msticky .btn-primary{background:rgba(0,0,0,.22);font-size:13px;padding:10px 14px;white-space:nowrap}
  .msticky{justify-content:space-between}
  .sticky-cta{display:none}
  .alfw-ov{padding:8px}
  .alfw{max-height:calc(100dvh - 16px);border-radius:20px}
  .alfw-step{padding:24px 20px}
  .alfw-done{padding:28px 20px}
  .form-review{grid-template-columns:94px 1fr;font-size:13px}
  .alfnew-price{font-size:31px}
  .lightbox img{max-height:76vh}
}
@media(max-width:359px){.nav-contacts a[aria-label="MAX"]{display:none}.nav-right{gap:6px}.hero-title{font-size:32px}}
@media(prefers-reduced-motion:reduce){
  html,body{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}