/*
 * LeadCPI Offers Route CSS — V54 Topbar / Rightbar Frame Fix
 * Route: /offers only.
 * Purpose: one route CSS file. Hero cluster uses transparent assets, balanced reward-site composition, no emoji/CSS content icons.
 */
:root{
  --of-bg:#070d1a;
  --of-panel:#0d1831;
  --of-panel-2:#111b3a;
  --of-border:#29477f;
  --of-border-soft:rgba(72,112,190,.62);
  --of-text:#f4f7ff;
  --of-muted:#9facbf;
  --of-purple:#a733ff;
  --of-magenta:#e044ff;
  --of-blue:#2e8bff;
  --of-green:#21ff79;
  --of-yellow:#ffd331;
  --of-orange:#ff7c22;
  --of-radius:13px;
  --of-shadow:0 18px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05);
}

body.lcpi-offers-clean{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(760px 520px at 71% 10%,rgba(139,23,183,.30),transparent 60%),
    radial-gradient(620px 470px at 23% 2%,rgba(20,100,167,.22),transparent 58%),
    #060b17;
  color:var(--of-text);
  overflow-x:hidden;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:500;
}

/* V54 frame rule:
   leftbar stays shared from Index;
   topbar spans MAIN + RIGHT columns;
   rightbar starts BELOW topbar, aligned with hero/main content. */
.lcpi-offers-clean .offers-page-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:216px minmax(0,1fr) 320px;
  grid-template-rows:52px auto auto;
  column-gap:16px;
  row-gap:12px;
  padding:16px 16px 16px 0;
  box-sizing:border-box;
  align-items:start;
}
.lcpi-offers-clean .lcpi-sidebar{grid-column:1;grid-row:1/4;min-width:0;z-index:3}
.lcpi-offers-clean .lcpi-offers-topbar{grid-column:2/4;grid-row:1;min-width:0;z-index:4}
.lcpi-offers-clean .offers-mainbar{grid-column:2;grid-row:2;min-width:0;z-index:2}
.lcpi-offers-clean .offers-rightbar{grid-column:3;grid-row:2;min-width:0;display:flex;flex-direction:column;gap:12px;z-index:2}
.lcpi-offers-clean .offers-footerbar{grid-column:2/4;grid-row:3;min-width:0;z-index:1}

/* Route topbar: flex, not grid. */
.lcpi-offers-clean .lcpi-offers-topbar{
  height:52px;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  width:100%;
  box-sizing:border-box;
  overflow:visible;
}
.lcpi-offers-clean .lcpi-offers-search{
  flex:1 1 auto;
  min-width:360px;
  max-width:none;
  height:50px;
  margin:0;
  border-radius:13px;
  border:1px solid var(--of-border-soft);
  background:linear-gradient(180deg,rgba(17,27,58,.88),rgba(8,15,33,.96));
  box-shadow:var(--of-shadow);
  display:flex;
  align-items:center;
  gap:13px;
  padding:0 16px;
  box-sizing:border-box;
}
.lcpi-offers-clean .lcpi-offers-search svg{width:18px;height:18px;color:#c8d8ff;opacity:.9}
.lcpi-offers-clean .lcpi-offers-search input{
  flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:14px;font-weight:400;min-width:0;
}
.lcpi-offers-clean .lcpi-offers-search input::placeholder{color:#9ca9bf}
.lcpi-offers-clean .lcpi-offers-search kbd{font:600 10px/1 Inter,system-ui;color:#fff;background:transparent;border:0;padding:0;white-space:nowrap}
.lcpi-offers-clean .lcpi-offers-filter{
  flex:0 0 118px;height:50px;border-radius:13px;border:1px solid rgba(77,103,168,.72);
  background:linear-gradient(180deg,rgba(20,28,59,.98),rgba(10,14,32,.98));
  color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;position:relative;box-shadow:var(--of-shadow);
}
.lcpi-offers-clean .lcpi-offers-filter svg{width:18px;height:18px;color:#fff}
.lcpi-offers-clean .lcpi-offers-filter b{position:absolute;right:-8px;top:-10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#7732ff;color:#fff;font-size:13px;box-shadow:0 0 18px rgba(124,50,255,.95)}
.lcpi-offers-clean .lcpi-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:max-content;height:52px;white-space:nowrap}
.lcpi-offers-clean .lcpi-top-actions .lcpi-chip,
.lcpi-offers-clean .lcpi-top-actions .lcpi-guest,
.lcpi-offers-clean .lcpi-top-actions .lcpi-btn{
  height:46px;border-radius:13px;border:1px solid rgba(77,103,168,.72);background:linear-gradient(180deg,rgba(20,28,59,.95),rgba(10,14,32,.96));color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:var(--of-shadow);box-sizing:border-box;text-decoration:none;
}
.lcpi-offers-clean .lcpi-top-icon-btn{width:48px;min-width:48px;padding:0;position:relative}
.lcpi-offers-clean .lcpi-lang-chip{padding:0 13px;font-size:13px;font-weight:600}
.lcpi-offers-clean .lcpi-lang-chip img{display:block;object-fit:contain}
.lcpi-offers-clean .lcpi-caret{width:9px;height:9px;opacity:.8}
.lcpi-offers-clean .lcpi-bell img,.lcpi-offers-clean .lcpi-theme-symbols img{width:18px;height:18px;object-fit:contain;display:block}
.lcpi-offers-clean .lcpi-bell b{position:absolute;right:-6px;top:-8px;min-width:22px;height:20px;padding:0 5px;border-radius:10px;background:#ff3b2f;color:#fff;font-size:11px;line-height:20px;text-align:center}
.lcpi-offers-clean .lcpi-user-panel{padding:0 12px 0 8px;min-width:162px;justify-content:flex-start}
.lcpi-offers-clean .lcpi-user-panel .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7b2dff,#11e7ff);position:relative;overflow:visible}
.lcpi-offers-clean .lcpi-user-panel .avatar img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.lcpi-offers-clean .lcpi-user-panel .avatar i{position:absolute;right:0;bottom:1px;width:9px;height:9px;border-radius:50%;background:#24ff70;border:2px solid #0d1732}
.lcpi-offers-clean .lcpi-user-panel span:last-child{display:flex;flex-direction:column;line-height:1.1;min-width:0}.lcpi-offers-clean .lcpi-user-panel strong{font-size:13px;font-weight:700}.lcpi-offers-clean .lcpi-user-panel small{font-size:12px;color:#24ff70;font-weight:600}


.lcpi-offers-clean .offers-mainbar{display:flex;flex-direction:column;gap:11px;min-width:0}

/* V53 Hero reward cluster: balanced composition, transparent icons/images, no crop */
.lcpi-offers-clean .hero-grid{
  display:grid;
  grid-template-columns:minmax(560px,1.02fr) minmax(248px,.38fr) minmax(290px,.48fr);
  gap:12px;
  align-items:stretch;
  min-width:0;
}
.lcpi-offers-clean .hero-card,
.lcpi-offers-clean .mini-card{
  min-height:162px;
  height:162px;
  box-sizing:border-box;
}
.lcpi-offers-clean .hero-card{
  border:1px solid rgba(78,118,204,.72);
  border-radius:11px;
  position:relative;
  overflow:visible;
  display:grid;
  grid-template-columns:minmax(0,64%) minmax(205px,36%);
  background:
    radial-gradient(360px 178px at 86% 50%,rgba(159,54,255,.58),transparent 70%),
    radial-gradient(220px 110px at 70% 54%,rgba(51,190,255,.15),transparent 74%),
    linear-gradient(90deg,rgba(12,22,52,.98) 0%,rgba(14,25,59,.96) 54%,rgba(47,28,101,.86) 100%);
  box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
}
.lcpi-offers-clean .hero-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:58px 58px;
  opacity:.38;
  pointer-events:none;
}
.lcpi-offers-clean .hero-card:after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:42%;
  border-radius:0 11px 11px 0;
  background:linear-gradient(90deg,transparent 0%,rgba(149,44,255,.20) 42%,rgba(191,50,255,.42) 100%);
  pointer-events:none;
}
.lcpi-offers-clean .hero-copy{
  position:relative;
  z-index:2;
  padding:19px 12px 16px 22px;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.lcpi-offers-clean .hero-copy h1{
  margin:0;
  display:flex;
  align-items:baseline;
  gap:10px;
  font-size:24px;
  line-height:1.02;
  font-weight:500;
  letter-spacing:-.036em;
  white-space:nowrap;
}
.lcpi-offers-clean .hero-copy h1 span{
  font-size:48px;
  font-weight:400;
  line-height:.9;
  color:#e54cff;
  letter-spacing:-.06em;
  text-shadow:0 0 16px rgba(230,76,255,.78),0 0 32px rgba(154,65,255,.42);
}
.lcpi-offers-clean .hero-copy p{
  margin:7px 0 16px;
  color:#d8e0ef;
  font-size:13px;
  line-height:1.15;
  font-weight:400;
}
.lcpi-offers-clean .hero-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(102px,1fr));
  gap:9px;
  width:100%;
  max-width:500px;
  min-width:0;
}
.lcpi-offers-clean .hero-stat{
  height:54px;
  border:1px solid rgba(87,128,213,.72);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(13,27,61,.90),rgba(7,15,37,.94));
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:18px 20px;
  align-items:center;
  column-gap:8px;
  padding:7px 10px;
  box-sizing:border-box;
  overflow:visible;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.lcpi-offers-clean .hero-stat i{
  grid-column:1;
  grid-row:1/3;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  background:transparent;
  filter:drop-shadow(0 0 9px rgba(58,225,255,.22));
}
.lcpi-offers-clean .hero-stat img{
  width:25px;
  height:25px;
  object-fit:contain;
  display:block;
  background:transparent;
}
.lcpi-offers-clean .hero-stat small{
  grid-column:2;
  grid-row:1;
  font-size:11px;
  line-height:1.05;
  color:#bac5d8;
  font-weight:400;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lcpi-offers-clean .hero-stat b{
  grid-column:2;
  grid-row:2;
  font-size:17px;
  line-height:1;
  color:#fff;
  font-weight:600;
  letter-spacing:-.025em;
}
.lcpi-offers-clean .crystal{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  overflow:visible;
  background:transparent;
  pointer-events:none;
}
.lcpi-offers-clean .crystal:before{
  content:"";
  position:absolute;
  left:50%;
  top:52%;
  transform:translate(-50%,-50%);
  width:260px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(closest-side,rgba(75,216,255,.24),rgba(187,62,255,.20),transparent 72%);
  filter:blur(14px);
  opacity:.95;
}
.lcpi-offers-clean .crystal img{
  position:relative;
  z-index:2;
  width:min(222px,94%);
  height:138px;
  object-fit:contain;
  display:block;
  background:transparent;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 18px rgba(80,222,255,.62)) drop-shadow(0 0 26px rgba(204,70,255,.42));
}
.lcpi-offers-clean .mini-card{
  border:1px solid var(--of-border-soft);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(13,24,52,.96),rgba(8,15,35,.98));
  box-shadow:var(--of-shadow);
  padding:18px 18px;
  min-width:0;
  overflow:hidden;
}
.lcpi-offers-clean .mini-card small{display:block;color:#fff;font-size:11px;font-weight:600;margin-bottom:11px;letter-spacing:.01em}
.lcpi-offers-clean .balance strong{display:block;color:var(--of-green);font-size:34px;line-height:.95;font-weight:500;letter-spacing:-.035em;margin-bottom:15px;text-shadow:0 0 18px rgba(33,255,121,.26)}
.lcpi-offers-clean .balance button{
  width:100%;
  min-width:176px;
  height:42px;
  border:1px solid rgba(255,139,255,.76);
  border-radius:10px;
  background:linear-gradient(90deg,#7830ff 0%,#cd36f6 100%);
  box-shadow:0 0 18px rgba(213,53,255,.36),inset 0 1px 0 rgba(255,255,255,.24);
  color:#fff;
  font-weight:600;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  overflow:visible;
  padding:0 14px;
  white-space:nowrap;
}
.lcpi-offers-clean .balance button img{width:24px;height:24px;object-fit:contain;flex:0 0 24px;background:transparent;mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(85,221,255,.55))}
.lcpi-offers-clean .balance button span{display:inline-block;min-width:96px;overflow:visible;text-overflow:clip;white-space:nowrap}
.lcpi-offers-clean .balance button em{font-style:normal;flex:0 0 auto}
.lcpi-offers-clean .mini-card.progress h3{font-size:20px;line-height:1;margin:0 0 16px;font-weight:500}
.lcpi-offers-clean .progress-line{height:10px;border-radius:999px;background:#17264e;overflow:hidden;margin-bottom:12px}
.lcpi-offers-clean .progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c2dff,#e04cff)}
.lcpi-offers-clean .mini-card.progress p{display:flex;justify-content:space-between;gap:8px;margin:0 0 9px;color:#cbd5e8;font-size:11.5px;font-weight:400}
.lcpi-offers-clean .mini-card.progress em{font-style:normal;color:#aeb9cf;font-size:10.5px;font-weight:400}

.lcpi-offers-clean .offers-chip-row{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden}.lcpi-offers-clean .offers-chip-row button{height:37px;border:1px solid rgba(77,117,198,.76);border-radius:8px;background:linear-gradient(180deg,rgba(15,30,63,.96),rgba(9,19,42,.98));color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;min-width:96px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.lcpi-offers-clean .offers-chip-row button.active{background:linear-gradient(180deg,#8128ff,#5719c9);border-color:#9a52ff;box-shadow:0 0 18px rgba(117,38,255,.38)}.lcpi-offers-clean .offers-chip-row img{width:15px;height:15px;object-fit:contain}.lcpi-offers-clean .country-row button{height:36px;min-width:112px}.lcpi-offers-clean .country-row .sort-chip{margin-left:auto;min-width:190px}.lcpi-offers-clean .chip-caret{width:8px!important;height:8px!important;opacity:.9}

.lcpi-offers-clean .trending-card{height:80px;border:1px solid var(--of-border-soft);border-radius:10px;background:linear-gradient(180deg,rgba(13,24,52,.95),rgba(8,15,35,.97));box-shadow:var(--of-shadow);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 16px;box-sizing:border-box;min-width:0}.lcpi-offers-clean .trending-card h3{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;white-space:nowrap}.lcpi-offers-clean .trending-card h3 img{width:15px;height:15px}.lcpi-offers-clean .trending-card h3 small{margin-left:12px;color:#9fabbe;font-size:11px;font-weight:400}.lcpi-offers-clean .trending-card>a{color:#fff;text-decoration:none;font-size:14px;font-weight:700}.lcpi-offers-clean .trend-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0}.lcpi-offers-clean .trend-list div{display:grid;grid-template-columns:24px 36px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.lcpi-offers-clean .trend-list b{width:20px;height:20px;border-radius:50%;border:1px solid var(--of-yellow);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:500}.lcpi-offers-clean .trend-list img{width:36px;height:36px;border-radius:7px;object-fit:cover}.lcpi-offers-clean .trend-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;font-weight:500}.lcpi-offers-clean .trend-list small{display:block;color:#94a0b4;font-size:10px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.lcpi-offers-clean .trend-list strong{color:#20ff79;font-size:12px;font-weight:700;white-space:nowrap}

.lcpi-offers-clean .offers-head{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.lcpi-offers-clean .offers-head h3{margin:0;font-size:15px;font-weight:600}.lcpi-offers-clean .offers-head small{color:#93a0b4;font-size:10.5px;font-weight:400;margin-left:7px}.lcpi-offers-clean .offers-head label{color:#aeb9ce;font-size:11px}.lcpi-offers-clean .offer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0}.lcpi-offers-clean .offer-card{min-height:196px;border:1px solid var(--of-border-soft);border-radius:10px;background:linear-gradient(180deg,rgba(13,24,52,.96),rgba(8,15,35,.98));box-shadow:var(--of-shadow);padding:10px;display:flex;flex-direction:column;min-width:0}.lcpi-offers-clean .offer-img{height:80px;border-radius:7px;overflow:hidden;position:relative;background:#091126}.lcpi-offers-clean .offer-img img{width:100%;height:100%;object-fit:cover;display:block}.lcpi-offers-clean .offer-img b{position:absolute;left:0;top:0;height:20px;border-radius:0 0 6px 0;background:#ff4f2c;color:#fff;font-size:9px;line-height:20px;padding:0 8px;font-weight:700}.lcpi-offers-clean .offer-img em{position:absolute;right:7px;top:6px;color:#fff;font-style:normal;font-size:18px}.lcpi-offers-clean .offer-card h4{font-size:13px;line-height:1.15;margin:10px 0 4px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcpi-offers-clean .offer-card p{margin:0;color:#c6d0e4;font-size:10px}.lcpi-offers-clean .offer-card mark{background:#20a94e;color:#fff;border-radius:3px;padding:1px 4px;font-size:8px}.lcpi-offers-clean .offer-meta{display:flex;align-items:flex-end;justify-content:space-between;margin:5px 0 8px}.lcpi-offers-clean .offer-meta span{font-size:13px;color:#21ff7a;font-weight:600}.lcpi-offers-clean .offer-meta small{display:block;color:#9da9be;font-size:10px;font-weight:400}.lcpi-offers-clean .offer-meta strong{color:#ffd326;font-size:15px;font-weight:600}.lcpi-offers-clean .offer-card button{height:34px;border:0;border-radius:7px;color:#fff;font-size:12px;font-weight:600;margin-top:auto}.lcpi-offers-clean .offer-card.purple button{background:linear-gradient(90deg,#7424ff,#bd2dfb)}.lcpi-offers-clean .offer-card.green button{background:#2fad50}.lcpi-offers-clean .offer-card.orange button{background:linear-gradient(90deg,#e84c22,#ff861b)}.lcpi-offers-clean .offer-card.blue button{background:#3476e7}.lcpi-offers-clean .load-more{align-self:center;margin-top:-4px;width:220px;height:30px;border-radius:7px;border:1px solid rgba(118,74,205,.72);background:#111738;color:#fff;font-weight:500}

.lcpi-offers-clean .right-card{border:1px solid var(--of-border-soft);border-radius:12px;background:linear-gradient(180deg,rgba(12,21,47,.95),rgba(8,15,35,.98));padding:14px 15px;box-shadow:var(--of-shadow);overflow:hidden}.lcpi-offers-clean .right-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(78,100,154,.28);padding-bottom:9px;margin-bottom:11px}.lcpi-offers-clean .right-card-head h3{margin:0;display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600}.lcpi-offers-clean .right-card-head a{color:#df54ff;text-decoration:none;font-size:12px}.lcpi-offers-clean .rb-title-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(35,98,170,.38);color:#50e7ff}.lcpi-offers-clean .goal-title{display:flex;gap:8px;align-items:center;font-size:13px}.lcpi-offers-clean .goal-line,.lcpi-offers-clean .overview-progress{height:11px;background:#17264e;border-radius:20px;overflow:hidden;margin:12px 0 8px}.lcpi-offers-clean .goal-line i{display:block;height:100%;border-radius:20px;background:#ffd02e}.lcpi-offers-clean .goal-meta{display:flex;justify-content:space-between;font-size:12px}.lcpi-offers-clean .goal-meta span{background:#34415f;border-radius:12px;padding:2px 8px}.lcpi-offers-clean .overview-list div{display:flex;justify-content:space-between;margin:6px 0;font-size:12px;color:#bec8dd}.lcpi-offers-clean .overview-list b,.lcpi-offers-clean .overview-list em{font-style:normal;color:#20ff79;font-weight:600}.lcpi-offers-clean .overview-progress i{display:block;height:100%;background:linear-gradient(90deg,#8a2aff,#e84cff)}.lcpi-offers-clean .overview-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(78,100,154,.28);border-bottom:1px solid rgba(78,100,154,.28);padding:8px 0;gap:8px}.lcpi-offers-clean .overview-foot span{font-size:9px;color:#8898b6;text-align:center}.lcpi-offers-clean .overview-foot b{display:block;color:#fff;font-size:11px;margin-top:4px}.lcpi-offers-clean .verified{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.lcpi-offers-clean .verified b{color:#37ff85;font-weight:600}.lcpi-offers-clean .insight-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lcpi-offers-clean .insight-stats span{font-size:11px;color:#aeb9ce}.lcpi-offers-clean .insight-stats b{display:block;font-size:22px;color:#fff;line-height:1;font-weight:500}.lcpi-offers-clean .insight-stats small{display:block;color:#20ff79;margin-top:3px}.lcpi-offers-clean .sparkline{height:82px;background:#071128;border-radius:8px;margin:11px 0 9px;overflow:hidden}.lcpi-offers-clean .sparkline img{width:100%;height:100%;object-fit:cover}.lcpi-offers-clean .insight-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;color:#c9d3e7}.lcpi-offers-clean .insight-foot b{display:block;color:#fff;font-weight:600}.lcpi-offers-clean .unavailable p{margin:0 0 9px;color:#c5cde0;font-size:12px}.lcpi-offers-clean .unrow{display:grid;grid-template-columns:20px 1fr auto 16px;align-items:center;gap:7px;margin:7px 0;font-size:13px}.lcpi-offers-clean .unrow small{color:#a0abc0;font-size:10px}.lcpi-offers-clean .offers-premium-card{min-height:138px;display:grid;grid-template-columns:1fr 116px;align-items:center;background:radial-gradient(180px 120px at 78% 40%,rgba(203,58,255,.55),transparent 68%),linear-gradient(135deg,#17103c,#371066 55%,#101a38)}.lcpi-offers-clean .premium-copy h3{font-size:14px;margin:0 0 8px;font-weight:600}.lcpi-offers-clean .premium-copy p{font-size:12px;color:#d5dcee;line-height:1.45;margin:0 0 12px}.lcpi-offers-clean .premium-copy button{height:36px;border:0;border-radius:18px;padding:0 17px;background:linear-gradient(90deg,#7927ff,#d13cff);color:white;font-weight:600}.lcpi-offers-clean .premium-art img{width:116px;height:80px;object-fit:cover;border-radius:7px}

.lcpi-offers-clean .offers-footerbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.lcpi-offers-clean .offers-footerbar article{height:78px;border:1px solid var(--of-border-soft);border-radius:11px;background:linear-gradient(180deg,rgba(13,24,52,.94),rgba(8,16,37,.98));display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:12px;min-width:0;box-shadow:var(--of-shadow)}.lcpi-offers-clean .offers-footerbar img{width:50px;height:50px;border-radius:4px;object-fit:cover}.lcpi-offers-clean .offers-footerbar h3{font-size:12px;margin:0 0 4px;font-weight:600}.lcpi-offers-clean .offers-footerbar p{font-size:11px;color:#a9b5ce;margin:0;line-height:1.25}


@media (max-width:1700px){
  .lcpi-offers-clean .offers-page-shell{grid-template-columns:206px minmax(0,1fr) 306px;column-gap:14px;padding-right:14px}
  .lcpi-offers-clean .hero-grid{grid-template-columns:minmax(520px,1fr) minmax(238px,.39fr) minmax(276px,.47fr);gap:11px}
  .lcpi-offers-clean .hero-card{grid-template-columns:minmax(0,62%) minmax(198px,38%)}
  .lcpi-offers-clean .hero-copy h1 span{font-size:45px}
  .lcpi-offers-clean .hero-copy h1{font-size:23px}
  .lcpi-offers-clean .hero-stats{grid-template-columns:repeat(4,minmax(96px,1fr));max-width:480px;gap:8px}
  .lcpi-offers-clean .crystal img{width:min(210px,92%);height:130px}
  .lcpi-offers-clean .offer-grid{gap:11px}
  .lcpi-offers-clean .offers-footerbar{grid-template-columns:repeat(6,minmax(135px,1fr));overflow:hidden}
}
@media (max-width:1450px){
  .lcpi-offers-clean .offers-page-shell{grid-template-columns:206px minmax(0,1fr);grid-template-rows:52px auto auto auto}
  .lcpi-offers-clean .lcpi-offers-topbar{grid-column:2;grid-row:1}
  .lcpi-offers-clean .offers-mainbar{grid-column:2;grid-row:2}
  .lcpi-offers-clean .offers-rightbar{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .lcpi-offers-clean .offers-footerbar{grid-column:2;grid-row:4}
  .lcpi-offers-clean .hero-grid{grid-template-columns:minmax(0,1fr) minmax(230px,.40fr)}
  .lcpi-offers-clean .mini-card.progress{grid-column:1/3}
  .lcpi-offers-clean .offer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1100px){
  .lcpi-offers-clean .offers-page-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:12px}
  .lcpi-offers-clean .lcpi-sidebar{display:none}
  .lcpi-offers-clean .lcpi-offers-topbar{grid-column:1;grid-row:1;height:auto;flex-wrap:wrap}
  .lcpi-offers-clean .offers-mainbar{grid-column:1;grid-row:2}
  .lcpi-offers-clean .offers-rightbar{grid-column:1;grid-row:3}
  .lcpi-offers-clean .offers-footerbar{grid-column:1;grid-row:4}
  .lcpi-offers-clean .lcpi-offers-search{min-width:0;flex-basis:100%}
  .lcpi-offers-clean .lcpi-top-actions{margin-left:0;flex-wrap:wrap}
  .lcpi-offers-clean .hero-grid{grid-template-columns:1fr}
  .lcpi-offers-clean .hero-card{grid-template-columns:1fr;min-height:auto;height:auto}
  .lcpi-offers-clean .crystal{display:none}
  .lcpi-offers-clean .mini-card.progress{grid-column:auto}
  .lcpi-offers-clean .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lcpi-offers-clean .offers-rightbar{display:flex}
  .lcpi-offers-clean .offers-footerbar{grid-template-columns:1fr 1fr}
  .lcpi-offers-clean .trend-list{grid-template-columns:1fr 1fr}
  .lcpi-offers-clean .trending-card{height:auto;grid-template-columns:1fr;padding:14px}
}

/* --------------------------------------------------------------------------
   V68 Mainbar Conversion Polish
   Single route CSS file only: /public/frontend/assets/css/routes/offers.css
   Focus: clearer hierarchy, premium trending gallery, lighter offer cards.
   -------------------------------------------------------------------------- */
.lcpi-offers-clean .offers-mainbar{gap:13px}
.lcpi-offers-clean .hero-grid{grid-template-columns:minmax(620px,1fr) minmax(248px,.36fr) minmax(274px,.40fr);gap:12px}
.lcpi-offers-clean .hero-card,.lcpi-offers-clean .mini-card{height:152px;min-height:152px}
.lcpi-offers-clean .hero-card{grid-template-columns:minmax(0,64%) minmax(220px,36%);overflow:hidden}
.lcpi-offers-clean .hero-copy{padding:20px 10px 15px 22px}
.lcpi-offers-clean .hero-copy h1{font-size:22px;font-weight:560;letter-spacing:-.04em;gap:9px}
.lcpi-offers-clean .hero-copy h1 span{font-size:44px;font-weight:350;letter-spacing:-.065em;text-shadow:0 0 14px rgba(229,76,255,.58),0 0 26px rgba(154,65,255,.32)}
.lcpi-offers-clean .hero-copy p{font-size:13px;margin:6px 0 14px;color:#dbe4f4;font-weight:420}
.lcpi-offers-clean .hero-stats{max-width:500px;gap:10px;grid-template-columns:repeat(4,minmax(104px,1fr))}
.lcpi-offers-clean .hero-stat{height:51px;grid-template-columns:25px minmax(0,1fr);grid-template-rows:17px 19px;padding:7px 9px;column-gap:8px;border-radius:8px;background:linear-gradient(180deg,rgba(15,30,65,.92),rgba(8,16,38,.96))}
.lcpi-offers-clean .hero-stat i{width:24px;height:24px}.lcpi-offers-clean .hero-stat img{width:23px;height:23px}
.lcpi-offers-clean .hero-stat small{font-size:10px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d6def0;font-weight:500}
.lcpi-offers-clean .hero-stat b{font-size:17px;line-height:1.05;font-weight:760;color:#fff}
.lcpi-offers-clean .crystal{align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;overflow:visible}
.lcpi-offers-clean .crystal:before{content:"";position:absolute;width:235px;height:104px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(117,71,255,.52),rgba(43,200,255,.15) 43%,transparent 70%);filter:blur(10px);bottom:16px;left:50%;transform:translateX(-50%);pointer-events:none}
.lcpi-offers-clean .crystal img{width:min(214px,94%);height:auto;max-height:132px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(119,76,255,.55)) drop-shadow(0 0 26px rgba(33,198,255,.25));mix-blend-mode:screen;position:relative;z-index:2}
.lcpi-offers-clean .mini-card{padding:18px 20px}.lcpi-offers-clean .mini-card.balance strong{font-size:35px;margin:10px 0 13px}.lcpi-offers-clean .balance button{height:40px;border-radius:10px;font-size:13px;padding:0 18px;background:linear-gradient(90deg,#7b2cff,#d73dff);box-shadow:0 0 18px rgba(198,57,255,.45),inset 0 1px 0 rgba(255,255,255,.28)}
.lcpi-offers-clean .balance button img{width:20px;height:20px}.lcpi-offers-clean .balance button span{min-width:auto}.lcpi-offers-clean .mini-card.progress h3{font-size:19px;margin-bottom:15px}.lcpi-offers-clean .progress-line{height:9px;margin-bottom:11px}

/* One-row filter: country row removed in markup; sort sits at far right. */
.lcpi-offers-clean .offers-filter-row{gap:10px;overflow:visible;flex-wrap:nowrap}
.lcpi-offers-clean .offers-filter-row button{height:38px;min-width:104px;border-radius:9px;font-size:12px;font-weight:650;padding:0 15px}
.lcpi-offers-clean .offers-filter-row .sort-chip{margin-left:auto;min-width:190px}
.lcpi-offers-clean .offers-filter-row button img{width:15px;height:15px;object-fit:contain}

/* Trending: row 1 header + row 2 gallery rail. */
.lcpi-offers-clean .trending-card.offers-trending-gallery{height:auto;min-height:112px;display:flex;flex-direction:column;gap:13px;padding:14px 16px;border-radius:13px;background:radial-gradient(440px 120px at 22% 0%,rgba(80,99,255,.16),transparent 65%),linear-gradient(180deg,rgba(14,24,55,.96),rgba(8,16,37,.98));border-color:rgba(91,128,217,.72)}
.lcpi-offers-clean .trending-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.lcpi-offers-clean .trending-title-wrap{display:flex;align-items:center;gap:11px;min-width:0}.lcpi-offers-clean .trending-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#ff8c3a,#3b164f 64%,#0c1630);box-shadow:0 0 18px rgba(255,105,36,.35)}.lcpi-offers-clean .trending-icon img{width:16px;height:16px;object-fit:contain}.lcpi-offers-clean .trending-head h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.01em}.lcpi-offers-clean .trending-head p{margin:2px 0 0;color:#98a8c3;font-size:11px;font-weight:420}.lcpi-offers-clean .trending-head a{color:#e65aff;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap}
.lcpi-offers-clean .trend-rail-wrap{position:relative;display:flex;align-items:center;gap:11px;min-width:0}.lcpi-offers-clean .trend-rail{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1;padding:1px}.lcpi-offers-clean .trend-rail::-webkit-scrollbar{display:none}.lcpi-offers-clean .trend-item{flex:0 0 198px;height:50px;border:1px solid rgba(78,118,204,.54);border-radius:10px;background:linear-gradient(180deg,rgba(15,28,60,.88),rgba(8,16,38,.95));display:grid;grid-template-columns:25px 36px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 9px;box-sizing:border-box}.lcpi-offers-clean .trend-item b{width:21px;height:21px;border-radius:50%;border:1px solid var(--of-yellow);display:grid;place-items:center;color:#ffe86a;font-size:11px;font-weight:650}.lcpi-offers-clean .trend-item img{width:36px;height:36px;border-radius:8px;object-fit:cover}.lcpi-offers-clean .trend-item span{font-size:12px;font-weight:650;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcpi-offers-clean .trend-item small{display:block;color:#93a1b9;font-size:10px;font-weight:420;overflow:hidden;text-overflow:ellipsis}.lcpi-offers-clean .trend-item strong{font-size:12px;font-weight:750;color:#20ff79;white-space:nowrap}.lcpi-offers-clean .trend-arrow{width:30px;height:30px;border-radius:50%;border:1px solid rgba(87,128,213,.62);background:rgba(15,27,60,.88);color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;box-shadow:0 0 14px rgba(86,114,255,.22);cursor:pointer}

/* Offers for You: section title and premium card hierarchy. */
.lcpi-offers-clean .offers-head-pro{margin-top:6px;align-items:center}.lcpi-offers-clean .offers-title-group{display:flex;align-items:center;gap:10px;min-width:0}.lcpi-offers-clean .offers-section-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 28% 20%,rgba(255,126,47,.96),rgba(132,52,255,.78) 54%,rgba(14,24,55,.96));box-shadow:0 0 20px rgba(144,92,255,.45),inset 0 1px 0 rgba(255,255,255,.18)}.lcpi-offers-clean .offers-section-icon img{width:17px;height:17px;object-fit:contain}.lcpi-offers-clean .offers-head-pro h3{margin:0;font-size:16px;font-weight:750;letter-spacing:-.01em}.lcpi-offers-clean .offers-head-pro small{display:block;margin:1px 0 0;color:#98a8c0;font-size:11px;font-weight:420}.lcpi-offers-clean .offers-head-pro label{font-size:11px;color:#abb8cf}
.lcpi-offers-clean .offers-grid-premium{gap:18px 16px}.lcpi-offers-clean .offer-card-pro{min-height:292px;border-radius:12px;padding:10px;background:linear-gradient(180deg,rgba(14,25,56,.96),rgba(8,16,38,.99));border-color:rgba(75,116,203,.66);box-shadow:0 16px 36px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.lcpi-offers-clean .offer-card-pro:hover{transform:translateY(-2px);border-color:rgba(124,91,255,.8);box-shadow:0 20px 46px rgba(0,0,0,.38),0 0 22px rgba(112,69,255,.18)}.lcpi-offers-clean .offer-card-pro .offer-img{height:148px;border-radius:10px}.lcpi-offers-clean .offer-card-pro .offer-img:after{content:"";position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(180deg,transparent,rgba(3,8,20,.72));pointer-events:none}.lcpi-offers-clean .offer-card-pro .offer-img b{height:22px;border-radius:0 0 7px 0;font-size:9px;line-height:22px;padding:0 9px}.lcpi-offers-clean .offer-fav{position:absolute;right:7px;top:7px;width:26px;height:26px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(6,12,30,.45);backdrop-filter:blur(8px);color:#fff;font-size:16px;display:grid;place-items:center;padding:0;z-index:2}.lcpi-offers-clean .offer-body{display:flex;flex-direction:column;flex:1;min-width:0}.lcpi-offers-clean .offer-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 7px}.lcpi-offers-clean .offer-title-row h4{margin:0;font-size:14px;line-height:1.15;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcpi-offers-clean .offer-title-row strong{color:#ffd326;font-size:14px;font-weight:700;white-space:nowrap}.lcpi-offers-clean .offer-tags{display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:8px}.lcpi-offers-clean .offer-tags span{height:18px;border-radius:6px;display:inline-flex;align-items:center;padding:0 6px;font-size:9px;font-weight:700;line-height:18px;white-space:nowrap}.lcpi-offers-clean .device-tag{background:#1fa64e;color:#fff}.lcpi-offers-clean .geo-tag{background:rgba(82,101,147,.38);color:#dce6ff}.lcpi-offers-clean .difficulty-tag{margin-left:auto;border:1px solid rgba(255,255,255,.09)}.lcpi-offers-clean .difficulty-tag.easy{background:rgba(32,255,121,.14);color:#43ff97}.lcpi-offers-clean .difficulty-tag.medium{background:rgba(255,190,59,.16);color:#ffd25c}.lcpi-offers-clean .offer-reward-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin:0 0 10px}.lcpi-offers-clean .offer-reward-row span{display:inline-flex;align-items:center;gap:5px;min-width:0}.lcpi-offers-clean .offer-reward-row img{width:14px;height:14px;object-fit:contain}.lcpi-offers-clean .offer-reward-row .reward{font-size:16px;color:#22ff7e;font-weight:800}.lcpi-offers-clean .offer-reward-row .time{font-size:11px;color:#d5dff2;font-weight:600}.lcpi-offers-clean .offer-card-pro button:not(.offer-fav){height:38px;border-radius:9px;font-size:12px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.lcpi-offers-clean .load-more{margin-top:-2px;height:32px;border-radius:9px;font-size:12px}

@media (max-width:1700px){
  .lcpi-offers-clean .hero-grid{grid-template-columns:minmax(560px,1fr) minmax(238px,.36fr) minmax(268px,.40fr)}
  .lcpi-offers-clean .hero-copy h1 span{font-size:41px}.lcpi-offers-clean .hero-copy h1{font-size:21px}.lcpi-offers-clean .hero-stats{grid-template-columns:repeat(4,minmax(96px,1fr));gap:8px}.lcpi-offers-clean .hero-stat{height:50px;padding:7px 8px}.lcpi-offers-clean .trend-item{flex-basis:184px}.lcpi-offers-clean .offers-grid-premium{gap:14px 13px}
}
@media (max-width:1100px){
  .lcpi-offers-clean .offers-filter-row{overflow-x:auto}.lcpi-offers-clean .offers-filter-row .sort-chip{margin-left:0}.lcpi-offers-clean .trend-rail-wrap{gap:8px}.lcpi-offers-clean .trend-arrow{display:none}.lcpi-offers-clean .trend-item{flex-basis:190px}
}

/* --------------------------------------------------------------------------
   V69 Offer Card Image Dominant Layout
   Single route CSS file only. Purpose: make offer images larger and more
   conversion-focused without touching leftbar/topbar/rightbar.
   -------------------------------------------------------------------------- */
.lcpi-offers-clean .offers-grid-premium{
  gap:18px 16px;
  align-items:stretch;
}
.lcpi-offers-clean .offer-card-pro{
  min-height:318px;
  padding:10px;
  border-radius:14px;
  background:
    radial-gradient(170px 130px at 50% 0%,rgba(107,75,255,.13),transparent 70%),
    linear-gradient(180deg,rgba(14,25,56,.97),rgba(7,14,34,.99));
  border-color:rgba(85,124,215,.68);
  box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
}
.lcpi-offers-clean .offer-card-pro .offer-img{
  height:164px;
  border-radius:11px;
  background:#071126;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.26);
}
.lcpi-offers-clean .offer-card-pro .offer-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.015);
}
.lcpi-offers-clean .offer-card-pro .offer-img:after{
  height:58px;
  background:linear-gradient(180deg,transparent,rgba(3,7,18,.84));
}
.lcpi-offers-clean .offer-card-pro .offer-img b{
  left:8px;
  top:8px;
  height:22px;
  border-radius:7px;
  background:linear-gradient(90deg,#ff4b2b,#ff8a22);
  font-size:9px;
  line-height:22px;
  padding:0 9px;
  box-shadow:0 6px 16px rgba(255,87,38,.28);
}
.lcpi-offers-clean .offer-fav{
  right:8px;
  top:8px;
  width:28px;
  height:28px;
  border-radius:10px;
  background:rgba(6,12,30,.56);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}
.lcpi-offers-clean .offer-body{
  padding:1px 1px 0;
}
.lcpi-offers-clean .offer-title-row{
  margin:11px 0 7px;
}
.lcpi-offers-clean .offer-title-row h4{
  font-size:13.5px;
  line-height:1.18;
  font-weight:720;
}
.lcpi-offers-clean .offer-title-row strong{
  font-size:13px;
  color:#ffe26d;
}
.lcpi-offers-clean .offer-tags{
  margin-bottom:9px;
}
.lcpi-offers-clean .offer-tags span{
  height:19px;
  border-radius:7px;
  font-size:9px;
  padding:0 7px;
}
.lcpi-offers-clean .offer-reward-row{
  margin:0 0 10px;
  align-items:center;
}
.lcpi-offers-clean .offer-reward-row .reward{
  font-size:18px;
  line-height:1;
  color:#31ff87;
  font-weight:820;
  letter-spacing:-.02em;
  text-shadow:0 0 14px rgba(49,255,135,.22);
}
.lcpi-offers-clean .offer-reward-row .time{
  font-size:11px;
  color:#dbe5f7;
  opacity:.92;
}
.lcpi-offers-clean .offer-reward-row img{
  width:15px;
  height:15px;
}
.lcpi-offers-clean .offer-card-pro button:not(.offer-fav){
  height:38px;
  border-radius:10px;
  font-size:12.5px;
  font-weight:760;
  margin-top:auto;
  box-shadow:0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16);
}
.lcpi-offers-clean .offer-card-pro.purple button:not(.offer-fav){
  background:linear-gradient(90deg,#6f35ff,#c431ff);
}
.lcpi-offers-clean .offer-card-pro.green button:not(.offer-fav){
  background:linear-gradient(90deg,#1fb758,#34d46c);
}
.lcpi-offers-clean .offer-card-pro.orange button:not(.offer-fav){
  background:linear-gradient(90deg,#e95924,#ff9328);
}
.lcpi-offers-clean .offer-card-pro.blue button:not(.offer-fav){
  background:linear-gradient(90deg,#3278f4,#5b9bff);
}
@media (max-width:1700px){
  .lcpi-offers-clean .offer-card-pro{min-height:306px;}
  .lcpi-offers-clean .offer-card-pro .offer-img{height:152px;}
  .lcpi-offers-clean .offers-grid-premium{gap:16px 14px;}
}
@media (max-width:1450px){
  .lcpi-offers-clean .offer-card-pro{min-height:300px;}
  .lcpi-offers-clean .offer-card-pro .offer-img{height:150px;}
}
@media (max-width:1100px){
  .lcpi-offers-clean .offer-card-pro{min-height:310px;}
  .lcpi-offers-clean .offer-card-pro .offer-img{height:160px;}
}


/* V70 offer-card image-dominant final polish */
.lcpi-offers-clean .offers-grid-premium{gap:18px 16px;}
.lcpi-offers-clean .offer-card-pro{min-height:292px;}
.lcpi-offers-clean .offer-card-pro .offer-img{height:148px;}
.lcpi-offers-clean .offer-card-pro .offer-img img{object-fit:cover;object-position:center;}
@media (min-width:1500px){
  .lcpi-offers-clean .offer-card-pro{min-height:304px;}
  .lcpi-offers-clean .offer-card-pro .offer-img{height:158px;}
}
@media (max-width:1360px){
  .lcpi-offers-clean .offer-card-pro{min-height:276px;}
  .lcpi-offers-clean .offer-card-pro .offer-img{height:132px;}
}

/* --------------------------------------------------------------------------
   V71 DEFINITIVE OFFER IMAGE HEIGHT FIX
   Root cause: V69/V70 only changed the route CSS, but offers.php still used
   the old v68 cache query string. This section also targets BOTH generic and
   premium offer card selectors so the image height cannot fall back to 78/80px.
   -------------------------------------------------------------------------- */
.lcpi-offers-clean .offer-grid,
.lcpi-offers-clean .offers-grid-premium{
  gap:20px 18px;
  align-items:stretch;
}
.lcpi-offers-clean .offer-grid > .offer-card,
.lcpi-offers-clean .offers-grid-premium > .offer-card,
.lcpi-offers-clean .offer-grid > .offer-card-pro,
.lcpi-offers-clean .offers-grid-premium > .offer-card-pro{
  min-height:342px;
  height:auto;
  padding:10px 10px 12px;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  overflow:visible;
}
.lcpi-offers-clean .offer-grid > .offer-card .offer-img,
.lcpi-offers-clean .offers-grid-premium > .offer-card .offer-img,
.lcpi-offers-clean .offer-grid > .offer-card-pro .offer-img,
.lcpi-offers-clean .offers-grid-premium > .offer-card-pro .offer-img{
  height:172px;
  min-height:172px;
  max-height:none;
  flex:0 0 172px;
  border-radius:11px;
  overflow:hidden;
  position:relative;
  background:#071126;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.28);
}
.lcpi-offers-clean .offer-grid > .offer-card .offer-img img,
.lcpi-offers-clean .offers-grid-premium > .offer-card .offer-img img,
.lcpi-offers-clean .offer-grid > .offer-card-pro .offer-img img,
.lcpi-offers-clean .offers-grid-premium > .offer-card-pro .offer-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transform:none;
}
.lcpi-offers-clean .offer-grid > .offer-card .offer-body,
.lcpi-offers-clean .offers-grid-premium > .offer-card .offer-body,
.lcpi-offers-clean .offer-grid > .offer-card-pro .offer-body,
.lcpi-offers-clean .offers-grid-premium > .offer-card-pro .offer-body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
}
.lcpi-offers-clean .offer-grid > .offer-card button:not(.offer-fav),
.lcpi-offers-clean .offers-grid-premium > .offer-card button:not(.offer-fav),
.lcpi-offers-clean .offer-grid > .offer-card-pro button:not(.offer-fav),
.lcpi-offers-clean .offers-grid-premium > .offer-card-pro button:not(.offer-fav){
  margin-top:auto;
}
@media (max-width:1700px){
  .lcpi-offers-clean .offer-grid > .offer-card,
  .lcpi-offers-clean .offers-grid-premium > .offer-card,
  .lcpi-offers-clean .offer-grid > .offer-card-pro,
  .lcpi-offers-clean .offers-grid-premium > .offer-card-pro{min-height:330px;}
  .lcpi-offers-clean .offer-grid > .offer-card .offer-img,
  .lcpi-offers-clean .offers-grid-premium > .offer-card .offer-img,
  .lcpi-offers-clean .offer-grid > .offer-card-pro .offer-img,
  .lcpi-offers-clean .offers-grid-premium > .offer-card-pro .offer-img{height:164px;min-height:164px;flex-basis:164px;}
}
@media (max-width:1450px){
  .lcpi-offers-clean .offer-grid > .offer-card,
  .lcpi-offers-clean .offers-grid-premium > .offer-card,
  .lcpi-offers-clean .offer-grid > .offer-card-pro,
  .lcpi-offers-clean .offers-grid-premium > .offer-card-pro{min-height:318px;}
  .lcpi-offers-clean .offer-grid > .offer-card .offer-img,
  .lcpi-offers-clean .offers-grid-premium > .offer-card .offer-img,
  .lcpi-offers-clean .offer-grid > .offer-card-pro .offer-img,
  .lcpi-offers-clean .offers-grid-premium > .offer-card-pro .offer-img{height:154px;min-height:154px;flex-basis:154px;}
}


/* --------------------------------------------------------------------------
   V72 Trending Gallery Left Header Polish
   - Header row: title left, View All right.
   - Gallery row: offer rail below title.
   - More visible premium icon; no centered title layout.
   -------------------------------------------------------------------------- */
.lcpi-offers-clean .trending-card.offers-trending-gallery{
  width:100%;
  min-height:124px;
  padding:16px 18px 15px;
  align-items:stretch;
  gap:14px;
  border-radius:14px;
  background:
    radial-gradient(360px 150px at 8% 0%,rgba(255,111,35,.11),transparent 62%),
    radial-gradient(520px 150px at 92% 100%,rgba(113,62,255,.15),transparent 68%),
    linear-gradient(180deg,rgba(13,24,55,.97),rgba(7,15,35,.99));
  border-color:rgba(91,128,217,.74);
  box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-head{
  width:100%;
  align-self:stretch;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:0 0 1px;
  text-align:left;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-title-wrap{
  justify-self:start;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  text-align:left;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-icon{
  width:32px;
  height:32px;
  border-radius:12px;
  flex:0 0 32px;
  background:
    radial-gradient(circle at 35% 24%,#ffb04a 0,#ff672a 34%,#8025ff 68%,#132145 100%);
  box-shadow:
    0 0 18px rgba(255,103,42,.48),
    0 0 24px rgba(135,64,255,.30),
    inset 0 1px 0 rgba(255,255,255,.22);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-icon img{
  width:18px;
  height:18px;
  object-fit:contain;
  filter:drop-shadow(0 0 7px rgba(255,182,75,.8));
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-head h3{
  margin:0;
  color:#ffffff;
  font-size:15px;
  line-height:1.1;
  font-weight:780;
  letter-spacing:-.012em;
  white-space:nowrap;
  text-align:left;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-head p{
  margin:3px 0 0;
  color:#9dadc8;
  font-size:11px;
  line-height:1.2;
  font-weight:430;
  text-align:left;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-head a{
  justify-self:end;
  color:#e768ff;
  font-size:12px;
  font-weight:720;
  text-decoration:none;
  white-space:nowrap;
  padding:5px 0;
  text-align:right;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-head a:hover{
  color:#fff;
  text-shadow:0 0 12px rgba(221,82,255,.7);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail-wrap{
  width:100%;
  align-self:stretch;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 32px;
  align-items:center;
  gap:12px;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail{
  width:100%;
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:1px 2px 2px;
  scroll-snap-type:x proximity;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item{
  flex:0 0 202px;
  height:52px;
  scroll-snap-align:start;
  border-color:rgba(86,126,212,.60);
  background:
    radial-gradient(90px 58px at 20% 0%,rgba(79,113,255,.15),transparent 70%),
    linear-gradient(180deg,rgba(16,30,66,.93),rgba(8,16,38,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item b{
  background:rgba(5,11,27,.72);
  box-shadow:0 0 10px rgba(255,219,68,.22);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-arrow{
  width:32px;
  height:32px;
  align-self:center;
  border-color:rgba(92,134,226,.66);
  background:rgba(13,25,56,.88);
}
@media (max-width:1700px){
  .lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item{flex-basis:188px}
}
@media (max-width:1100px){
  .lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail-wrap{grid-template-columns:minmax(0,1fr)}
  .lcpi-offers-clean .trending-card.offers-trending-gallery .trend-arrow{display:none}
}


/* --------------------------------------------------------------------------
   V78 NO-ROLLBACK OFFERS ROUTE LOCK
   Source: latest live public_html.zip uploaded by user.
   Scope: /offers only. Do not touch Index leftbar. Keep one route CSS file.
   Purpose:
   1) Lock hero/main header so rightbar-only patches cannot roll it back.
   2) Keep TRENDING RIGHT NOW as a left-title + right View All + horizontal app gallery.
   3) Add row separators to Account Overview and Unavailable Offers like Live Leads.
   4) Re-polish rightbar premium card without affecting main/leftbar/footer.
   -------------------------------------------------------------------------- */

/* ---- Parent frame lock: topbar spans main + rightbar; leftbar remains shared. ---- */
.lcpi-offers-clean .offers-page-shell{
  grid-template-columns:216px minmax(0,1fr) 320px;
  grid-template-rows:52px auto auto;
  column-gap:16px;
  row-gap:12px;
}
.lcpi-offers-clean .lcpi-sidebar{grid-column:1;grid-row:1/4;}
.lcpi-offers-clean .lcpi-offers-topbar{grid-column:2/4;grid-row:1;}
.lcpi-offers-clean .offers-mainbar{grid-column:2;grid-row:2;}
.lcpi-offers-clean .offers-rightbar{grid-column:3;grid-row:2;}
.lcpi-offers-clean .offers-footerbar{grid-column:2/4;grid-row:3;}

/* ---- Hero / first 3 blocks stable ratio. ---- */
.lcpi-offers-clean .hero-grid{
  display:grid;
  grid-template-columns:minmax(650px,1fr) 260px 300px;
  gap:12px;
  align-items:stretch;
}
.lcpi-offers-clean .hero-card,
.lcpi-offers-clean .mini-card{
  height:154px;
  min-height:154px;
  max-height:154px;
  overflow:hidden;
}
.lcpi-offers-clean .hero-card{
  display:grid;
  grid-template-columns:minmax(0,64%) minmax(230px,36%);
  border-radius:12px;
  background:
    radial-gradient(300px 150px at 78% 48%,rgba(89,216,255,.13),transparent 70%),
    radial-gradient(380px 190px at 91% 47%,rgba(189,51,255,.50),transparent 72%),
    linear-gradient(90deg,rgba(12,22,52,.98) 0%,rgba(13,24,57,.97) 54%,rgba(73,32,127,.82) 100%);
}
.lcpi-offers-clean .hero-copy{
  padding:18px 12px 14px 24px;
  justify-content:flex-start;
}
.lcpi-offers-clean .hero-copy h1{
  display:flex;
  align-items:baseline;
  gap:11px;
  margin:0;
  font-size:22px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.lcpi-offers-clean .hero-copy h1 span{
  font-size:46px;
  line-height:.88;
  font-weight:300;
  color:#e24dff;
  letter-spacing:-.065em;
  text-shadow:0 0 15px rgba(230,76,255,.72),0 0 30px rgba(137,71,255,.32);
}
.lcpi-offers-clean .hero-copy p{
  margin:7px 0 15px;
  font-size:13px;
  line-height:1.15;
  font-weight:400;
  color:#d8e3f4;
}
.lcpi-offers-clean .hero-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(94px,1fr));
  gap:8px;
  max-width:496px;
}
.lcpi-offers-clean .hero-stat{
  height:50px;
  min-height:50px;
  border-radius:9px;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:18px 20px;
  column-gap:7px;
  padding:6px 9px;
  overflow:hidden;
}
.lcpi-offers-clean .hero-stat i{width:27px;height:27px;}
.lcpi-offers-clean .hero-stat img{width:24px;height:24px;}
.lcpi-offers-clean .hero-stat small{
  font-size:10.5px;
  line-height:1.05;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#c3cde0;
}
.lcpi-offers-clean .hero-stat b{
  font-size:16.5px;
  line-height:1;
  font-weight:650;
}
.lcpi-offers-clean .crystal{overflow:visible;}
.lcpi-offers-clean .crystal:before{
  width:250px;
  height:132px;
  filter:blur(16px);
  opacity:.72;
}
.lcpi-offers-clean .crystal img{
  width:min(210px,92%);
  height:126px;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 15px rgba(80,222,255,.56)) drop-shadow(0 0 24px rgba(204,70,255,.36));
}
.lcpi-offers-clean .mini-card{
  padding:16px 17px;
  border-radius:12px;
}
.lcpi-offers-clean .mini-card small{
  margin-bottom:10px;
  font-size:10.5px;
  font-weight:650;
}
.lcpi-offers-clean .balance strong{
  font-size:32px;
  line-height:.95;
  margin-bottom:14px;
  font-weight:500;
}
.lcpi-offers-clean .balance button{
  height:39px;
  min-width:0;
  width:100%;
  border-radius:10px;
  font-size:12.5px;
  gap:8px;
  padding:0 12px;
}
.lcpi-offers-clean .balance button img{width:20px;height:20px;flex-basis:20px;}
.lcpi-offers-clean .balance button span{min-width:0;}
.lcpi-offers-clean .mini-card.progress h3{
  margin:0 0 14px;
  font-size:19px;
  font-weight:520;
}
.lcpi-offers-clean .progress-line{height:9px;margin-bottom:11px;}

/* ---- Trending: row 1 left title + right View All, row 2 gallery with compact arrows. ---- */
.lcpi-offers-clean .trending-card.offers-trending-gallery{
  height:auto;
  min-height:136px;
  display:flex;
  flex-direction:column;
  padding:15px 16px 14px;
  gap:12px;
  border-radius:14px;
  background:
    radial-gradient(280px 120px at 5% 5%,rgba(255,98,37,.10),transparent 62%),
    radial-gradient(520px 170px at 96% 92%,rgba(132,63,255,.15),transparent 70%),
    linear-gradient(180deg,rgba(13,24,55,.97),rgba(7,15,35,.99));
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  border-bottom:1px solid rgba(92,118,178,.28);
  padding:0 0 10px;
}
.lcpi-offers-clean .trending-title-wrap{
  justify-self:start;
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 35% 22%,#ffc766 0,#ff652f 35%,#852dff 70%,#132145 100%);
  box-shadow:0 0 18px rgba(255,103,42,.50),0 0 24px rgba(135,64,255,.28),inset 0 1px 0 rgba(255,255,255,.22);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-icon img{width:18px;height:18px;object-fit:contain;}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-head h3{
  margin:0;
  font-size:15px;
  line-height:1.05;
  font-weight:760;
  color:#fff;
  letter-spacing:-.012em;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-head p{
  margin:3px 0 0;
  color:#9dadc8;
  font-size:11px;
  line-height:1.15;
  font-weight:430;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trending-head a{
  justify-self:end;
  color:#e768ff;
  text-decoration:none;
  font-size:12px;
  font-weight:720;
  white-space:nowrap;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail-wrap{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 28px;
  gap:10px;
  align-items:center;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-arrow{
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid rgba(92,134,226,.70);
  background:rgba(13,25,56,.78);
  color:#fff;
  font-size:22px;
  line-height:1;
  display:grid;
  place-items:center;
  padding:0 0 2px;
  box-shadow:0 0 14px rgba(92,134,226,.18);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding:0 2px 1px;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail::-webkit-scrollbar{display:none;}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item{
  flex:1 0 202px;
  max-width:228px;
  min-width:198px;
  height:68px;
  display:grid;
  grid-template-columns:25px 58px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  border:1px solid rgba(86,126,212,.64);
  border-radius:10px;
  padding:7px 10px;
  background:radial-gradient(110px 70px at 22% 0%,rgba(82,113,255,.14),transparent 72%),linear-gradient(180deg,rgba(16,30,66,.93),rgba(8,16,38,.98));
  box-sizing:border-box;
  scroll-snap-align:start;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item b{
  width:22px;
  height:22px;
  border-radius:8px;
  border:1px solid #ffe451;
  color:#fff7a9;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:720;
  background:rgba(5,11,27,.72);
  box-shadow:0 0 10px rgba(255,219,68,.22);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item img{
  width:58px;
  height:58px;
  border-radius:11px;
  object-fit:cover;
  box-shadow:0 10px 18px rgba(0,0,0,.30);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item span{
  min-width:0;
  color:#fff;
  font-size:12.5px;
  line-height:1.08;
  font-weight:660;
  white-space:normal;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item small{
  display:block;
  margin-top:4px;
  color:#a8b5ce;
  font-size:10px;
  font-weight:420;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item strong{
  color:#20ff79;
  font-size:12px;
  font-weight:820;
  white-space:nowrap;
  align-self:end;
  padding-bottom:5px;
}

/* ---- Rightbar row separators like Live Leads. ---- */
.lcpi-offers-clean .offers-overview-card .overview-list div{
  padding:7px 0;
  margin:0;
  border-bottom:1px solid rgba(92,118,178,.23);
}
.lcpi-offers-clean .offers-overview-card .overview-list div:last-child{border-bottom:0;}
.lcpi-offers-clean .offers-unavailable-card .unrow{
  min-height:30px;
  padding:6px 0;
  border-bottom:1px solid rgba(92,118,178,.23);
}
.lcpi-offers-clean .offers-unavailable-card .unrow:last-child{border-bottom:0;}

/* ---- Premium block: keep normal flow; no bottom lock. ---- */
.lcpi-offers-clean .offers-premium-card{
  position:relative;
  min-height:128px;
  padding:16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 100px;
  gap:12px;
  align-items:center;
  background:
    radial-gradient(170px 120px at 88% 38%,rgba(218,63,255,.30),transparent 72%),
    linear-gradient(135deg,rgba(61,28,120,.94),rgba(14,22,52,.98));
  border-color:rgba(181,102,255,.58);
  box-shadow:0 20px 44px rgba(0,0,0,.30),0 0 22px rgba(172,71,255,.12),inset 0 1px 0 rgba(255,255,255,.08);
}
.lcpi-offers-clean .offers-premium-card h3{
  margin:0 0 7px;
  font-size:13px;
  line-height:1.12;
  font-weight:760;
  letter-spacing:.01em;
}
.lcpi-offers-clean .offers-premium-card p{
  margin:0 0 12px;
  color:#d6deef;
  font-size:12px;
  line-height:1.35;
  font-weight:420;
}
.lcpi-offers-clean .offers-premium-card button{
  width:100%;
  height:36px;
  border:0;
  border-radius:12px;
  background:linear-gradient(90deg,#7631ff,#d63bff);
  color:#fff;
  font-size:12px;
  font-weight:720;
  box-shadow:0 10px 22px rgba(185,62,255,.25),inset 0 1px 0 rgba(255,255,255,.18);
}
.lcpi-offers-clean .offers-premium-card .premium-art{
  width:100px;
  height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:12px;
  background:radial-gradient(circle at 50% 45%,rgba(92,226,255,.18),rgba(129,55,255,.10),transparent 72%);
}
.lcpi-offers-clean .offers-premium-card .premium-art img{
  width:116px;
  height:92px;
  object-fit:contain;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 13px rgba(88,219,255,.35)) drop-shadow(0 0 18px rgba(202,68,255,.30));
}

@media (max-width:1700px){
  .lcpi-offers-clean .hero-grid{grid-template-columns:minmax(560px,1fr) 250px 286px;}
  .lcpi-offers-clean .hero-copy h1 span{font-size:41px;}
  .lcpi-offers-clean .hero-copy h1{font-size:21px;}
  .lcpi-offers-clean .hero-stats{grid-template-columns:repeat(4,minmax(86px,1fr));gap:8px;max-width:464px;}
  .lcpi-offers-clean .hero-stat{height:50px;padding:6px 8px;}
  .lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item{flex-basis:188px;min-width:188px;}
}
@media (max-width:1100px){
  .lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail-wrap{grid-template-columns:minmax(0,1fr);}
  .lcpi-offers-clean .trending-card.offers-trending-gallery .trend-arrow{display:none;}
}


/* --------------------------------------------------------------------------
   V80 SAFE PATCH — no rollback of main/header/rightbar baseline.
   Scope only:
   1) Trending gallery: compact arrows, wider rail, 10 items support.
   2) Hero stat labels: full readable text without ellipsis.
   3) Premium rewards card: cleaner crystal composition and CTA.
   -------------------------------------------------------------------------- */

/* Hero stats: keep V78 layout, but stop truncating the labels. */
.lcpi-offers-clean .hero-stats{
  grid-template-columns:repeat(4,minmax(108px,1fr));
  gap:9px;
  max-width:520px;
}
.lcpi-offers-clean .hero-stat{
  min-width:0;
  height:54px;
  grid-template-columns:27px minmax(0,1fr);
  column-gap:7px;
  padding:7px 9px;
}
.lcpi-offers-clean .hero-stat small{
  font-size:10px;
  line-height:1.05;
  letter-spacing:-.01em;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  color:#c7d1e5;
}
.lcpi-offers-clean .hero-stat b{
  font-size:17px;
  line-height:1;
}
.lcpi-offers-clean .hero-stat i,
.lcpi-offers-clean .hero-stat img{
  width:24px;
  height:24px;
}

/* Trending: two-row premium section, items fill width, arrows overlay instead of occupying a large column. */
.lcpi-offers-clean .trending-card.offers-trending-gallery{
  min-height:132px;
  padding:14px 16px 15px;
  gap:12px;
  border-radius:12px;
  overflow:hidden;
  background:
    radial-gradient(420px 120px at 18% 0%,rgba(115,83,255,.16),transparent 68%),
    linear-gradient(180deg,rgba(14,24,55,.96),rgba(7,14,34,.985));
}
.lcpi-offers-clean .trending-head{
  padding:0 0 10px;
  border-bottom:1px solid rgba(102,130,194,.24);
}
.lcpi-offers-clean .trending-title-wrap{gap:12px;}
.lcpi-offers-clean .trending-icon{
  width:32px;
  height:32px;
  border-radius:11px;
  background:radial-gradient(circle at 36% 28%,#ff8c3a 0%,#fb4e35 38%,#3d1b78 75%,#0d1734 100%);
  box-shadow:0 0 18px rgba(255,94,47,.34),0 0 20px rgba(152,70,255,.20);
}
.lcpi-offers-clean .trending-icon img{width:18px;height:18px;}
.lcpi-offers-clean .trending-head h3{
  font-size:14px;
  line-height:1.05;
  font-weight:760;
}
.lcpi-offers-clean .trending-head p{font-size:11px;margin-top:3px;}
.lcpi-offers-clean .trending-head a{font-size:12px;font-weight:700;}

.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail-wrap{
  position:relative;
  display:block;
  min-width:0;
  padding:0 30px;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding:0 2px 2px;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-rail::-webkit-scrollbar{display:none;}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:26px;
  height:26px;
  min-width:26px;
  border-radius:50%;
  padding:0;
  margin:0;
  border:1px solid rgba(118,151,237,.56);
  background:rgba(12,22,51,.72);
  color:#dfeaff;
  font-size:22px;
  line-height:22px;
  display:grid;
  place-items:center;
  box-shadow:0 0 14px rgba(80,113,255,.16),inset 0 1px 0 rgba(255,255,255,.08);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-prev{left:0;}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-next{right:0;}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item{
  flex:0 0 clamp(206px, 18.6vw, 232px);
  min-width:206px;
  max-width:232px;
  height:72px;
  display:grid;
  grid-template-columns:24px 56px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:11px;
  border:1px solid rgba(91,128,217,.62);
  background:
    radial-gradient(110px 72px at 23% 0%,rgba(99,92,255,.15),transparent 72%),
    linear-gradient(180deg,rgba(16,30,66,.94),rgba(8,16,38,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  scroll-snap-align:start;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item b{
  width:22px;
  height:22px;
  border-radius:8px;
  font-size:11px;
  font-weight:760;
  color:#fff8b5;
  border:1px solid #ffe451;
  background:rgba(5,11,27,.72);
  box-shadow:0 0 10px rgba(255,219,68,.20);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item img{
  width:56px;
  height:56px;
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 8px 17px rgba(0,0,0,.30);
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item span{
  font-size:12.5px;
  line-height:1.08;
  font-weight:690;
  color:#fff;
  min-width:0;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item small{
  margin-top:4px;
  color:#a8b5ce;
  font-size:10px;
  font-weight:420;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item strong{
  color:#22ff7f;
  font-size:12px;
  font-weight:820;
  white-space:nowrap;
  align-self:end;
  padding-bottom:4px;
}

/* Premium / VIP block: match the page's crystal language, no cropped gold chest. */
.lcpi-offers-clean .offers-premium-card-v80,
.lcpi-offers-clean .offers-premium-card{
  position:relative;
  min-height:144px;
  padding:16px 16px 15px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px;
  gap:12px;
  align-items:center;
  overflow:hidden;
  border-radius:13px;
  border-color:rgba(181,102,255,.62);
  background:
    radial-gradient(190px 130px at 78% 42%,rgba(51,207,255,.16),transparent 70%),
    radial-gradient(230px 145px at 86% 42%,rgba(218,63,255,.34),transparent 72%),
    linear-gradient(135deg,rgba(35,19,85,.98),rgba(74,23,124,.90) 54%,rgba(10,19,47,.98));
  box-shadow:0 20px 44px rgba(0,0,0,.32),0 0 24px rgba(172,71,255,.15),inset 0 1px 0 rgba(255,255,255,.08);
}
.lcpi-offers-clean .offers-premium-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,.07),transparent 30%,rgba(255,255,255,.035) 62%,transparent 100%);
  pointer-events:none;
}
.lcpi-offers-clean .offers-premium-card .premium-copy{position:relative;z-index:2;min-width:0;}
.lcpi-offers-clean .premium-kicker{
  display:inline-flex;
  align-items:center;
  height:20px;
  padding:0 9px;
  border-radius:20px;
  margin-bottom:8px;
  background:rgba(45,229,255,.13);
  color:#93f4ff;
  border:1px solid rgba(116,233,255,.18);
  font-size:10px;
  font-weight:780;
  letter-spacing:.02em;
}
.lcpi-offers-clean .offers-premium-card h3{
  margin:0 0 6px;
  font-size:15px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:.005em;
}
.lcpi-offers-clean .offers-premium-card p{
  margin:0 0 12px;
  color:#dbe4f7;
  font-size:12px;
  line-height:1.34;
  font-weight:430;
}
.lcpi-offers-clean .offers-premium-card button{
  width:100%;
  height:36px;
  border:0;
  border-radius:12px;
  background:linear-gradient(90deg,#7732ff,#d640ff);
  color:#fff;
  font-size:12px;
  font-weight:760;
  box-shadow:0 10px 22px rgba(185,62,255,.26),inset 0 1px 0 rgba(255,255,255,.18);
}
.lcpi-offers-clean .offers-premium-card button span{color:#ffe66c;margin-right:4px;}
.lcpi-offers-clean .premium-crystal-art,
.lcpi-offers-clean .offers-premium-card .premium-art{
  position:relative;
  z-index:1;
  width:112px;
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  border-radius:16px;
  background:radial-gradient(circle at 50% 55%,rgba(71,218,255,.20),rgba(144,58,255,.14) 44%,transparent 72%);
}
.lcpi-offers-clean .premium-crystal-art:after,
.lcpi-offers-clean .offers-premium-card .premium-art:after{
  content:"";
  position:absolute;
  width:90px;
  height:24px;
  bottom:8px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(108,231,255,.25),rgba(189,64,255,.10),transparent 70%);
  filter:blur(5px);
}
.lcpi-offers-clean .premium-crystal-art img,
.lcpi-offers-clean .offers-premium-card .premium-art img{
  width:122px;
  height:96px;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 14px rgba(88,219,255,.40)) drop-shadow(0 0 20px rgba(202,68,255,.34));
}

@media (max-width:1700px){
  .lcpi-offers-clean .hero-stats{grid-template-columns:repeat(4,minmax(102px,1fr));max-width:500px;}
  .lcpi-offers-clean .hero-stat small{font-size:9.6px;}
  .lcpi-offers-clean .trending-card.offers-trending-gallery .trend-item{flex-basis:196px;min-width:196px;}
  .lcpi-offers-clean .offers-premium-card{grid-template-columns:minmax(0,1fr) 96px;}
  .lcpi-offers-clean .premium-crystal-art,.lcpi-offers-clean .offers-premium-card .premium-art{width:96px;}
  .lcpi-offers-clean .premium-crystal-art img,.lcpi-offers-clean .offers-premium-card .premium-art img{width:108px;height:88px;}
}

/* V81 Footer Feature Bar Pro Polish - route /offers only */
.lcpi-offers-clean .offers-footerbar.offers-footerbar-pro{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  height:76px;
  padding:12px 14px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:12px;
  align-items:center;
  border:1px solid rgba(87,132,220,.38);
  border-radius:14px;
  background:
    radial-gradient(110px 70px at 18% 12%,rgba(91,66,255,.20),transparent 62%),
    linear-gradient(180deg,rgba(13,25,56,.96),rgba(7,15,34,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 14px 32px rgba(0,0,0,.26);
}
.lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(106,78,255,.14),transparent 42%,rgba(12,211,238,.06));
  opacity:.55;
  pointer-events:none;
}
.lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-icon{
  position:relative;
  z-index:1;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.10),rgba(21,39,85,.85));
  box-shadow:0 0 18px rgba(88,115,255,.18), inset 0 0 0 1px rgba(255,255,255,.05);
}
.lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-icon img{
  width:44px;
  height:44px;
  display:block;
  object-fit:contain;
  border-radius:0;
  background:transparent;
}
.lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-copy{
  position:relative;
  z-index:1;
  min-width:0;
}
.lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-copy h3{
  margin:0 0 5px;
  color:#f3f7ff;
  font-size:12px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-copy p{
  margin:0;
  color:#aeb9d0;
  font-size:11px;
  line-height:1.25;
  max-width:180px;
}
.lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-card:hover{
  border-color:rgba(167,109,255,.62);
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(0,0,0,.30),0 0 24px rgba(122,92,255,.12);
}
@media (max-width:1500px){
  .lcpi-offers-clean .offers-footerbar.offers-footerbar-pro{gap:8px;}
  .lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-card{grid-template-columns:46px minmax(0,1fr);padding:10px;height:72px;gap:10px;}
  .lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-icon{width:46px;height:46px;border-radius:12px;}
  .lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-icon img{width:39px;height:39px;}
  .lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-copy h3{font-size:11px;}
  .lcpi-offers-clean .offers-footerbar.offers-footerbar-pro .footer-feature-copy p{font-size:10px;}
}
@media (max-width:1180px){
  .lcpi-offers-clean .offers-footerbar.offers-footerbar-pro{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* V82 Hero Counter Typography Polish - route /offers only
   Scope: only the Offers Available number/title. No layout/sidebar/topbar/rightbar/footer changes. */
.lcpi-offers-clean .hero-copy h1{
  align-items:center;
  gap:10px;
  font-size:22px;
  line-height:1;
  font-weight:650;
  letter-spacing:-.035em;
  color:#f4f7ff;
  text-shadow:0 0 14px rgba(255,255,255,.10);
}
.lcpi-offers-clean .hero-copy h1 span{
  font-size:40px;
  line-height:.95;
  font-weight:520;
  letter-spacing:-.055em;
  color:transparent;
  background:linear-gradient(180deg,#ff7cff 0%,#e44cff 45%,#a95cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 11px rgba(218,74,255,.48)) drop-shadow(0 0 22px rgba(137,81,255,.25));
}
.lcpi-offers-clean .hero-copy p{
  margin-top:7px;
  font-size:13px;
  line-height:1.2;
  font-weight:430;
  color:#dbe4f4;
}
@media (max-width:1700px){
  .lcpi-offers-clean .hero-copy h1{font-size:21px;gap:9px;}
  .lcpi-offers-clean .hero-copy h1 span{font-size:38px;}
}

/* V83 Balance Card Premium Polish - scoped to /offers balance mini-card only. */
.lcpi-offers-clean .hero-grid .mini-card.balance{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:17px 18px;
  min-height:0;
  background:
    radial-gradient(circle at 50% 0%,rgba(114,88,255,.18),transparent 42%),
    linear-gradient(180deg,rgba(14,25,58,.98),rgba(8,15,36,.98));
}
.lcpi-offers-clean .hero-grid .mini-card.balance small{
  margin:0 0 9px;
  color:#eef4ff;
  font-size:10.5px;
  line-height:1;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase;
  opacity:.96;
}
.lcpi-offers-clean .hero-grid .mini-card.balance strong{
  margin:0 0 14px;
  color:#24ff81;
  font-size:34px;
  line-height:.95;
  font-weight:650;
  letter-spacing:-.045em;
  text-shadow:0 0 18px rgba(36,255,129,.28),0 0 34px rgba(36,255,129,.12);
}
.lcpi-offers-clean .hero-grid .mini-card.balance button{
  width:min(186px,100%);
  height:42px;
  margin:0 auto;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(205,98,255,.74);
  background:
    linear-gradient(90deg,rgba(73,39,158,.92),rgba(128,39,235,.92) 52%,rgba(214,59,255,.92)),
    radial-gradient(circle at 12% 50%,rgba(77,226,255,.24),transparent 30%);
  box-shadow:
    0 0 18px rgba(199,61,255,.30),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(39,12,74,.38);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  font-size:12.5px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
  overflow:visible;
}
.lcpi-offers-clean .hero-grid .mini-card.balance button img{
  width:22px;
  height:22px;
  flex:0 0 22px;
  object-fit:contain;
  opacity:.95;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 9px rgba(96,228,255,.55)) drop-shadow(0 0 13px rgba(174,88,255,.30));
}
.lcpi-offers-clean .hero-grid .mini-card.balance button span{
  min-width:0;
  overflow:visible;
  text-overflow:clip;
}
.lcpi-offers-clean .hero-grid .mini-card.balance button em{
  font-style:normal;
  font-size:13px;
  line-height:1;
  opacity:.94;
}
.lcpi-offers-clean .hero-grid .mini-card.balance button:hover{
  transform:translateY(-1px);
  box-shadow:
    0 0 22px rgba(199,61,255,.42),
    0 10px 22px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.34);
}

/* V90 Real data integration helpers: load more + offer_url CTA anchor parity. */
.lcpi-offers-clean .offer-card.is-offer-hidden{display:none;}
.lcpi-offers-clean .offer-card .offer-start-button{
  height:34px;border:0;border-radius:7px;color:#fff;font-size:12px;font-weight:600;margin-top:auto;
  display:flex;align-items:center;justify-content:center;text-decoration:none;
}
.lcpi-offers-clean .offer-card.purple .offer-start-button{background:linear-gradient(90deg,#7424ff,#bd2dfb)}
.lcpi-offers-clean .offer-card.green .offer-start-button{background:#2fad50}
.lcpi-offers-clean .offer-card.orange .offer-start-button{background:linear-gradient(90deg,#e84c22,#ff861b)}
.lcpi-offers-clean .offer-card.blue .offer-start-button{background:#3476e7}
.lcpi-offers-clean .offer-card .offer-start-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.lcpi-offers-clean .offer-grid.is-filtering .offer-card.is-offer-hidden{display:flex;}
.lcpi-offers-clean .offer-grid.is-filtering .offer-card.is-filter-hidden{display:none;}


/* V91 MERGE LOCK: keep Phase 2 data changes, restore Index-standard Offers frame.
   This overrides older route blocks that still force 216px/206px sidebar or main-only topbar. */
.lcpi-offers-clean .offers-page-shell{
  display:grid !important;
  grid-template-columns:226px minmax(0,1fr) 340px !important;
  grid-template-rows:58px auto auto !important;
  gap:14px !important;
  column-gap:14px !important;
  padding:20px !important;
  box-sizing:border-box !important;
  min-height:100vh !important;
}
.lcpi-offers-clean .lcpi-sidebar,
.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar{
  grid-column:1 !important;
  grid-row:1 / 4 !important;
  width:226px !important;
  min-width:226px !important;
  max-width:226px !important;
  align-self:stretch !important;
}
.lcpi-offers-clean .lcpi-offers-topbar{
  grid-column:2 / 4 !important;
  grid-row:1 !important;
  min-width:0 !important;
  width:100% !important;
  height:58px !important;
  align-self:start !important;
  z-index:5 !important;
}
.lcpi-offers-clean .offers-mainbar{
  grid-column:2 !important;
  grid-row:2 !important;
  min-width:0 !important;
}
.lcpi-offers-clean .offers-rightbar{
  grid-column:3 !important;
  grid-row:2 !important;
  min-width:0 !important;
}
.lcpi-offers-clean .offers-footerbar{
  grid-column:2 / 4 !important;
  grid-row:3 !important;
  min-width:0 !important;
}
@media (max-width:1500px){
  .lcpi-offers-clean .offers-page-shell{
    grid-template-columns:226px minmax(0,1fr) 320px !important;
    padding:20px !important;
    column-gap:14px !important;
  }
}
@media (max-width:1180px){
  .lcpi-offers-clean .offers-page-shell{
    grid-template-columns:226px minmax(0,1fr) !important;
    grid-template-rows:58px auto auto auto !important;
  }
  .lcpi-offers-clean .lcpi-offers-topbar{grid-column:2 !important;grid-row:1 !important;}
  .lcpi-offers-clean .offers-mainbar{grid-column:2 !important;grid-row:2 !important;}
  .lcpi-offers-clean .offers-rightbar{grid-column:2 !important;grid-row:3 !important;}
  .lcpi-offers-clean .offers-footerbar{grid-column:2 !important;grid-row:4 !important;}
}

/* --------------------------------------------------------------------------
   V91 FINAL TOPBAR / LEFTBAR NO-ROLLBACK LOCK
   Baseline: Phase2 real data + merged Index leftbar/topbar fixes.
   Purpose: keep /offers topbar using Index rhythm and spanning MAIN + RIGHTBAR.
   -------------------------------------------------------------------------- */
body.lcpi-offers-clean .offers-page-shell{
  display:grid !important;
  grid-template-columns:226px minmax(0,1fr) 320px !important;
  grid-template-rows:58px auto auto !important;
  gap:14px !important;
  column-gap:14px !important;
  row-gap:14px !important;
  padding:20px !important;
  box-sizing:border-box !important;
  align-items:start !important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar,
body.lcpi-offers-clean .lcpi-sidebar{
  grid-column:1 !important;
  grid-row:1 / 4 !important;
  width:226px !important;
  min-width:226px !important;
  max-width:226px !important;
  align-self:stretch !important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-offers-topbar,
body.lcpi-offers-clean .lcpi-offers-topbar{
  grid-column:2 / 4 !important;
  grid-row:1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  z-index:10 !important;
}
body.lcpi-offers-clean .offers-page-shell > .offers-mainbar{grid-column:2 !important;grid-row:2 !important;min-width:0 !important;}
body.lcpi-offers-clean .offers-page-shell > .offers-rightbar{grid-column:3 !important;grid-row:2 !important;min-width:0 !important;}
body.lcpi-offers-clean .offers-page-shell > .offers-footerbar{grid-column:2 / 4 !important;grid-row:3 !important;min-width:0 !important;}
body.lcpi-offers-clean .lcpi-offers-search{
  flex:1 1 auto !important;
  min-width:420px !important;
  max-width:none !important;
  height:50px !important;
  margin:0 !important;
}
body.lcpi-offers-clean .lcpi-offers-filter{
  flex:0 0 118px !important;
  width:118px !important;
  height:50px !important;
  margin:0 !important;
}
body.lcpi-offers-clean .lcpi-top-actions{
  margin-left:auto !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  height:50px !important;
  white-space:nowrap !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-chip,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-btn{
  height:46px !important;
  border-radius:13px !important;
}
body.lcpi-offers-clean .lcpi-top-icon-btn{width:48px !important;min-width:48px !important;}
body.lcpi-offers-clean .lcpi-lang-chip{min-width:94px !important;}
body.lcpi-offers-clean .lcpi-user-panel{min-width:134px !important;max-width:174px !important;}
@media (max-width:1500px){
  body.lcpi-offers-clean .offers-page-shell{
    grid-template-columns:226px minmax(0,1fr) 306px !important;
    padding:20px !important;
    column-gap:12px !important;
  }
  body.lcpi-offers-clean .lcpi-offers-search{min-width:360px !important;}
  body.lcpi-offers-clean .lcpi-user-panel{min-width:124px !important;}
}
@media (max-width:1180px){
  body.lcpi-offers-clean .offers-page-shell{
    grid-template-columns:226px minmax(0,1fr) !important;
    grid-template-rows:58px auto auto auto !important;
  }
  body.lcpi-offers-clean .lcpi-offers-topbar{grid-column:2 !important;grid-row:1 !important;}
  body.lcpi-offers-clean .offers-mainbar{grid-column:2 !important;grid-row:2 !important;}
  body.lcpi-offers-clean .offers-rightbar{grid-column:2 !important;grid-row:3 !important;}
  body.lcpi-offers-clean .offers-footerbar{grid-column:2 !important;grid-row:4 !important;}
}


/* --------------------------------------------------------------------------
   V92 TOPBAR FINAL GRID LOCK — no rollback, no main-only width.
   Forces Offers topbar to use the same full-row rhythm as Index while keeping
   the route-only Filters button. The search grows across the whole MAIN+RIGHT
   topbar span; actions stay aligned at the far right without stealing search
   width.
   -------------------------------------------------------------------------- */
body.lcpi-offers-clean .offers-page-shell > .lcpi-offers-topbar,
body.lcpi-offers-clean .lcpi-offers-topbar{
  grid-column:2 / 4 !important;
  grid-row:1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:58px !important;
  display:grid !important;
  grid-template-columns:minmax(520px,1fr) 118px max-content !important;
  align-items:center !important;
  column-gap:12px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  z-index:999 !important;
}
body.lcpi-offers-clean .lcpi-offers-search{
  grid-column:1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:50px !important;
  flex:none !important;
}
body.lcpi-offers-clean .lcpi-offers-filter{
  grid-column:2 !important;
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  height:50px !important;
  flex:none !important;
}
body.lcpi-offers-clean .lcpi-top-actions{
  grid-column:3 !important;
  justify-self:end !important;
  margin-left:0 !important;
  min-width:max-content !important;
  width:max-content !important;
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex:none !important;
  white-space:nowrap !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-chip,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-btn{
  height:46px !important;
  min-height:46px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-theme-chip{width:66px !important;min-width:66px !important;}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-top-icon-btn.lcpi-bell{width:48px !important;min-width:48px !important;}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-lang-chip{width:94px !important;min-width:94px !important;}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel{width:134px !important;min-width:134px !important;max-width:134px !important;}
@media (max-width:1500px){
  body.lcpi-offers-clean .offers-page-shell > .lcpi-offers-topbar,
  body.lcpi-offers-clean .lcpi-offers-topbar{
    grid-template-columns:minmax(380px,1fr) 118px max-content !important;
    column-gap:10px !important;
  }
  body.lcpi-offers-clean .lcpi-top-actions{gap:8px !important;}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-theme-chip{width:54px !important;min-width:54px !important;}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-lang-chip{width:84px !important;min-width:84px !important;}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel{width:122px !important;min-width:122px !important;max-width:122px !important;}
}
@media (max-width:1180px){
  body.lcpi-offers-clean .offers-page-shell > .lcpi-offers-topbar,
  body.lcpi-offers-clean .lcpi-offers-topbar{
    grid-column:2 !important;
    grid-template-columns:minmax(0,1fr) 118px !important;
    grid-template-rows:58px 50px !important;
    height:auto !important;
    row-gap:10px !important;
  }
  body.lcpi-offers-clean .lcpi-top-actions{grid-column:1 / 3 !important;grid-row:2 !important;justify-self:end !important;}
}


/* V93 - Earning Insights real-data sparkline. Keep latest topbar/leftbar grid lock intact. */
.lcpi-offers-clean .offers-insight-sparkline{position:relative;height:82px;background:radial-gradient(120px 60px at 50% 38%,rgba(157,47,255,.18),transparent 72%),#071128;border-radius:8px;margin:11px 0 9px;overflow:hidden;padding:6px 8px 18px}
.lcpi-offers-clean .offers-insight-sparkline svg{width:100%;height:54px;display:block;overflow:visible}
.lcpi-offers-clean .offers-insight-sparkline circle{fill:#c13fff;stroke:#071128;stroke-width:1.2;filter:drop-shadow(0 0 4px rgba(193,63,255,.82))}
.lcpi-offers-clean .offers-insight-sparkline .spark-labels{position:absolute;left:9px;right:9px;bottom:6px;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;color:#8f9ab3;font-size:9px;text-align:center}
.lcpi-offers-clean .insight-stats small{white-space:nowrap}


/* V95 - Unavailable Offers one-line compact rows. Built on latest unavailable-offers real-data baseline; keep topbar/leftbar locks intact. */
body.lcpi-offers-clean .offers-unavailable-card{
  overflow:hidden !important;
}
body.lcpi-offers-clean .offers-unavailable-card .unrow{
  display:grid !important;
  grid-template-columns:16px minmax(0,1fr) max-content 14px !important;
  align-items:center !important;
  gap:7px !important;
  min-height:30px !important;
  padding:5px 0 !important;
  margin:0 !important;
  line-height:1.15 !important;
  overflow:hidden !important;
}
body.lcpi-offers-clean .offers-unavailable-card .unrow i{
  width:16px !important;
  min-width:16px !important;
  text-align:center !important;
  font-size:11px !important;
  line-height:1 !important;
  opacity:.95 !important;
}
body.lcpi-offers-clean .offers-unavailable-card .unrow span{
  min-width:0 !important;
  max-width:100% !important;
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  color:#eef3ff !important;
}
body.lcpi-offers-clean .offers-unavailable-card .unrow small{
  display:block !important;
  min-width:0 !important;
  max-width:82px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:10px !important;
  line-height:1 !important;
  color:#9aa6bd !important;
  justify-self:end !important;
}
body.lcpi-offers-clean .offers-unavailable-card .unrow b{
  width:14px !important;
  min-width:14px !important;
  text-align:right !important;
  font-size:11px !important;
  line-height:1 !important;
  justify-self:end !important;
}
@media (max-width:1500px){
  body.lcpi-offers-clean .offers-unavailable-card .unrow{
    grid-template-columns:15px minmax(0,1fr) max-content 13px !important;
    gap:6px !important;
  }
  body.lcpi-offers-clean .offers-unavailable-card .unrow span{font-size:11.5px !important;}
  body.lcpi-offers-clean .offers-unavailable-card .unrow small{max-width:72px !important;font-size:9.5px !important;}
}


/* ========================================================================== 
   V29 — Offers route Index leftbar + typography/color safe lock
   Scope: /offers only. Keep offer cards/main widgets layout intact.
   Fixes the same issue previously fixed on /partners: route CSS was heavier than Index.
   ========================================================================== */
body.lcpi-offers-clean{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:400!important;
  color:#e8eefc!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

/* Frame: match Index sidebar width/outer spacing without touching cards internals */
body.lcpi-offers-clean .offers-page-shell{
  grid-template-columns:226px minmax(0,1fr) 320px!important;
  column-gap:18px!important;
  row-gap:14px!important;
  padding:18px 18px 18px 18px!important;
  box-sizing:border-box!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar{
  grid-column:1!important;
  grid-row:1/4!important;
  width:226px!important;
  min-width:226px!important;
  max-width:226px!important;
  inline-size:226px!important;
  position:sticky!important;
  top:18px!important;
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:8px 14px 14px!important;
  box-sizing:border-box!important;
  align-self:start!important;
}

/* Sidebar typography: clone Index thin tone */
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar *{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-brand strong{
  color:#f1f5ff!important;
  font-size:25px!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
  text-shadow:none!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-brand small{
  color:#9ea9c8!important;
  font-size:11px!important;
  font-weight:300!important;
  letter-spacing:.16em!important;
  text-shadow:none!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link{
  min-height:52px!important;
  height:52px!important;
  padding:0 12px!important;
  gap:12px!important;
  border-radius:15px!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:13px!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-icon svg{
  width:22px!important;
  height:22px!important;
  stroke-width:2.05!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-label{
  font-size:16px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:-.014em!important;
  color:color-mix(in srgb,var(--nav-accent) 70%, #f5f7ff)!important;
  text-shadow:0 0 9px color-mix(in srgb,var(--nav-accent) 18%, transparent)!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link.is-active .lcpi-nav-label,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-link:hover .lcpi-nav-label{
  font-weight:460!important;
  color:#f7f3ff!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-mission-card h3,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-quick-access h4,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-priority-support h3{
  color:#f0f4ff!important;
  font-weight:450!important;
  text-shadow:none!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-mission-card li,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-quick-access small,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-priority-support .lcpi-support-actions small,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-priority-support strong{
  color:#d8e2f6!important;
  font-weight:350!important;
  text-shadow:none!important;
}
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-side-card .lcpi-btn,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-btn-full,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-collapse,
body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-collapse span{
  font-size:13px!important;
  font-weight:500!important;
  text-shadow:none!important;
}

/* Topbar typography/color: Index-like, not heavy white */
body.lcpi-offers-clean .lcpi-offers-topbar,
body.lcpi-offers-clean .lcpi-offers-topbar *{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
}
body.lcpi-offers-clean .lcpi-offers-search input{
  color:#dfe7fb!important;
  font-size:14px!important;
  font-weight:400!important;
  letter-spacing:-.004em!important;
}
body.lcpi-offers-clean .lcpi-offers-search input::placeholder{color:#8f9ab6!important;font-weight:400!important}
body.lcpi-offers-clean .lcpi-offers-search kbd{color:#dbe5ff!important;font-size:10px!important;font-weight:500!important}
body.lcpi-offers-clean .lcpi-offers-filter,
body.lcpi-offers-clean .lcpi-lang-chip,
body.lcpi-offers-clean .lcpi-user-panel .lcpi-user-copy strong,
body.lcpi-offers-clean .lcpi-login-btn{
  color:#f0f5ff!important;
  font-weight:600!important;
  text-shadow:none!important;
}
body.lcpi-offers-clean .lcpi-user-panel .lcpi-user-copy small{color:#28ec85!important;font-weight:500!important}

/* Mainbar/rightbar typography only — no card dimensions or positioning */
body.lcpi-offers-clean .offers-mainbar,
body.lcpi-offers-clean .offers-rightbar,
body.lcpi-offers-clean .offers-mainbar a,
body.lcpi-offers-clean .offers-mainbar button,
body.lcpi-offers-clean .offers-rightbar a,
body.lcpi-offers-clean .offers-rightbar button{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
}
body.lcpi-offers-clean .hero-copy h1,
body.lcpi-offers-clean .hero-copy h1 span,
body.lcpi-offers-clean .mini-card strong,
body.lcpi-offers-clean .mini-card h3,
body.lcpi-offers-clean .trending-head h3,
body.lcpi-offers-clean .offers-head h3,
body.lcpi-offers-clean .right-card-head h3{
  color:#f3f6ff!important;
  font-weight:650!important;
  letter-spacing:-.034em!important;
  text-shadow:none!important;
}
body.lcpi-offers-clean .hero-copy p,
body.lcpi-offers-clean .mini-card small,
body.lcpi-offers-clean .mini-card p,
body.lcpi-offers-clean .trending-head p,
body.lcpi-offers-clean .offers-head small,
body.lcpi-offers-clean .right-card-head small,
body.lcpi-offers-clean .overview-list div,
body.lcpi-offers-clean .goal-title{
  color:#aab5cc!important;
  font-weight:400!important;
  text-shadow:none!important;
}
body.lcpi-offers-clean .hero-stat small,
body.lcpi-offers-clean .trend-item span small,
body.lcpi-offers-clean .offer-card p,
body.lcpi-offers-clean .offer-meta small,
body.lcpi-offers-clean .overview-foot span,
body.lcpi-offers-clean .insight-stats span,
body.lcpi-offers-clean .unavailable p{
  color:#98a5bf!important;
  font-weight:400!important;
}
body.lcpi-offers-clean .hero-stat b,
body.lcpi-offers-clean .trend-item span,
body.lcpi-offers-clean .offer-card h4,
body.lcpi-offers-clean .overview-foot b,
body.lcpi-offers-clean .verified b{
  color:#eef3ff!important;
  font-weight:600!important;
  text-shadow:none!important;
}

@media(max-width:1560px){
  body.lcpi-offers-clean .offers-page-shell{grid-template-columns:226px minmax(0,1fr) 306px!important;column-gap:14px!important;padding-right:14px!important}
}
@media(max-width:1180px){
  body.lcpi-offers-clean .offers-page-shell{grid-template-columns:82px minmax(0,1fr)!important;padding-left:12px!important}
  body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar{width:82px!important;min-width:82px!important;max-width:82px!important;inline-size:82px!important;padding-inline:10px!important}
  body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-label,
  body.lcpi-offers-clean .offers-page-shell > .lcpi-sidebar .lcpi-nav-pro .lcpi-nav-glow{display:none!important}
}


/* --------------------------------------------------------------------------
   V30 OFFERS TOPBAR INDEX SAFE FIX
   Scope: /offers topbar only. Keeps V29 leftbar locks intact.
   Fix: prevent action cluster (guest + login) from overflowing/cropping while
   preserving the Index visual rhythm and not touching main/right blocks.
   -------------------------------------------------------------------------- */
body.lcpi-offers-clean .offers-page-shell > .lcpi-offers-topbar,
body.lcpi-offers-clean .lcpi-offers-topbar{
  grid-column:2 / 4 !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto max-content !important;
  column-gap:12px !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:58px !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  padding:0 !important;
}
body.lcpi-offers-clean .lcpi-offers-search{
  grid-column:1 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:50px !important;
  margin:0 !important;
  overflow:hidden !important;
}
body.lcpi-offers-clean .lcpi-offers-filter{
  grid-column:2 !important;
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  height:50px !important;
  margin:0 !important;
  flex:none !important;
}
body.lcpi-offers-clean .lcpi-top-actions{
  grid-column:3 !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  width:max-content !important;
  min-width:0 !important;
  max-width:100% !important;
  height:50px !important;
  margin:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
  flex:none !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-chip,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-btn,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-login-btn{
  box-sizing:border-box !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  border-radius:14px !important;
  flex:0 0 auto !important;
  overflow:hidden !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-theme-chip{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-lang-chip{
  width:90px !important;
  min-width:90px !important;
  max-width:90px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-top-icon-btn.lcpi-bell{
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel{
  width:142px !important;
  min-width:142px !important;
  max-width:142px !important;
  padding:4px 10px 4px 6px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel .avatar{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-copy{
  min-width:0 !important;
  overflow:hidden !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-copy strong,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-copy small{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-login-btn{
  width:154px !important;
  min-width:154px !important;
  max-width:154px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-login-btn span{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
@media (max-width:1500px){
  body.lcpi-offers-clean .offers-page-shell > .lcpi-offers-topbar,
  body.lcpi-offers-clean .lcpi-offers-topbar{
    grid-template-columns:minmax(0,1fr) 108px max-content !important;
    column-gap:8px !important;
  }
  body.lcpi-offers-clean .lcpi-offers-filter{width:108px!important;min-width:108px!important;max-width:108px!important}
  body.lcpi-offers-clean .lcpi-top-actions{gap:7px!important}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-theme-chip{width:50px!important;min-width:50px!important;max-width:50px!important}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-lang-chip{width:82px!important;min-width:82px!important;max-width:82px!important}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel{width:120px!important;min-width:120px!important;max-width:120px!important}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-login-btn{width:138px!important;min-width:138px!important;max-width:138px!important;padding:0 10px!important}
}
@media (max-width:1280px){
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel{display:none!important}
}

/* --------------------------------------------------------------------------
   V3 TOPBAR REPAIR — /offers only, existing file only.
   Fixes: search/filter live UI stays active, height is index-like, search is not
   over-stretched, and action order is theme | language | bell | user.
   -------------------------------------------------------------------------- */
body.lcpi-offers-clean .offers-page-shell > .lcpi-offers-topbar,
body.lcpi-offers-clean .lcpi-offers-topbar{
  grid-column:2 / 4 !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-columns:minmax(480px,720px) 120px minmax(18px,1fr) max-content !important;
  column-gap:12px !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:64px !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  padding:0 !important;
  z-index:1000 !important;
}
body.lcpi-offers-clean .lcpi-offers-search{
  grid-column:1 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:720px !important;
  height:54px !important;
  margin:0 !important;
  padding:0 18px !important;
  border-radius:15px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
}
body.lcpi-offers-clean .lcpi-offers-filter-wrap{
  grid-column:2 !important;
  position:relative !important;
  width:120px !important;
  min-width:120px !important;
  max-width:120px !important;
  height:54px !important;
  margin:0 !important;
}
body.lcpi-offers-clean .lcpi-offers-filter{
  width:120px !important;
  min-width:120px !important;
  max-width:120px !important;
  height:54px !important;
  border-radius:15px !important;
  margin:0 !important;
  flex:none !important;
}
body.lcpi-offers-clean .lcpi-top-spacer{grid-column:3 !important;min-width:0 !important;height:1px !important;}
body.lcpi-offers-clean .lcpi-top-actions{
  grid-column:4 !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  width:max-content !important;
  min-width:0 !important;
  max-width:100% !important;
  height:54px !important;
  margin:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
  flex:none !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-chip,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-btn,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-login-btn{
  box-sizing:border-box !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  border-radius:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  overflow:visible !important;
  position:relative !important;
  margin:0 !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-theme-chip{
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  padding:0 10px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-theme-symbols{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:9px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-theme-symbols img,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-bell img{
  width:18px !important;
  height:18px !important;
  display:block !important;
  object-fit:contain !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-lang-chip{
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  padding:0 12px !important;
  gap:8px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-top-icon-btn.lcpi-bell{
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  padding:0 !important;
  overflow:visible !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-bell b{
  position:absolute !important;
  right:-7px !important;
  top:-7px !important;
  min-width:22px !important;
  height:20px !important;
  padding:0 5px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:#ff3b2f !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  z-index:3 !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel{
  width:148px !important;
  min-width:148px !important;
  max-width:148px !important;
  padding:4px 10px 4px 6px !important;
  justify-content:flex-start !important;
  gap:9px !important;
  overflow:hidden !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel .avatar{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel .avatar img{width:36px!important;height:36px!important;}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-copy{min-width:0!important;overflow:hidden!important;}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-copy strong,
body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-copy small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.lcpi-offers-clean .lcpi-top-actions .lcpi-login-btn{
  width:154px!important;
  min-width:154px!important;
  max-width:154px!important;
  padding:0 14px!important;
  gap:8px!important;
  overflow:hidden!important;
}
body.lcpi-offers-clean .lcpi-offers-filter-panel{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  z-index:5000 !important;
  width:330px !important;
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid rgba(102,126,205,.42) !important;
  background:linear-gradient(180deg,rgba(16,25,55,.98),rgba(8,13,31,.98)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body.lcpi-offers-clean .lcpi-offers-filter-panel[hidden]{display:none!important;}
body.lcpi-offers-clean .filter-panel-head,
body.lcpi-offers-clean .filter-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
body.lcpi-offers-clean .filter-panel-head strong{color:#fff!important;font-size:14px!important;font-weight:700!important;}
body.lcpi-offers-clean .filter-panel-head button{width:30px!important;height:30px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;cursor:pointer!important;}
body.lcpi-offers-clean .filter-group{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:13px!important;}
body.lcpi-offers-clean .filter-group > span{flex:0 0 100%!important;color:#9faad0!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
body.lcpi-offers-clean .filter-group button,
body.lcpi-offers-clean .filter-actions button{
  height:34px!important;
  border:1px solid rgba(95,121,198,.38)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.045)!important;
  color:#dce5ff!important;
  padding:0 12px!important;
  font-weight:650!important;
  cursor:pointer!important;
}
body.lcpi-offers-clean .filter-group button.is-active,
body.lcpi-offers-clean .filter-actions button:last-child{
  background:linear-gradient(135deg,#7b2dff,#cf3fff)!important;
  color:#fff!important;
  border-color:rgba(210,95,255,.75)!important;
}
body.lcpi-offers-clean .filter-actions{margin-top:14px!important;}
body.lcpi-offers-clean .offer-card.is-filter-hidden,
body.lcpi-offers-clean .trend-item.is-filter-hidden{display:none!important;}
body.lcpi-offers-clean .offers-live-empty{
  grid-column:1 / -1!important;
  border:1px solid rgba(110,134,210,.25)!important;
  background:rgba(255,255,255,.035)!important;
  color:#b9c5e6!important;
  border-radius:18px!important;
  padding:22px!important;
  text-align:center!important;
  font-weight:800!important;
}
@media (max-width:1500px){
  body.lcpi-offers-clean .offers-page-shell > .lcpi-offers-topbar,
  body.lcpi-offers-clean .lcpi-offers-topbar{grid-template-columns:minmax(420px,640px) 112px minmax(10px,1fr) max-content!important;column-gap:8px!important;}
  body.lcpi-offers-clean .lcpi-offers-filter-wrap,
  body.lcpi-offers-clean .lcpi-offers-filter{width:112px!important;min-width:112px!important;max-width:112px!important;}
  body.lcpi-offers-clean .lcpi-top-actions{gap:7px!important;}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-theme-chip{width:64px!important;min-width:64px!important;max-width:64px!important;}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-lang-chip{width:86px!important;min-width:86px!important;max-width:86px!important;}
  body.lcpi-offers-clean .lcpi-top-actions .lcpi-user-panel{width:128px!important;min-width:128px!important;max-width:128px!important;}
}
@media (max-width:1280px){
  body.lcpi-offers-clean .offers-page-shell > .lcpi-offers-topbar,
  body.lcpi-offers-clean .lcpi-offers-topbar{grid-template-columns:minmax(0,1fr) 112px!important;grid-template-rows:56px 52px!important;height:auto!important;row-gap:10px!important;}
  body.lcpi-offers-clean .lcpi-top-spacer{display:none!important;}
  body.lcpi-offers-clean .lcpi-top-actions{grid-column:1 / 3!important;grid-row:2!important;justify-self:end!important;}
}


/* LeadCPI unified topbar hardening: action component only. Do not mutate search/main/rightbar layout. */
.lcpi-top-actions .lcpi-geo-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important;line-height:1!important;vertical-align:middle!important;}
.lcpi-top-actions .lcpi-geo-chip .lcpi-geo-flag{display:block!important;width:20px!important;height:14px!important;min-width:20px!important;object-fit:cover!important;border-radius:3px!important;box-shadow:0 0 0 1px rgba(255,255,255,.16)!important;}
.lcpi-top-actions .lcpi-geo-chip span{display:block!important;line-height:1!important;font-weight:800!important;letter-spacing:.02em!important;}
.lcpi-top-actions .lcpi-geo-chip .lcpi-caret{display:none!important;}
.lcpi-top-actions .lcpi-bell b{display:none!important;}
.lcpi-top-actions .lcpi-bell.is-muted{opacity:.55!important;filter:grayscale(1)!important;}
.lcpi-top-actions .lcpi-theme-symbols{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
.lcpi-top-actions .lcpi-theme-symbols img{display:block!important;width:18px!important;height:18px!important;object-fit:contain!important;opacity:.48!important;filter:none!important;}
html:not(.lcpi-light-mode) .lcpi-top-actions [data-lcpi-theme-toggle] .lcpi-top-moon{opacity:1!important;filter:drop-shadow(0 0 8px rgba(180,92,255,.95)) drop-shadow(0 0 14px rgba(73,215,255,.45))!important;}
html.lcpi-light-mode .lcpi-top-actions [data-lcpi-theme-toggle] .lcpi-top-sun{opacity:1!important;filter:drop-shadow(0 0 8px rgba(255,205,69,.95)) drop-shadow(0 0 14px rgba(255,133,42,.45))!important;}
.lcpi-top-actions .lcpi-user-menu{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;}
.lcpi-top-actions .lcpi-user-menu .lcpi-user-panel{cursor:pointer;border:0;text-align:left;font-family:inherit;}
.lcpi-top-actions .lcpi-user-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:190px;padding:8px;border:1px solid rgba(147,85,255,.34);border-radius:14px;background:linear-gradient(180deg,rgba(19,25,55,.98),rgba(8,13,31,.98));box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 24px rgba(164,69,255,.18);}
.lcpi-top-actions .lcpi-user-dropdown[hidden]{display:none!important;}
.lcpi-top-actions .lcpi-user-dropdown a{display:flex;align-items:center;height:36px;padding:0 11px;border-radius:10px;color:#dfe7ff;text-decoration:none;font-size:13px;font-weight:800;}
.lcpi-top-actions .lcpi-user-dropdown a:hover{background:rgba(151,75,255,.18);color:#fff;}
.lcpi-top-actions .lcpi-user-dropdown a.is-danger{color:#ff8b9b;}