/* CouponsCluster site: homepage two-part hero */
.cc-hx{max-width:1240px;margin:0 auto 10px;padding:12px 12px 0}
.cc-hx-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px 16px;align-items:start}
.cc-hx-grid.no-right{grid-template-columns:1fr}
.cc-hx-left{display:contents}
.cc-hx-stage{grid-column:1;grid-row:1}
.cc-hx-right{grid-column:2;grid-row:1}
.cc-hx-tabs{grid-column:1/-1;grid-row:2}
.cc-hx-stage,.cc-hx-right{position:relative;border-radius:18px;overflow:hidden;background:#17324d}
.cc-hx-stage,.cc-hx-right{height:370px}
.cc-hx-right .cc-hx-track{position:absolute;inset:0}
.cc-hx-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}
.cc-hx-slide{position:relative;flex:0 0 100%;height:100%;display:block;overflow:hidden;color:#fff;text-decoration:none}
.cc-hx-right .cc-hx-slide{width:100%}
.cc-hx-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* composed slide: rich gradient, soft shapes, text block on the left, discount badge on the right */
.cc-hx-slide.composed{background:linear-gradient(120deg,var(--a),var(--b))}
.c0{--a:#0e5a6e;--b:#1d9bb0}.c1{--a:#2b2a7a;--b:#5b4bd0}.c2{--a:#7a1f3d;--b:#d1456b}.c3{--a:#14532d;--b:#2aa165}.c4{--a:#6b3410;--b:#d9822b}.c5{--a:#3b1d66;--b:#9a4bc9}
.cc-hx-deco{position:absolute;inset:0;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.18) 0 140px,transparent 141px),radial-gradient(circle at 96% 92%,rgba(255,255,255,.12) 0 190px,transparent 191px),radial-gradient(circle at 62% 110%,rgba(255,255,255,.08) 0 160px,transparent 161px)}
.cc-hx-cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:64px 28px 24px;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.cc-hx-slide.composed .cc-hx-cap{top:0;bottom:0;justify-content:center;padding:28px 40px;background:none;max-width:62%}
.cc-hx-slide.composed:not(.has-badge) .cc-hx-cap{max-width:80%}
.cc-hx-logo{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;background:#fff;border-radius:16px;padding:10px;box-shadow:0 6px 18px rgba(0,0,0,.22);margin-bottom:6px}
.cc-hx-logo img{max-width:100%;max-height:100%;object-fit:contain}
.cc-hx-store{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.cc-hx-title{font-size:clamp(20px,2.5vw,32px);font-weight:800;line-height:1.18;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-hx-cta{margin-top:10px;background:#fff;color:#17324d;font-weight:700;font-size:14px;padding:9px 20px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.cc-hx-badge{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.cc-hx-badge b{font-size:54px;font-weight:900}
.cc-hx-badge i{font-style:normal;font-size:15px;font-weight:700;letter-spacing:.14em;margin:3px 0}
.cc-hx-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#17324d;font-size:26px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s;box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:2}
.cc-hx-prev{left:12px}.cc-hx-next{right:12px}
.cc-hx-stage:hover .cc-hx-arrow{opacity:1}
.cc-hx-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.cc-hx-tabs::-webkit-scrollbar{display:none}
.cc-hx-tab{flex:1 1 0;min-width:max-content;border:1px solid #d7dde4;background:#fff;color:#1f2d3a;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.cc-hx-tab.is-active{background:#17324d;border-color:#17324d;color:#fff}
.cc-hx-right .cc-hx-slide.composed .cc-hx-cap{max-width:100%;padding:24px;justify-content:flex-end}
.cc-hx-right .cc-hx-badge{top:22px;right:20px;transform:none;width:96px;height:96px}
.cc-hx-right .cc-hx-badge b{font-size:28px}.cc-hx-right .cc-hx-badge i{font-size:10px}
.cc-hx-right .cc-hx-title{font-size:clamp(18px,1.6vw,22px)}
@media(max-width:991px){.cc-hx-badge{width:130px;height:130px}.cc-hx-badge b{font-size:38px}.cc-hx-stage,.cc-hx-right{height:300px}}
@media(max-width:767px){
  .cc-hx{padding:8px 8px 0}
  .cc-hx-grid{grid-template-columns:1fr;gap:12px}
  .cc-hx-stage{height:210px}.cc-hx-right{height:150px;grid-column:1;grid-row:3}.cc-hx-stage{grid-column:1;grid-row:1}
  .cc-hx-cap{padding:36px 16px 14px}
  .cc-hx-slide.composed .cc-hx-cap{padding:14px 16px;max-width:66%}
  .cc-hx-logo{width:48px;height:48px;padding:6px;border-radius:12px}
  .cc-hx-title{font-size:16px;-webkit-line-clamp:2}
  .cc-hx-cta{margin-top:4px;padding:6px 14px;font-size:13px}
  .cc-hx-badge{right:4%;width:88px;height:88px}.cc-hx-badge b{font-size:26px}.cc-hx-badge i{font-size:9px}
  .cc-hx-right .cc-hx-badge{width:68px;height:68px;top:12px;right:12px}.cc-hx-right .cc-hx-badge b{font-size:20px}
  .cc-hx-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.cc-hx-track{transition:none}}

/* "Live now" ticker: sales and newest offers scrolling right to left */
.cc-tk{max-width:1240px;margin:0 auto 18px;padding:0 12px;display:flex;align-items:center;gap:0;position:relative}
.cc-tk::before{content:"";position:absolute;left:12px;right:12px;top:0;bottom:0;border-radius:12px;background:linear-gradient(90deg,#e11d48,#f97316)}
.cc-tk>*{position:relative}
.cc-tk-live{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 16px;color:#fff;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;height:46px}
.cc-tk-live i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:cctkp 1.6s infinite}
@keyframes cctkp{70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.cc-tk-view{flex:1 1 auto;min-width:0;overflow:hidden;height:46px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.cc-tk-track{display:flex;width:max-content;height:100%;animation:cctk var(--d,60s) linear infinite}
.cc-tk-view:hover .cc-tk-track{animation-play-state:paused}
.cc-tk-set{display:flex;align-items:center;flex:0 0 auto}
@keyframes cctk{to{transform:translateX(-50%)}}
.cc-tk-item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#fff;font-weight:600;font-size:15px;text-decoration:none;padding:0 26px 0 0}
.cc-tk-item:hover{text-decoration:underline;color:#fff}
.cc-tk-item em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.22);border-radius:999px;padding:3px 9px}
.cc-tk-all{flex:0 0 auto;color:#fff;font-weight:700;font-size:14px;text-decoration:none;padding:0 16px;white-space:nowrap}
.cc-tk-all:hover{color:#fff;text-decoration:underline}
@media(max-width:767px){.cc-tk{padding:0 8px;margin-bottom:12px}.cc-tk::before{left:8px;right:8px}.cc-tk-live{padding:0 10px;font-size:11px;height:40px}.cc-tk-view{height:40px}.cc-tk-item{font-size:13px}.cc-tk-all{display:none}}
@media(prefers-reduced-motion:reduce){.cc-tk-track{animation:none;overflow-x:auto}.cc-tk-set+.cc-tk-set{display:none}.cc-tk-live i{animation:none}}