/* v1.8.17 — minimal premium product detail: fewer borders, clearer hierarchy */
.tt-p2.tt-premium-product{--p2-soft:#f7f9fc;--p2-soft2:#fbfcfe;--p2-line:#e9edf2;--p2-ink:#121926;--p2-muted:#667085;background:#fff!important}

/* top area: remove card feeling */
.tt-p2.tt-premium-product .tt-p2-main{border:0!important;border-radius:18px!important;background:linear-gradient(145deg,#fbfcfe,#f5f8fb)!important;box-shadow:none!important}
.tt-p2.tt-premium-product .tt-p2-trustrow>div{border:0!important;background:var(--p2-soft)!important;border-radius:14px!important;box-shadow:none!important}
.tt-p2.tt-premium-product .tt-p2-featurebar{border:0!important;border-radius:18px!important;background:var(--p2-soft)!important;overflow:hidden!important;box-shadow:none!important}
.tt-p2.tt-premium-product .tt-p2-featurebar article{border:0!important;position:relative!important;background:transparent!important}
.tt-p2.tt-premium-product .tt-p2-featurebar article:not(:last-child):after{content:"";position:absolute;right:0;top:24%;bottom:24%;width:1px;background:#e3e8ee}

/* tabs: one clean baseline, no enclosing card */
.tt-p2.tt-premium-product .tt-p2-tabs{padding-top:28px!important}
.tt-p2.tt-premium-product .tt-p2-tabs nav{border:0!important;border-bottom:1px solid var(--p2-line)!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.tt-p2.tt-premium-product .tt-p2-tabs a{border:0!important;padding:14px 24px!important;background:transparent!important}
.tt-p2.tt-premium-product .tt-p2-tabs a.is-active:after{height:3px!important;border-radius:999px 999px 0 0!important}

/* body: no giant outer rectangle and no vertical boxes */
.tt-p2.tt-premium-product .tt-p2-body{padding:30px 0 18px!important}
.tt-p2.tt-premium-product .tt-p2-body__grid{grid-template-columns:minmax(230px,25%) minmax(0,1fr) minmax(280px,25%)!important;gap:34px!important;margin-top:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.tt-p2.tt-premium-product .tt-p2-spec-col,
.tt-p2.tt-premium-product .tt-p2-lead-col{border:0!important;background:transparent!important}
.tt-p2.tt-premium-product .tt-p2-center{min-width:0!important}

/* sections: hierarchy by whitespace, not frames */
.tt-p2.tt-premium-product .tt-p2-box{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0 0 34px!important}
.tt-p2.tt-premium-product .tt-p2-center>.tt-p2-box+.tt-p2-box{border-top:1px solid var(--p2-line)!important;padding-top:32px!important}
.tt-p2.tt-premium-product .tt-p2-box__head{margin-bottom:18px!important}
.tt-p2.tt-premium-product .tt-p2-box__head>span{font-size:10px!important;letter-spacing:.095em!important;margin-bottom:5px!important}
.tt-p2.tt-premium-product .tt-p2-box h2,
.tt-p2.tt-premium-product .tt-p2-box__head h2{font-size:22px!important;line-height:1.24!important;color:var(--p2-ink)!important}

/* spec: one soft panel, row separators only */
.tt-p2.tt-premium-product .tt-p2-spec-col>.tt-p2-box{position:sticky!important;top:96px!important;padding:20px!important;border-radius:18px!important;background:var(--p2-soft2)!important}
.tt-p2.tt-premium-product .tt-p2-specs{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.tt-p2.tt-premium-product .tt-p2-specs>div{border:0!important;border-bottom:1px solid var(--p2-line)!important;background:transparent!important;padding:10px 0!important;grid-template-columns:43% 57%!important}
.tt-p2.tt-premium-product .tt-p2-specs>div:last-child{border-bottom:0!important}
.tt-p2.tt-premium-product .tt-p2-specs b,
.tt-p2.tt-premium-product .tt-p2-specs span{padding:0!important;background:transparent!important}

/* application cards: image + text, no card frame */
.tt-p2.tt-premium-product .tt-p2-apps{gap:18px!important}
.tt-p2.tt-premium-product .tt-p2-apps article{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important}
.tt-p2.tt-premium-product .tt-p2-appmedia{border-radius:14px!important;overflow:hidden!important;background:var(--p2-soft)!important}
.tt-p2.tt-premium-product .tt-p2-apps h3{margin:10px 0 0!important;font-size:13px!important}
.tt-p2.tt-premium-product .tt-p2-apps p{margin:5px 0 0!important;font-size:10.5px!important;line-height:1.55!important}

/* feature cards: soft surfaces instead of borders */
.tt-p2.tt-premium-product .tt-p2-featurecards{gap:14px!important}
.tt-p2.tt-premium-product .tt-p2-featurecards article{border:0!important;border-radius:14px!important;background:var(--p2-soft2)!important;overflow:hidden!important;box-shadow:none!important}
.tt-p2.tt-premium-product .tt-p2-fmedia{background:#f3f6f9!important}

/* buying guide: two quiet rows/cards, borderless */
.tt-p2.tt-premium-product .tt-p2-buyguide__grid{gap:10px 20px!important}
.tt-p2.tt-premium-product .tt-p2-buyguide__grid article{border:0!important;border-radius:12px!important;background:var(--p2-soft)!important;padding:15px!important;box-shadow:none!important}

/* related: quiet product tiles */
.tt-p2.tt-premium-product .tt-p2-related{gap:14px!important}
.tt-p2.tt-premium-product .tt-p2-related a{border:0!important;border-radius:14px!important;background:var(--p2-soft2)!important;padding:12px!important;box-shadow:none!important}
.tt-p2.tt-premium-product .tt-p2-relimg{background:#fff!important;border-radius:10px!important}

/* docs/content: plain editorial area */
.tt-p2.tt-premium-product .tt-p2-rich{font-size:12px!important;line-height:1.75!important;color:#4f5b6b!important}
.tt-p2.tt-premium-product .tt-p2-docs a{border:0!important;border-radius:10px!important;background:var(--p2-soft)!important;padding:12px 14px!important}

/* lead sidebar: only one soft emphasis panel */
.tt-p2.tt-premium-product .tt-p2-leadbox{position:sticky!important;top:96px!important;padding:22px!important;border:0!important;border-radius:18px!important;background:linear-gradient(180deg,#fbfcfe,#f7f9fc)!important;box-shadow:none!important}
.tt-p2.tt-premium-product .tt-p2-leadbox__icon{width:40px!important;height:40px!important;border-radius:12px!important;background:#fff0f1!important}
.tt-p2.tt-premium-product .tt-p2-side-form input,
.tt-p2.tt-premium-product .tt-p2-side-form select,
.tt-p2.tt-premium-product .tt-p2-side-form textarea{border:1px solid #dde3ea!important;background:#fff!important;border-radius:10px!important}
.tt-p2.tt-premium-product .tt-p2-side-form input:focus,
.tt-p2.tt-premium-product .tt-p2-side-form select:focus,
.tt-p2.tt-premium-product .tt-p2-side-form textarea:focus{border-color:#f08a92!important;box-shadow:0 0 0 3px rgba(230,0,18,.06)!important;outline:0!important}

/* mobile/tablet: stack without boxes */
@media(max-width:1100px){
 .tt-p2.tt-premium-product .tt-p2-body__grid{grid-template-columns:300px minmax(0,1fr)!important;gap:28px!important}
 .tt-p2.tt-premium-product .tt-p2-lead-col{grid-column:1/-1!important}
 .tt-p2.tt-premium-product .tt-p2-leadbox{position:static!important}
 .tt-p2.tt-premium-product .tt-p2-spec-col>.tt-p2-box{position:static!important}
 .tt-p2.tt-premium-product .tt-p2-featurebar article:nth-child(2n):after{display:none!important}
}
@media(max-width:780px){
 .tt-p2.tt-premium-product .tt-p2-body{padding-top:22px!important}
 .tt-p2.tt-premium-product .tt-p2-body__grid{display:block!important}
 .tt-p2.tt-premium-product .tt-p2-spec-col>.tt-p2-box,
 .tt-p2.tt-premium-product .tt-p2-leadbox{padding:18px!important;margin-bottom:24px!important}
 .tt-p2.tt-premium-product .tt-p2-center>.tt-p2-box+.tt-p2-box{padding-top:24px!important}
 .tt-p2.tt-premium-product .tt-p2-featurebar article:after{display:none!important}
 .tt-p2.tt-premium-product .tt-p2-tabs nav{overflow:auto!important;white-space:nowrap!important}
}



/* v1.8.17.2 — full product image / remove white frame / cleaner visual balance */
.tt-p1.tt-premium-product .tt-p1-visual{min-height:520px!important;align-items:center!important}
.tt-p1.tt-premium-product .tt-p1-visual__shape--one{
  width:84%!important;height:78%!important;right:0!important;top:8%!important;
  background:linear-gradient(135deg,rgba(240,245,251,.78),rgba(255,255,255,.18))!important;
}
.tt-p1.tt-premium-product .tt-p1-visual__shape--two{
  width:72%!important;height:24%!important;right:6%!important;bottom:8%!important;
  background:radial-gradient(ellipse,rgba(95,115,145,.14),transparent 74%)!important;
  filter:blur(12px)!important;
}
.tt-p1.tt-premium-product .tt-p1-visual__stage{
  width:100%!important;height:460px!important;padding:0!important;
}
.tt-p1.tt-premium-product .tt-p1-visual__stage img{
  max-width:100%!important;max-height:100%!important;
  width:auto!important;height:auto!important;object-fit:contain!important;
  filter:drop-shadow(0 16px 32px rgba(24,37,56,.10))!important;border-radius:0!important;
}

/* Style 2 gallery: remove boxed frame and let image breathe */
.tt-p2.tt-premium-product .tt-p2-main{
  border:0!important;border-radius:20px!important;
  background:linear-gradient(145deg,#f8fafd,#eef3f9)!important;
  box-shadow:none!important;
}
.tt-p2.tt-premium-product .tt-p2-main__halo{display:none!important}
.tt-p2.tt-premium-product .tt-p2-main img{
  max-width:100%!important;max-height:100%!important;
  width:auto!important;height:auto!important;object-fit:contain!important;
  filter:drop-shadow(0 16px 28px rgba(16,24,40,.10))!important;
}
.tt-p2.tt-premium-product .tt-p2-thumbrow{margin-top:14px!important}
.tt-p2.tt-premium-product .tt-p2-thumbs .tt-hwp-thumb{
  height:80px!important;border:1px solid #e6ebf1!important;border-radius:12px!important;
  background:#fff!important;
}
.tt-p2.tt-premium-product .tt-p2-thumbs .tt-hwp-thumb img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}

/* Single image products: keep centered and balanced */
.tt-premium-product img{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media (max-width: 1100px){
  .tt-p1.tt-premium-product .tt-p1-visual{min-height:420px!important}
  .tt-p1.tt-premium-product .tt-p1-visual__stage{height:360px!important}
  .tt-p2.tt-premium-product .tt-p2-main{height:430px!important}
}
@media (max-width: 780px){
  .tt-p1.tt-premium-product .tt-p1-visual{min-height:320px!important}
  .tt-p1.tt-premium-product .tt-p1-visual__stage{height:280px!important}
  .tt-p2.tt-premium-product .tt-p2-main{height:300px!important;border-radius:18px!important}
  .tt-p2.tt-premium-product .tt-p2-thumbs{grid-template-columns:repeat(4,1fr)!important}
  .tt-p2.tt-premium-product .tt-p2-thumbs .tt-hwp-thumb{height:68px!important}
}

