.campaign-section{margin:24px 0;border-top:1px solid #dce3ec;padding-top:20px;letter-spacing:0}
.campaign-feature{margin-top:-20px;border-top:0;padding-top:0}
.campaign-section[hidden]{display:none}
.campaign-section h2{font-size:20px;margin:0 0 14px}
.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.campaign-feature .campaign-grid,.campaign-page .campaign-grid{grid-template-columns:minmax(0,1fr)}
.campaign-inline{grid-column:1/-1;margin:8px 0 14px}
.campaign-inline .campaign-grid,.campaign-section[data-campaign-slot="footer"] .campaign-grid{grid-template-columns:minmax(0,1fr)}
.campaign-item{min-width:0;overflow-wrap:anywhere}
.campaign-item picture{display:block;background:#fff;border:1px solid #dce3ec;border-radius:6px;overflow:hidden}
.campaign-item img{display:block;width:100%;height:auto}
.campaign-item.is-image>a{display:block}
.campaign-item h3{font-size:17px;margin:12px 0 6px}
.campaign-item p{font-size:13px;line-height:1.6;margin:6px 0;white-space:pre-wrap}
.campaign-item small,.campaign-disclosure{display:block;font-size:12px;color:#526177;line-height:1.5;margin:8px 0}
.campaign-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffca05;color:#152337;font-weight:700;border-radius:6px;text-decoration:none;font-size:13px}
.campaign-generated{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow eyebrow" "title cta" "copy cta";align-items:center;gap:8px 24px;min-height:150px;box-sizing:border-box;padding:24px 28px;border:1px solid #273a56;border-left:6px solid #ffca05;border-radius:6px;background:#101b2d;color:#fff;text-decoration:none;overflow:hidden}
.campaign-generated::after{content:"";position:absolute;right:0;top:0;width:10px;height:100%;background:#16a34a}
.campaign-eyebrow{grid-area:eyebrow;color:#ffca05;font-size:11px;font-weight:800;text-transform:uppercase}
.campaign-generated strong{grid-area:title;display:block;font-size:28px;line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}
.campaign-generated p{grid-area:copy;color:#dce7f5;font-size:14px;line-height:1.5;margin:0;max-width:760px}
.campaign-generated-cta{grid-area:cta;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:6px;background:#ffca05;color:#172033;font-size:13px;font-weight:800;white-space:nowrap}
.campaign-generated:hover .campaign-generated-cta{background:#fff}
.campaign-terms{color:#526177}
.campaign-generated-preview{margin-top:12px}
.campaign-page{max-width:1000px;margin:24px auto;padding:0 20px;font-family:system-ui,sans-serif;color:#182a40}
.campaign-editor{padding:20px 0;border-bottom:1px solid #34445c;margin-bottom:24px}
.campaign-editor h2{font-size:20px;margin-bottom:16px}
.campaign-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.campaign-form label{display:grid;gap:7px;font-size:13px;color:inherit;min-width:0}
.campaign-form .campaign-image-field[hidden]{display:none}
.campaign-form input,.campaign-form select,.campaign-form textarea{width:100%;min-width:0;font:inherit;padding:10px;border:1px solid #65728a;border-radius:6px;background:#fff;color:#182a40;box-sizing:border-box}
.campaign-form textarea{min-height:90px;resize:vertical}
.campaign-full{grid-column:1/-1}
.campaign-form .campaign-check{display:flex;align-items:center;gap:10px}
.campaign-check input{width:18px;height:18px}
.campaign-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}
.campaign-tools button,.campaign-editor button,.campaign-record button{font:inherit;font-size:13px;border:1px solid #71829b;background:#fff;color:#182a40;padding:10px 14px;border-radius:6px;cursor:pointer}
.campaign-tools button:disabled,.campaign-editor button:disabled,.campaign-record button:disabled{opacity:.55;cursor:wait}
.campaign-record{border-bottom:1px solid #34445c;padding:20px 0;overflow-wrap:anywhere}
.campaign-record h3{font-size:17px;margin-bottom:8px}
.campaign-record small{font-size:12px;display:block;color:#aebbd0}
.campaign-preview{display:block;max-width:100%;width:auto;max-height:210px;object-fit:contain;margin:12px 0;background:#fff}
.campaign-result{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}
.campaign-modal{width:min(620px,calc(100% - 24px));max-height:90dvh;box-sizing:border-box;margin:auto;inset:0;padding:20px;border:1px solid #cbd5e1;border-radius:8px;color:#182a40;background:#fff}
.campaign-modal::backdrop{background:#0009}
.campaign-modal h2{font-size:19px;margin:0 0 14px}
.campaign-modal pre{font:13px/1.6 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f9;padding:14px;margin:12px 0}
.campaign-modal label{display:flex;gap:10px;margin:12px 0;align-items:center;font-size:14px}
.campaign-modal input{width:18px;height:18px}
@media(max-width:600px){.campaign-grid,.campaign-form{grid-template-columns:minmax(0,1fr)}.campaign-full{grid-column:1}.campaign-section{margin:18px 0}.campaign-feature{margin-top:-20px}.campaign-page{padding:0 16px}.campaign-generated{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "title" "copy" "cta";padding:20px 22px;gap:9px;min-height:190px}.campaign-generated strong{font-size:22px}.campaign-generated-cta{justify-self:start}.campaign-generated-preview{min-height:210px}}

/* ===== Multi-store campaigns (14/10/2026): carousel, store themes, product showcase ===== */
.campaign-item{--c-bg:#101b2d;--c-bg2:#1e2f4d;--c-fg:#fff;--c-accent:#ffca05;--c-cta-fg:#172033}
.campaign-item[data-store="amazon"]{--c-bg:#131921;--c-bg2:#232f3e;--c-accent:#ff9900;--c-cta-fg:#131921}
.campaign-item[data-store="temu"]{--c-bg:#fb7701;--c-bg2:#e5480c;--c-accent:#fff;--c-cta-fg:#c2410c}
.campaign-item[data-store="mercadolivre"]{--c-bg:#ffe600;--c-bg2:#ffd100;--c-fg:#2d3277;--c-accent:#2d3277;--c-cta-fg:#fff}
.campaign-item[data-store="shopee"]{--c-bg:#ee4d2d;--c-bg2:#f53d2d;--c-accent:#fff;--c-cta-fg:#d0011b}
.campaign-item[data-store="aliexpress"]{--c-bg:#e62e04;--c-bg2:#ff6a00;--c-accent:#fff;--c-cta-fg:#c2410c}
.campaign-item[data-store="kabum"]{--c-bg:#0060b1;--c-bg2:#003f7d;--c-accent:#ff6500;--c-cta-fg:#fff}
.campaign-item[data-store="lego"]{--c-bg:#e3000b;--c-bg2:#b8000a;--c-accent:#ffcf00;--c-cta-fg:#1a1a1a}
.campaign-item[data-store="gigantec"]{--c-bg:#111827;--c-bg2:#1f2937;--c-accent:#22c55e;--c-cta-fg:#052e16}

/* Themed card: gradient in the store colours, text on the left, optional art on the right */
.campaign-item .campaign-generated{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:170px;padding:24px 28px;border:0;border-radius:14px;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),linear-gradient(120deg,var(--c-bg),var(--c-bg2));color:var(--c-fg)}
.campaign-item .campaign-generated::after{display:none}
.campaign-generated-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.campaign-item .campaign-eyebrow{color:var(--c-fg);opacity:.85;font-size:12px;letter-spacing:.04em}
.campaign-item .campaign-generated strong{font-size:30px;line-height:1.1}
.campaign-generated-copy{font-size:15px;line-height:1.45;opacity:.95;max-width:640px}
.campaign-item .campaign-generated-cta{background:var(--c-accent);color:var(--c-cta-fg);border-radius:10px;min-height:44px;padding:0 20px;margin-top:4px;text-decoration:none}
.campaign-item .campaign-generated:hover .campaign-generated-cta{background:#fff;color:#111}
.campaign-generated-art{flex:0 0 auto;max-width:42%;max-height:150px;object-fit:contain;border-radius:10px}

/* Product showcase built from the store's live offers */
.campaign-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;align-items:center;padding:20px 24px;border-radius:14px;background:linear-gradient(120deg,var(--c-bg),var(--c-bg2));color:var(--c-fg)}
.campaign-showcase-text{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.campaign-showcase-text strong{font-size:28px;line-height:1.1}
.campaign-showcase-text p{margin:0;font-size:14px;opacity:.95;white-space:normal}
.campaign-showcase-text .campaign-generated-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;background:var(--c-accent);color:var(--c-cta-fg);font-weight:800;font-size:14px;text-decoration:none}
.campaign-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.campaign-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:#fff;border-radius:10px;text-decoration:none;color:#0f172a}
.campaign-tile img{width:100%;aspect-ratio:1/1;object-fit:contain}
.campaign-tile-badge{position:absolute;top:6px;left:6px;background:#dc2626;color:#fff;font-size:12px;font-weight:800;padding:2px 6px;border-radius:6px}
.campaign-tile-price{font-size:14px;font-weight:800}

/* Carousel */
#campaignTop{position:relative}
.campaign-carousel{position:relative;overflow:hidden;border-radius:14px;touch-action:pan-y}
.campaign-track{display:flex;transition:transform .45s ease}
.campaign-slide{flex:0 0 100%;min-width:0}
.campaign-slide .campaign-item>p.campaign-terms,.campaign-slide .campaign-item>small{display:none}
.campaign-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#0f172a;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:2}
.campaign-prev{left:8px}.campaign-next{right:8px}
.campaign-dots{display:flex;justify-content:center;gap:6px;margin:8px 0 0}
.campaign-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#cbd5e1;cursor:pointer}
.campaign-dot[aria-current="true"]{background:#0f2b5b;width:22px;border-radius:6px}
@media (prefers-reduced-motion:reduce){.campaign-track{transition:none}}
@media(max-width:600px){
  .campaign-item .campaign-generated{flex-direction:column;align-items:flex-start;min-height:0;padding:18px 20px 20px}
  .campaign-item .campaign-generated strong,.campaign-showcase-text strong{font-size:22px}
  .campaign-generated-art{max-width:100%;max-height:110px;align-self:center}
  .campaign-showcase{grid-template-columns:minmax(0,1fr);padding:16px}
  .campaign-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .campaign-showcase-grid .campaign-tile:nth-child(4){display:none}
  .campaign-nav{width:34px;height:34px;font-size:20px;top:auto;bottom:10px;transform:none}
  .campaign-prev{left:auto;right:52px}.campaign-next{right:10px}
}
/* Arrows live in the control row under the banner so they never cover text or prices */
.campaign-controls{align-items:center;gap:8px}
.campaign-controls .campaign-nav{position:static;transform:none;width:36px;height:36px;font-size:20px;box-shadow:none;border:1px solid #cbd5e1;background:#fff}
.campaign-controls .campaign-prev{margin-right:6px}.campaign-controls .campaign-next{margin-left:6px}
@media(max-width:600px){.campaign-controls .campaign-nav{position:static;width:36px;height:36px}}