/* PurplePot — deep purple, lavender gradients, soft rounded panels. Same
   markup and logic as every template; scoped to html[data-template="purplepot"]. */
html[data-template="purplepot"]{
  --ink:#0b0716; --surface:#150e26; --surface-raised:#1d1438; --border:rgba(255,255,255,.06);
  --text:#efeaf8; --muted:#a79dc2; --muted-2:#8d83aa; --win:#c084fc; --stake:#f472b6; --accent:#a855f7;
  --pp-grad:linear-gradient(135deg,#f3e8ff,#c4a1fb 52%,#a06ef5); --on-pp:#1b0d2e; --pp-panel:rgba(255,255,255,.04);
  --font-display:'Unbounded',sans-serif; --font-body:'Sora',Helvetica,sans-serif; --font-mono:'Sora',sans-serif;
}
html[data-template="purplepot"] body{ background:radial-gradient(760px 420px at 12% -6%, rgba(168,85,247,.28), transparent 62%), radial-gradient(620px 380px at 92% 4%, rgba(244,114,182,.16), transparent 60%), var(--ink); }
html[data-template="purplepot"] ::selection{ background:#a855f7; color:#0b0716; }
html[data-template="purplepot"] ::-webkit-scrollbar{ height:8px; width:8px; } html[data-template="purplepot"] ::-webkit-scrollbar-thumb{ background:rgba(168,85,247,.35); border-radius:99px; }
html[data-template="purplepot"] h1, html[data-template="purplepot"] h2, html[data-template="purplepot"] h3{ letter-spacing:-.025em; }
html[data-template="purplepot"] .promo-strip{ background:linear-gradient(90deg, rgba(168,85,247,.35), rgba(236,72,153,.28)); border-bottom:0; color:#f6f1ff; }
html[data-template="purplepot"] .promo-strip .ps-k{ color:#e9d5ff; }

/* header */
html[data-template="purplepot"] header.site{ background:rgba(11,7,22,.82); backdrop-filter:blur(18px); border-bottom:0; gap:14px; padding:14px 18px; }
html[data-template="purplepot"] .brand{ gap:9px; padding:9px 16px 9px 12px; border-radius:999px; background:linear-gradient(135deg, rgba(168,85,247,.28), rgba(244,114,182,.16)); border:1px solid rgba(168,85,247,.4); font-family:var(--font-display); font-size:15px; font-weight:700; letter-spacing:-.02em; min-height:0; }
html[data-template="purplepot"] .brand .ring{ width:22px; height:22px; border-radius:8px; border:0; background:linear-gradient(150deg,#f3e8ff,#c084fc 50%,#7c3aed); transform:none; }
html[data-template="purplepot"] .brand img{ height:26px; }
html[data-template="purplepot"] nav.primary{ gap:2px; padding:4px; border-radius:999px; background:rgba(255,255,255,.04); }
html[data-template="purplepot"] nav.primary button{ padding:9px 16px; border-radius:999px; font-size:13.5px; font-weight:600; color:#a79dc2; }
html[data-template="purplepot"] nav.primary button.active{ color:#f6f1ff; background:rgba(168,85,247,.2); }
html[data-template="purplepot"] nav.primary button:hover:not(.active){ color:#f6f1ff; }
html[data-template="purplepot"] .btn{ border-radius:999px; border:0; padding:11px 18px; background:rgba(255,255,255,.06); color:#ded4f5; font-size:13.5px; font-weight:600; }
html[data-template="purplepot"] .btn:hover{ background:rgba(255,255,255,.12); }
html[data-template="purplepot"] .btn.primary{ background:var(--pp-grad); color:var(--on-pp); font-weight:700; box-shadow:0 10px 30px rgba(168,85,247,.4); padding:11px 22px; }
html[data-template="purplepot"] .btn.primary:hover{ filter:brightness(1.06); background:var(--pp-grad); }
html[data-template="purplepot"] .wallet-chip{ border:0; background:rgba(255,255,255,.05); border-radius:999px; padding:6px 16px; }
html[data-template="purplepot"] .wallet-chip .wc-balance{ color:#e9d5ff; }
html[data-template="purplepot"] #lang-trigger{ border:0; background:rgba(255,255,255,.05); border-radius:999px; }
html[data-template="purplepot"] .lang-panel{ border:0; border-radius:18px; background:#1d1438; }
html[data-template="purplepot"] .social-link{ border:0; background:rgba(255,255,255,.05); border-radius:999px; }
html[data-template="purplepot"] .social-link:hover{ background:rgba(168,85,247,.2); color:#f6f1ff; }

/* banners */
html[data-template="purplepot"] .banner-carousel{ border-radius:28px; border:0; background:#1c1038; }
html[data-template="purplepot"] .banner-slide{ background:linear-gradient(140deg,#3d1a6e 0%,#1c1038 48%,#2a1150 100%); color:#fbf8ff; }
html[data-template="purplepot"] .banner-slide:not(.custom)::before{ content:''; position:absolute; top:-90px; right:-60px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle, rgba(244,114,182,.42), transparent 66%); }
html[data-template="purplepot"] .banner-slide:not(.custom)::after{ content:''; position:absolute; bottom:-70px; left:40%; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle, rgba(168,85,247,.35), transparent 68%); }
html[data-template="purplepot"] .banner-slide .art{ display:none; }
html[data-template="purplepot"] .banner-slide.custom:has(.caption) picture::after{ content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(11,7,22,.86) 0%, rgba(11,7,22,.55) 45%, rgba(11,7,22,.1) 100%); }
html[data-template="purplepot"] .banner-slide.custom picture{ position:absolute; inset:0; }
html[data-template="purplepot"] .banner-slide .caption{ z-index:2; gap:12px; padding:clamp(20px,4vw,46px); max-width:62%; }
html[data-template="purplepot"] .banner-slide .eyebrow{ align-self:flex-start; padding:7px 15px; border-radius:999px; background:rgba(255,255,255,.12); font-size:11.5px; font-weight:600; letter-spacing:.14em; color:#f3e8ff; }
html[data-template="purplepot"] .banner-slide .btitle{ font-family:var(--font-display); font-weight:700; font-size:clamp(22px,3.6vw,44px); line-height:1.12; letter-spacing:-.03em; color:#fbf8ff; }
html[data-template="purplepot"] .banner-slide .bbody{ color:#cdc2e6; font-size:15px; max-width:460px; }
html[data-template="purplepot"] .banner-slide .bcta{ margin-top:6px; padding:14px 26px; font-size:14px; }
html[data-template="purplepot"] .banner-arrow{ border:0; background:rgba(11,7,22,.5); color:#f3e8ff; width:36px; height:36px; }
html[data-template="purplepot"] .banner-arrow:hover{ background:rgba(168,85,247,.35); }
html[data-template="purplepot"] .banner-dots button{ width:8px; height:8px; background:rgba(255,255,255,.3); }
html[data-template="purplepot"] .banner-dots button.active{ width:26px; background:linear-gradient(90deg,#c084fc,#f472b6); }

/* quick nav → category tiles */
html[data-template="purplepot"] .quick-nav{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; overflow:visible; margin-bottom:34px; }
html[data-template="purplepot"] .quick-nav-item{ position:relative; overflow:hidden; width:auto; min-height:96px; align-items:flex-start; justify-content:flex-end; gap:8px; padding:18px; border:1px solid transparent; border-radius:22px; background:var(--pp-panel); color:#e2dcf0; font-family:var(--font-display); font-size:13.5px; font-weight:600; letter-spacing:-.02em; text-align:left; transition:transform .22s ease, background .22s ease; }
html[data-template="purplepot"] .quick-nav-item::after{ content:''; position:absolute; right:-28px; bottom:-28px; width:96px; height:96px; border-radius:50%; background:rgba(168,85,247,.16); }
html[data-template="purplepot"] .quick-nav-item:nth-child(2n)::after{ background:rgba(244,114,182,.16); }
html[data-template="purplepot"] .quick-nav-item:hover{ transform:translateY(-3px); color:#fbf8ff; background:linear-gradient(140deg, rgba(168,85,247,.32), rgba(244,114,182,.16)); border-color:rgba(168,85,247,.55); }
html[data-template="purplepot"] .qn-icon{ width:40px; height:40px; border-radius:14px; margin-bottom:auto; background:linear-gradient(135deg, rgba(168,85,247,.34), rgba(244,114,182,.18)); color:#f3e8ff; }
html[data-template="purplepot"] .quick-nav-item:hover .qn-icon{ background:var(--pp-grad); color:var(--on-pp); }
html[data-template="purplepot"] .live-dot{ box-shadow:0 0 0 2px var(--ink); }
html[data-template="purplepot"] .chip svg{ color:#c9a7f7; } html[data-template="purplepot"] .chip.active svg{ color:inherit; }

/* sections & filters */
html[data-template="purplepot"] .section-head h2{ font-family:var(--font-display); font-size:18px; font-weight:600; color:#f8f5fd; }
html[data-template="purplepot"] .section-head .see-all{ padding:5px 11px; border-radius:999px; background:rgba(168,85,247,.16); font-size:11.5px; font-weight:600; color:#cbb0f7; }
html[data-template="purplepot"] .chip, html[data-template="purplepot"] .prov-chip{ border:1px solid transparent; border-radius:999px; background:rgba(255,255,255,.05); color:#a79dc2; font-weight:600; }
html[data-template="purplepot"] .chip.active{ background:linear-gradient(140deg, rgba(168,85,247,.32), rgba(244,114,182,.16)); border-color:rgba(168,85,247,.55); color:#fbf8ff; }
html[data-template="purplepot"] .chip:hover, html[data-template="purplepot"] .prov-chip:hover, html[data-template="purplepot"] .prov-chip.active{ color:#e9d5ff; background:rgba(168,85,247,.18); border-color:transparent; }
html[data-template="purplepot"] .search-box{ border:0; border-radius:999px; background:rgba(255,255,255,.05); padding:10px 16px; }

/* game cards */
html[data-template="purplepot"] .game-card{ background:transparent; border:0; border-radius:20px; overflow:visible; transition:none; box-shadow:none; }
html[data-template="purplepot"] .game-card:hover{ transform:none; border:0; box-shadow:none; }
html[data-template="purplepot"] .game-card .art{ border-radius:20px; overflow:hidden; background:linear-gradient(150deg,#452076,#170e2c); transition:transform .28s ease, box-shadow .28s ease; }
html[data-template="purplepot"] .game-card .art::after{ background:linear-gradient(180deg, rgba(11,7,22,.18), transparent 30%, transparent 70%, rgba(11,7,22,.22)); }
html[data-template="purplepot"] .game-card:hover .art{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(124,58,237,.45); }
html[data-template="purplepot"] .game-card .tags{ top:11px; inset-inline:11px; }
html[data-template="purplepot"] .tag{ padding:5px 10px; border-radius:999px; font-size:10px; letter-spacing:.06em; backdrop-filter:blur(6px); }
html[data-template="purplepot"] .tag-hot{ background:linear-gradient(135deg,#f472b6,#a855f7); color:#fff; }
html[data-template="purplepot"] .tag-new{ background:var(--pp-grad); color:var(--on-pp); }
html[data-template="purplepot"] .tag-popular, html[data-template="purplepot"] .tag-jackpot{ background:rgba(11,7,22,.62); color:#f3e8ff; border:0; }
html[data-template="purplepot"] .game-card .play{ border-radius:999px; background:var(--pp-grad); color:var(--on-pp); }
html[data-template="purplepot"] .game-info{ padding:11px 4px 0; }
html[data-template="purplepot"] .game-info .name{ font-size:14px; font-weight:600; color:#f2eef8; }
html[data-template="purplepot"] .game-info .prov{ font-size:12px; color:#8d83aa; }
html[data-template="purplepot"] .skel-card{ border-radius:20px; }

/* frames */
html[data-template="purplepot"] .game-frame-wrap{ border-radius:24px; border:0; background:#150e26; }
html[data-template="purplepot"] .back-to-lobby, html[data-template="purplepot"] .fullscreen-toggle{ border:0; background:rgba(21,14,38,.9); border-radius:999px; }
html[data-template="purplepot"] .spinner{ border-top-color:#c084fc; }

/* footer: same content as every template, wrapped in a rounded panel */
html[data-template="purplepot"] footer{ border-top:0; max-width:1360px; margin:40px auto 0; padding:30px 28px 26px; border-radius:28px; background:var(--pp-panel); width:calc(100% - 2*clamp(16px,4vw,32px)); }
html[data-template="purplepot"] .pay-tag{ border:0; border-radius:999px; background:rgba(255,255,255,.05); color:#a79dc2; }
html[data-template="purplepot"] .pay-logo{ filter:none; opacity:.85; }
html[data-template="purplepot"] .footer-legal a{ color:#8d83aa; } html[data-template="purplepot"] .footer-legal a:hover{ color:#e9d5ff; }
html[data-template="purplepot"] .footer-brand{ border-top:1px solid rgba(255,255,255,.06); }
html[data-template="purplepot"] .fb-name{ font-family:var(--font-display); font-size:14px; letter-spacing:-.02em; color:#efeaf8; }
html[data-template="purplepot"] .fb-copy{ color:#6f6789; }

/* auth modal */
html[data-template="purplepot"] .auth-overlay{ background:rgba(6,4,12,.8); backdrop-filter:blur(10px); }
html[data-template="purplepot"] .auth-modal{ width:400px; border:0; border-radius:28px; background:#150e26; box-shadow:0 40px 90px rgba(0,0,0,.65); padding:30px 28px; }
html[data-template="purplepot"] .auth-tabs{ gap:2px; padding:4px; border-radius:999px; background:rgba(255,255,255,.05); }
html[data-template="purplepot"] .auth-tab{ border:0; border-radius:999px; font-weight:600; color:#a79dc2; }
html[data-template="purplepot"] .auth-tab.active{ background:var(--pp-grad); color:var(--on-pp); }
html[data-template="purplepot"] .auth-form label{ text-transform:none; letter-spacing:0; font-size:12px; font-weight:600; color:#a79dc2; padding-left:4px; }
html[data-template="purplepot"] .auth-form input{ border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); padding:13px 16px; }
html[data-template="purplepot"] .auth-form input:focus{ border-color:rgba(168,85,247,.7); background:rgba(168,85,247,.08); }
html[data-template="purplepot"] .auth-prompt{ border:0; border-radius:16px; background:rgba(168,85,247,.16); }
html[data-template="purplepot"] .auth-close{ width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.07); font-size:16px; line-height:32px; text-align:center; }

/* account / deposit / withdraw */
html[data-template="purplepot"] .account-head .eyebrow{ color:#c9a7f7; }
html[data-template="purplepot"] .account-name{ font-family:var(--font-display); }
html[data-template="purplepot"] .account-balance, html[data-template="purplepot"] .account-card, html[data-template="purplepot"] .pm-item, html[data-template="purplepot"] .history, html[data-template="purplepot"] .req-form{ border:0; border-radius:24px; background:var(--pp-panel); }
html[data-template="purplepot"] .hist-row{ background:transparent; border-color:rgba(255,255,255,.06); }
html[data-template="purplepot"] .account-balance .value{ color:#e9d5ff; }
html[data-template="purplepot"] .bonus-fill{ background:linear-gradient(90deg,#7c3aed,#c084fc 60%,#f472b6); }
html[data-template="purplepot"] .bonus-bar{ background:rgba(11,7,22,.7); }
html[data-template="purplepot"] .req-grid input, html[data-template="purplepot"] .req-grid select{ border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); }
html[data-template="purplepot"] .req-status{ border-radius:999px; border:0; background:rgba(255,255,255,.06); }
html[data-template="purplepot"] .back-link{ color:#c9a7f7; }
html[data-template="purplepot"] .toast{ border:0; border-radius:999px; background:#1d1438; }

/* phones */
@media (max-width:760px){
  html[data-template="purplepot"] .brand{ font-size:14px; padding:7px 12px 7px 10px; }
  html[data-template="purplepot"] .brand-name{ max-width:50vw; }
  html[data-template="purplepot"] .quick-nav{ grid-template-columns:repeat(2,1fr); }
  html[data-template="purplepot"] .quick-nav-item{ min-height:80px; }
  html[data-template="purplepot"] .banner-slide .caption{ max-width:100%; padding-bottom:40px; }
  html[data-template="purplepot"] .banner-arrow{ display:flex; width:38px; height:38px; }
}

/* legal popup */
html[data-template="purplepot"] .legal-modal{ width:760px; padding:30px 8px 10px 30px; }
html[data-template="purplepot"] .legal-title{ font-family:var(--font-display); font-size:20px; letter-spacing:-.02em; color:#fbf8ff; }
html[data-template="purplepot"] .legal-body{ color:#c6bfdb; } html[data-template="purplepot"] .legal-body h1, html[data-template="purplepot"] .legal-body h2, html[data-template="purplepot"] .legal-body h3{ color:#f3e8ff; }
html[data-template="purplepot"] .legal-body a{ color:#e9d5ff; }

/* offline payments */
html[data-template="purplepot"] .pay-card, html[data-template="purplepot"] .pending-card{ border:0; border-radius:22px; background:var(--pp-panel); }
html[data-template="purplepot"] .pay-card::before{ display:none; }
html[data-template="purplepot"] .pay-card:hover:not(:disabled){ box-shadow:0 14px 34px rgba(0,0,0,.45), 0 0 0 1px rgba(168,85,247,.5); }
html[data-template="purplepot"] .pay-card-logo, html[data-template="purplepot"] .pay-logo-md, html[data-template="purplepot"] .pay-chip{ border-radius:12px; border:0; }
html[data-template="purplepot"] .pay-card-rate, html[data-template="purplepot"] .link-btn{ color:#c9a7f7; }
html[data-template="purplepot"] .pay-modal{ width:470px; }
html[data-template="purplepot"] .pay-steps span{ border:0; background:rgba(255,255,255,.06); }
html[data-template="purplepot"] .pay-steps span.current{ background:var(--pp-grad); color:var(--on-pp); }
html[data-template="purplepot"] .pay-field{ text-transform:none; letter-spacing:0; font-size:12px; font-weight:600; color:#a79dc2; }
html[data-template="purplepot"] .pay-field input, html[data-template="purplepot"] .card-row, html[data-template="purplepot"] .pay-file, html[data-template="purplepot"] .pay-review{ border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); }
html[data-template="purplepot"] .pay-field input{ border-radius:999px; padding:13px 16px; }
html[data-template="purplepot"] .pay-field input:focus{ border-color:rgba(168,85,247,.7); background:rgba(168,85,247,.08); }
html[data-template="purplepot"] .pay-receive, html[data-template="purplepot"] .pay-phone-box, html[data-template="purplepot"] .pay-codes{ border:0; border-radius:18px; background:rgba(168,85,247,.14); }
html[data-template="purplepot"] .pay-phone{ color:#e9d5ff; }
html[data-template="purplepot"] .req-timeline li.current::before{ background:#c084fc; box-shadow:0 0 0 4px rgba(168,85,247,.3); }
html[data-template="purplepot"] .wd-row.main strong{ color:#e9d5ff; }

/* account area */
html[data-template="purplepot"] .summary-tile{ border:0; border-radius:18px; background:var(--pp-panel); }
html[data-template="purplepot"] .kv-list > div{ border-color:rgba(255,255,255,.06); }
html[data-template="purplepot"] .acc-avatar{ background:var(--pp-grad); color:var(--on-pp); }
html[data-template="purplepot"] .acc-badge{ border-radius:999px; }
html[data-template="purplepot"] .account-nav .chip.active{ background:var(--pp-grad); border-color:transparent; color:var(--on-pp); }

/* player notifications */
html[data-template="purplepot"] .notif-btn{ border:0; background:rgba(255,255,255,.05); border-radius:999px; }
html[data-template="purplepot"] .acc-notif{ border:0; border-inline-start:3px solid #e5484d; border-radius:16px; background:rgba(255,255,255,.05); }
html[data-template="purplepot"] .acc-notif.st-approved{ border-inline-start-color:#2fb344; }

/* bonuses */
html[data-template="purplepot"] .promo-card{ border:0; border-radius:22px; background:rgba(255,255,255,.05); }
html[data-template="purplepot"] .bonus-choice{ border:0; border-radius:16px; background:rgba(255,255,255,.05); }
html[data-template="purplepot"] .bonus-choice.selected{ box-shadow:0 0 0 2px var(--accent); }
html[data-template="purplepot"] .bonus-code-row input{ border:0; border-radius:999px; background:rgba(255,255,255,.07); }

/* promotions page */
html[data-template="purplepot"] .promo-hero{ border:0; border-radius:28px; background:radial-gradient(120% 140% at 100% 0%, rgba(168,85,247,.45), transparent 60%), radial-gradient(90% 120% at 0% 100%, rgba(236,72,153,.3), transparent 55%), rgba(255,255,255,.04); }
html[data-template="purplepot"] .promo-show, html[data-template="purplepot"] .promo-empty{ border:0; border-radius:26px; background:rgba(255,255,255,.05); }
html[data-template="purplepot"] .promo-show{ --tone:#a855f7; } html[data-template="purplepot"] .promo-show.kind-deposit{ --tone:#818cf8; } html[data-template="purplepot"] .promo-show.kind-cashback{ --tone:#ec4899; } html[data-template="purplepot"] .promo-show.kind-play_reward{ --tone:#22d3ee; }
html[data-template="purplepot"] .promo-pills li{ border:0; background:rgba(255,255,255,.07); } html[data-template="purplepot"] .promo-step{ border:0; border-radius:16px; } html[data-template="purplepot"] .promo-chips span{ border-radius:999px; }

/* lucky wheel */
html[data-template="purplepot"] .wheel-fab{ border:0; background:rgba(255,255,255,.05); border-radius:999px; width:38px; height:38px; }
html[data-template="purplepot"] .wheel-dialog{ border:0; border-radius:30px; background:linear-gradient(160deg,#24174a,#120b24); }
html[data-template="purplepot"] .wheel-stage{ background:radial-gradient(circle, transparent 62%, rgba(0,0,0,.28) 63%), conic-gradient(from 0deg,#a855f7,#ec4899,#22d3ee,#a855f7,#ec4899,#a855f7); }
html[data-template="purplepot"] .wheel-result-card{ border:0; border-radius:26px; }
html[data-template="purplepot"] .btn.wheel-spin{ border-radius:999px; }
html[data-template="purplepot"] .wheel-card{ border:0; border-radius:22px; background:linear-gradient(120deg, rgba(168,85,247,.32), rgba(236,72,153,.16) 60%, rgba(255,255,255,.04)); }

/* house clock — a soft neon pill */
html[data-template="purplepot"] .site-clock{ border:0; border-radius:999px; background:rgba(255,255,255,.05); padding:0 14px; box-shadow:inset 0 0 0 1px rgba(168,85,247,.22); }
html[data-template="purplepot"] .ck-time{ font-family:var(--font-body); font-size:13.5px; font-weight:700; letter-spacing:.03em; color:#f8f5fd; min-width:7.6ch; }
html[data-template="purplepot"] .ck-ss{ background:var(--pp-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
html[data-template="purplepot"] .ck-date{ color:#cbb0f7; } html[data-template="purplepot"] .site-clock .ck-date{ border-inline-start-color:rgba(255,255,255,.1); } html[data-template="purplepot"] .ck-tz{ font-family:var(--font-body); }
html[data-template="purplepot"] .clock-bar{ background:rgba(168,85,247,.08); border-bottom-color:rgba(168,85,247,.16); }

/* referral */
html[data-template="purplepot"] .rf-hero{ background:radial-gradient(560px 280px at 0 0, rgba(168,85,247,.32), transparent 70%), radial-gradient(420px 240px at 100% 100%, rgba(244,114,182,.18), transparent 70%), var(--surface); }
html[data-template="purplepot"] .rf-btn.primary, html[data-template="purplepot"] .rf-node.me{ background:linear-gradient(135deg,#a855f7,#ec4899); color:#fff; } html[data-template="purplepot"] .rf-bar i{ background:linear-gradient(90deg,#a855f7,#ec4899); }
/* contact means */
.contact-fab{ background:var(--pp-grad, var(--accent)); color:var(--on-pp, #fff); } .contact-sheet{ border-radius:26px; } .cs-opt{ border-radius:18px; }
.contact-hdr{ border-radius:999px; }
/* the footer's payment logos carry the class "brand" too (footer.js): keep them on the white plate, not on PurplePot's brand gradient */
html[data-template="purplepot"] .pay-chip.brand{ background:#fff; }