/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root{
  --navy:#17385d;
  --navy-2:#2f5d88;
  --navy-deep:#0f2744;
  --gold:#c8a14b;
  --orange:#e56f22;
  --green:#2ea44f;
  --ink:#5f6f85;          /* body / muted text */
  --bg:#f5f8fc;           /* page background    */
  --soft:#f7f9fc;         /* soft card fill     */
  --line:#e8edf4;
  --white:#fff;

  --grad:linear-gradient(135deg,#17385d,#2f5d88);
  --grad-soft:linear-gradient(to bottom,#fff,#f7f9fc);

  --maxw:1400px;
  --radius:16px;
  --radius-lg:24px;
  --shadow:0 12px 30px rgba(0,0,0,.08);
  --shadow-lg:0 20px 50px rgba(0,0,0,.12);

  --font:Arial,Helvetica,sans-serif;
}

/* ============================================================
   BASE
   ============================================================ */
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--navy);line-height:1.6;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .4em;color:var(--navy);font-weight:800}
p{margin:0 0 1em}

/* ============================================================
   LAYOUT HELPERS
   ============================================================ */
.dcpc-container{max-width:var(--maxw);margin:0 auto;padding:0 30px}
.dcpc-container--narrow{max-width:1100px}
.dcpc-section{padding:80px 0}
.dcpc-section--tight{padding:56px 0}
.dcpc-section--white{background:var(--white)}
.dcpc-section--soft{background:var(--grad-soft)}
.dcpc-center{text-align:center}

.dcpc-grid{display:grid;gap:30px}
.dcpc-grid>*{min-width:0}
.dcpc-grid--2{grid-template-columns:1fr 1fr}
.dcpc-grid--3{grid-template-columns:repeat(3,1fr)}
.dcpc-grid--4{grid-template-columns:repeat(4,1fr)}
.dcpc-grid--auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.dcpc-items-center{align-items:center}

/* ============================================================
   TYPE
   ============================================================ */
.dcpc-eyebrow{
  display:inline-block;background:var(--gold);color:#fff;
  padding:10px 24px;border-radius:30px;font-size:13px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;
}
.dcpc-eyebrow--orange{background:var(--orange)}
.dcpc-title{font-size:clamp(32px,5vw,56px);margin-bottom:.3em}
.dcpc-subtitle{font-size:clamp(22px,3vw,28px);color:var(--orange);font-weight:700;margin-bottom:.6em}
.dcpc-lead{font-size:clamp(18px,2.2vw,24px);color:var(--ink);max-width:900px;margin:0}
.dcpc-center .dcpc-lead{margin-left:auto!important;margin-right:auto!important}
.dcpc-section-head{margin-bottom:60px}
.dcpc-muted{color:var(--ink)}

/* ============================================================
   BUTTONS
   ============================================================ */
.dcpc-btn{
  display:inline-block;background:var(--navy);color:#fff;text-decoration:none;
  padding:14px 26px;border-radius:8px;font-weight:700;text-align:center;
  transition:transform .15s ease,filter .15s ease;
}
.dcpc-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.dcpc-btn--gold{background:var(--gold)}
.dcpc-btn--orange{background:var(--orange)}
.dcpc-btn--block{display:block;width:100%}
.dcpc-cta-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.dcpc-cta-buttons .dcpc-btn{font-size:18px;padding:16px 26px}
@media(max-width:560px){.dcpc-cta-buttons{flex-direction:column}.dcpc-cta-buttons .dcpc-btn{width:100%}}

/* ============================================================
   CARDS / PANELS
   ============================================================ */
.dcpc-card{background:var(--white);border-radius:var(--radius-lg);padding:35px;box-shadow:var(--shadow)}
.dcpc-card--soft{background:var(--soft);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.dcpc-card--accent{border-left:7px solid var(--gold)}
.dcpc-card--top{border-top:6px solid var(--gold)}
.dcpc-accent-orange{border-color:var(--orange)!important}
.dcpc-accent-gold{border-color:var(--gold)!important}
.dcpc-accent-navy{border-color:var(--navy)!important}
.dcpc-accent-green{border-color:var(--green)!important}

.dcpc-panel{background:var(--grad);color:#fff;border-radius:var(--radius);padding:30px}
.dcpc-panel h2,.dcpc-panel h3,.dcpc-panel h4{color:#fff}

.dcpc-num{font-size:44px;font-weight:800;margin-bottom:10px;line-height:1}
.dcpc-num.dcpc-accent-orange{color:var(--orange)}
.dcpc-num.dcpc-accent-gold{color:var(--gold)}
.dcpc-num.dcpc-accent-navy{color:var(--navy)}
.dcpc-num.dcpc-accent-green{color:var(--green)}

/* check / pill lists */
.dcpc-checklist{list-style:none;padding:0;margin:0}
.dcpc-checklist li{padding-left:30px;position:relative;margin-bottom:10px}
.dcpc-checklist li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.dcpc-pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:0;color:var(--ink)}
.dcpc-pill-grid li{position:relative;padding-left:22px}
.dcpc-pill-grid li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}

.dcpc-chip{background:var(--soft);padding:18px;border-radius:12px;font-weight:700;color:var(--navy);text-align:center}
.dcpc-chip::before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
.dcpc-chip--strong{background:var(--orange);color:#fff}
.dcpc-chip--strong::before{color:#fff}

/* "no / does not contain" badge — prohibition sign (red circle + slash) */
.dcpc-no-card{display:flex;gap:14px;align-items:flex-start}
.dcpc-no-icon{position:relative;flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:3px solid #d23b2e;margin-top:2px}
.dcpc-no-icon::after{content:"";position:absolute;top:50%;left:50%;width:26px;height:3px;background:#d23b2e;transform:translate(-50%,-50%) rotate(45deg)}

/* ============================================================
   TOP BAR
   ============================================================ */
.dcpc-topbar{background:var(--navy);color:#fff;font-weight:700}
.dcpc-topbar .dcpc-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;padding:12px 30px}
.dcpc-topbar a,.dcpc-topbar span{color:#fff;text-decoration:none;font-size:15px}
.dcpc-topbar a:hover{text-decoration:underline}

/* ============================================================
   HERO
   ============================================================ */
.dcpc-hero{padding:40px 0 60px}
.dcpc-hero .dcpc-grid{grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.dcpc-hero__media img.dcpc-hero__main{border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%}
/* hero product gallery (Amazon-style) */
.dcpc-gallery2__stage{position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;aspect-ratio:1/1;cursor:zoom-in}
.dcpc-gallery2__stage img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .12s ease;will-change:transform}
.dcpc-gallery2__stage.dcpc-is-zoom img{transform:scale(1.84)}
.dcpc-gallery2__hint{position:absolute;right:10px;bottom:10px;background:rgba(23,56,93,.85);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 11px;border-radius:20px;pointer-events:none}
.dcpc-gallery2__thumbs{display:flex;gap:12px;overflow-x:auto;padding:14px 2px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.dcpc-gallery2__thumbs button{flex:0 0 auto;width:78px;height:78px;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;padding:2px;cursor:pointer;scroll-snap-align:start}
.dcpc-gallery2__thumbs button.dcpc-is-active{border-color:var(--orange)}
.dcpc-gallery2__thumbs img{width:100%;height:100%;object-fit:contain;display:block}

/* fullscreen lightbox (touch pinch-zoom works natively here) */
.dcpc-lightbox{position:fixed;inset:0;background:rgba(12,18,28,.93);display:flex;align-items:center;justify-content:center;z-index:1000;padding:18px;cursor:zoom-out}
.dcpc-lightbox[hidden]{display:none}
.dcpc-lightbox img{width:96vw;height:90vh;object-fit:contain;border-radius:8px}
.dcpc-lightbox__close{position:absolute;top:12px;right:18px;color:#fff;font-size:38px;line-height:1;background:none;border:0;cursor:pointer}

.dcpc-buybox{background:var(--white);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);position:sticky;top:20px}
.dcpc-buybox__tabs{display:flex;gap:10px;margin-bottom:18px}
.dcpc-buybox__tabs a,.dcpc-buybox__tabs button{flex:1;text-align:center;padding:14px;border:0;border-radius:8px;background:#eef3fa;font-weight:700;font-size:16px;font-family:inherit;text-decoration:none;color:var(--navy);cursor:pointer}
.dcpc-buybox__tabs a.dcpc-is-active,.dcpc-buybox__tabs button.dcpc-is-active{background:var(--navy);color:#fff}
.dcpc-option{border:1px solid #d8e0ea;border-radius:12px;padding:16px;margin-bottom:14px}
.dcpc-option--featured{border-color:var(--gold);box-shadow:0 6px 18px rgba(200,161,75,.2)}
.dcpc-option h3{font-size:20px;margin:0 0 6px}
.dcpc-price{font-size:22px;font-weight:800;color:var(--navy);margin:0 0 12px}
.dcpc-price s{color:#9aa7b8;font-weight:400;font-size:16px;margin-left:6px}
.dcpc-price .dcpc-save{color:var(--orange);font-weight:700;font-size:15px;margin-left:6px}

/* doctor intro strip */
.dcpc-docstrip{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:center}
.dcpc-docstrip img{border-radius:12px}

/* ============================================================
   INGREDIENT IMAGE CARDS
   ============================================================ */
.dcpc-ing-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}
.dcpc-ing-grid>.dcpc-ing-card{flex:0 1 calc(33.333% - 20px)}
@media(max-width:900px){.dcpc-ing-grid>.dcpc-ing-card{flex-basis:calc(50% - 15px)}}
@media(max-width:560px){.dcpc-ing-grid>.dcpc-ing-card{flex-basis:100%}}
.dcpc-ing-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease}
.dcpc-ing-card:hover{transform:translateY(-6px)}
.dcpc-ing-card img{width:100%;height:260px;object-fit:cover}
.dcpc-ing-card__body{padding:30px}
.dcpc-ing-card__body p{color:var(--ink);font-size:18px;margin:0}

/* lifestyle cards */
.dcpc-life-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease}
.dcpc-life-card:hover{transform:translateY(-6px)}
.dcpc-life-card img{width:100%;height:300px;object-fit:cover}
.dcpc-life-card__body{padding:35px}
.dcpc-life-card__body p{color:var(--ink);margin:0}
.dcpc-tag{display:inline-block;padding:8px 18px;border-radius:30px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;background:#e9f0f9;color:var(--navy)}
.dcpc-life-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:35px 0}
.dcpc-life-tags span{background:rgba(255,255,255,.12);padding:14px 22px;border-radius:12px;font-size:18px}
.dcpc-signature{margin-top:30px;font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--gold)}

/* feature bar (NATURAL / SAFE / EFFECTIVE / MANUFACTURED) */
.dcpc-featurebar{background:linear-gradient(135deg,#17385d,#22496f);border-radius:var(--radius-lg);overflow:hidden;color:#fff}
.dcpc-featurebar .dcpc-grid--4{gap:0}
.dcpc-featurebar__col{padding:40px;text-align:center;border-right:1px solid rgba(255,255,255,.15)}
.dcpc-featurebar__col:last-child{border-right:0}
.dcpc-featurebar__col h3{color:var(--gold);font-size:24px;margin-bottom:12px}
.dcpc-featurebar__col p{margin:0}

/* videos */
.dcpc-video{aspect-ratio:16/9;width:100%;border:0;border-radius:var(--radius);box-shadow:var(--shadow)}
.dcpc-vid-label{margin:14px 0 0;text-align:center;font-weight:700;color:var(--navy);font-size:18px}
.dcpc-vid-lang{display:inline-block;background:var(--soft);color:var(--navy);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;border-radius:30px;margin-bottom:14px}

/* patient story cards */
.dcpc-story{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);border-top:5px solid var(--gold);text-align:center;transition:transform .25s ease,box-shadow .25s ease}
.dcpc-story:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.dcpc-story__icon{width:72px;height:72px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 18px}
.dcpc-story h3{font-size:22px;margin-bottom:8px}
.dcpc-story p{color:var(--ink);margin:0 0 16px}
.dcpc-story__cta{color:var(--orange);font-weight:800}

/* order video gallery */
.dcpc-gallery__main{aspect-ratio:16/9;width:100%;border:0;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:15px;display:block}
.dcpc-gallery__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dcpc-gallery__thumbs button{border:0;padding:0;background:none;cursor:pointer;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9}
.dcpc-gallery__thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.dcpc-gallery__thumbs button.dcpc-is-active{outline:3px solid var(--orange);outline-offset:2px}

/* newsletter / newspaper article */
.dcpc-news{max-width:1000px;margin:0 auto;font-family:Georgia,'Times New Roman',serif;color:#2b2b2b}
.dcpc-news__kicker{font-family:var(--font);text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:700;color:var(--gold);border-top:3px double var(--navy);border-bottom:3px double var(--navy);padding:12px 0;margin-bottom:22px}
.dcpc-news__masthead{text-align:center;font-size:clamp(40px,7vw,70px);font-weight:800;color:var(--navy);line-height:1.04;margin:0 0 12px}
.dcpc-news__dek{text-align:center;font-style:italic;font-size:clamp(20px,3vw,26px);color:var(--navy-2);margin:0 0 16px}
.dcpc-news__byline{font-family:var(--font);text-align:center;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:34px}
.dcpc-news h2{font-family:var(--font);font-size:clamp(26px,3.5vw,34px);color:var(--navy);margin:38px 0 14px}
.dcpc-news h3{font-family:var(--font);font-size:22px;color:var(--navy);margin:28px 0 10px}
.dcpc-news p,.dcpc-news li{font-size:19px;line-height:1.9}
.dcpc-news p{margin:0 0 18px}
.dcpc-news ul{padding-left:24px;margin:0 0 18px}
.dcpc-news > p:first-of-type::first-letter{float:left;font-family:Georgia,serif;font-size:72px;line-height:.78;font-weight:800;color:var(--orange);padding:8px 14px 0 0}
.dcpc-news figure{margin:0}
.dcpc-news .dcpc-fig-r{float:right;width:42%;margin:6px 0 22px 30px}
.dcpc-news .dcpc-fig-l{float:left;width:42%;margin:6px 30px 22px 0}
.dcpc-news figure img{width:100%;border-radius:10px;box-shadow:var(--shadow);display:block}
.dcpc-news figcaption{font-family:var(--font);font-style:italic;font-size:13px;color:var(--ink);text-align:center;margin-top:8px}
.dcpc-news hr{clear:both;border:0;height:1px;background:var(--line);margin:42px 0}
@media(max-width:680px){.dcpc-news .dcpc-fig-r,.dcpc-news .dcpc-fig-l{float:none;width:100%;margin:0 0 22px}}
/* cropped portrait (keeps the float but caps height) */
.dcpc-news .dcpc-fig-portrait img{height:clamp(320px,38vw,440px);object-fit:cover;object-position:center top}
/* image + text two-column feature block */
.dcpc-news-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin:26px 0 10px}
.dcpc-news-split figure{margin:0}
.dcpc-news-split img{width:100%;height:340px;object-fit:cover;border-radius:10px;box-shadow:var(--shadow);display:block}
.dcpc-news-split h3{margin-top:0}
/* stat strip */
.dcpc-news-stats{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--navy);border-radius:12px;overflow:hidden;margin:22px 0 28px;font-family:var(--font)}
.dcpc-news-stats div{padding:22px 14px;text-align:center;border-right:1px solid var(--line)}
.dcpc-news-stats div:last-child{border-right:0}
.dcpc-news-stats b{display:block;font-size:clamp(26px,4vw,40px);font-weight:800;color:var(--orange);line-height:1;margin-bottom:6px}
.dcpc-news-stats span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--navy);font-weight:700}
/* "does not contain" callout */
.dcpc-news-no{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 22px;font-family:var(--font)}
.dcpc-news-no div{border:2px solid #e7d3d0;background:#fdf3f1;border-radius:10px;padding:16px;text-align:center;font-weight:800;color:#b23b2e}
/* condition chips */
.dcpc-news-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px;font-family:var(--font)}
.dcpc-news-chips span{background:var(--soft);color:var(--navy);font-weight:700;padding:10px 18px;border-radius:30px;font-size:16px;border:1px solid var(--line)}
@media(max-width:680px){.dcpc-news-split{grid-template-columns:1fr}.dcpc-news-split img{height:240px}.dcpc-news-stats,.dcpc-news-no{grid-template-columns:repeat(2,1fr)}.dcpc-news-stats div:nth-child(2){border-right:0}}
/* main column + colored sidebar */
.dcpc-news-feature{display:grid;grid-template-columns:1.7fr 1fr;gap:36px;align-items:start;margin:24px 0}
.dcpc-news-feature > div h3:first-child{margin-top:0}
.dcpc-news-side{display:grid;gap:18px}
.dcpc-news-side__box{border-left:5px solid var(--gold);background:var(--soft);border-radius:12px;padding:22px;font-family:var(--font)}
.dcpc-news-side__box h4{font-family:var(--font);color:var(--navy);font-size:18px;margin:0 0 10px}
.dcpc-news-side__box p{font-size:15px;color:var(--ink);line-height:1.6;margin:0 0 12px}
.dcpc-news-side__box b{display:block;font-size:38px;font-weight:800;color:var(--orange);line-height:1;margin:4px 0 10px}
.dcpc-news-side__box b span{font-size:18px;color:var(--ink)}
.dcpc-news-side__box ul{margin:0;padding-left:18px}
.dcpc-news-side__box li{font-size:15px;color:var(--ink);line-height:1.8}
.dcpc-news-side__box--navy{background:var(--navy);border-left-color:var(--orange);color:#fff}
.dcpc-news-side__box--navy h4,.dcpc-news-side__box--navy li{color:#fff}
@media(max-width:760px){.dcpc-news-feature{grid-template-columns:1fr}}

/* indications */
.dcpc-cond-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dcpc-cond{background:var(--soft);border-radius:12px;padding:22px;text-align:center;font-weight:700;color:var(--navy)}

/* testimonials */
.dcpc-testi{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;text-decoration:none;color:inherit;display:block;transition:transform .25s ease}
.dcpc-testi:hover{transform:translateY(-6px)}
.dcpc-testi__thumb{height:180px;background:#e9f0f9 url('https://carrascopaininstitute.com/wp-content/uploads/2026/06/BOX-FRONT.jpg') center/cover;}
.dcpc-testi__body{padding:22px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:10px}
.dcpc-testi__body small{color:var(--orange);font-weight:700}

/* long-form article */
.dcpc-article{max-width:1100px;margin:0 auto;color:var(--ink)}
.dcpc-article h2{font-size:clamp(30px,4vw,42px);margin-top:0}
.dcpc-article h3{font-size:24px;margin-top:35px}
.dcpc-article p,.dcpc-article li{font-size:20px}
.dcpc-article ul{padding-left:25px}
.dcpc-article hr{margin:60px 0;border:0;height:1px;background:var(--line)}
.dcpc-quote{background:var(--navy);color:#fff;padding:40px;border-radius:14px;margin:40px 0}
.dcpc-quote p{font-size:24px;font-style:italic;margin:0}
.dcpc-quote cite{display:block;margin-top:18px;color:var(--gold);font-weight:700;font-style:normal}

/* FAQ */
.dcpc-faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:0;margin-bottom:14px;box-shadow:0 4px 12px rgba(0,0,0,.04)}
.dcpc-faq summary{cursor:pointer;list-style:none;padding:22px 26px;font-size:20px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px}
.dcpc-faq summary::-webkit-details-marker{display:none}
.dcpc-faq summary::after{content:"+";font-size:28px;color:var(--gold);line-height:1}
.dcpc-faq details[open] summary::after{content:"\2013"}
.dcpc-faq details > p{padding:0 26px 24px;margin:0;color:var(--ink);font-size:18px}

/* footer */
.dcpc-footer{background:var(--navy-deep);color:rgba(255,255,255,.85);padding:60px 0 40px;width:100vw;margin-left:calc(50% - 50vw)}
.dcpc-footer a{color:#fff}
.dcpc-footer h3{color:#fff}
.dcpc-disclaimer{font-size:13px;color:rgba(255,255,255,.55);max-width:1000px;margin:30px auto 0;text-align:center;line-height:1.7}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
  .dcpc-hero .dcpc-grid{grid-template-columns:1fr}
  .dcpc-grid--2,.dcpc-grid--3,.dcpc-grid--4,.dcpc-featurebar .dcpc-grid--4{grid-template-columns:1fr}
  /* inline grid-template-columns beat the rules above; force-collapse them */
  .dcpc-grid[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .dcpc-featurebar__col{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
  .dcpc-cond-grid{grid-template-columns:repeat(2,1fr)}
  .dcpc-docstrip{grid-template-columns:1fr}
  .dcpc-buybox{position:static}
}
@media(max-width:560px){
  .dcpc-cond-grid{grid-template-columns:1fr}
  .dcpc-pill-grid{grid-template-columns:1fr 1fr}
}

/* =============================================================
   WPBakery integration + custom element styles  (DCPC Elements plugin)
   Appended to the design system above. Folds in the inline style=""
   overrides as real classes, and the styles the custom elements need.
   ============================================================= */

/* Section rows use full_width="stretch_row_content_no_spaces" for a
   full-bleed background; re-impose our 1400 container on the top column. */
.dcpc-vc{margin:0}
.dcpc-vc.dcpc-sec > .wpb_column > .vc_column-inner,
.dcpc-vc.dcpc-sec > .vc_column_container > .vc_column-inner{max-width:var(--maxw);margin:0 auto;padding:0 30px}
.dcpc-vc.dcpc-sec--narrow > .wpb_column > .vc_column-inner,
.dcpc-vc.dcpc-sec--narrow > .vc_column_container > .vc_column-inner{max-width:1100px}
.dcpc-vc .wpb_text_column,
.dcpc-vc .vc_btn3-container{margin-bottom:0}

/* migrated inline styles -> classes */
.dcpc-cta-grad{background:var(--grad)}
.dcpc-cta-title{color:#fff;font-size:clamp(26px,4vw,40px);margin:0 0 8px}
.dcpc-cta-lead{color:rgba(255,255,255,.92);font-size:clamp(17px,2.2vw,21px);max-width:640px;margin:0 auto 26px}
.dcpc-docstrip-h{margin:0 0 .4em}

/* ---- DCPC Card element ---- */
.dcpc-card-h{font-size:clamp(24px,3vw,34px)}
.dcpc-card--vc{border-radius:18px;height:100%}
.dcpc-card-body{color:var(--ink)}
.dcpc-card-body p:last-child{margin-bottom:0}
.dcpc-card-body--check ul{list-style:none;padding:0;margin:0}
.dcpc-card-body--check li{padding-left:30px;position:relative;margin-bottom:10px}
.dcpc-card-body--check li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.dcpc-card-body--pill ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:0;color:var(--ink)}
.dcpc-card-body--pill li{position:relative;padding-left:22px}
.dcpc-card-body--pill li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
@media(max-width:560px){.dcpc-card-body--pill ul{grid-template-columns:1fr 1fr}}

/* lead paragraph stays light inside dark panels (panels are native text blocks) */
.dcpc-panel .dcpc-lead{color:rgba(255,255,255,.95)}

/* keep vertical rhythm on native section rows (beats theme/Bakery .vc_row resets) */
.dcpc-vc.dcpc-section{padding-top:80px!important;padding-bottom:80px!important}
.dcpc-vc.dcpc-section--tight{padding-top:56px!important;padding-bottom:56px!important}
/* breathing room above a panel that follows a card/image grid in the same column */
.dcpc-grid ~ .dcpc-panel,.dcpc-ing-grid ~ .dcpc-panel{margin-top:60px}
/* gap above a CTA button row that follows a panel (e.g. Wholesale "Who It's For") */
.dcpc-panel ~ .dcpc-cta-buttons{margin-top:30px}

/* DCPC Panel element: narrow width + auto-checkmark any list typed in the WYSIWYG */
.dcpc-panel--narrow{max-width:760px;margin:0 auto}
.dcpc-panel-body ul{list-style:none;padding:0;margin:0;text-align:left;display:inline-block}
.dcpc-panel-body li{padding-left:30px;position:relative;margin-bottom:10px}
.dcpc-panel-body li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}

/* white CTA button (visible on dark panels) */
.dcpc-btn--white{background:#fff;color:var(--navy)}
/* "does not contain" wrapper card */
.dcpc-no-wrap{padding:50px;margin-bottom:50px}
.dcpc-no-head{font-size:clamp(28px,4vw,42px);margin-bottom:35px}
@media(max-width:560px){.dcpc-no-wrap{padding:30px}}

/* light section heading (for use on dark/navy bands) */
.dcpc-section-head--light .dcpc-title,.dcpc-section-head--light .dcpc-subtitle{color:#fff}
.dcpc-section-head--light .dcpc-lead{color:rgba(255,255,255,.92)}