/* RDC-1000 carousel for caddycontrols.com
   Uses the site's existing CSS variables (--accent, --dark, --light, --ink, --muted, --border,
   --paper, --font-display, --font-body). The fallbacks keep it working if a variable is missing.
   Every class starts with "rdc-" so nothing here touches the rest of the site. */
.rdc{background:var(--bg,#f6f6f1);color:var(--ink,#252923);padding-block:80px;font-family:var(--font-body,'Barlow',sans-serif)}
.rdc *{box-sizing:border-box}
.rdc-wrap{max-width:1344px;margin-inline:auto;padding-inline:48px}
.rdc-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}
.rdc h2,.rdc h3,.rdc-model,.rdc-title,.rdc-price{font-family:var(--font-display,'Barlow Condensed',sans-serif);font-weight:600;line-height:1.03;margin:0}
.rdc h2{font-size:clamp(2rem,3vw,2.75rem)}
.rdc h2 span{color:var(--muted,#60655b)}
.rdc-intro{max-width:420px;color:var(--muted,#60655b);font-size:.875rem;margin:0}
.rdc-head-aside{display:flex;flex-direction:column;align-items:end;gap:14px}
.rdc-download{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--ink,#252923);text-decoration:none;border-bottom:1px solid var(--border,#25292326);padding-bottom:2px;white-space:nowrap}
.rdc-download:hover{color:var(--accent,#e2ad47);border-color:var(--accent,#e2ad47)}
.rdc-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.12em;margin:0 0 20px;color:#b3baae}
.rdc-eyebrow-line{display:flex;align-items:center;gap:12px;color:var(--muted,#60655b)}
.rdc-eyebrow-line::before{content:"";width:28px;height:2px;background:var(--accent,#e2ad47)}
.rdc-eyebrow-accent{color:var(--accent,#e2ad47)}

/* Stage: always dark, in both site themes */
.rdc-stage{background:var(--dark,#222621);color:var(--light,#f5f4ef);border:1px solid var(--border,#25292326)}
.rdc-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px 14px 32px;border-bottom:1px solid #ffffff1f}
.rdc-count{margin:0;font-size:.75rem;letter-spacing:.12em;color:#b3baae;text-transform:uppercase}
.rdc-count b{color:var(--accent,#e2ad47);font-weight:600}
.rdc-count span{margin-left:12px}
.rdc-nav{display:flex;align-items:center;gap:8px}
.rdc-dots{display:flex;gap:2px;margin-right:8px}
.rdc-dot{width:28px;height:44px;background:none;border:0;padding:0;cursor:pointer;display:grid;place-items:center}
.rdc-dot::before{content:"";width:18px;height:3px;background:#ffffff40;transition:background .2s}
.rdc-dot[aria-current=true]::before{background:var(--accent,#e2ad47)}
.rdc-arrow{width:44px;height:44px;border:1px solid #ffffff33;background:none;color:var(--light,#f5f4ef);font-size:1.1rem;cursor:pointer;transition:background .2s,color .2s}
.rdc-arrow:hover:not(:disabled){background:var(--accent,#e2ad47);color:#24281f;border-color:var(--accent,#e2ad47)}
.rdc-arrow:disabled{opacity:.35;cursor:default}
.rdc-stage :focus-visible{outline:2px solid var(--accent,#e2ad47);outline-offset:2px}

.rdc-track{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;transition:height .3s ease}
.rdc-track::-webkit-scrollbar{display:none}
.rdc-slide{flex:0 0 100%;scroll-snap-align:start;padding:48px 56px 52px}
.rdc-slide.rdc-slide-photo{padding:0}
.rdc-slide-photo img{display:block;width:100%;height:auto}
.rdc-split{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.rdc-slide h3{font-size:clamp(2.25rem,4.2vw,3.5rem);margin-bottom:24px}
.rdc-slide .rdc-model{font-size:clamp(4rem,9vw,7.5rem);font-weight:700;line-height:.92;color:var(--accent,#e2ad47);margin-bottom:0}
.rdc-title{font-size:clamp(1.9rem,3.6vw,3rem);margin:6px 0 28px}
.rdc-title span{color:#b4b9ad}
.rdc-price{font-size:clamp(5rem,12vw,10rem);font-weight:700;line-height:.9;color:var(--accent,#e2ad47);margin-bottom:12px}
.rdc-lead{font-size:1.25rem;color:#c8cfc1;max-width:720px;margin:-8px 0 28px}
.rdc-points{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:1.125rem;font-weight:500}
.rdc-points li{display:flex;gap:14px;align-items:baseline}
.rdc-points li::before{content:"";flex:0 0 8px;height:8px;background:var(--accent,#e2ad47);transform:translateY(-2px)}
.rdc-figure{margin:0;background:#f6f6f1;padding:20px 16px}
.rdc-sketch{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}

.rdc-tiles{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.rdc-tiles-3{grid-template-columns:repeat(3,1fr)}
.rdc-tiles-4{grid-template-columns:repeat(4,1fr)}
.rdc-tiles li{background:#2d332c;border-top:3px solid #ffffff26;padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px}
.rdc-tiles-3 li,.rdc-tiles-4 li:nth-child(-n+2){border-top-color:var(--accent,#e2ad47)}
.rdc-tiles b{font-family:var(--font-display,'Barlow Condensed',sans-serif);font-weight:600;font-size:1.5rem;line-height:1.1}
.rdc-tiles span{color:#bdc3b7;font-size:.9375rem;line-height:1.4}
.rdc-list{grid-template-columns:repeat(2,1fr);gap:18px 40px}
.rdc-list li{background:none;border-top:0;border-left:3px solid var(--accent,#e2ad47);padding:2px 0 2px 16px}
.rdc-note{margin:22px 0 0;font-size:.75rem;color:#b3baae;max-width:760px}
.rdc-kit{display:grid;gap:26px;justify-items:start}
.rdc-kit .rdc-note{margin:0}
.rdc-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:16px 20px;background:var(--accent,#e2ad47);color:#24281f;font-size:.875rem;font-weight:600;text-decoration:none}
.rdc-button:hover{background:#e9bd67}

@media (max-width:1000px){
  .rdc-tiles-4{grid-template-columns:repeat(2,1fr)}
  .rdc-split{grid-template-columns:1fr;gap:32px}
  .rdc-figure{max-width:440px}
}
@media (max-width:700px){
  .rdc{padding-block:40px 56px}
  .rdc-wrap{padding-inline:24px}
  .rdc-head{display:block;margin-bottom:20px}
  .rdc h2{font-size:1.65rem}
  .rdc-intro{display:none}
  .rdc-head-aside{align-items:flex-start;margin-top:14px}
  .rdc-bar{padding:8px 8px 8px 20px}
  .rdc-count span,.rdc-dots{display:none}
  /* Keep each slide's content short enough to fit a phone screen without paging the
     whole site down to see the rest of a slide: smaller display type, a smaller sketch,
     and 2-column (not 1-column) tile/list grids so 6-8 item slides don't stack into a
     long single column. */
  .rdc-slide{padding:22px 16px 26px}
  .rdc-split{gap:16px}
  .rdc-slide h3{font-size:1.375rem;margin-bottom:12px;line-height:1.15}
  .rdc-slide .rdc-model{font-size:2.5rem}
  .rdc-title{font-size:1.1875rem;margin:4px 0 14px}
  .rdc-price{font-size:2.75rem;margin-bottom:6px}
  .rdc-lead{font-size:.9375rem;margin:-4px 0 14px}
  .rdc-points{gap:7px;font-size:.875rem}
  .rdc-points li::before{transform:translateY(-1px)}
  .rdc-eyebrow{margin-bottom:10px}
  .rdc-figure{padding:8px;max-width:220px;margin-inline:auto}
  .rdc-sketch{max-height:130px}
  .rdc-tiles-3,.rdc-list{grid-template-columns:repeat(2,1fr)}
  .rdc-tiles-4{grid-template-columns:repeat(2,1fr)}
  .rdc-tiles{gap:6px}
  .rdc-tiles li{padding:8px 9px 9px;gap:2px}
  .rdc-tiles b{font-size:.9375rem;line-height:1.1}
  .rdc-tiles span{font-size:.6875rem;line-height:1.22}
  .rdc-tiles-4 span{display:none}
  .rdc-list{gap:8px 14px}
  .rdc-list li{padding:1px 0 1px 11px}
  .rdc-note{font-size:.6875rem;margin-top:12px}
  .rdc-kit{gap:14px}
  .rdc-button{width:100%;min-height:44px;padding:12px 16px;gap:14px}
}
@media (prefers-reduced-motion:reduce){.rdc-track{transition:none}}
@media print{.rdc-bar{display:none}.rdc-track{display:block;height:auto!important;overflow:visible}.rdc-slide{break-inside:avoid}}