/* ============================================================
   TELEVISION — every colour, radius, weight and the typeface
   come from ds.css tokens. Section classes are tv- prefixed so
   nothing collides with the design system or the main site CSS.
   ============================================================ */

:root{
  --tv-ink:    var(--od-black,   #14151b);
  --tv-deep:   #0b0c10;                      /* a deeper shade of --od-black */
  --tv-light:  var(--od-grey-50, #F4F6FB);
  --tv-line:   var(--od-grey-200,#E3E7F0);
  --tv-muted:  var(--od-grey-600,#5E6488);
  --tv-blue:   var(--myt-blue,   #153ED9);
  --tv-digital:var(--myt-digital,#0a6ed2);
  --tv-aqua:   var(--myt-aqua,   #00B4C8);
  --tv-amber:  var(--amber-gold, #EBA72A);
  --tv-dline:  rgba(255,255,255,.14);
  --tv-dmuted: rgba(255,255,255,.66);
}

body{font-family:var(--font,'Poppins',sans-serif);background:#fff;color:var(--tv-ink)}

/* ---------- shared band + heading furniture ---------- */
.tv-band{background: var(--tv-light); padding:clamp(64px,8vw,80px) 0}
.tv-band--light{background:var(--tv-light)}
/* a deep brand gradient instead of flat black — indigo into blue into teal,
   lit by two soft radial glows */
.tv-band--dark{position:relative;overflow:hidden;isolation:isolate;color:#fff;
  background:
    radial-gradient(880px 520px at 16% 10%, rgba(21,62,217,.46), transparent 62%),
    radial-gradient(760px 520px at 88% 90%, rgba(0,180,200,.32), transparent 66%),
    linear-gradient(135deg,#0f1136,#141a4a 42%,#0e2b50 76%,#0a3346)}
.tv-band--dark > *{position:relative;z-index:1}
.tv-band--dark h2,.tv-band--dark h3,.tv-band--dark h4{color:#fff}
.tv-band--dark p{color:var(--tv-dmuted)}
.tv-wrap{max-width:var(--container,1270px);margin:0 auto;padding:0 24px}
@media (max-width:760px){.tv-wrap{padding:0 18px}}

.tv-head{max-width:810px;margin:0 auto clamp(36px,4vw,56px);text-align:center}
.tv-head .sec__eyebrow{display:block;margin-bottom:12px}
.tv-head h2{font-size:clamp(30px,4.2vw,54px);
  letter-spacing:-.03em;line-height:1.08;margin:0 0 16px}
.tv-head p{font-size:clamp(15px,1.3vw,18px);line-height:1.65;margin:0;color:var(--tv-muted)}
.tv-band--dark .tv-head p{color:var(--tv-dmuted)}
.tv-band--dark .tv-head .sec__eyebrow{color:var(--tv-aqua)}

/* ============================================================
   1 — HERO v2 : copy left, TV right, full width, animated
   ============================================================ */
.tv-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--tv-deep);
  color:#fff;padding: 170px 0 60px;}
.tv-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(780px 520px at 76% 44%, rgba(21,62,217,.44), transparent 66%),
    radial-gradient(560px 400px at 8% 86%, rgba(0,180,200,.22), transparent 70%)}
/* fine grid texture, Samsung-ish */
.tv-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:72px 72px;
  mask:radial-gradient(85% 70% at 40% 45%,#000 20%,transparent 80%)}

.tv-hero__in{position:relative;z-index:1}
.tv-hero__grid{display:grid;grid-template-columns:1fr 1.12fr;
  gap:clamp(32px,4vw,64px);align-items:center}
.tv-hero__grid > *{min-width:0}

.tv-hero__brand{font-size:clamp(12px,1.1vw,15px);font-weight:var(--fw-semibold,600);
  letter-spacing:.42em;text-transform:uppercase;color:rgba(255,255,255,.82);margin:0 0 18px}
.tv-hero h1{font-size:clamp(32px,3.9vw,54px);font-weight:var(--fw-semibold,600);
  letter-spacing:-.035em;line-height:1.02;margin:0 0 18px;color:#fff}
.tv-hero h1 em{font-style:normal;color:var(--tv-aqua)}
.tv-hero__lede{font-size:clamp(15px,1.25vw,18px);line-height:1.65;color:var(--tv-dmuted);
  max-width:46ch;margin:0 0 28px}

/* the saving reads as a headline statistic, not a control:
   no capsule, no border, no fill — an aqua rule carries it instead */
.tv-save{display:block;margin:0 0 clamp(26px,3.2vw,36px);
  padding-left:22px;border-left:3px solid var(--tv-aqua)}
.tv-save__rule{display:none}
.tv-save__lbl{display:block;font-size:11px;font-weight:var(--fw-bold,700);
  letter-spacing:.2em;text-transform:uppercase;color:var(--tv-dmuted);margin-bottom:5px}
.tv-save__amt{display:block;font-size:clamp(40px,4.8vw,66px);
  font-weight:var(--fw-extrabold,800);letter-spacing:-.045em;line-height:.95;
  color:var(--tv-aqua)}
.tv-save__on{display:block;font-size:13px;color:var(--tv-dmuted);margin-top:7px}

.tv-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:clamp(28px,3.5vw,40px)}
.tv-btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;
  font-family:inherit;font-weight:var(--fw-semibold,600);font-size:15px;line-height:1;
  border-radius:var(--r-pill,999px);padding:16px 28px;border:1.5px solid transparent;
  transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s}
.tv-btn svg{width:16px;height:16px}
.tv-btn--light{background:#fff;color:var(--tv-ink)}
.tv-btn--light:hover{background:var(--tv-aqua);color:var(--tv-deep);transform:translateY(-2px)}
.tv-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.tv-btn--ghost:hover{background:#fff;border-color:#fff;color:var(--tv-ink);transform:translateY(-2px)}
.tv-btn--blue{background:var(--tv-blue);color:#fff}
.tv-btn--blue:hover{background:var(--tv-ink);transform:translateY(-2px)}
.tv-btn--dark{background:var(--tv-ink);color:#fff}
.tv-btn--dark:hover{background:var(--tv-blue);transform:translateY(-2px)}
.tv-btn--outline{background:transparent;color:var(--tv-ink);border-color:var(--tv-ink)}
.tv-btn--outline:hover{background:var(--tv-ink);color:#fff;transform:translateY(-2px)}
a.tv-btn--dark:hover {color: #fff !important;}
/* the stat strip under the copy */
.tv-stats{display:flex;flex-wrap:wrap;align-items:stretch;
  border-top:1px solid var(--tv-dline);padding-top:22px;margin:0;list-style:none}
.tv-stats li{padding-right:26px;margin-right:26px;border-right:1px solid var(--tv-dline)}
.tv-stats li:last-child{border-right:0;margin-right:0;padding-right:0}
.tv-stats b{display:block;font-size:clamp(16px,1.5vw,21px);font-weight:var(--fw-extrabold,800);
  letter-spacing:-.02em;color:#fff;line-height:1.1}
.tv-stats span{display:block;font-size:11.5px;color:var(--tv-dmuted);margin-top:5px;
  letter-spacing:.06em;text-transform:uppercase;font-weight:var(--fw-semibold,600)}

/* --- the animated TV, bleeding off the right --- */
.tv-stage{position:relative;margin-right:clamp(-80px,-4vw,0px)}
.tv-stage__glow{position:absolute;left:52%;top:10%;width:78%;height:70%;z-index:0;
  transform:translateX(-50%);border-radius:50%;filter:blur(58px);
  background:radial-gradient(circle at 50% 50%,rgba(0,180,200,.5),rgba(21,62,217,.4) 46%,transparent 74%);
  animation:tvGlow 7s ease-in-out infinite}
@keyframes tvGlow{0%,100%{opacity:.55;transform:translateX(-50%) scale(.94)}
                  50%    {opacity:1;  transform:translateX(-50%) scale(1.06)}}
.tv-stage__img{position:relative;z-index:1;display:block;width:100%;height:auto;
  animation:tvFloat 8s ease-in-out infinite}
@keyframes tvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

.tv-stage__sweep{position:absolute;z-index:2;left:6%;right:6%;top:3%;height:54%;
  pointer-events:none;overflow:hidden;border-radius:12px}
.tv-stage__sweep::after{content:"";position:absolute;top:-30%;bottom:-30%;width:34%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.17) 48%,transparent);
  transform:skewX(-14deg);animation:tvSweep 6.5s ease-in-out infinite}
@keyframes tvSweep{0%{left:-40%}55%,100%{left:120%}}

.tv-patch{position:absolute;z-index:3;left:-5%;bottom:15%;
  width:clamp(94px,11vw,142px);aspect-ratio:1;border-radius:50%;
  display:grid;place-items:center;text-align:center;line-height:1.2;
color:#fff;
  animation:tvFloat 6s ease-in-out infinite;animation-delay:-2s}
.tv-patch b{display:block;font-size:clamp(12px,1.3vw,20px);font-weight:var(--fw-extrabold,800)}
.tv-patch i{display:block;font-style:normal;font-size:clamp(9px,1vw,14.5px);
  color:rgba(255,255,255,.88);margin-top:3px}

@media (prefers-reduced-motion:reduce){
  .tv-stage__glow,.tv-stage__img,.tv-stage__sweep::after,.tv-patch{animation:none}
}
@media (max-width:980px){
  .tv-hero__grid{grid-template-columns:1fr;gap:40px}
  .tv-hero__lede{max-width:none}
  .tv-stage{margin-right:0;order:-1}
  .tv-patch{left:0;bottom:8%}
}
@media (max-width:560px){
  .tv-hero__cta .tv-btn{width:100%;justify-content:center}
  .tv-save{padding-left:16px}
  .tv-save__on{font-size:12px}
  .tv-stats li{padding-right:16px;margin-right:16px}
  .tv-stats b{font-size:16px}
  .tv-stats span{font-size:10px}
}

/* ============================================================
   2 — WHY BUY WITH US  (ZERO card leads)
   ============================================================ */
.tv-why{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;align-items:stretch}
.tv-why > *{min-width:0}

.tv-zero{position:relative;overflow:hidden;isolation:isolate;
  border-radius:var(--r-lg,50px);padding:clamp(28px,4vw,52px);color:#fff;
  background:linear-gradient(145deg,var(--tv-blue),var(--tv-digital) 52%,var(--tv-aqua));
  display:flex;flex-direction:column;justify-content:center}
.tv-zero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(520px 340px at 92% 8%,rgba(255,255,255,.22),transparent 62%)}
/* scrim: keeps white copy legible wherever the gradient reaches its aqua end */
.tv-zero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(3,8,38,.88),rgba(3,8,38,.74) 48%,
                             rgba(3,8,38,.34) 76%,transparent 96%)}
.tv-zero > *{position:relative;z-index:1}
.tv-zero__only{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.4);
  border-radius:var(--r-pill,999px);padding:8px 18px;margin-bottom:22px;
  font-size:14px;font-weight:var(--fw-semi-bold,600);}
.tv-zero__only svg{width:14px;height:14px}
.tv-zero__big{font-size:clamp(34px,5.4vw,66px);font-weight:600;
  letter-spacing:-.04em;line-height:1.1;margin:0 0 18px;color:#fff}
.tv-zero__big span{display:block}
.tv-zero__big i{font-style:normal;color:var(--tv-aqua)}
.tv-zero p{font-size:clamp(14.5px,1.2vw,17px);line-height:1.6;color:rgba(255,255,255,.9);
  margin:0 0 8px;max-width:46ch}
.tv-zero p.tv-zero__fine{font-size:13px;color:rgba(255,255,255,.74);margin:6px 0 0}

.tv-perks{display:grid;gap:20px}
.tv-perk{position:relative;overflow:hidden;isolation:isolate;
  border-radius:var(--r-lg,50px);padding:60px 30px;
  flex-direction:column;justify-content:center;
  transition:transform .2s,box-shadow .2s}
.tv-perk:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(16,16,24,.12)}
.tv-perk--a{background:var(--od-paleblue,#DDEBF9)}
.tv-perk--b{background:var(--od-paleblue,#DDEBF9)}
.tv-perk > *{position:relative;z-index:1}

/* the oversized watermark bleeding off the corner */
.tv-perk__bg{position:absolute;z-index:0;right:-26px;bottom:-34px;
  width:clamp(140px,17vw,200px);height:auto;color:var(--tv-blue);opacity:.15;
  pointer-events:none}
.tv-perk--b .tv-perk__bg{color:var(--tv-blue)}
.tv-perk:hover .tv-perk__bg{opacity:.2;transition:opacity .2s}

.tv-perk__ic{flex:0 0 auto;width:56px;height:56px;border-radius:18px;display:grid;
  place-items:center;background:#fff;color:var(--tv-blue);margin-bottom:20px;
  box-shadow:0 6px 16px rgba(16,16,24,.08)}
.tv-perk__ic svg{width:27px;height:27px}
.tv-perk h3{font-size:clamp(21px,1.85vw,27px);font-weight:var(--fw-semibold,600);
  margin:0 0 9px;letter-spacing:-.02em;line-height:1.15;color:var(--tv-blue)}
.tv-perk--b h3{color:var(--tv-blue)}
.tv-perk p{margin:0;font-size:clamp(15.5px,1.25vw,17.5px);line-height:1.5;
  color:var(--od-grey-700,#3C4366);font-weight:var(--fw-medium,500)}

/* the two cards sit side by side under the Zero card on wide screens */
@media (min-width:981px){
  .tv-perks{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch}
  .tv-perks > *{min-width:0}
}

@media (max-width:980px){.tv-why{grid-template-columns:1fr}}
@media (max-width:560px){
  .tv-zero,.tv-perk{border-radius:var(--r-md,40px)}
}

/* ============================================================
   3 — PRODUCT LISTING
   ============================================================ */
.tv-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.tv-model{position:relative;background:#fff;border:1px solid var(--tv-line);
  border-radius:var(--r-lg,50px);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .22s,box-shadow .22s,border-color .22s; margin-bottom: 30px;}
.tv-model:hover{transform:translateY(-6px);border-color:#cfd7ea;
  box-shadow:0 30px 70px rgba(16,16,24,.14)}
.tv-model.is-picked{border-color:var(--tv-blue);
  box-shadow:0 0 0 2px var(--tv-blue) inset,0 24px 56px rgba(21,62,217,.14)}

/* ---- product shot ---- */
.tv-model__shot{position:relative;
  padding:clamp(12px,1.5vw,20px) clamp(20px,3vw,40px) clamp(0px,1.7vw,0px);
  display:grid;place-items:center;min-height:0;
  background:#fff;    padding-top: 40px !important;}
.tv-model__shot img{width:100%;max-width:430px;height:auto;display:block;
  filter:drop-shadow(0 26px 44px rgba(0,0,0,.3))}

/* ---- body ---- */
.tv-model__body{padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;flex:1 1 auto;    background: #fff;}

/* size switch + compare, above the title */
.tv-model__top{display:flex;align-items:center;justify-content:space-between;gap:14px;
  flex-wrap:wrap;margin-bottom:20px}
.tv-sizes{display:inline-flex;gap:5px;
  background:var(--tv-light);border:1.5px solid var(--tv-line);
  border-radius:var(--r-pill,999px);padding:5px}
.tv-sizes button{border:0;background:transparent;font-family:inherit;cursor:pointer;
  font-size:15.5px;font-weight:var(--fw-bold,700);color:var(--tv-muted);
  border-radius:var(--r-pill,999px);padding:11px 24px;transition:.16s;line-height:1}
.tv-sizes button:hover{color:var(--tv-ink);background:rgba(21,62,217,.07)}
.tv-sizes button.is-on{background:var(--tv-blue);color:#fff;
  box-shadow:0 8px 20px rgba(21,62,217,.3)}
.tv-sizes button.is-on:hover{background:var(--tv-blue)}
.tv-sizes button:focus-visible{outline:2px solid var(--tv-blue);outline-offset:2px}

/* compare checkbox */
.tv-pick{display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  font-size:13.5px;font-weight:var(--fw-semibold,600);color:var(--tv-muted);
  padding:6px 2px;user-select:none}
.tv-pick:hover{color:var(--tv-ink)}
.tv-pick__in{position:absolute;opacity:0;width:0;height:0}
.tv-pick__box{width:22px;height:22px;border-radius:7px;flex:0 0 auto;display:grid;
  place-items:center;background:#fff;border:1.8px solid var(--od-grey-400,#A7AECC);
  transition:.15s}
.tv-pick__box svg{width:0;height:0;color:#fff}
.tv-pick__in:checked + .tv-pick__box{background:var(--tv-blue);border-color:var(--tv-blue)}
.tv-pick__in:checked + .tv-pick__box svg{width:13px;height:13px}
.tv-pick__in:checked ~ .tv-pick__txt{color:var(--tv-blue)}
.tv-pick__in:focus-visible + .tv-pick__box{box-shadow:0 0 0 3px rgba(21,62,217,.25)}
.tv-pick__in:disabled + .tv-pick__box{opacity:.4}
.tv-pick:has(.tv-pick__in:disabled){cursor:not-allowed;opacity:.55}

.tv-model__body h3{font-size:clamp(21px,2.1vw,28px);font-weight:var(--fw-bold,700);
  letter-spacing:-.025em;margin:0 0 7px;line-height:1.15}
.tv-model__sub{font-size:13.5px;color:var(--tv-muted);margin:0 0 22px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.01em}

.tv-model .feat-list{margin:0 0 24px;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.tv-model .feat-list li{font-size:14px !important;line-height:1.4;min-width:0}

/* ---- price: no panel, badge hugging the figure ---- */
.tv-price{margin-top:auto;padding-top:20px;border-top:1px solid var(--tv-line)}
.tv-price__was{font-size:18px;color:var(--tv-muted);text-decoration:line-through;margin:0}
.tv-price__row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.tv-price__now{font-size:clamp(28px,3vw,38px);font-weight:var(--fw-extrabold,800);
  letter-spacing:-.03em;margin:0;line-height:1;color:var(--tv-ink)}
.tv-price__mo{margin:10px 0 0;font-size:20px;color:#000;
  font-weight:var(--fw-medium,500)}
.tv-price__mo b{color:var(--tv-ink);font-weight:var(--fw-bold,700)}

.tv-model__flag{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;text-align:center;flex:0 0 auto;
  background:var(--amber-gold,#EBA72A);color:var(--tv-ink);
  border-radius:16px;padding:9px 14px;
  box-shadow:0 10px 22px rgba(235,167,42,.34)}
.tv-model__flag small{display:block;font-size:9px;font-weight:var(--fw-bold,700);
  letter-spacing:.14em;text-transform:uppercase;opacity:.78;line-height:1}
.tv-model__flag b{display:block;font-size:clamp(15px,1.5vw,19px);
  font-weight:var(--fw-extrabold,800);letter-spacing:-.02em;line-height:1.1;white-space:nowrap}

/* zero interest / zero deposit */
.tv-zeroline{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  margin:5px 0 0;border-radius:var(--r-pill,999px);color:var(--tv-blue);
  font-size:13px;font-weight:var(--fw-bold,700);letter-spacing:.01em}
.tv-zeroline svg{width:15px;height:15px;flex:0 0 auto}

.tv-model .tv-btn{width:100%;justify-content:center;margin-top:20px}

@media (max-width:1180px){.tv-model .feat-list{grid-template-columns:1fr}}
@media (max-width:900px){
  .tv-models{grid-template-columns:1fr}
  .tv-model .feat-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){.tv-model .feat-list{grid-template-columns:1fr}}
@media (max-width:560px){
  .tv-model{border-radius:var(--r-md,40px)}
  .tv-sizes button{padding:11px 18px;font-size:15px}
}

/* The top row now holds only the size switch. It was laid out with
   space-between to push the Compare control to the far end; with one
   child left that would still work, but flex-start says what is meant. */
.tv-model__top{
  justify-content:flex-start;
  margin-bottom:18px;
}

/* The control itself, centred under the full-width button.
   .tv-model .tv-pick (0,2,0) outranks the base .tv-pick (0,1,0),
   so these win wherever they disagree. */
.tv-model .tv-pick{
  align-self:left;        /* .tv-model__body is a flex column, so this
                               centres the label and shrinks it to its
                               content instead of stretching it wide */
  position:relative;        /* holds .tv-pick__in, which is absolutely
                               positioned, inside the label */
  margin-top:14px;
  padding:6px 4px;
  font-size:14px;
}

/* a slightly larger target now that it stands on its own */
.tv-model .tv-pick__box{
  width:21px;height:21px;border-radius:6px;
}

/* keep the whole row legible on small cards */
@media (max-width:520px){
  .tv-model .tv-pick{margin-top:12px;font-size:13.5px}
}


/* ============================================================
   COMPARE — sticky tray + modal
   ============================================================ */
.tv-tray{position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:rgba(11,12,16,.96);backdrop-filter:blur(10px);
  border-top:1px solid rgba(255,255,255,.14);
  transform:translateY(110%);visibility:hidden;pointer-events:none;
  transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s}
.tv-tray.is-open{transform:translateY(0);visibility:visible;pointer-events:auto;
  transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s}
.tv-tray__in{display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px 0;flex-wrap:wrap}
.tv-tray__items{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.tv-tray__slot{display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  border-radius:16px;padding:8px 10px 8px 8px;max-width:270px}
.tv-tray__slot img{width:46px;height:34px;object-fit:contain;flex:0 0 auto;
  background:rgba(255,255,255,.08);border-radius:9px}
.tv-tray__slot span{font-size:12.5px;font-weight:var(--fw-semibold,600);color:#fff;
  line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-tray__x{border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;
  width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  font-size:15px;line-height:1;transition:.15s}
.tv-tray__x:hover{background:var(--energy-coral,#EB5D5B)}
.tv-tray__hint{font-size:13px;color:rgba(255,255,255,.7);margin:0}
.tv-tray__act{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tv-tray__clear{border:0;background:transparent;color:rgba(255,255,255,.72);
  font-family:inherit;font-size:13.5px;font-weight:var(--fw-semibold,600);cursor:pointer;
  text-decoration:underline;padding:8px}
.tv-tray__clear:hover{color:#fff}
.tv-tray .tv-btn{padding:14px 26px}
.tv-tray .tv-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}

/* modal */
.tv-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px}
.tv-modal[hidden]{display:none}
.tv-modal__back{position:absolute;inset:0;background:rgba(8,9,20,.72);
  backdrop-filter:blur(4px)}
.tv-modal__box{position:relative;z-index:1;background:#fff;color:var(--tv-ink);
  border-radius:var(--r-md,40px);width:min(1100px,100%);max-height:88vh;
  display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 40px 100px rgba(0,0,0,.45)}
.tv-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:clamp(20px,3vw,30px) clamp(20px,3vw,34px);border-bottom:1px solid var(--tv-line)}
.tv-modal__head h2{margin:0;font-size:clamp(20px,2.3vw,28px);font-weight:var(--fw-bold,700);
  letter-spacing:-.02em}
.tv-modal__x{border:0;background:var(--tv-light);color:var(--tv-ink);cursor:pointer;
  width:42px;height:42px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  transition:.15s}
.tv-modal__x svg{width:18px;height:18px}
.tv-modal__x:hover{background:var(--tv-ink);color:#fff}
.tv-modal__body{overflow:auto;-webkit-overflow-scrolling:touch;
  padding:clamp(18px,2.4vw,26px) clamp(18px,3vw,34px) clamp(24px,3vw,34px)}

.tv-ctab{width:100%;border-collapse:collapse;font-size:14.5px}
.tv-ctab th,.tv-ctab td{padding:14px 16px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--tv-line)}
.tv-ctab tbody tr:last-child td,.tv-ctab tbody tr:last-child th{border-bottom:0}
.tv-ctab tbody tr:nth-child(odd) td,.tv-ctab tbody tr:nth-child(odd) th{background:var(--tv-light)}
.tv-ctab th[scope=row]{font-weight:var(--fw-bold,700);color:var(--tv-ink);
  width:190px;white-space:nowrap}
.tv-ctab thead th{border-bottom:2px solid var(--tv-line);background:#fff;vertical-align:bottom}
.tv-chead{display:flex;flex-direction:column;gap:10px;min-width:150px}
.tv-chead img{width:100%;max-width:170px;height:auto;border-radius:14px;
  background:var(--tv-light);padding:8px}
.tv-chead b{font-size:15px;font-weight:var(--fw-bold,700);line-height:1.25;
  letter-spacing:-.015em}
.tv-chead span{font-size:12px;color:var(--tv-muted);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.tv-ctab .is-price{font-size:20px;font-weight:var(--fw-extrabold,800);
  letter-spacing:-.02em;color:var(--tv-ink)}
.tv-modal__hint{display:none;font-size:12.5px;color:var(--tv-muted);text-align:center;
  margin:14px 0 0}
.tv-ctab .is-save{display:inline-block;margin-top:4px;background:var(--amber-gold,#EBA72A);
  color:var(--tv-ink);border-radius:var(--r-pill,999px);padding:4px 11px;
  font-size:11.5px;font-weight:var(--fw-bold,700)}
@media (max-width:760px){
  .tv-modal{padding:0}
  .tv-modal__box{border-radius:0;max-height:100vh;height:100vh;width:100%}
  .tv-modal__body{padding:16px}
  .tv-ctab{font-size:13px;min-width:520px}
  .tv-ctab th,.tv-ctab td{padding:11px 12px}
  .tv-ctab th[scope=row]{width:130px}
  .tv-modal__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tv-modal__hint{display:block}
  .tv-tray__in{padding:12px 0;gap:12px}
  .tv-tray__slot span{display:none}
  .tv-tray__slot{padding:7px;max-width:none}
  .tv-tray .tv-btn{flex:1 1 auto;justify-content:center}
}
body.tv-locked{overflow:hidden}

/* ============================================================
   4 — BIG PICTURE, BIGGER SOUND
   ============================================================ */
.tv-sound{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,60px);
  align-items:center}
.tv-sound > *{min-width:0}
.tv-sound h2{font-size:clamp(32px,4.6vw,58px);
  letter-spacing:-.035em;line-height:1.04;margin:14px 0 38px}
.tv-sound h2 em{font-style:normal;color:var(--tv-aqua)}
.tv-sound p{font-size:clamp(15px,1.25vw,18px);line-height:1.65;margin:0 0 26px;
  max-width:46ch}
/* a lit backdrop panel — a black soundbar needs something to read against */
.tv-sound__art{position:relative;display:grid;place-items:center;
  border-radius:var(--r-lg,50px);padding:clamp(30px,4vw,58px);


  backdrop-filter:blur(8px);
}
.tv-sound__art::before{content:"";position:absolute;inset:10% 8%;border-radius:50%;
  filter:blur(46px);z-index:0;
  background:radial-gradient(circle,rgba(0,180,200,.55),rgba(21,62,217,.34) 52%,transparent 76%);
  animation:tvGlowB 7s ease-in-out infinite}
@keyframes tvGlowB{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
.tv-sound__art img{position:relative;z-index:1;width:100%;max-width:560px;height:auto;
  display:block;animation:tvFloat 7.5s ease-in-out infinite}

.tv-roundel{position:absolute;z-index:2;right:-2%;bottom:-4%;
  width:clamp(104px,14vw,180px);aspect-ratio:1;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;line-height:1.15;color:#fff;
  background:var(--tv-aqua);box-shadow:0 18px 44px rgba(0,180,200,.4);
  font-size:clamp(13px,1.5vw,18px);font-weight:var(--fw-extrabold,800);padding:12px}

  .tv-roundel2{position:absolute;z-index:2;right:-2%;bottom:-4%;
    width:35%;aspect-ratio:1;border-radius:50%;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;line-height:1.15;color:#fff;
    background:var(--tv-aqua);box-shadow:0 18px 44px rgba(0,180,200,.4);
    font-size:clamp(13px,1.5vw,18px);font-weight:var(--fw-extrabold,800);}

.tv-roundel span{display:block;font-size:clamp(9.5px,1.1vw,12px);
  font-weight:var(--fw-extrabold,800);color:#fff;margin-top:5px}

/* ---- sound: an equaliser that plays under the product ---- */
.tv-eq{position:absolute;z-index:1;left:0;right:0;bottom:0;
  height:46%;display:flex;align-items:flex-end;justify-content:center;
  gap:clamp(2px,.55vw,6px);
  padding:0 clamp(16px,3vw,40px) clamp(18px,2.6vw,34px);
  pointer-events:none;overflow:hidden;
  mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.tv-eq i{flex:1 1 0;min-width:0;max-width:13px;height:var(--h);
  border-radius:99px;transform-origin:bottom;opacity:.7;
  background:linear-gradient(180deg,var(--tv-aqua),rgba(21,62,217,.22));
  animation:tvEq var(--t) ease-in-out var(--d) infinite alternate}
@keyframes tvEq{from{transform:scaleY(.14)}to{transform:scaleY(1)}}

/* a faster beat layered over the slow glow */
.tv-sound__art::after{content:"";position:absolute;z-index:0;
  left:50%;bottom:14%;width:min(420px,62%);aspect-ratio:1;
  transform:translateX(-50%);border-radius:50%;filter:blur(40px);
  background:radial-gradient(circle,rgba(0,180,200,.42),transparent 68%);
  animation:tvBeat 1.9s ease-in-out infinite}
@keyframes tvBeat{0%,100%{opacity:.3;transform:translateX(-50%) scale(.82)}
                  50%    {opacity:.8;transform:translateX(-50%) scale(1.04)}}

/* the little four-bar glyph beside the eyebrow */
.tv-eqmini{display:inline-flex;align-items:flex-end;gap:2.5px;height:13px;
  margin-right:9px;vertical-align:-1px}
.tv-eqmini i{width:2.5px;height:100%;border-radius:99px;background:currentColor;
  transform-origin:bottom;
  animation:tvEq var(--t) ease-in-out var(--d) infinite alternate}
@media (prefers-reduced-motion:reduce){
  .tv-sound__art::before,.tv-sound__art::after,.tv-sound__art img,
  .tv-eq i,.tv-eqmini i{animation:none}
  .tv-eq i{transform:scaleY(.55)}
}
@media (max-width:900px){
  .tv-sound{grid-template-columns:1fr;text-align:center}
  .tv-sound p{margin-left:auto;margin-right:auto}
  .tv-sound .tv-btn{margin:0 auto}
  .tv-sound__copy{display:flex;flex-direction:column;align-items:center}
}

@media (max-width:767px){

  .tv-roundel{position:absolute;z-index:2;right:-72%;bottom:-73%;
    width:166% !important;aspect-ratio:1;border-radius:50%;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;line-height:1.15;color:#fff;
    background:var(--tv-aqua);box-shadow:0 18px 44px rgba(0,180,200,.4);
    font-size:clamp(13px,1.5vw,18px);font-weight:var(--fw-extrabold,800);}


    .tv-roundel2{position:absolute;z-index:2;right:-2%;bottom:-4%;
      width:50%;aspect-ratio:1;border-radius:50%;
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      text-align:center;line-height:1.15;color:#fff;
      background:var(--tv-aqua);box-shadow:0 18px 44px rgba(0,180,200,.4);
      font-size:clamp(13px,1.5vw,18px);font-weight:var(--fw-extrabold,800);padding:23px;}

      span.worthprice {font-size: 16px !important;}

}

/* ============================================================
   6 — HOW TO GET YOURS  (layout kept, background adapted)
   ============================================================ */
.tv-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tv-steps > *{min-width:0}
.tv-step{background:#fff;border:1px solid var(--tv-line);border-radius:var(--r-lg,50px);
  padding:clamp(24px,3vw,36px);transition:transform .2s,box-shadow .2s}
.tv-step:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(16,16,24,.1)}
.tv-step__fig{background:var(--od-lavender,#DEE4FA);border-radius:var(--r-sm,30px);
  padding:22px;margin-bottom:24px;display:grid;place-items:center;min-height:132px}
.tv-step__fig svg{width:100%;height:auto;max-width:260px}
.tv-step h3{font-size:clamp(18px,1.8vw,22px);font-weight:var(--fw-semibold,600);
  margin:0 0 8px;display:flex;gap:10px;align-items:baseline}
.tv-step__n{color:var(--tv-blue);font-weight:var(--fw-extrabold,800)}
.tv-step p{margin:0;font-size:14.5px;line-height:1.6;color:var(--tv-muted)}
@media (max-width:900px){.tv-steps{grid-template-columns:1fr}}
@media (max-width:560px){.tv-step{border-radius:var(--r-md,40px)}}


.termsandco ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.termsandco ol > li {
    padding-left: 0.35rem;
    margin-bottom: 1rem;
    line-height: 1.6;
	text-align: left;
}

.termsandco ul {
    padding-left: 1.5rem;
    margin-top: 0.5rem;
}

.termsandco ul li {
    margin-bottom: 0.35rem;
}

@media (max-width: 576px) {
    .termsandco ol {
        padding-left: 1.25rem;
    }

    .termsandco ol > li {
        padding-left: 0.2rem;
        margin-bottom: 0.85rem;
    }
}



/* ============================================================
   myt · Television hero block
   Standalone stylesheet. Every colour, radius and weight falls
   back to a literal, so the block renders correctly with or
   without ds.css loaded.
   All class names are tvh- prefixed — nothing collides.
   ============================================================ */

   .tvh{
     --tvh-ink:    var(--od-black,    #14151b);
     --tvh-body:   var(--od-grey-700, #3C4366);
     --tvh-muted:  var(--od-grey-600, #5E6488);
     --tvh-line:   var(--od-grey-200, #E3E7F0);
     --tvh-blue:   var(--myt-blue,    #153ED9);
     --tvh-bright: var(--myt-digital, #0A6ED2);
     padding: 110px 0px 60px;
     position:relative;
     font-family:var(--font,'Poppins',system-ui,sans-serif);
     color:var(--tvh-ink);
     background:
       radial-gradient(900px 620px at 78% 42%, rgba(167,202,232,.42), transparent 68%),
       linear-gradient(152deg,#FDFEFF 0%,#F2F7FC 38%,#DFEAF5 100%);
   }

   .tvh__inner{
     max-width:var(--container,1270px);
     margin:0 auto;
     padding:74px 24px 52px;
     display:grid;
     grid-template-columns:minmax(0,.98fr) minmax(0,1.12fr);
     gap:56px;
     align-items:center;
   }

   /* ---------------- copy ---------------- */
   .tvh__title{
     margin:0 0 20px;
     color:var(--tvh-ink);
     font-size:49px;
     font-weight:var(--fw-bold,700);
     line-height:1.08;
     letter-spacing:-.035em;
   }

   .tvh__lede{
     margin:0 0 22px;
     max-width:34ch;
     font-size:19px;
     line-height:1.5;
     color:var(--tvh-body);
   }
   .tvh__lede b{font-weight:var(--fw-semibold,600);color:var(--tvh-ink)}

   .tvh__save{
     margin:0 0 30px;
     color:var(--tvh-blue);
     font-size:29px;
     font-weight:var(--fw-bold,700);
     letter-spacing:-.02em;
   }

   .tvh__cta{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
   .tvh__btn{
     display:inline-flex;align-items:center;justify-content:center;
     background:var(--tvh-blue);color:#fff;text-decoration:none;
     font-size:16px;font-weight:var(--fw-semibold,600);line-height:1;
     padding:18px 34px;border-radius:var(--r-pill,999px);border:0;cursor:pointer;
     font-family:inherit;
     transition:background .18s,transform .18s,box-shadow .18s;
   }
   .tvh__btn:hover{
     background:var(--tvh-ink);color:#fff;transform:translateY(-2px);
     box-shadow:0 12px 28px rgba(21,62,217,.26);
   }
   .tvh__btn:focus-visible{outline:2px solid var(--tvh-ink);outline-offset:3px}

   /* ---------------- product shot ----------------
      .tvh__shot shrink-wraps the picture, so the offer card's position is
      measured against the PICTURE rather than the wider grid column. The
      image is bounded by max-width AND max-height with both dimensions
      auto, so it scales to fit whichever is tighter and keeps its own
      proportions — no aspect ratio is hard-coded anywhere.
      ------------------------------------------------ */
   .tvh__art{position:relative;min-width:0;display:flex;justify-content:center}
   .tvh__shot{position:relative;min-width:0}
   .tvh__art img{
     display:block;width:auto;height:auto;
     max-width:100%;
     max-height:534px;          /* stepped down by the height rules below */
     filter:drop-shadow(0 30px 44px rgba(28,52,92,.18));
   }

   /* the offer card — on the floor of the shot, below the soundbar.
      These two numbers place it; nudge them if it does not land right.
      --tvh-gift-x is the card's CENTRE, measured across the picture. On a
      short screen the picture is capped by height and so is narrower than
      its column; the card is allowed to use that spare width rather than
      wrapping onto two lines and climbing up onto the soundbar.           */
   .tvh__shot{
     --tvh-gift-x:37%;   /* centre of the card, across the picture   */
     --tvh-gift-y:2%;    /* how far up from the bottom of the picture */
   }
   .tvh__gift{
     position:absolute;z-index:2;
     left:var(--tvh-gift-x);bottom:var(--tvh-gift-y);
     transform:translateX(-50%);
     width:max-content;
     display:flex;align-items:center;gap:22px;
     background:#fff;border-radius:16px;
     padding:20px 26px;
     box-shadow:0 16px 40px rgba(28,52,92,.16);
   }
   .tvh__gift-ic{
     flex:0 0 auto;width:44px;height:44px;
     display:grid;place-items:center;color:var(--tvh-bright);
     border-right:1px solid var(--tvh-line);padding-right:22px;
     box-sizing:content-box;
   }
   .tvh__gift-ic svg{width:100%;height:100%}
   .tvh__gift b{
     display:block;font-size:17px;font-weight:var(--fw-bold,700);
     color:var(--tvh-ink);line-height:1.25;
   }
   .tvh__gift span{
     display:block;margin-top:3px;font-size:14px;color:var(--tvh-muted);
   }

   /* ---------------- trust strip ---------------- */
   .tvh__trust{background:#fff}
   .tvh__trust-in{
     max-width:var(--container,1270px);
     margin:0 auto;
     padding:30px 24px;
     display:grid;
     grid-template-columns:repeat(3,minmax(0,1fr));
   }
   .tvh__perk{
     display:flex;align-items:center;justify-content:center;gap:18px;
     min-width:0;font-size:20px;font-weight:var(--fw-semibold,600);
     color:var(--tvh-ink);
   }
   .tvh__perk + .tvh__perk{border-left:1px solid var(--tvh-line)}
   .tvh__perk-ic{
     flex:0 0 auto;width:46px;height:46px;
     border-radius:50%;border:1.6px solid var(--tvh-bright);
     display:grid;place-items:center;color:var(--tvh-bright);
   }
   .tvh__perk-ic svg{width:48%;height:48%}
   .tvh__perk-t{min-width:0}
   /* pinned, so a global font-size rule in ds.css can't inflate it */
   .tvh__perk-t small{
     display:block;margin-top:2px;
     font-size:13.5px!important;
     font-weight:var(--fw-medium,500);line-height:1.35;
     color:var(--tvh-muted);
   }

   /* ============================================================
      2. WIDTH — the layout stacking
      ============================================================ */

   /* narrower desktops: the type comes down a step */
   @media (max-width:1240px){
     .tvh__inner{padding:60px 24px 44px;gap:44px}
     .tvh__title{font-size:42px}
     .tvh__lede{font-size:18px}
     .tvh__save{font-size:26px}
     .tvh__perk{font-size:18px;gap:14px}
     .tvh__perk-ic{width:42px;height:42px}
   }

   /* one column */
   @media (max-width:1040px){
     .tvh__inner{grid-template-columns:1fr;gap:34px}
     .tvh__lede{max-width:48ch}
     .tvh__art{max-width:640px;width:100%;margin:0 auto}
     .tvh__title{font-size:40px}
   }

   @media (max-width:760px){
     .tvh__inner{padding:48px 24px 36px}
     .tvh__title{font-size:36px}
     .tvh__trust-in{grid-template-columns:1fr;gap:4px;padding:18px 20px}
     .tvh__perk{justify-content:flex-start;padding:12px 0}
     .tvh__perk + .tvh__perk{border-left:0;border-top:1px solid var(--tvh-line)}
     .imgstyle {padding-bottom: 0px!important;}
   }

   @media (max-width:620px){
     .tvh__inner{padding:34px 24px 26px}
     .tvh__title{font-size:32px;margin-bottom:16px}
     .tvh__lede{font-size:15px;margin-bottom:18px}
     .tvh__save{font-size:21px;margin-bottom:24px}
     .tvh__btn{flex:1 1 auto;padding:16px 28px}

     /* the card stops floating and sits under the picture, where it stays
        readable at this size */
     .tvh__gift{
       position:static;transform:none;width:auto;
       margin-top:16px;border-radius:14px;padding:16px 20px;gap:16px;
     }
     .tvh__gift-ic{width:36px;height:36px;padding-right:16px}
     .tvh__gift b{font-size:15px}
     .tvh__gift span{font-size:12.5px}
     .tvh__art img{filter:drop-shadow(0 18px 28px rgba(28,52,92,.16))}
   }

   /* ============================================================
      3. HEIGHT — keeping the block on one screen
      ------------------------------------------------------------
      A MacBook hands the page ~790px of height; a 1366x768 Windows
      laptop hands it ~625px once browser chrome and the taskbar are
      gone, and a 1080p screen at 125% scaling ~724px. The site menu
      takes about another 100px off all of those, so without these
      rules the perk strip falls below the fold on Windows laptops.

      These steps assume ROUGHLY 100px above the hero. If the menu
      changes height a lot, shift the four breakpoints by the same
      amount. Side-by-side layout only: once it stacks (<=1040px)
      the page is meant to scroll.
      ============================================================ */

   @media (min-width:1041px) and (max-height:900px){
     .tvh__inner{padding:66px 24px 70px}
     .tvh__title{font-size:54px;margin-bottom:16px}
     .tvh__lede{font-size:18px;margin-bottom:18px}
     .tvh__save{font-size:26px;margin-bottom:24px}
     .tvh__art img{max-height:510px}
     .tvh__trust-in{padding:24px}
     .tvh__perk{font-size:18px}
     .tvh__perk-ic{width:42px;height:42px}
   }

   @media (min-width:1041px) and (max-height:820px){
     .tvh__inner{padding:44px 24px 32px}
     .tvh__title{font-size:38px;margin-bottom:14px}
     .tvh__lede{font-size:17px;margin-bottom:16px}
     .tvh__save{font-size:24px;margin-bottom:20px}
     .tvh__btn{padding:15px 30px}
     .tvh__art img{max-height:460px}
     .tvh__trust-in{padding:20px 24px}
     .tvh__perk{font-size:17px;gap:14px}
     .tvh__perk-ic{width:40px;height:40px}
     .tvh__gift{padding:16px 22px;gap:18px}
     .tvh__gift-ic{width:38px;height:38px;padding-right:18px}
     .tvh__gift b{font-size:16px}
     .tvh__gift span{font-size:13px}
   }

   @media (min-width:1041px) and (max-height:740px){
     .tvh__inner{padding:34px 24px 26px}
     .tvh__title{font-size:34px;margin-bottom:12px}
     .tvh__lede{font-size:16px;margin-bottom:14px}
     .tvh__save{font-size:22px;margin-bottom:18px}
     .tvh__btn{padding:14px 28px;font-size:15px}
     .tvh__art img{max-height:405px}
     .tvh__trust-in{padding:16px 24px}
     .tvh__perk{font-size:16px;gap:12px}
     .tvh__perk-ic{width:38px;height:38px}
     .tvh__perk-t small{font-size:12px!important}
     .tvh__gift{padding:14px 20px;gap:16px}
     .tvh__gift-ic{width:34px;height:34px;padding-right:16px}
     .tvh__gift b{font-size:15px}
     .tvh__gift span{font-size:12.5px}
   }

   @media (min-width:1041px) and (max-height:660px){
     .tvh__inner{padding:26px 24px 20px}
     .tvh__title{font-size:30px;margin-bottom:10px}
     .tvh__lede{font-size:15px;margin-bottom:12px}
     .tvh__save{font-size:20px;margin-bottom:14px}
     .tvh__btn{padding:13px 26px;font-size:15px}
     .tvh__art img{max-height:365px}
     .tvh__trust-in{padding:13px 24px}
     .tvh__perk{font-size:15px;gap:10px}
     .tvh__perk-ic{width:34px;height:34px}
     .tvh__perk-t small{font-size:11.5px!important}
     .tvh__gift{padding:12px 18px;gap:14px}
     .tvh__gift-ic{width:32px;height:32px;padding-right:14px}
     .tvh__gift b{font-size:14px}
     .tvh__gift span{font-size:12px}
   }

   @media (min-width:1041px) and (max-height:600px){
     .tvh__inner{padding:20px 24px 16px}
     .tvh__title{font-size:27px;margin-bottom:8px}
     .tvh__lede{font-size:14px;margin-bottom:10px}
     .tvh__save{font-size:19px;margin-bottom:12px}
     .tvh__btn{padding:12px 24px;font-size:14px}
     .tvh__art img{max-height:315px}
     .tvh__trust-in{padding:11px 24px}
     .tvh__perk{font-size:14px;gap:9px}
     .tvh__perk-ic{width:30px;height:30px}
     .tvh__perk-t small{font-size:11px!important}
     .tvh__gift{padding:10px 16px;gap:12px}
     .tvh__gift-ic{width:28px;height:28px;padding-right:12px}
     .tvh__gift b{font-size:13.5px}
     .tvh__gift span{font-size:11.5px}
   }

   @media (prefers-reduced-motion:reduce){
     .tvh__btn{transition:none}
     .tvh__btn:hover{transform:none}
   }
.imgstyle {padding-bottom: 30px;}

/* TV */