body{font-family:Inter,sans-serif}
::-webkit-scrollbar-track{background:#06101f}

.sd-hero{background:linear-gradient(135deg,#071220 0,#0b1929 60%,#0a1f38 100%)}
.sd-hero-overlay{background:radial-gradient(ellipse at 50% 0,rgba(30,114,255,.1) 0,transparent 65%)}
.sd-hero-line{background:linear-gradient(90deg,transparent,rgba(30,114,255,.4),transparent)}
.sd-hero-title{font-size:clamp(38px,6vw,64px);font-weight:900;letter-spacing:-.03em;line-height:.95}
.s-eyebrow{font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#1e72ff}

.sd-section{background:#070f1e}

/* Tabs */
.sd-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.sd-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;border:1.5px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(255,255,255,.55);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.sd-tab i{font-size:16px}
.sd-tab:hover{border-color:rgba(255,255,255,.28);color:#fff}
.sd-tab.active{border-color:var(--tab-accent,#1e72ff);background:color-mix(in srgb, var(--tab-accent,#1e72ff) 14%, transparent);color:#fff}
.sd-tab.active i{color:var(--tab-accent,#1e72ff)}

/* Panels */
.sd-panel{display:none}
.sd-panel.active{display:block}
.sd-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;margin-bottom:40px}

/* Gallery */
.sd-gallery{position:relative}
.sd-gal-main{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.sd-gal-main-inner{width:100%;height:100%}
.sd-gal-main-inner img{width:100%;height:100%;object-fit:cover;display:block}
.sd-gal-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--accent,#1e72ff) 16%, transparent) 0%, transparent 70%), linear-gradient(160deg,#0b1929 0,#071220 100%)}
.sd-gal-placeholder i{font-size:44px;color:var(--accent,#1e72ff);opacity:.6}
.sd-gal-placeholder span{font-size:12px;color:rgba(255,255,255,.35);letter-spacing:.04em}
.sd-gal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(7,15,30,.6);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;backdrop-filter:blur(4px)}
.sd-gal-arrow:hover{background:rgba(7,15,30,.85)}
.sd-gal-arrow.prev{left:12px}
.sd-gal-arrow.next{right:12px}
.sd-gal-dots{display:flex;gap:6px;justify-content:center;margin-top:14px}
.sd-gal-dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:background .2s}
.sd-gal-dots span.active{background:var(--accent,#1e72ff)}

/* Details / checklist */
.sd-details h3{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent,#1e72ff);margin-bottom:14px;margin-top:26px}
.sd-details h3:first-child{margin-top:0}
.sd-checklist{display:flex;flex-direction:column;gap:9px}
.sd-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.5}
.sd-checklist li i{color:var(--accent,#1e72ff);font-size:15px;margin-top:1px;flex-shrink:0}

/* Value-add blocks (Prep step / Maintenance) */
.sd-value-block{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px 28px;margin-bottom:24px;background:rgba(255,255,255,.02)}
.sd-value-block.accent{border-color:color-mix(in srgb, var(--accent,#1e72ff) 40%, transparent);background:color-mix(in srgb, var(--accent,#1e72ff) 6%, transparent)}
.sd-value-title{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:6px}
.sd-value-highlight{font-size:14px;font-weight:600;color:var(--accent,#1e72ff);margin-bottom:14px}
.sd-value-intro{font-size:13px;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:14px}
.sd-value-block ul{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.sd-value-block ul li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.55}
.sd-value-block ul li i{color:var(--accent,#1e72ff);font-size:15px;margin-top:2px;flex-shrink:0}
.sd-value-note{font-size:12.5px;color:rgba(255,255,255,.4);line-height:1.6;font-style:italic}

/* Size pricing */
.sd-sizes-label{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:14px}
.sd-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
.sd-size-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 16px;text-align:center;background:rgba(255,255,255,.02);transition:border-color .2s,transform .2s}
.sd-size-card:hover{border-color:var(--accent,#1e72ff);transform:translateY(-3px)}
.sd-size-card i{font-size:26px;color:var(--accent,#1e72ff);margin-bottom:10px;display:block}
.sd-size-card p{font-size:12.5px;color:rgba(255,255,255,.55);margin-bottom:6px}
.sd-size-card span{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#fff}

.sd-meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
.sd-time{font-size:12.5px;color:rgba(255,255,255,.4)}
.sd-book-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;background:var(--accent,#1e72ff);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s}
.sd-book-btn:hover{opacity:.9;transform:translateY(-1px)}

.wa-float{position:fixed;bottom:28px;right:28px;z-index:999;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(37,211,102,.4);transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:scale(1.1);box-shadow:0 12px 40px rgba(37,211,102,.55)}
.wa-float svg{width:28px;height:28px;fill:#fff}

.sd-footer{background:#071220;border-top:1px solid rgba(255,255,255,.06)}
.sd-footer-logo img{height:32px;width:auto;object-fit:contain}
.sd-footer-care{color:#1e72ff}
.blue-hr{height:1px;background:linear-gradient(90deg,transparent,rgba(30,114,255,.25),transparent)}

@media (max-width:900px){
  .sd-panel-grid{grid-template-columns:1fr}
  .sd-sizes{grid-template-columns:1fr}
}
