/* KnoxLink Deals - approved premium horizontal style */
.knox-deals-v2{display:flex;flex-direction:column;gap:14px;width:100%;container-type:inline-size}
.knox-deal-pro{--deal-accent:#8B5CF6;position:relative;isolation:isolate;display:grid;grid-template-columns:132px minmax(260px,1.45fr) minmax(190px,.72fr) 66px;gap:24px;align-items:center;min-width:0;min-height:166px;padding:16px 22px 16px 18px;border:1px solid color-mix(in srgb,var(--deal-accent) 42%,#263043);border-radius:18px;background:radial-gradient(380px 150px at 8% 50%,color-mix(in srgb,var(--deal-accent) 12%,transparent),transparent 72%),linear-gradient(100deg,#090e19 0%,#080d17 55%,#09101c 100%);box-shadow:0 14px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);color:#fff;text-decoration:none!important;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.knox-deal-pro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--deal-accent);box-shadow:0 0 18px var(--deal-accent),0 0 34px color-mix(in srgb,var(--deal-accent) 48%,transparent)}
.knox-deal-pro:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--deal-accent) 72%,#334155);box-shadow:0 18px 42px rgba(0,0,0,.3),0 0 24px color-mix(in srgb,var(--deal-accent) 10%,transparent)}
.knox-deal-pro__logo-shell{display:flex;align-items:center;justify-content:center;width:132px;height:132px;padding:16px;border:1px solid color-mix(in srgb,var(--deal-accent) 78%,#1f2937);border-radius:18px;background:linear-gradient(145deg,#050a13,#080e19);box-shadow:0 0 18px color-mix(in srgb,var(--deal-accent) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.025)}
.knox-deal-pro__logo-shell img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.knox-deal-pro__logo-fallback{display:grid;place-items:center;width:82px;height:82px;border-radius:16px;background:color-mix(in srgb,var(--deal-accent) 16%,#111827);color:var(--deal-accent);font-size:25px;font-weight:950;letter-spacing:.05em}
.knox-deal-pro__main{display:flex;flex-direction:column;justify-content:center;min-width:0}
.knox-deal-pro__badge{align-self:flex-start;margin-bottom:9px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--deal-accent) 60%,transparent);border-radius:999px;background:color-mix(in srgb,var(--deal-accent) 10%,transparent);color:var(--deal-accent);font-size:10px;line-height:1;font-weight:900;letter-spacing:.035em;text-transform:uppercase}
.knox-deal-pro__partner{color:#f8fafc;font-size:16px;line-height:1.2;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.knox-deal-pro__title{margin-top:5px;color:#f8fafc;font-size:25px;line-height:1.06;font-weight:950;letter-spacing:-.02em;overflow-wrap:normal;word-break:normal}
.knox-deal-pro__discount{display:block;margin-top:5px;color:var(--deal-accent);font-size:25px;line-height:1.06;font-weight:950;font-style:normal;letter-spacing:-.02em}
.knox-deal-pro--offer-title .knox-deal-pro__title{color:var(--deal-accent);text-transform:uppercase}
.knox-deal-pro--offer-title .knox-deal-pro__discount{margin-top:5px;color:#f8fafc;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:0;text-transform:none}
.knox-deal-pro__desc{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px;color:rgba(226,232,240,.72);font-size:13px;line-height:1.35}
.knox-deal-pro__meta{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0;padding-left:26px;border-left:1px solid rgba(148,163,184,.18);color:#e2e8f0;font-size:12px;line-height:1.35}
.knox-deal-pro__meta span{display:flex;align-items:center;gap:10px;min-height:28px}.knox-deal-pro__meta span:before{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:0;background:transparent;color:#e2e8f0;font-size:17px;font-weight:500}
.knox-deal-pro__meta .is-date:before{content:"▣"}.knox-deal-pro__meta .is-creator:before{content:"♙"}.knox-deal-pro__meta .is-exclusive:before{content:"◇"}
.knox-deal-pro__side{display:flex;align-items:center;justify-content:flex-end;min-width:0;width:auto}
.knox-deal-pro__side-label,.knox-deal-pro__code{display:none}
.knox-deal-pro__cta{display:grid;place-items:center;width:58px;height:58px;min-height:58px;padding:0;border:1px solid color-mix(in srgb,var(--deal-accent) 88%,#fff 12%);border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--deal-accent) 94%,#fff 6%),var(--deal-accent));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--deal-accent) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.knox-deal-pro__arrow{display:block;width:27px;height:27px;overflow:visible;transform:translateX(0);filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));transition:transform .18s ease}
.knox-deal-pro:hover .knox-deal-pro__cta{transform:scale(1.04);filter:brightness(1.08);box-shadow:0 12px 30px color-mix(in srgb,var(--deal-accent) 35%,transparent),0 0 18px color-mix(in srgb,var(--deal-accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.26)}
.knox-deal-pro:hover .knox-deal-pro__arrow{transform:translateX(3px)}
.knox-deal-pro--featured{min-height:178px}.knox-deal-pro--featured .knox-deal-pro__feature-media{display:none}
.deals-wrapper .knox-deals-v2{display:flex;flex-direction:column}

/* Medium widths: preserve the approved horizontal card, but tighten spacing. */
@container (max-width:850px){.knox-deal-pro{grid-template-columns:108px minmax(220px,1fr) minmax(160px,.65fr) 52px;gap:17px;min-height:142px;padding:14px 17px 14px 15px}.knox-deal-pro__logo-shell{width:108px;height:108px;padding:13px}.knox-deal-pro__title,.knox-deal-pro__discount{font-size:21px}.knox-deal-pro__partner{font-size:14px}.knox-deal-pro__meta{padding-left:18px;gap:12px}.knox-deal-pro__cta{width:48px;height:48px;min-height:48px}.knox-deal-pro__arrow{width:23px;height:23px}}

/* Mobile: deliberately switch to compact deal bars instead of shrinking desktop cards. */
@media(max-width:640px){.knox-deals-v2{gap:9px}.knox-deal-pro,.knox-deal-pro--featured{display:grid;grid-template-columns:54px minmax(0,1fr) 38px;gap:11px;min-height:76px;padding:10px 10px 10px 12px;border-radius:13px;background:radial-gradient(160px 80px at 0 50%,color-mix(in srgb,var(--deal-accent) 10%,transparent),transparent 70%),linear-gradient(145deg,#0a0f1b,#080b13);box-shadow:none}.knox-deal-pro:before{width:3px}.knox-deal-pro:hover{transform:none}.knox-deal-pro__logo-shell{grid-column:1;width:54px;height:54px;padding:7px;border-radius:11px}.knox-deal-pro__logo-fallback{width:40px;height:40px;border-radius:9px;font-size:14px}.knox-deal-pro__main{grid-column:2;min-width:0}.knox-deal-pro__badge,.knox-deal-pro__desc,.knox-deal-pro__meta,.knox-deal-pro__side-label,.knox-deal-pro__code{display:none!important}.knox-deal-pro__partner{font-size:10px;color:rgba(255,255,255,.68)}.knox-deal-pro__title,.knox-deal-pro--offer-title .knox-deal-pro__title{margin-top:2px;color:#f8fafc;font-size:14px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}.knox-deal-pro__discount,.knox-deal-pro--offer-title .knox-deal-pro__discount{display:block;margin-top:3px;color:var(--deal-accent);font-size:12px;line-height:1.1;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knox-deal-pro--offer-title .knox-deal-pro__title{color:var(--deal-accent);text-transform:uppercase}.knox-deal-pro__side{grid-column:3;width:38px;display:flex;align-items:center;justify-content:center}.knox-deal-pro__cta{width:36px;height:36px;min-height:36px}.knox-deal-pro__arrow{width:19px;height:19px}}

/* Promo code: visible on desktop/tablet and copyable without opening the deal. */
@media(min-width:641px){
  .knox-deal-pro{grid-template-columns:132px minmax(240px,1.45fr) minmax(170px,.72fr) minmax(190px,230px)}
  .knox-deal-pro__side{gap:12px;justify-content:flex-end}
  .knox-deal-pro__code{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex:1;max-width:160px;height:58px;padding:8px 11px 8px 13px;border:1px dashed rgba(148,163,184,.28);border-radius:12px;background:rgba(5,10,18,.55);color:#e5e7eb;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
  .knox-deal-pro__code:hover,.knox-deal-pro__code:focus-visible{border-color:color-mix(in srgb,var(--deal-accent) 65%,rgba(148,163,184,.28));background:color-mix(in srgb,var(--deal-accent) 7%,rgba(5,10,18,.72));box-shadow:0 0 18px color-mix(in srgb,var(--deal-accent) 10%,transparent);outline:none}
  .knox-deal-pro__code-copy{display:flex;flex-direction:column;min-width:0;line-height:1.05}
  .knox-deal-pro__code-copy small{margin-bottom:5px;color:rgba(226,232,240,.58);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
  .knox-deal-pro__code-copy b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13px;font-weight:900;letter-spacing:.02em}
  .knox-deal-pro__copy-icon{flex:0 0 20px;width:20px;height:20px;color:rgba(226,232,240,.8);transition:color .18s ease,transform .18s ease}
  .knox-deal-pro__code:hover .knox-deal-pro__copy-icon{color:var(--deal-accent);transform:scale(1.05)}
  .knox-deal-pro__copied{position:absolute;left:50%;bottom:-26px;z-index:5;transform:translate(-50%,4px);padding:4px 7px;border:1px solid color-mix(in srgb,var(--deal-accent) 45%,#334155);border-radius:7px;background:#070c15;color:#fff;font-size:9px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}
  .knox-deal-pro__code.is-copied .knox-deal-pro__copied{opacity:1;transform:translate(-50%,0)}
}

@container (max-width:850px){
  @media(min-width:641px){
    .knox-deal-pro{grid-template-columns:108px minmax(185px,1fr) minmax(115px,.6fr) minmax(142px,166px);gap:14px}
    .knox-deal-pro__side{gap:9px}
    .knox-deal-pro__code{max-width:110px;height:48px;padding:6px 8px}
    .knox-deal-pro__code-copy small{font-size:8px;margin-bottom:4px}
    .knox-deal-pro__code-copy b{font-size:11px}
    .knox-deal-pro__copy-icon{width:17px;height:17px;flex-basis:17px}
  }
}

/* Layout correction: meta information is its own grid column, matching the approved design. */
@media(min-width:641px){
  .knox-deal-pro__main{grid-column:2;min-width:0}
  .knox-deal-pro__meta{grid-column:3;min-width:0}
  .knox-deal-pro__side{grid-column:4;min-width:0}
}

/* Creator-profile widths: keep the card balanced instead of squeezing the offer and promo code. */
@container (max-width:760px){
  @media(min-width:641px){
    .knox-deal-pro{grid-template-columns:96px minmax(205px,1fr) minmax(118px,.62fr) minmax(130px,150px);gap:13px;min-height:132px;padding:13px 14px 13px 13px}
    .knox-deal-pro__logo-shell{width:96px;height:96px;padding:12px;border-radius:15px}
    .knox-deal-pro__logo-fallback{width:64px;height:64px;font-size:21px}
    .knox-deal-pro__badge{margin-bottom:6px;padding:4px 8px;font-size:9px}
    .knox-deal-pro__partner{font-size:13px}
    .knox-deal-pro__title,.knox-deal-pro__discount{font-size:20px;line-height:1.08}
    .knox-deal-pro__desc{margin-top:5px;font-size:12px}
    .knox-deal-pro__meta{padding-left:14px;gap:8px;font-size:11px}
    .knox-deal-pro__meta span{gap:7px;min-height:24px}
    .knox-deal-pro__meta span:before{flex-basis:20px;width:20px;height:20px;font-size:14px}
    .knox-deal-pro__side{gap:8px}
    .knox-deal-pro__code{max-width:92px;height:45px;padding:6px 7px 6px 9px;border-radius:10px}
    .knox-deal-pro__code-copy small{font-size:7px;margin-bottom:3px}
    .knox-deal-pro__code-copy b{font-size:10px}
    .knox-deal-pro__copy-icon{width:15px;height:15px;flex-basis:15px}
    .knox-deal-pro__cta{width:44px;height:44px;min-height:44px}
    .knox-deal-pro__arrow{width:21px;height:21px}
  }
}

/* KnoxLink Deals - refined typography / visual hierarchy */
@media (min-width:641px){
  .knox-deal-pro__badge{margin-bottom:6px;padding:4px 8px;font-size:8.5px;font-weight:800;letter-spacing:.045em;opacity:.88}
  .knox-deal-pro__partner{font-size:13px;line-height:1.25;font-weight:700;color:rgba(248,250,252,.82)}
  .knox-deal-pro__title{margin-top:4px;font-size:20px;line-height:1.12;font-weight:800;letter-spacing:-.012em}
  .knox-deal-pro__discount{margin-top:4px;font-size:17px;line-height:1.15;font-weight:800;letter-spacing:-.01em}
  .knox-deal-pro--offer-title .knox-deal-pro__title{font-size:20px;font-weight:800}
  .knox-deal-pro--offer-title .knox-deal-pro__discount{margin-top:4px;font-size:12px;line-height:1.3;font-weight:650;color:rgba(248,250,252,.88)}
  .knox-deal-pro__desc{margin-top:6px;font-size:11.5px;line-height:1.4;color:rgba(226,232,240,.58)}
  .knox-deal-pro__meta{font-size:10.5px;line-height:1.35;color:rgba(226,232,240,.78)}
  .knox-deal-pro__meta span:before{font-size:14px;color:rgba(226,232,240,.72)}
  .knox-deal-pro__code-copy small{font-weight:650;opacity:.82}
  .knox-deal-pro__code-copy b{font-weight:800}
}
@container (max-width:850px) and (min-width:641px){
  .knox-deal-pro__partner{font-size:12px}
  .knox-deal-pro__title,.knox-deal-pro--offer-title .knox-deal-pro__title{font-size:17px}
  .knox-deal-pro__discount{font-size:15px}
  .knox-deal-pro__desc{font-size:11px}
  .knox-deal-pro__meta{font-size:10px}
}


/* KnoxLink deal-card theme: one consistent design, brand-controlled accent color.
   The PHP renderer sets --deal-accent from the saved brand primary color. */
.knox-deal-pro__partner{
  color:rgba(248,250,252,.82);
}
.knox-deal-pro__title,
.knox-deal-pro--offer-title .knox-deal-pro__title{
  color:var(--deal-accent);
  text-transform:uppercase;
}
.knox-deal-pro__discount,
.knox-deal-pro--offer-title .knox-deal-pro__discount{
  color:rgba(248,250,252,.92);
  text-transform:none;
}
.knox-deal-pro__desc{
  color:rgba(226,232,240,.58);
}

/* Mobile keeps exactly the same hierarchy while retaining each brand accent. */
@media(max-width:640px){
  .knox-deal-pro__title,
  .knox-deal-pro--offer-title .knox-deal-pro__title{
    color:var(--deal-accent);
    text-transform:uppercase;
  }
  .knox-deal-pro__discount,
  .knox-deal-pro--offer-title .knox-deal-pro__discount{
    color:rgba(248,250,252,.88);
  }
}