/* Segmented Circus Tops configurator -- palette matched to longworthchuck.com
   (same brand tokens as inlay_app: navy #0a2548, nav-blue #1d4f91, gold #ffd800). */
/* === RBB PREVIEW MODE: hide all buying. Delete this block to re-enable purchases. === */
.ct-add,#ct-add,.ct-price,#ct-price,.ct-cart-link,#ct-cart-link,.ct-cart-count,#ct-cart-count,.ct-checkout,#ct-checkout{display:none !important;}

:root{
  --primary:#0a2548;   /* deep brand navy */
  --primary-2:#1d4f91; /* store nav blue  */
  --accent:#ffd800;    /* brand gold      */
  --ink:#1a1a1a;
  --ink-soft:#586478;
  --bg:#faf8f2;
  --line:#e3ddd0;
  --blue-tint:#e7eefa;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
#ct-app{max-width:1180px;margin:0 auto;padding:16px}
.ct-head{display:flex;align-items:center;justify-content:space-between;background:var(--primary);color:#fff;border-radius:14px;padding:16px 22px;border-bottom:4px solid var(--accent)}
.ct-brand h1{margin:4px 0 2px;font-size:24px;color:#fff}
.ct-brand small{opacity:.85}
.ct-logo{display:inline-block;background:var(--accent);color:var(--primary);font-weight:800;font-style:italic;padding:2px 10px;border-radius:6px;font-size:14px}
.ct-cart-link{color:var(--accent);font-weight:700;text-decoration:none;font-size:18px;white-space:nowrap}
.ct-cart-link:hover{text-decoration:underline}
.ct-main{display:flex;gap:22px;margin-top:18px;align-items:flex-start}
.ct-left{flex:1;min-width:0}
.ct-right{width:460px;flex-shrink:0}
.ct-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.ct-row{display:flex;align-items:center;gap:12px}
.ct-label{font-weight:800;font-size:14px;width:54px;color:var(--ink-soft);letter-spacing:.05em}
.ct-pills{display:flex;gap:8px;flex-wrap:wrap}
.ct-pill{padding:10px 18px;border:2px solid #d8d2bd;background:#fff;border-radius:999px;cursor:pointer;font-size:16px;font-weight:600}
.ct-pill.active{background:var(--primary-2);color:#fff;border-color:var(--primary-2)}
.ct-pill:hover{border-color:var(--accent)}
.ct-help{background:#fff8db;border:1px solid #f1d987;border-radius:10px;padding:12px 16px;font-size:15px;margin:0 0 14px}
.ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.ct-card{background:#fff;border:2px solid #e6e0cf;border-radius:12px;padding:8px;cursor:pointer;text-align:center}
.ct-card:hover{border-color:var(--accent)}
.ct-card.sel{border-color:var(--primary-2);box-shadow:0 0 0 3px var(--blue-tint)}
.ct-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f3f1ea;border-radius:8px}
.ct-cap{font-size:13px;font-weight:700;margin-top:6px}
.ct-preview-card{position:sticky;top:16px;background:#fff;border:2px solid var(--primary-2);border-radius:16px;padding:18px;text-align:center}
.ct-preview-title{font-size:20px;font-weight:800;color:var(--primary);margin-bottom:8px}
.ct-preview{width:100%;aspect-ratio:1;object-fit:contain;background:#eceae3;border-radius:12px}
.ct-preview-sub{color:var(--ink-soft);margin:8px 0}
.ct-price{font-size:28px;font-weight:800;color:var(--primary);margin:6px 0 12px}
.ct-add{display:block;width:100%;padding:16px;font-size:19px;font-weight:800;background:var(--primary);color:#fff;border:0;border-radius:10px;cursor:pointer}
.ct-add:hover:not(:disabled){background:var(--accent);color:var(--primary)}
.ct-add:disabled{opacity:.45;cursor:not-allowed}
.ct-checkout{display:block;margin-top:10px;padding:13px;text-align:center;font-weight:700;border:2px solid var(--primary-2);border-radius:10px;text-decoration:none;color:var(--primary-2)}
.ct-checkout:hover{background:var(--primary-2);color:#fff}
.ct-vary-note{margin:14px 0 0;font-size:12.5px;line-height:1.45;color:#7a8294;font-style:italic;text-align:center}
@media(max-width:820px){.ct-main{flex-direction:column}.ct-right{width:100%}.ct-preview-card{position:static}}