/* ════════════════════════════════════════════════════════════════════════
   SEE Product ARCHIVE (2026 design)
═══════════════════════════════════════════════════════════════════════ */

.see-arch{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-feature-settings:'cv11','ss01';
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  width:100vw;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;
  position:relative;
  color:#1C1C1C;background:#fff;
}
.see-arch *{box-sizing:border-box}

/* Hide WP page title above archive */
body.post-type-archive-see_product .entry-header,
body.post-type-archive-see_product .entry-title,
body.post-type-archive-see_product .kadence-title-area,
body.post-type-archive-see_product .page-title,
body.tax-product_category .entry-header,
body.tax-product_category .entry-title,
body.tax-product_category .kadence-title-area,
body.tax-product_category .page-title{display:none !important}

body.post-type-archive-see_product .entry-content,
body.post-type-archive-see_product .content-area,
body.post-type-archive-see_product #primary,
body.post-type-archive-see_product #main,
body.tax-product_category .entry-content,
body.tax-product_category .content-area,
body.tax-product_category #primary,
body.tax-product_category #main{
  max-width:none !important;width:auto !important;
  padding-left:0 !important;padding-right:0 !important;
  margin-left:0 !important;margin-right:0 !important;
}

/* ── Archive Hero ─────────────────────────────────────────────── */
.see-arch__hero{
  background:linear-gradient(160deg,#0A0B0E 0%,#171a22 100%);
  color:#fff;position:relative;overflow:hidden;
  padding:clamp(56px,8vw,120px) clamp(16px,3vw,48px) clamp(48px,6vw,90px);
}
.see-arch__hero::before{
  content:'';position:absolute;
  top:-100px;right:-150px;width:560px;height:560px;
  background:radial-gradient(circle,rgba(204,27,27,.16) 0%,transparent 60%);
  pointer-events:none;
}
.see-arch__hero-inner{max-width:1920px;margin:0 auto;position:relative}
.see-arch__crumbs{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:12px;font-weight:500;letter-spacing:.01em;
  color:rgba(255,255,255,.5);margin-bottom:clamp(20px,3vw,32px);
}
.see-arch__crumbs a{color:inherit;text-decoration:none;transition:color .2s}
.see-arch__crumbs a:hover{color:#fff}
.see-arch__crumbs span{opacity:.4}
.see-arch__eyebrow{
  font-size:11px;font-weight:600;color:#CC1B1B;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;
}
.see-arch__h1{
  font-size:clamp(44px,6vw,88px);font-weight:600;
  letter-spacing:-.028em;line-height:1;color:#fff;
  margin:0 0 22px;
}
.see-arch__h1 span{display:block;color:rgba(255,255,255,.55);font-weight:400}
.see-arch__sub{
  font-size:clamp(15px,1.4vw,18px);font-weight:400;
  line-height:1.55;color:rgba(255,255,255,.68);
  margin:0 0 32px;max-width:660px;
}
.see-arch__meta{
  display:flex;gap:clamp(28px,4vw,52px);flex-wrap:wrap;
  padding:24px 0;margin-bottom:32px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.see-arch__meta > div{display:flex;flex-direction:column;gap:4px}
.see-arch__meta strong{
  font-size:clamp(22px,2.4vw,28px);font-weight:600;
  color:#fff;letter-spacing:-.02em;line-height:1;
  font-variant-numeric:tabular-nums;
}
.see-arch__meta span{
  font-size:11px;font-weight:500;color:rgba(255,255,255,.55);
  letter-spacing:.06em;text-transform:uppercase;
}

/* Quick-jump pills */
.see-arch__jump{display:flex;gap:8px;flex-wrap:wrap}
.see-arch__jump-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px;border-radius:99px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  font-size:13px;font-weight:500;color:rgba(255,255,255,.85);
  text-decoration:none;letter-spacing:-.005em;
  transition:all .2s ease-out;
}
.see-arch__jump-pill:hover{
  background:rgba(204,27,27,.12);border-color:rgba(204,27,27,.35);
  color:#fff;transform:translateY(-1px);
}
.see-arch__jump-i{display:flex;color:#CC1B1B}
.see-arch__jump-i svg{width:16px;height:16px}

/* ── Body wrapper ─────────────────────────────────────────────── */
.see-arch__body{background:#fff}

/* ── Per-category section ─────────────────────────────────────── */
.see-arch__cat{
  padding:clamp(60px,8vw,110px) clamp(16px,3vw,48px);
  background:#fff;border-bottom:1px solid #ebe9e0;
}
.see-arch__cat--alt{background:#f6f6f3}
.see-arch__cat:last-of-type{border-bottom:0}

.see-arch__cat-head{
  max-width:1920px;margin:0 auto clamp(36px,4vw,52px);
  display:grid;grid-template-columns:auto 1fr auto;
  gap:clamp(20px,3vw,40px);align-items:center;
}
.see-arch__cat-icon{
  width:64px;height:64px;border-radius:14px;
  background:rgba(204,27,27,.08);color:#CC1B1B;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.see-arch__cat-icon svg{width:30px;height:30px}
.see-arch__cat-titles{min-width:0}
.see-arch__cat-eyebrow{
  font-size:11px;font-weight:600;color:#6e6e6e;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;
}
.see-arch__cat-h{
  font-size:clamp(28px,3.4vw,42px);font-weight:600;
  letter-spacing:-.024em;line-height:1.05;color:#1C1C1C;
  margin:0 0 4px;
}
.see-arch__cat-count{
  font-size:13px;font-weight:500;color:#6e6e6e;margin:0;
}
.see-arch__cat-all{
  display:inline-flex;align-items:center;gap:7px;
  padding:11px 20px;border-radius:99px;
  background:#1C1C1C;color:#fff;
  font-size:13px;font-weight:600;letter-spacing:.005em;
  text-decoration:none;flex-shrink:0;
  transition:all .2s ease-out;
}
.see-arch__cat-all:hover{background:#CC1B1B;transform:translateY(-1px)}

/* ── Card grid ────────────────────────────────────────────────── */
.see-arch__grid{
  max-width:1920px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.see-arch__card{
  background:#fff;border:1px solid #ebe9e0;border-radius:14px;
  overflow:hidden;text-decoration:none;color:inherit;
  display:flex;flex-direction:column;
  transition:transform .25s ease-out,border-color .25s,box-shadow .25s;
}
.see-arch__cat--alt .see-arch__card{background:#fff}
.see-arch__card:hover{
  transform:translateY(-6px);border-color:#CC1B1B;
  box-shadow:0 24px 50px -28px rgba(204,27,27,.32);
}
.see-arch__card-img{
  height:200px;background-size:cover;background-position:center;
  background-color:#f0eee6;position:relative;
}
.see-arch__card-img--ph{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#fafaf7 0%,#f0eee6 100%);
}
.see-arch__card-img--ph span{
  font-size:88px;font-weight:600;color:rgba(204,27,27,.18);
  letter-spacing:-.04em;line-height:1;
}
.see-arch__card-body{
  padding:20px 22px 22px;
  display:flex;flex-direction:column;gap:8px;flex:1;
}
.see-arch__card-eyebrow{
  font-size:10px;font-weight:600;color:#CC1B1B;
  letter-spacing:.1em;text-transform:uppercase;
}
.see-arch__card-h{
  font-size:16px;font-weight:600;letter-spacing:-.01em;
  color:#1C1C1C;margin:0;line-height:1.25;
}
.see-arch__card-desc{
  font-size:13px;font-weight:400;line-height:1.55;
  color:#6e6e6e;margin:0;flex:1;
}
.see-arch__card-cta{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11px;font-weight:600;color:#CC1B1B;
  letter-spacing:.06em;text-transform:uppercase;
  margin-top:6px;transition:gap .2s;
}
.see-arch__card:hover .see-arch__card-cta{gap:9px}

/* ── CTA strip ────────────────────────────────────────────────── */
.see-arch__cta{
  background:linear-gradient(160deg,#0A0B0E 0%,#171a22 100%);
  color:#fff;padding:clamp(56px,7vw,90px) clamp(16px,3vw,48px);
  text-align:center;position:relative;overflow:hidden;
}
.see-arch__cta::before{
  content:'';position:absolute;
  bottom:-180px;left:50%;transform:translateX(-50%);
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(204,27,27,.16) 0%,transparent 60%);
  pointer-events:none;
}
.see-arch__cta-inner{max-width:740px;margin:0 auto;position:relative}
.see-arch__cta h2{
  font-size:clamp(28px,4vw,44px);font-weight:600;
  letter-spacing:-.024em;line-height:1.1;
  color:#fff;margin:0 0 14px;
}
.see-arch__cta p{
  font-size:16px;line-height:1.55;color:rgba(255,255,255,.6);
  margin:0 0 32px;
}
.see-arch__cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.see-arch__cta-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px 28px;border-radius:99px;
  font-size:13px;font-weight:600;letter-spacing:.005em;
  text-decoration:none;transition:all .2s ease-out;
}
.see-arch__cta-btn--primary{background:#CC1B1B;color:#fff;box-shadow:0 8px 22px rgba(204,27,27,.3)}
.see-arch__cta-btn--primary:hover{background:#e02323;transform:translateY(-2px)}
.see-arch__cta-btn--wa{background:#25D366;color:#fff;box-shadow:0 8px 22px rgba(37,211,102,.28)}
.see-arch__cta-btn--wa:hover{background:#1da851;transform:translateY(-2px)}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width:1200px){
  .see-arch__grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .see-arch__grid{grid-template-columns:repeat(2,1fr)}
  .see-arch__cat-head{grid-template-columns:auto 1fr;gap:18px}
  .see-arch__cat-all{grid-column:1 / -1;justify-self:start}
}
@media (max-width:560px){
  .see-arch__grid{grid-template-columns:1fr}
  .see-arch__meta{gap:18px}
  .see-arch__cat-head{grid-template-columns:1fr;text-align:left}
  .see-arch__cat-icon{margin-bottom:6px}
}


/* ════════════════════════════════════════════════════════════════════════
   SEE Product Detail Page — 2026 design
   Sections: hero split → sticky rail → overview → apps → specs
            → customisation → why → related → FAQ → CTA
   Tokens: --see-red #CC1B1B · --see-ink #1C1C1C · white #fff
═══════════════════════════════════════════════════════════════════════ */

:root{
  --see-red:#CC1B1B;
  --see-red-warm:#e02323;
  --see-ink:#0F0F11;
  --see-ink-soft:#3a3a3a;
  --see-mute:#6e6e6e;
  --see-line:#e8e6e0;
  --see-soft:#f6f6f3;
  --see-dark:#0A0B0E;
}

.see-pdp{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-feature-settings:'cv11','ss01','ss03';
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  color:var(--see-ink);background:#fff;
}
.see-pdp *{box-sizing:border-box}

/* ── Break sections out of Kadence's .entry-content max-width ────────── */
.see-pdp__hero,
.see-pdp-rail,
.see-pdp-block{
  position:relative;width:100vw;
  left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
  max-width:none;
}
body.single-see_product .entry-content,
body.single-see_product .content-area,
body.single-see_product article,
body.single-see_product #primary,
body.single-see_product #main,
body.single-see_product .entry-content-wrap{
  max-width:none !important;width:auto !important;
  padding-left:0 !important;padding-right:0 !important;
  margin-left:0 !important;margin-right:0 !important;
}

/* ────────────────────────────────────────────────────────────────────
   SECTION 1 · HERO — split layout (info | product image)
─────────────────────────────────────────────────────────────────────── */
.see-pdp__hero{
  background:linear-gradient(160deg,#0A0B0E 0%,#171a22 100%);
  color:#fff;
  padding:clamp(60px,8vw,120px) clamp(16px,3vw,48px) clamp(60px,8vw,100px);
  overflow:hidden;position:relative;
}
.see-pdp__hero::before{
  content:'';position:absolute;
  top:-100px;right:-150px;width:600px;height:600px;
  background:radial-gradient(circle,rgba(204,27,27,.16) 0%,transparent 65%);
  pointer-events:none;
}
.see-pdp__hero-inner{
  max-width:1920px;margin:0 auto;
  display:grid;grid-template-columns:1.05fr 1fr;
  gap:clamp(40px,5vw,80px);align-items:center;
  position:relative;
}

.see-pdp__hero-info{min-width:0}
.see-pdp__crumbs{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:12px;font-weight:500;letter-spacing:.01em;
  color:rgba(255,255,255,.5);margin-bottom:clamp(24px,3vw,36px);
}
.see-pdp__crumbs a{color:inherit;text-decoration:none;transition:color .2s}
.see-pdp__crumbs a:hover{color:#fff}
.see-pdp__crumbs span{opacity:.4}

.see-pdp__eyebrow{
  display:inline-block;
  font-size:11px;font-weight:600;
  color:var(--see-red);background:rgba(204,27,27,.12);
  padding:7px 14px;border-radius:99px;
  letter-spacing:.14em;text-transform:uppercase;
  margin-bottom:24px;
}
.see-pdp__h1{
  font-size:clamp(38px,5.5vw,76px);font-weight:600;
  line-height:1.02;letter-spacing:-.028em;color:#fff;
  margin:0 0 22px;
}
.see-pdp__oneliner{
  font-size:clamp(16px,1.5vw,20px);font-weight:400;
  line-height:1.55;color:rgba(255,255,255,.7);
  margin:0 0 32px;max-width:560px;
}

/* Hero spec chips */
.see-pdp__chips{
  list-style:none;padding:0;margin:0 0 36px;
  display:flex;flex-wrap:wrap;gap:8px;
}
.see-pdp__chips li{
  display:flex;flex-direction:column;gap:3px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  padding:12px 16px;border-radius:10px;min-width:130px;
}
.see-pdp__chip-label{
  font-size:10px;font-weight:600;color:rgba(255,255,255,.5);
  letter-spacing:.1em;text-transform:uppercase;
}
.see-pdp__chip-val{
  font-size:14px;font-weight:600;color:#fff;letter-spacing:-.005em;
  font-variant-numeric:tabular-nums;
}

.see-pdp__hero-cta{
  display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px;
}
.see-pdp__btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:15px 24px;border-radius:99px;
  font-size:13px;font-weight:600;letter-spacing:.005em;
  text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:all .2s ease-out;
}
.see-pdp__btn--primary{
  background:var(--see-red);color:#fff;
  box-shadow:0 8px 24px rgba(204,27,27,.3);
}
.see-pdp__btn--primary:hover{
  background:var(--see-red-warm);transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(204,27,27,.42);
}
.see-pdp__btn--ghost{
  background:transparent;color:#fff;
  border-color:rgba(255,255,255,.2);
}
.see-pdp__btn--ghost:hover{
  border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.05);
}

/* Hero meta strip */
.see-pdp__hero-meta{
  display:flex;gap:clamp(20px,3vw,40px);
  padding-top:24px;border-top:1px solid rgba(255,255,255,.08);
}
.see-pdp__hero-meta > div{display:flex;flex-direction:column;gap:4px}
.see-pdp__hero-meta strong{
  font-size:clamp(20px,2.2vw,26px);font-weight:600;
  color:#fff;letter-spacing:-.02em;line-height:1;
  font-variant-numeric:tabular-nums;
}
.see-pdp__hero-meta span{
  font-size:11px;font-weight:500;color:rgba(255,255,255,.5);
  letter-spacing:.06em;text-transform:uppercase;
}

/* Hero visual side */
.see-pdp__hero-visual{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  min-height:clamp(360px,50vh,640px);
}
.see-pdp__hero-photo{
  position:relative;width:100%;max-width:560px;
  aspect-ratio:1;border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,#fafaf7,#fff);
  box-shadow:
    0 30px 60px -20px rgba(0,0,0,.45),
    0 20px 40px -15px rgba(204,27,27,.18),
    inset 0 0 0 1px rgba(255,255,255,.1);
}
.see-pdp__hero-photo img{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  display:block;
}
.see-pdp__hero-badge{
  position:absolute;left:0;bottom:24px;
  background:#fff;color:var(--see-ink);
  padding:14px 18px;border-radius:12px;
  display:flex;flex-direction:column;gap:2px;
  box-shadow:0 14px 30px rgba(0,0,0,.25);
  border-left:4px solid var(--see-red);max-width:240px;
}
.see-pdp__hero-badge-num{font-size:14px;font-weight:600;line-height:1.25;color:var(--see-ink)}
.see-pdp__hero-badge-sub{font-size:11px;font-weight:500;color:var(--see-mute);letter-spacing:.04em}
.see-pdp__hero-typo{
  font-size:clamp(140px,18vw,260px);font-weight:600;letter-spacing:-.06em;
  color:rgba(204,27,27,.14);line-height:1;
}
.see-pdp__hero--no-photo .see-pdp__hero-inner{grid-template-columns:1fr}
.see-pdp__hero--no-photo .see-pdp__hero-visual{display:none}

/* ────────────────────────────────────────────────────────────────────
   SECTION 2 · STICKY SPEC RAIL
─────────────────────────────────────────────────────────────────────── */
.see-pdp-rail{
  background:#fff;
  border-bottom:1px solid var(--see-line);
  position:sticky;top:0;z-index:80;
  transform:translateY(-100%);
  transition:transform .25s ease-out;
}
.see-pdp-rail.is-visible{transform:translateY(0)}
.see-pdp-rail__inner{
  max-width:1920px;margin:0 auto;
  padding:14px clamp(16px,3vw,48px);
  display:flex;align-items:center;gap:clamp(16px,3vw,32px);
  flex-wrap:wrap;
}
.see-pdp-rail__name{
  font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--see-ink);
  margin-right:auto;min-width:140px;
}
.see-pdp-rail__specs{
  list-style:none;padding:0;margin:0;
  display:flex;gap:clamp(14px,2vw,28px);flex-wrap:wrap;
}
.see-pdp-rail__specs li{display:flex;flex-direction:column;gap:2px}
.see-pdp-rail__spec-l{
  font-size:10px;font-weight:600;color:var(--see-mute);
  letter-spacing:.08em;text-transform:uppercase;
}
.see-pdp-rail__spec-v{
  font-size:13px;font-weight:600;color:var(--see-ink);
  font-variant-numeric:tabular-nums;
}
.see-pdp-rail__cta{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 18px;border-radius:99px;
  background:var(--see-red);color:#fff;
  font-size:12px;font-weight:600;text-decoration:none;
  letter-spacing:.005em;transition:all .2s;
}
.see-pdp-rail__cta:hover{background:var(--see-red-warm);transform:translateY(-1px)}

/* ────────────────────────────────────────────────────────────────────
   SHARED · section labels + headings
─────────────────────────────────────────────────────────────────────── */
.see-pdp__sec-label{
  font-size:11px;font-weight:600;color:var(--see-red);
  letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;
}
.see-pdp__sec-label--light{color:#FF8B8B}
.see-pdp__h2{
  font-size:clamp(28px,3.6vw,46px);font-weight:600;
  letter-spacing:-.024em;line-height:1.08;color:var(--see-ink);
  margin:0 0 14px;
}
.see-pdp__h2-sub{
  font-size:clamp(15px,1.4vw,17px);font-weight:400;
  line-height:1.6;color:var(--see-mute);
  margin:0 0 36px;max-width:660px;
}
.see-pdp-block{
  padding:clamp(64px,7vw,110px) clamp(16px,3vw,48px);
}

/* ────────────────────────────────────────────────────────────────────
   SECTION 3 · OVERVIEW (split)
─────────────────────────────────────────────────────────────────────── */
.see-pdp-overview{background:#fff}
.see-pdp-overview__inner{
  max-width:1920px;margin:0 auto;
  display:grid;grid-template-columns:1.4fr 1fr;
  gap:clamp(40px,5vw,80px);align-items:start;
}
.see-pdp-overview__copy{min-width:0}
.see-pdp-overview__body{
  font-size:clamp(16px,1.4vw,18px);font-weight:400;
  line-height:1.75;color:var(--see-ink-soft);
}
.see-pdp-overview__body p{margin:0 0 18px}
.see-pdp-overview__body strong{color:var(--see-ink);font-weight:600}
.see-pdp-overview__body ul{padding:0;margin:18px 0;list-style:none}
.see-pdp-overview__body ul li{
  position:relative;padding-left:24px;margin-bottom:8px;
}
.see-pdp-overview__body ul li::before{
  content:'';position:absolute;left:0;top:10px;
  width:8px;height:8px;border-radius:50%;background:var(--see-red);
}

.see-pdp-overview__card{
  background:var(--see-soft);border-radius:14px;padding:32px;
  border:1px solid var(--see-line);
  position:sticky;top:80px;
}
.see-pdp-overview__card-h{
  font-size:11px;font-weight:600;color:var(--see-red);
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;
}
.see-pdp-overview__card-specs{margin:0 0 24px;padding:0}
.see-pdp-overview__card-specs > div{
  display:flex;flex-direction:column;gap:4px;
  padding:14px 0;border-bottom:1px solid var(--see-line);
}
.see-pdp-overview__card-specs > div:last-child{border-bottom:0}
.see-pdp-overview__card-specs dt{
  font-size:11px;font-weight:600;color:var(--see-mute);
  letter-spacing:.08em;text-transform:uppercase;
}
.see-pdp-overview__card-specs dd{
  font-size:14px;font-weight:600;color:var(--see-ink);margin:0;
  font-variant-numeric:tabular-nums;letter-spacing:-.005em;
}
.see-pdp-overview__card-cta{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:600;color:var(--see-red);
  text-decoration:none;transition:gap .2s;
}
.see-pdp-overview__card-cta:hover{gap:11px}

/* ────────────────────────────────────────────────────────────────────
   SECTION 4 · APPLICATIONS
─────────────────────────────────────────────────────────────────────── */
.see-pdp-apps{background:var(--see-soft)}
.see-pdp-apps__head{max-width:1920px;margin:0 auto clamp(36px,4vw,48px)}
.see-pdp-apps__grid{
  max-width:1920px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.see-pdp-apps__cell{
  background:#fff;border:1px solid var(--see-line);border-radius:14px;
  padding:28px 24px;
  display:flex;flex-direction:column;gap:18px;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.see-pdp-apps__cell:hover{
  transform:translateY(-4px);border-color:var(--see-red);
  box-shadow:0 18px 40px -22px rgba(204,27,27,.25);
}
.see-pdp-apps__icon{
  width:44px;height:44px;color:var(--see-red);
  display:flex;align-items:center;justify-content:center;
  background:rgba(204,27,27,.08);border-radius:10px;
}
.see-pdp-apps__icon svg{width:24px;height:24px}
.see-pdp-apps__name{
  font-size:15px;font-weight:600;color:var(--see-ink);
  line-height:1.4;letter-spacing:-.005em;
}

/* ────────────────────────────────────────────────────────────────────
   SECTION 5 · SPECIFICATIONS (data table)
─────────────────────────────────────────────────────────────────────── */
.see-pdp-specs{background:#fff;border-top:1px solid var(--see-line)}
.see-pdp-specs__inner{max-width:1920px;margin:0 auto}
.see-pdp-specs__head{margin-bottom:clamp(36px,4vw,48px)}
.see-pdp-specs__grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(24px,3vw,48px);
  background:var(--see-soft);border-radius:14px;
  padding:clamp(28px,4vw,48px);
  border:1px solid var(--see-line);
}
.see-pdp-specs__col{display:flex;flex-direction:column;gap:1px}
.see-pdp-specs__row{
  display:grid;grid-template-columns:170px 1fr;
  gap:18px;padding:14px 0;
  border-bottom:1px solid var(--see-line);
  align-items:baseline;
}
.see-pdp-specs__row:last-child{border-bottom:0}
.see-pdp-specs__row-l{
  font-size:12px;font-weight:600;color:var(--see-mute);
  letter-spacing:.06em;text-transform:uppercase;
}
.see-pdp-specs__row-v{
  font-size:14px;font-weight:500;color:var(--see-ink);
  letter-spacing:-.005em;line-height:1.5;
  font-variant-numeric:tabular-nums;
}

/* ────────────────────────────────────────────────────────────────────
   SECTION 6 · CUSTOMISATION
─────────────────────────────────────────────────────────────────────── */
.see-pdp-custom{background:var(--see-soft)}
.see-pdp-custom__head{max-width:1920px;margin:0 auto clamp(28px,3vw,40px)}
.see-pdp-custom__chips{
  list-style:none;padding:0;margin:0;
  max-width:1920px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:10px;
}
.see-pdp-custom__chips li{
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid var(--see-line);
  padding:16px 18px;border-radius:10px;
  font-size:14px;font-weight:500;color:var(--see-ink);
  line-height:1.4;letter-spacing:-.005em;
  transition:border-color .2s,background .2s;
}
.see-pdp-custom__chips li:hover{
  border-color:var(--see-red);background:rgba(204,27,27,.03);
}
.see-pdp-custom__chips svg{flex-shrink:0}

/* ────────────────────────────────────────────────────────────────────
   SECTION 7 · WHY SEE
─────────────────────────────────────────────────────────────────────── */
.see-pdp-why{background:#fff;border-top:1px solid var(--see-line);border-bottom:1px solid var(--see-line)}
.see-pdp-why__inner{max-width:1920px;margin:0 auto}
.see-pdp-why__head{margin-bottom:clamp(36px,4vw,52px);max-width:760px}
.see-pdp-why__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--see-line);
  border:1px solid var(--see-line);border-radius:14px;overflow:hidden;
}
.see-pdp-why__cell{
  background:#fff;padding:32px 28px;
  display:flex;flex-direction:column;gap:10px;
  transition:background .25s;
}
.see-pdp-why__cell:hover{background:var(--see-soft)}
.see-pdp-why__num{
  font-size:clamp(36px,3.8vw,46px);font-weight:600;
  color:var(--see-ink);letter-spacing:-.03em;line-height:1;
  font-variant-numeric:tabular-nums;display:flex;align-items:baseline;
}
.see-pdp-why__num sup{
  font-size:.42em;color:var(--see-red);font-weight:600;
  vertical-align:super;line-height:1;margin-left:1px;
}
.see-pdp-why__h{
  font-size:14px;font-weight:600;color:var(--see-ink);
  letter-spacing:-.005em;
}
.see-pdp-why__copy{
  font-size:13px;font-weight:400;line-height:1.6;color:var(--see-mute);
}
.see-pdp-why__cell--trust{
  background:var(--see-ink);color:#fff;
  grid-column:span 3;
  display:grid;grid-template-columns:auto 1fr;
  gap:32px;align-items:center;
}
.see-pdp-why__cell--trust:hover{background:#1a1a1d}
.see-pdp-why__cell--trust .see-pdp-why__h{
  color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  font-weight:600;
}
.see-pdp-why__logos{
  display:flex;flex-wrap:wrap;gap:8px 12px;
}
.see-pdp-why__logos span{
  font-size:13px;font-weight:500;color:rgba(255,255,255,.55);
  padding:6px 12px;border-radius:99px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
}

/* ────────────────────────────────────────────────────────────────────
   SECTION 8 · RELATED PRODUCTS
─────────────────────────────────────────────────────────────────────── */
.see-pdp-related{background:var(--see-soft)}
.see-pdp-related__head{
  max-width:1920px;margin:0 auto clamp(28px,3vw,40px);
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:24px;flex-wrap:wrap;
}
.see-pdp-related__all{
  font-size:13px;font-weight:600;color:var(--see-red);
  text-decoration:none;letter-spacing:.005em;
  border-bottom:1px solid rgba(204,27,27,.25);padding-bottom:3px;
  transition:border-color .2s;
}
.see-pdp-related__all:hover{border-color:var(--see-red)}
.see-pdp-related__grid{
  max-width:1920px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.see-pdp-related__card{
  background:#fff;border:1px solid var(--see-line);border-radius:12px;
  overflow:hidden;text-decoration:none;color:inherit;
  display:flex;flex-direction:column;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.see-pdp-related__card:hover{
  transform:translateY(-6px);border-color:var(--see-red);
  box-shadow:0 24px 50px -28px rgba(204,27,27,.32);
}
.see-pdp-related__img{
  height:180px;background-size:cover;background-position:center;background-color:#f0eee6;
}
.see-pdp-related__img--ph{
  display:flex;align-items:center;justify-content:center;
  font-size:56px;font-weight:600;color:rgba(204,27,27,.18);
  background:linear-gradient(135deg,#fafaf7 0%,#f0eee6 100%);
}
.see-pdp-related__body{
  padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1;
}
.see-pdp-related__body h3{
  font-size:15px;font-weight:600;letter-spacing:-.005em;
  margin:0;color:var(--see-ink);line-height:1.3;
}
.see-pdp-related__body p{
  font-size:12px;font-weight:400;line-height:1.55;color:var(--see-mute);
  margin:0;flex:1;
}
.see-pdp-related__cta{
  font-size:11px;font-weight:600;color:var(--see-red);
  letter-spacing:.08em;text-transform:uppercase;margin-top:6px;
}

/* ────────────────────────────────────────────────────────────────────
   SECTION 9 · FAQ
─────────────────────────────────────────────────────────────────────── */
.see-pdp-faq{background:#fff;border-top:1px solid var(--see-line)}
.see-pdp-faq__inner{max-width:1100px;margin:0 auto}
.see-pdp-faq__head{margin-bottom:clamp(28px,3vw,40px)}
.see-pdp-faq__list{display:flex;flex-direction:column;gap:8px}
.see-pdp-faq__item{
  background:var(--see-soft);border:1px solid var(--see-line);
  border-radius:10px;overflow:hidden;
}
.see-pdp-faq__item summary{
  list-style:none;cursor:pointer;
  padding:18px 22px;
  font-size:15px;font-weight:600;color:var(--see-ink);
  letter-spacing:-.005em;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  transition:background .15s;
}
.see-pdp-faq__item summary::-webkit-details-marker{display:none}
.see-pdp-faq__item summary::after{
  content:'+';font-size:22px;font-weight:400;
  color:var(--see-red);transition:transform .25s;
}
.see-pdp-faq__item[open] summary::after{transform:rotate(45deg)}
.see-pdp-faq__item[open] summary{background:rgba(204,27,27,.04)}
.see-pdp-faq__a{
  padding:0 22px 20px;
  font-size:14px;font-weight:400;line-height:1.7;color:var(--see-mute);
}

/* ────────────────────────────────────────────────────────────────────
   SECTION 10 · FINAL CTA — dark band
─────────────────────────────────────────────────────────────────────── */
.see-pdp-cta{
  background:linear-gradient(160deg,#0A0B0E 0%,#171a22 100%);
  color:#fff;position:relative;overflow:hidden;
}
.see-pdp-cta::before{
  content:'';position:absolute;
  bottom:-150px;left:-100px;width:500px;height:500px;
  background:radial-gradient(circle,rgba(204,27,27,.16) 0%,transparent 65%);
  pointer-events:none;
}
.see-pdp-cta__inner{max-width:1280px;margin:0 auto;position:relative}
.see-pdp-cta__head{margin-bottom:36px;max-width:760px}
.see-pdp-cta__h{
  font-size:clamp(30px,4vw,52px);font-weight:600;
  letter-spacing:-.024em;line-height:1.08;
  color:#fff;margin:0 0 14px;
}
.see-pdp-cta__h span{color:rgba(255,255,255,.55);font-weight:400}
.see-pdp-cta__sub{
  font-size:16px;line-height:1.6;color:rgba(255,255,255,.6);
  margin:0;max-width:580px;
}

/* Heading + eyebrow inside dark CTA (newer markup uses .see-pdp__h2
   instead of the old .see-pdp-cta__h, and the inline shortcode form
   replaces the old grid form — these rules fix both). */
.see-pdp-cta .see-pdp__sec-label{
  display:inline-block;
  font-size:11px;font-weight:600;color:var(--see-red);
  letter-spacing:.16em;text-transform:uppercase;
  margin-bottom:14px;
  padding:6px 14px;border:1px solid rgba(204,27,27,.4);border-radius:999px;
}
.see-pdp-cta .see-pdp__h2{
  font-size:clamp(30px,4vw,52px);font-weight:600;
  letter-spacing:-.024em;line-height:1.08;
  color:#fff;margin:0 0 14px;
}
.see-pdp-cta__lead{color:rgba(255,255,255,.55);font-weight:400}

/* Shortcode wrapper — full width, no extra container styling so the
   brand quote-form template renders edge-to-edge inside the section. */
.see-pdp-cta__shortcode{
  margin-top:8px;
}
.see-pdp-cta__shortcode > .seeqf,
.see-pdp-cta__shortcode > .seeqf-section{
  margin:0;
  max-width:none;
}

/* Channels row */
.see-pdp-cta__channels{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin:0 0 32px;
}
.see-pdp-cta__channel{
  display:flex;flex-direction:column;gap:6px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  padding:20px 22px;border-radius:12px;
  text-decoration:none;color:#fff;
  transition:all .2s ease-out;
}
.see-pdp-cta__channel:hover{
  background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25);
  transform:translateY(-2px);
}
.see-pdp-cta__channel--wa{background:rgba(37,211,102,.08);border-color:rgba(37,211,102,.28)}
.see-pdp-cta__channel--wa:hover{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.5)}
.see-pdp-cta__channel-l{
  font-size:11px;font-weight:600;color:rgba(255,255,255,.55);
  letter-spacing:.08em;text-transform:uppercase;
}
.see-pdp-cta__channel-v{
  font-size:15px;font-weight:600;color:#fff;letter-spacing:-.005em;
  font-variant-numeric:tabular-nums;
}

/* Form */
.see-pdp-cta__form{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:14px;padding:24px;
  display:grid;grid-template-columns:1fr 280px auto;gap:14px;align-items:end;
}
.see-pdp-cta__field{display:flex;flex-direction:column;gap:8px}
.see-pdp-cta__field--lg{grid-column:1 / -1;grid-row:1}
.see-pdp-cta__field label{
  font-size:11px;font-weight:600;color:rgba(255,255,255,.55);
  letter-spacing:.08em;text-transform:uppercase;
}
.see-pdp-cta__field input,
.see-pdp-cta__field textarea{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:8px;padding:14px 16px;
  color:#fff;font:500 14px/1.5 'Inter',sans-serif;letter-spacing:-.005em;
  outline:none;transition:border-color .2s;resize:vertical;
}
.see-pdp-cta__field input:focus,
.see-pdp-cta__field textarea:focus{border-color:var(--see-red);background:rgba(255,255,255,.07)}
.see-pdp-cta__field input::placeholder,
.see-pdp-cta__field textarea::placeholder{color:rgba(255,255,255,.3)}
.see-pdp-cta__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;border:0;border-radius:8px;cursor:pointer;
  background:var(--see-red);color:#fff;
  font-size:13px;font-weight:600;letter-spacing:.005em;
  transition:all .2s;white-space:nowrap;height:50px;
}
.see-pdp-cta__btn:hover{background:var(--see-red-warm);transform:translateY(-1px)}

/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════════ */
@media (max-width:1100px){
  .see-pdp__hero-inner{grid-template-columns:1fr;gap:48px}
  .see-pdp__hero-visual{order:-1;min-height:auto}
  .see-pdp__hero-photo{aspect-ratio:16/10;max-width:none}
  .see-pdp-overview__inner{grid-template-columns:1fr;gap:36px}
  .see-pdp-overview__card{position:static}
  .see-pdp-apps__grid{grid-template-columns:repeat(3,1fr)}
  .see-pdp-why__grid{grid-template-columns:repeat(2,1fr)}
  .see-pdp-why__cell--trust{grid-column:span 2;grid-template-columns:1fr;gap:14px}
  .see-pdp-related__grid{grid-template-columns:repeat(3,1fr)}
  .see-pdp-cta__channels{grid-template-columns:1fr}
  .see-pdp-cta__form{grid-template-columns:1fr;gap:14px}
  .see-pdp-rail{display:none}
}
@media (max-width:760px){
  .see-pdp__hero{padding:48px 16px 60px}
  .see-pdp__chips li{min-width:0;flex:1 1 calc(50% - 4px)}
  .see-pdp__hero-meta{flex-wrap:wrap;gap:20px}
  .see-pdp__hero-badge{position:relative;left:auto;bottom:auto;margin-top:14px}
  .see-pdp-block{padding:56px 16px}
  .see-pdp-apps__grid{grid-template-columns:repeat(2,1fr)}
  .see-pdp-specs__grid{grid-template-columns:1fr;padding:24px}
  .see-pdp-specs__row{grid-template-columns:1fr;gap:4px}
  .see-pdp-why__grid{grid-template-columns:1fr}
  .see-pdp-why__cell--trust{grid-column:auto}
  .see-pdp-related__grid{grid-template-columns:repeat(2,1fr)}
  .see-pdp-related__head{flex-direction:column;align-items:flex-start}
}