/* Live Tech Premium Suite – components (coupon bar, trust strip, brands, product badges) */

/* ---------- Coupon bar ---------- */
.ltps-cb{
  --gold:#e8c35a; --gold-d:#b8902a; --ink:#0a0a0f;
  position:relative; z-index:99999; width:100%;
  background:radial-gradient(120% 220% at 50% -80%, #2a2440 0%, #14121f 45%, #09090e 100%);
  color:#f4f1ea; font-size:14px; line-height:1.35;
  border-bottom:1px solid rgba(232,195,90,.35); overflow:hidden;
}
.ltps-cb.ltps-cb--pending{ display:none; }
.ltps-cb *{ box-sizing:border-box; }
.ltps-cb__line{
  position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),#fff6d6,var(--gold),transparent);
  background-size:200% 100%; animation:ltpsShine 4s linear infinite; opacity:.9;
}
@keyframes ltpsShine{ from{background-position:200% 0} to{background-position:-200% 0} }
.ltps-cb__inner{
  max-width:1320px; margin:0 auto; padding:10px 52px 11px 18px;
  display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:nowrap;
}
.ltps-cb__badge{
  display:inline-flex; align-items:center; gap:6px;
  background:linear-gradient(135deg,#f7dc86,var(--gold-d)); color:var(--ink);
  font-weight:800; font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase;
  padding:5px 11px; border-radius:30px; white-space:nowrap;
  box-shadow:0 2px 10px rgba(232,195,90,.35);
}
.ltps-cb__text{ margin:0; font-weight:500; letter-spacing:.2px; color:#f4f1ea; }
.ltps-cb__text strong{
  font-weight:800; font-size:1.08em;
  background:linear-gradient(90deg,#f7dc86,#fff3c4);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.ltps-cb__sub{ opacity:.75; margin-left:4px; }
.ltps-cb__ticket{
  position:relative; display:inline-flex; align-items:stretch; padding:0; margin:0; cursor:pointer;
  background:rgba(255,255,255,.05); border:1.5px dashed var(--gold); border-radius:8px; overflow:hidden;
  color:#fff; font:inherit; transition:transform .15s, background .2s;
}
.ltps-cb__ticket:hover{ background:rgba(232,195,90,.12); }
.ltps-cb__ticket:active{ transform:scale(.97); }
.ltps-cb__code{ padding:6px 13px; font-weight:800; letter-spacing:2px; color:var(--gold); font-size:14px; }
.ltps-cb__copy{
  display:inline-flex; align-items:center; gap:5px; padding:0 11px;
  background:linear-gradient(135deg,#f7dc86,var(--gold-d)); color:var(--ink);
  font-weight:700; font-size:12px;
}
.ltps-cb__copy em{ font-style:normal; }
.ltps-cb__apply{
  display:inline-flex; align-items:center; white-space:nowrap; padding:7px 16px; border-radius:30px;
  text-decoration:none; background:#fff; color:var(--ink) !important; font-weight:700; font-size:12.5px;
  transition:transform .15s, box-shadow .2s;
}
.ltps-cb__apply:hover{ transform:translateY(-1px); box-shadow:0 4px 14px rgba(255,255,255,.25); }
.ltps-cb__close{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  width:32px; height:32px; border:0; border-radius:50%;
  background:rgba(255,255,255,.08); color:#cfcfd6; font-size:20px; line-height:1; cursor:pointer; padding:0;
}
.ltps-cb__close:hover{ background:rgba(255,255,255,.18); color:#fff; }

/* ---------- Product page badges ---------- */
.ltps-ptrust{
  list-style:none; margin:18px 0 0; padding:14px 16px;
  display:flex; flex-wrap:wrap; gap:10px 22px;
  background:linear-gradient(135deg,#0d0d14,#1c1830);
  border:1px solid rgba(232,195,90,.35); border-radius:16px; color:#f4f1ea;
}
.ltps-ptrust li{ display:flex; align-items:center; gap:9px; font-size:13px; font-weight:600; margin:0; padding:0; }
.ltps-ptrust__icon{
  flex:0 0 30px; width:30px; height:30px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#f7dc86,#b8902a); color:#0d0d14;
}
.ltps-ptrust__icon svg{ width:16px; height:16px; }

/* ---------- Home sections ---------- */
.lt-trust,.lt-brands{ max-width:1300px; margin:0 auto; padding:10px 16px; box-sizing:border-box; }
.lt-trust *,.lt-brands *{ box-sizing:border-box; }
.lt-trust__grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:16px;
  background:linear-gradient(135deg,#0d0d14 0%,#1c1830 60%,#0d0d14 100%);
  border:1px solid rgba(232,195,90,.35); border-radius:20px; padding:22px;
  box-shadow:0 14px 40px rgba(13,13,20,.25);
}
.lt-trust__item{ display:flex; align-items:center; gap:14px; color:#f4f1ea; }
.lt-trust__icon{
  flex:0 0 46px; width:46px; height:46px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#f7dc86,#b8902a); color:#0d0d14;
}
.lt-trust__icon svg{ width:22px; height:22px; }
.lt-trust__title{ font-weight:700; font-size:15px; margin:0 0 2px; color:#fff; }
.lt-trust__desc{ font-size:12.5px; margin:0; opacity:.75; line-height:1.35; color:#f4f1ea; }

.lt-brands__head{ text-align:center; margin:14px 0 18px; }
.lt-brands__head h2{ margin:0 0 6px; font-size:28px; letter-spacing:-.4px; }
.lt-brands__head p{ margin:0; opacity:.7; }
.lt-brands__grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.lt-brands__card{
  display:flex; align-items:center; justify-content:center; text-align:center;
  min-height:64px; padding:12px; border-radius:14px; text-decoration:none;
  background:#fff; color:#0d0d14; font-weight:700; font-size:14px;
  border:1px solid #e8eaf2; box-shadow:0 4px 14px rgba(13,13,20,.05);
  transition:transform .2s, box-shadow .2s, border-color .2s, background .2s;
}
.lt-brands__card:hover{
  transform:translateY(-4px); border-color:#e8c35a;
  box-shadow:0 12px 26px rgba(184,144,42,.25);
  background:linear-gradient(135deg,#fffaf0,#fff);
}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .lt-trust__grid{ grid-template-columns:repeat(2,1fr); }
  .lt-brands__grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px){
  .ltps-cb__inner{ gap:10px; padding-left:12px; }
  .ltps-cb__sub{ display:none; }
}
@media (max-width:640px){
  .ltps-cb{ font-size:13px; padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); }
  .ltps-cb__inner{ flex-wrap:wrap; gap:8px 10px; padding:9px 40px 11px 12px; }
  .ltps-cb__badge{ display:none; }
  .ltps-cb__text{ flex:1 1 100%; text-align:center; font-size:13px; }
  .ltps-cb__sub{ display:inline; }
  .ltps-cb__ticket,.ltps-cb__apply{ min-height:36px; }
  .ltps-cb__ticket{ flex:0 0 auto; }
  .ltps-cb__apply{ flex:0 0 auto; padding:0 18px; }
  .ltps-cb__close{ top:12px; transform:none; right:8px; width:28px; height:28px; font-size:18px; }

  .ltps-ptrust{ padding:12px; gap:8px 14px; }
  .ltps-ptrust li{ font-size:12.5px; }

  .lt-trust__grid{ grid-template-columns:1fr 1fr; gap:12px; padding:14px; border-radius:16px; }
  .lt-trust__item{ flex-direction:column; text-align:center; gap:8px; }
  .lt-trust__title{ font-size:13px; }
  .lt-trust__desc{ font-size:11.5px; }
  .lt-brands__head h2{ font-size:22px; }
  .lt-brands__grid{ grid-template-columns:repeat(2,1fr); gap:10px; }
  .lt-brands__card{ min-height:54px; font-size:13px; }
}
@media (max-width:360px){
  .ltps-cb__code{ padding:6px 9px; letter-spacing:1px; }
  .ltps-cb__apply{ padding:0 12px; }
}
@media (prefers-reduced-motion:reduce){
  .ltps-cb__line{ animation:none; }
}