/* YP-YC: Yes Clinic edition overlay (yesclinic.com/peptides/, plugin yesclinic-offer 4.x). Loads after site.css, dark.css and v5.css,
   only in the build.mjs --yc output; getyespeptides.com never loads it. The getyespeptides design language stays as it is (Jost, glass,
   3D vials, reveals, parallax, the buy screen); this file adds the Yes Clinic air read from yesclinic.com on 12 Nov 2026: its forest and
   sage greens, cream, the glass pill header (72px there, 64px here over our hero), the green-to-gold scroll progress line, the "yes."
   mark. ASCII only. Colours are declared once on .ycs. */
.ycs{--yc-forest:#26301f;--yc-ink:#20281c;--yc-acc:#3f5539;--yc-acc2:#4f6b3f;--yc-sage:#9aaf94;--yc-sage-l:#e6f2e8;--yc-sage-m:#c2d0bc;--yc-cream:#f3efe4;--yc-gold:#c9a96a;--yc-good-bg:#eef4ea;--focus:#3f5539}
.ycs{padding-bottom:0!important}
.ycs .lt{--sage-deep:#3f5539;--vial-bg:#f8f9f5}
.ycs main:not(.ia-main)::before{background:radial-gradient(42% 48% at 8% 18%,rgba(194,208,188,.55),transparent 70%),radial-gradient(38% 46% at 92% 12%,rgba(243,239,228,.85),transparent 70%),radial-gradient(44% 50% at 84% 88%,rgba(228,216,184,.4),transparent 70%),radial-gradient(40% 46% at 12% 90%,rgba(190,220,210,.42),transparent 70%),#f6f7f2}

/* the scroll progress line from yesclinic.com: tied to the scroll by CSS, no script, nothing runs at rest */
.yc-prog{position:fixed;left:0;right:0;top:0;z-index:80;height:3px;background:linear-gradient(90deg,var(--yc-acc2),var(--yc-gold));transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
@supports (animation-timeline:scroll()){.yc-prog{animation:yc-prog linear both;animation-timeline:scroll(root)}}
@supports not (animation-timeline:scroll()){.yc-prog{display:none}}
@keyframes yc-prog{to{transform:scaleX(1)}}

/* header: one glass pill like yesclinic.com. No backdrop blur on the fixed header (house trap: it repaints every frame over the moving hero) */
.ycs .hdr{top:12px}
.ycs .hdr.up{transform:none}
.ycs .hdr-in{max-width:1180px;height:64px;padding:0 8px 0 14px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 0 0 1px rgba(38,48,31,.08),0 10px 34px -14px rgba(24,36,20,.32)}
.ycs .hdr .nav,.ycs .hdr .hdr-act,.ycs .hdr .logo,.ycs .hdr.up .logo,.ycs .hdr.on-lt .nav,.ycs .hdr.on-lt .hdr-act,.ycs .hdr.on-lt.up .logo{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.ycs .hdr .logo img{filter:none;height:28px;width:auto}
.ycs .hdr .nv-a,.ycs .hdr.on-lt .nv-a,.ycs .hdr .burger,.ycs .hdr.on-lt .burger{color:var(--yc-forest)}
.ycs .hdr .nv-pill{background:var(--yc-sage-l)}
.ycs .hdr .go,.ycs .hdr.on-lt .go{background:var(--yc-forest);color:var(--yc-cream)}
.ycs .hdr .go:hover,.ycs .hdr.on-lt .go:hover{background:#151b11;color:#fff}
.ycs .mega .m-all,.ycs .m-row{color:var(--yc-forest)}
.ycs .m-row:hover,.ycs .m-row:focus-visible{background:var(--yc-sage-l)}
.ycs .drawer-nav{background:#fbfaf6;color:var(--yc-forest);box-shadow:inset 0 0 0 1px rgba(38,48,31,.08),0 30px 60px -28px rgba(24,36,20,.55)}
.ycs .drawer-nav a{color:var(--yc-forest)}
.ycs .drawer-nav .btn-ink{background:var(--yc-forest);color:var(--yc-cream)}
.ycs .drawer-nav .btn-line{background:#fff;color:var(--yc-forest);box-shadow:inset 0 0 0 1px rgba(38,48,31,.2)}
.ycs .yc-dn{margin-top:10px}
.ycs .dn-p{border-top:1px solid rgba(38,48,31,.1)}
.ycs .dn-p em{color:#5c6753;font-style:normal;font-weight:500;font-size:13px}
.ycs .dn-more a{color:#5c6753}
@media (max-width:560px){.ycs .hdr{top:8px}.ycs .hdr-in{height:56px;margin:0 8px;padding:0 6px 0 12px}.ycs .hdr .go{padding:9px 14px;font-size:13.5px}}
@media (max-width:380px){.ycs .hdr .go{display:none}}

/* buttons and accents: forest instead of ink, Yes Clinic greens instead of the house teal */
.ycs .lt .btn-ink,.ycs .lt .btn-sage,.ycs .fcta{background:var(--yc-forest);color:var(--yc-cream)}
.ycs .lt .btn-ink:hover,.ycs .lt .btn-sage:hover{background:#151b11;color:#fff}
.ycs .lt .btn-line:hover,.ycs .lt .btn-ghost:hover{background:var(--yc-forest);color:var(--yc-cream)}
.ycs .g7-rx{background:linear-gradient(180deg,#4f6b3f,#26301f)}
.ycs .pb-flag{background:var(--yc-forest)}
.ycs .dk .lt .plans .pbox .save,.ycs.dk .lt .plans .pbox .save{background:var(--yc-sage-l);color:var(--yc-acc)}
.ycs.dk .lt .plans .pbox[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--yc-forest),0 22px 40px -26px rgba(38,48,31,.5)}
.ycs .plans .pbox[aria-pressed="true"] .pb-dot{box-shadow:inset 0 0 0 6px var(--yc-acc)}
.ycs .tp7-ln{background:var(--yc-acc2)}
.ycs .tp7-l.on .tp7-dot{background:var(--yc-sage-l);box-shadow:inset 0 0 0 2px var(--yc-acc2)}
.ycs .tp7-dot svg circle{fill:var(--yc-acc2)}
.ycs .tp7-dot svg path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ycs .of-good,.ycs.ofp{--of-good:#3f5539;--of-good-bg:#e6f2e8}
.ycs .dk .lt .ex::after,.ycs .lt .pcard::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(79,107,63,.1),rgba(79,107,63,0) 62%)}
.ycs .pdp .sub .hl{background:linear-gradient(transparent 55%,rgba(194,208,188,.8) 55%)}

/* cards rise and lean a touch on hover, as on yesclinic.com (transform only, hover devices only) */
@media (hover:hover){.ycs .pc7:hover{transform:translateY(-6px) rotate(-.35deg)}.ycs .gcard{transition:transform .5s cubic-bezier(.22,1,.36,1)}.ycs .gcard:hover{transform:translateY(-6px)}}

/* hub hero: the getyespeptides photo hero with a Yes Clinic line and Katie's fine print */
.ycs .h5-fine{margin-top:14px;max-width:520px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.82)}
.ycs .ych5 .h5-cta .btn-white{background:var(--yc-cream);color:var(--yc-forest)}
.ycs .ych5 .gchip{text-transform:none}

/* the hub's product grid */
.ycgrid{padding-top:56px!important}
.ycgrid-note{max-width:680px;margin:-6px 0 22px;font-size:15px;line-height:1.5;color:var(--ink-soft)}
@media (min-width:1101px){.ycgrid-g{grid-template-columns:repeat(4,minmax(0,1fr))}}

.ycisi{padding:8px 0 48px!important}
.ycisi .isi7-in p+p{margin-top:8px}

/* the BPC-157 1 vial plan carries Katie's FIRST50 line */
.pb-offer{display:block;margin-top:8px;padding:8px 10px;border-radius:12px;background:var(--yc-sage-l);color:var(--yc-acc);font-size:13px;font-weight:600;line-height:1.35}

/* footer: the getyespeptides footer with Yes Clinic's entity, links and seal */
.ycft .logo img,.ycft-slim .logo img{filter:none}
.ycft-ent{margin-top:14px;max-width:300px;font-size:14px;line-height:1.55;color:#a9b0b7}
.ycft-ent a{color:#fff}
.ycft-cols{grid-template-columns:1.3fr repeat(3,1fr) auto}
.ycft-seal{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:13px;color:#a9b0b7}
.ycft-slim{padding:44px 0 36px}
.ycft-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px}
.ycft-slim .ycft-seal{flex-direction:row;align-items:center}
.ycft-legal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:26px 0 0;font-size:14px}
.ycft-legal a,.ycft-legal button{color:#c4c9cf}
.of-ckbtn{appearance:none;-webkit-appearance:none;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ycft a:focus-visible,.ycft button:focus-visible,.ycseal:focus-visible{outline:2px solid #fff;outline-offset:3px;transition:none}
@media (max-width:1100px){.ycft-cols{grid-template-columns:repeat(3,1fr)}.ycft-cols>div:first-child{grid-column:1/-1}}
@media (max-width:760px){.ycft-cols{grid-template-columns:1fr 1fr}}

/* the quiz keeps its dark glass; the progress bar and selected states go Yes Clinic green */
.ycs.qp .ia-prog i{background:linear-gradient(90deg,var(--yc-sage),var(--yc-gold))}
/* the landing (/offer/first-vial/) */
.ycs.ofp .hdr-in{max-width:1180px}
.ycs.ofp .of-big{color:var(--yc-forest)}
.ycs.ofp .of-rcpt .of-hl dd{color:var(--yc-acc)}
.ycs.ofp .of-trust i{background:var(--yc-sage-l);color:var(--yc-acc)}
/* ===== 4.1.0 (Karan's five notes, 12 Nov). One easing for everything new here: --yc-ease. ===== */
/* banner photo crop: object-position of cta-lifestyle.webp. Desktop is cut top and bottom (Y matters), phones left and right (X matters) */
.ycs{--yc-ease:cubic-bezier(.23,1,.32,1);--yc-paper:#fffdf8;--yc-well:#eef2e9;--yc-rule:rgba(38,48,31,.13);--yc-cta-pos:50% 34%;--yc-cta-pos-sm:88% 40%}

/* 1. quiz banner: no bone strip between the banner and the footer; the photo crop is one variable (--yc-cta-pos, phones --yc-cta-pos-sm) */
.ycs footer.ft7{margin-top:0}
.ycs .cta-band .yc-cta-own{position:absolute;inset:0;z-index:-2;overflow:hidden}
.ycs .cta-band .yc-cta-own img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--yc-cta-pos);transform-origin:72% 0}
.ycs .cta-band:has(.yc-cta-own) .shade{background:linear-gradient(90deg,rgba(8,9,11,.84) 0%,rgba(8,9,11,.62) 28%,rgba(8,9,11,.14) 50%,rgba(8,9,11,0) 64%),linear-gradient(0deg,#08090b 0%,rgba(8,9,11,0) 20%)}
@media (min-width:1001px){.ycs .cta-band:has(.yc-cta-own){display:flex;align-items:center;min-height:clamp(440px,34vw,640px)}.ycs .cta-band:has(.yc-cta-own) .wrap{width:100%}}
@media (max-width:1000px){
  .ycs .cta-band .yc-cta-own{inset:0 0 auto 0;height:var(--strip)}
  .ycs .cta-band .yc-cta-own img{object-position:var(--yc-cta-pos-sm,var(--yc-cta-pos))}
  .ycs .cta-band:has(.yc-cta-own) .shade{background:linear-gradient(180deg,rgba(8,9,11,0) calc(var(--strip)*.52),rgba(8,9,11,.8) calc(var(--strip)*.82),#08090b var(--strip))}
}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ycs .cta-band .yc-cta-own img{animation:yc-cta linear both;animation-timeline:view();animation-range:entry 0% cover 55%}}}
@keyframes yc-cta{from{transform:scale(1.08)}to{transform:scale(1)}}

/* 2. hub hero: the runners sit higher and a little larger, and the cards start lower, so both torsos and arms clear the cards */
@media (min-width:901px){
  .ycs .ych5 .h5-bg{transform:scale(1.14);transform-origin:50% 100%}
  .ycs .ych5 .h5-cards{margin-top:clamp(230px,calc(100vh - 410px),470px)}
}
@media (min-width:601px) and (max-width:900px){
  .ycs.dk .h5.ych5{background:linear-gradient(180deg,#0a5fb0 0,#0d6dc2 300px,#2b6fae 880px,#0f3f6e 100%)}
  .ycs .ych5 .h5-bg{top:250px;bottom:auto;height:660px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 80px,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 80px,#000 80%,transparent 100%)}
  .ycs .ych5 .h5-bg img{object-position:50% 50%}
  .ycs .ych5 .h5-cards{margin-top:470px}
}

/* 3. trust tiles: four paper objects from a pharmacy's world. Quiet tile, one flat well, same stock and ink in all four */
.yct{padding:56px 0 8px!important}
.yct-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.yct-t{display:flex;flex-direction:column;padding:8px;border-radius:24px;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(38,48,31,.08),0 1px 2px rgba(38,48,31,.04),0 24px 44px -34px rgba(38,48,31,.5);opacity:0;transform:translateY(16px);transition:opacity .6s var(--yc-ease) calc(var(--i)*70ms),transform .6s var(--yc-ease) calc(var(--i)*70ms)}
.yct-grid.on .yct-t,html:not(.js) .yct-t{opacity:1;transform:none}
.yct-vis{position:relative;height:172px;border-radius:16px;background:var(--yc-well);box-shadow:inset 0 0 0 1px rgba(38,48,31,.06);overflow:hidden}
.yct-b{padding:16px 12px 16px}
.yct-b h3{margin:0;font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--ink);overflow-wrap:break-word}
.yct-b p{margin-top:6px;font-size:15px;line-height:1.45;color:var(--ink-soft)}
.yct-cap{margin-top:14px}
/* the objects */
.yco{position:absolute;left:18px;right:18px;top:22px;min-height:190px;padding:14px 14px 0;border-radius:12px;background:var(--yc-paper);color:var(--yc-forest);box-shadow:inset 0 0 0 1px var(--yc-rule),0 1px 1px rgba(38,48,31,.05),0 16px 26px -18px rgba(38,48,31,.5);font-size:12px;line-height:1.3}
.yco-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--yc-rule)}
.yco-top b{font-size:12.5px;font-weight:600;white-space:nowrap}
.yco-top>span:not(.yco-bar):not(.yco-chip){font-size:12px;color:#5c6753}
.yco-bar{display:block;flex:none;width:var(--w,60%);height:6px;margin:8px 0;border-radius:3px;background:rgba(38,48,31,.11)}
.yco-top .yco-bar{margin:0}
.yco-name{margin:0 0 2px;font-size:15px;font-weight:600;letter-spacing:.02em}
.yco-stamp{display:inline-block;padding:3px 8px;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--yc-acc);color:var(--yc-acc)}
.yco-code{height:30px;margin-top:10px}
.yco-code svg{display:block;width:100%;height:100%;fill:var(--yc-forest);opacity:.82}
.yco-chip{position:relative;display:inline-grid;flex:none;padding:3px 9px;border-radius:999px;background:rgba(38,48,31,.07);font-size:11.5px;font-weight:600;white-space:nowrap}
.yco-chip i{grid-area:1/1;font-style:normal;text-align:center}
.yco-chip.solid{background:var(--yc-acc);color:#fff}
.yco-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px}
.yco-row .yco-bar{margin:0}
.yco svg:not(.rxl-bc){flex:none;width:17px;height:17px}
.yco-row svg circle,.yco-signed svg circle{fill:var(--yc-acc2)}
.yco-row svg path,.yco-signed svg path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.yco-rxm{font-size:17px!important;line-height:1}
.yco-sig{height:30px;margin:6px 0 4px}
.yco .yco-sig svg{display:block;width:140px;height:30px}
.yco-sig path{fill:none;stroke:var(--yc-forest);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.yco-signed{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:12px;font-weight:500}
.yco-track{position:relative;display:flex;justify-content:space-between;align-items:center;height:14px;margin:6px 2px 12px}
.yco-track::before,.yco-fill{content:"";position:absolute;left:5px;right:5px;top:6px;height:2px;border-radius:1px;background:rgba(38,48,31,.14)}
.yco-fill{right:50%;background:var(--yc-acc2);transform-origin:0 50%}
.yco-track span{position:relative;width:12px;height:12px;border-radius:50%;background:var(--yc-paper);box-shadow:inset 0 0 0 2px rgba(38,48,31,.2)}
.yco-track span:nth-of-type(1),.yco-track span:nth-of-type(2){background:var(--yc-acc2);box-shadow:none}
.yco-line{margin:0 0 4px;font-size:12px;font-weight:500}
/* one small motion each, once, when the row is in view; the resting state is the finished object */
.js .yct-grid:not(.on) .yco-stamp{opacity:0;transform:scale(1.3) rotate(-4deg)}
.yco-stamp{transition:opacity .35s var(--yc-ease) .55s,transform .35s var(--yc-ease) .55s}
.yco-chip .b{opacity:1;transition:opacity .3s ease 1.25s}
.yco-chip .a{opacity:0;transition:opacity .3s ease 1.15s}
.js .yct-grid:not(.on) .yco-chip .b{opacity:0}
.js .yct-grid:not(.on) .yco-chip .a{opacity:1}
.yco-row svg{transition:opacity .3s var(--yc-ease) calc(.6s + var(--k)*.14s),transform .3s var(--yc-ease) calc(.6s + var(--k)*.14s)}
.js .yct-grid:not(.on) .yco-row svg{opacity:0;transform:scale(.6)}
.yco-sig{clip-path:inset(0 0 0 0);transition:clip-path 1.1s cubic-bezier(.45,0,.2,1) .75s}
.js .yct-grid:not(.on) .yco-sig{clip-path:inset(0 100% 0 0)}
.yco-fill{transition:transform .9s var(--yc-ease) .85s}
.js .yct-grid:not(.on) .yco-fill{transform:scaleX(0)}
@media (max-width:1100px){.yct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* the same four objects in miniature, for the small trust row under the vial on product pages */
.ycs .tr4 .ycm{height:96px}
.ycm svg{display:block;width:84px;height:84px;border-radius:22px;background:var(--yc-well)}
.ycm .p{fill:var(--yc-paper);stroke:rgba(38,48,31,.2);stroke-width:1.2}
.ycm path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ycm .b{stroke:var(--yc-forest);stroke-width:3}
.ycm .l{stroke:rgba(38,48,31,.26);stroke-width:2.2}
.ycm .c{stroke:var(--yc-forest);stroke-width:1.5;stroke-linecap:butt}
.ycm .s{stroke:var(--yc-forest);stroke-width:1.5}
.ycm .t circle{fill:var(--yc-acc2)}
.ycm .k{stroke:#fff;stroke-width:1.2}
.ycm .o{fill:var(--yc-paper);stroke:rgba(38,48,31,.3);stroke-width:1.6}
@media (max-width:640px){
  .yct{padding-top:40px!important}
  .yct-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .yct-vis{height:148px}
  .yco{left:50%;right:auto;width:min(272px,calc(100% - 36px));margin-left:calc(min(272px,100% - 36px)/-2);top:18px}
  .yct-b h3{font-size:18px}
}

/* 4. "How <name> by prescription works": the hub hero's sky, four frosted cards. The blur sits on four small cards, never on the scroller */
.ychow{padding:20px 12px 28px!important}
.ychow-card{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;background:#0d6dc2;color:#fff}
.ychow-sky{position:absolute;inset:0;z-index:-1;overflow:hidden}
.ychow-sky img{width:100%;height:100%;object-fit:cover;object-position:30% 40%;transform:scale(1.14)}
.ychow-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,44,92,.08) 0,rgba(7,44,92,.2) 45%,rgba(7,44,92,.46) 100%)}
.ychow-in{max-width:var(--wrap);margin:0 auto;padding:clamp(120px,17vw,230px) 22px 34px}
.ychow h2{max-width:640px;margin:0 0 28px;font-size:clamp(34px,4.6vw,60px);line-height:1.02;letter-spacing:-.03em;color:#fff;overflow-wrap:break-word;min-width:0}
.ychow-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ychow-cards li{display:flex;flex-direction:column;gap:4px;min-height:196px;padding:20px;border-radius:20px;background:rgba(255,255,255,.17);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 0 0 1px rgba(255,255,255,.2),0 24px 40px -30px rgba(4,30,66,.7);opacity:0;transform:translateY(22px);transition:opacity .7s var(--yc-ease) calc(var(--k)*90ms),transform .7s var(--yc-ease) calc(var(--k)*90ms)}
.ychow-cards.on li,html:not(.js) .ychow-cards li{opacity:1;transform:none}
.ychow-n{margin-bottom:auto;font-size:34px;line-height:1;letter-spacing:-.03em;color:rgba(255,255,255,.72)}
.ychow-cards b{margin-top:18px;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:#fff}
.ychow-d{font-size:15px;line-height:1.45;color:rgba(255,255,255,.9)}
.ychow-ref{margin-top:18px;font-size:15px;font-weight:500;color:rgba(255,255,255,.92)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ychow-sky img{animation:ychow-sky linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}
@keyframes ychow-sky{from{transform:translate3d(0,-5%,0) scale(1.14)}to{transform:translate3d(0,5%,0) scale(1.14)}}
@media (prefers-reduced-transparency:reduce){.ychow-cards li{background:rgba(10,62,116,.92);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (max-width:1000px){.ychow-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ychow-cards li{min-height:168px}}
@media (max-width:640px){
  .ychow{padding:12px 8px 20px!important}
  .ychow-card{border-radius:26px}
  .ychow-in{padding:150px 14px 22px}
  .ychow h2{margin-bottom:20px;font-size:34px}
  .ychow-cards{grid-template-columns:minmax(0,1fr);gap:8px}
  .ychow-cards li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:2px 4px;min-height:0;padding:16px 16px 16px 14px;border-radius:18px}
  .ychow-n{grid-row:1/3;margin:0;font-size:28px}
  .ychow-cards b{margin-top:0;font-size:17px}
}

/* 5. doctors: two tall portrait cards with frosted name plates, the fine print in its own calm card */
.ycdocs{padding:64px 0!important}
.ycdocs-in{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.ycdocs-copy h2{font-size:clamp(30px,3.6vw,48px);line-height:1.04;letter-spacing:-.025em;margin:0;overflow-wrap:break-word;min-width:0}
.ycdocs-fine{margin-top:20px;padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(38,48,31,.08);font-size:15px;line-height:1.5;color:var(--ink-soft)}
.ycstand{margin-top:12px;padding:20px;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(38,48,31,.08)}
.ycstand h3{margin:0 0 12px;font-size:17px;font-weight:600}
.ycstand-row{display:flex;align-items:center;gap:14px}
.ycstand-row p,.ycask{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}
.ycask{margin-top:14px}
.ycask span{color:var(--ink-soft)}
.ycask a{color:var(--yc-acc);text-decoration:underline;text-underline-offset:3px}
.ycdocs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.ycdocs-list li{opacity:0;transform:translateY(26px);transition:opacity .9s var(--yc-ease) calc(var(--k)*140ms),transform .9s var(--yc-ease) calc(var(--k)*140ms)}
.ycdocs-list.on li,html:not(.js) .ycdocs-list li{opacity:1;transform:none}
.ycdoc{position:relative;margin:0;border-radius:28px;overflow:hidden;background:var(--yc-sage-m);aspect-ratio:896/1088;box-shadow:0 1px 2px rgba(38,48,31,.08),0 30px 54px -36px rgba(38,48,31,.6);transition:transform .3s var(--yc-ease)}
.ycdoc img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.07);transition:transform 1.4s var(--yc-ease) calc(var(--k)*140ms)}
.ycdocs-list.on .ycdoc img,html:not(.js) .ycdoc img{transform:none}
.ycdoc figcaption{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:2px;padding:14px 18px 16px;border-radius:18px;background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 0 0 1px rgba(255,255,255,.4);color:var(--yc-forest)}
.ycdoc figcaption b{font-size:clamp(14px,1.5vw,19px);font-weight:600;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
.ycdoc figcaption span{font-size:15px;line-height:1.3;color:#465040}
@media (hover:hover) and (pointer:fine){.ycdoc:hover{transform:translateY(-6px)}}
@media (prefers-reduced-transparency:reduce){.ycdoc figcaption{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (min-width:900px){.ycdocs-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}}
@media (max-width:640px){.ycdocs{padding:44px 0!important}.ycdocs-list{gap:10px}.ycdoc{border-radius:20px}.ycdoc figcaption{left:6px;right:6px;bottom:6px;padding:10px 12px;border-radius:14px}.ycdoc figcaption b{max-width:15ch;font-size:12.5px;letter-spacing:.03em}.ycdoc figcaption span{font-size:13px}}
/* ===== 4.2.0 (Karan, 12 Nov: "I would like the whole entire website to look like Apple, so the white design would be better in the
   background"). Pure white pages, Apple's light grey (#f5f5f7) for panels and cards, no washes, no blobs, no glass on white.
   Kept: the hero photo, the sky section, the vials, the motion and the Yes Clinic greens. ===== */
html:has(body.ycs){background:#fff}
.ycs{--ap-panel:#f5f5f7;--ap-ink:#1d1d1f;--ap-soft:#6e6e73;--ap-mute:#86868b;--ap-hair:inset 0 0 0 1px rgba(0,0,0,.06);background:#fff}
.ycs.dk,.ycs.dk main{background:#fff}
.ycs main:not(.ia-main)::before{background:#fff}
.ycs.dk .lt{--ink:#1d1d1f;--ink-soft:#6e6e73;--muted:#86868b;--bone:#fff;--vial-bg:#f5f5f7;--line:rgba(0,0,0,.08);background:#fff}
.ycs.dk .lt h1,.ycs.dk .lt h2{font-weight:600;letter-spacing:-.03em}
.ycs .hdr-in{box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),0 10px 30px -16px rgba(0,0,0,.22)}
.ycs .drawer-nav{background:#fff}
/* panels and cards: flat light grey, no blur, no shadow */
.ycs .pc7,.ycs.dk .lt .plans .pbox,.ycs .cred-card,.ycs .cred-facts,.ycs .kit7,.ycs .fit7-copy,.ycs.dk .lt .faq details,.ycs.dk .lt details.qa,.ycs .isi7-in,.ycs .ycdocs-fine,.ycs .ycstand,.ycs .of-buy,.ycs .of-rcpt,.ycs .of-close-in{background:var(--ap-panel);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.ycs .pc7-img{background:transparent;box-shadow:none}
.ycs.dk .lt .pdp>div:last-child{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.ycs.dk .lt .pdp-img{box-shadow:none}
.ycs.dk .lt .plans .pbox[aria-pressed="true"]{background:#fff}
.ycs.dk .lt .qa7 .faq details{background:none}
.ycs .pvw{box-shadow:var(--ap-hair),0 40px 80px -50px rgba(0,0,0,.35)}
.ycs.ofp{--of-card:#f5f5f7;--of-tile:#f5f5f7}
@media (hover:hover){.ycs .pc7:hover{box-shadow:none}}
/* footer: Apple's light grey footer instead of the dark one */
.ycs.dk footer,.ycs.dk footer.ft7{background:#f5f5f7;border-top:0;color:var(--ap-soft)}
.ycs .ft7-cta{background:#fff;box-shadow:var(--ap-hair)}
.ycs .ft7-cta img,.ycs .ycft .logo img{filter:brightness(0);opacity:.86}
.ycs .ft7-cta h3{color:var(--ap-ink)}
.ycs .ft7-cta p,.ycs .ycft-ent,.ycs .ycft-seal,.ycs footer .legal,.ycs .ft7-bar{color:var(--ap-soft)}
.ycs .ft7-acts .btn-white{background:var(--yc-forest);color:var(--yc-cream)}
.ycs .ft7-acts .btn-white:hover{background:#151b11;color:#fff}
.ycs .ft7-acts .btn-ghost{background:#fff;color:var(--ap-ink);box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}
.ycs .ft7-acts .btn-ghost:hover{background:var(--ap-ink);color:#fff}
.ycs .ft7 .foot h4{color:var(--ap-ink)}
.ycs.dk .ft7 .foot a,.ycs .ft7-bar a,.ycs .ycft-legal a,.ycs .ycft-legal button{color:#424245}
.ycs.dk .ft7 .foot a:hover,.ycs .ft7-bar a:hover,.ycs .ycft-legal a:hover{color:var(--ap-ink)}
.ycs .ft7-mail{color:var(--ap-ink)!important;border-bottom-color:rgba(0,0,0,.2)!important}
.ycs .ycft-ent a{color:var(--ap-ink)}
.ycs.dk footer :focus-visible{outline-color:var(--yc-acc)}
/* the quiz: white too, the same panels and greens as the rest of the section */
.ycs.qp,html:has(body.ycs.qp){background:#fff}
.ycs .ia{color:var(--ap-ink);--ink:#1d1d1f;--ink-soft:#6e6e73;--muted:#86868b;--line:rgba(0,0,0,.08);--glass-edge:inset 0 0 0 1px rgba(0,0,0,.06)}
.ycs .aur,.ycs .aur i{background:#fff!important}
.ycs .ia-top{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),0 10px 30px -16px rgba(0,0,0,.22)}
.ycs .ia-top .logo img{filter:none}
.ycs .ia-top .logo{color:var(--ap-ink)}
.ycs .ia-prog{background:rgba(0,0,0,.08)}
.ycs .ia-x{background:var(--ap-panel);color:var(--ap-ink)}
.ycs .ia-x:hover{background:#e8e8ed}
.ycs .ia .fine a,.ycs .ia .linklike,.ycs .ia .back:hover,.ycs .qstep,.ycs .qi-facts,.ycs .pend,.ycs .echo-line b,.ycs .r-inc,.ycs .match li,.ycs .cmp-h .us,.ycs .cmp-r .us{color:var(--ap-ink)}
.ycs .qi-doc,.ycs .note-ok,.ycs .cmp,.ycs .r-buy,.ycs.qp .r-next,.ycs.qp .r-imp,.ycs.qp .r-revs,.ycs .r-q,.ycs .r-mail,.ycs .soonb{background:var(--ap-panel);box-shadow:none;color:var(--ap-ink)}
.ycs .qopt,.ycs .alt,.ycs .ptile,.ycs .opt,.ycs.qp .chip,.ycs .seg-plans button{background:var(--ap-panel);box-shadow:none;color:var(--ap-ink)}
.ycs .qopt:hover,.ycs .alt:hover,.ycs .ptile:hover,.ycs.qp .chip:hover{background:#e8e8ed}
.ycs .qopt .qi,.ycs .alt .go,.ycs .r-next .n{background:#fff;color:var(--ap-ink)}
.ycs .qk{background:#fff}
.ycs [aria-pressed="true"]>.qc,.ycs .qopt[aria-pressed="true"] .qi,.ycs.qp .chip[aria-pressed="true"]{background:var(--yc-forest);color:#fff}
.ycs .qopt[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--yc-forest)}
.ycs .best{background:var(--ap-panel);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--ap-ink)}
.ycs .r-mail input{background:#fff;color:var(--ap-ink);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.ycs .r-bar{background:rgba(255,255,255,.96);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),0 18px 40px -18px rgba(0,0,0,.35);color:var(--ap-ink)}
.ycs .sheet{background:#fff;color:var(--ap-ink);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),0 -30px 60px -30px rgba(0,0,0,.35)}
.ycs .grab{background:rgba(0,0,0,.18)}
.ycs.qp .btn-white,.ycs .r-bar .btn-white{background:var(--yc-forest);color:var(--yc-cream)}
.ycs.qp .btn-white:hover{background:#151b11;color:#fff}
.ycs.qp .btn-line,.ycs.qp .btn-ghost{background:var(--ap-panel);color:var(--ap-ink);box-shadow:none}
.ycs.qp :focus-visible{outline-color:var(--yc-acc)}
/* the drawn quiz vial was glass made for a black page: give it an outline and a faint body on white */
.ycs .vst svg path[stroke="#fff"]{stroke:rgba(0,0,0,.2);fill:rgba(244,245,247,.55)}
.ycs .vst svg path[fill="url(#vGlass)"]{fill:rgba(0,0,0,.035)}

/* ===== 4.2.0 tiles (Karan: "make this section a little colorful"): Hims-style tonal blocks, one calm colour each, the objects pick up
   the same colour as an accent. Sage, sky, lavender, peach, in that order. Words unchanged. ===== */
.yct-t:nth-child(1),.ycs .tr4 li:nth-child(1){--t-bg:#eaf2e5;--t-well:#dce9d5;--t-acc:#3f6b3a;--t-acc-bg:#d5e6cc}
.yct-t:nth-child(2),.ycs .tr4 li:nth-child(2){--t-bg:#e6eff9;--t-well:#d6e5f5;--t-acc:#2c69ad;--t-acc-bg:#d3e3f6}
.yct-t:nth-child(3),.ycs .tr4 li:nth-child(3){--t-bg:#eeebf7;--t-well:#e1dcf2;--t-acc:#5a4ea6;--t-acc-bg:#e0dbf3}
.yct-t:nth-child(4),.ycs .tr4 li:nth-child(4){--t-bg:#fbeee3;--t-well:#f6e0cf;--t-acc:#b8581f;--t-acc-bg:#f6dcc8}
.ycs .yct-t{background:var(--t-bg);box-shadow:none}
.ycs .yct-vis{background:var(--t-well);box-shadow:none}
.ycs .yct-b h3{color:#1d1d1f}
.ycs .yct-b p{color:#4a4a4f}
.ycs .yco{box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.04),0 18px 28px -18px rgba(0,0,0,.32)}
.ycs .yco-label{overflow:hidden;padding-top:20px}
.ycs .yco-label::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--t-acc)}
.ycs .yco-stamp{box-shadow:inset 0 0 0 1.5px var(--t-acc);color:var(--t-acc)}
.ycs .yco-code svg{fill:#1d1d1f}
.ycs .yco-review .yco-chip{background:var(--t-acc-bg);color:var(--t-acc)}
.ycs .yco-row svg circle{fill:#3f7a3a}
.ycs .yco-rxm{display:inline-grid;place-items:center;width:30px;height:24px;border-radius:7px;background:var(--t-acc);color:#fff;font-size:14px!important}
.ycs .yco-rxp .yco-sig path{stroke:var(--t-acc)}
.ycs .yco-signed svg circle{fill:var(--t-acc)}
.ycs .yco-chip.solid{background:var(--t-acc);color:#fff}
.ycs .yco-fill,.ycs .yco-track span:nth-of-type(1),.ycs .yco-track span:nth-of-type(2){background:var(--t-acc)}
/* the product page's small trust row: the same four colours */
.ycs .tr4 li{background:var(--t-bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.ycs .tr4 li b{color:#1d1d1f}
.ycs .ycm svg{background:var(--t-well)}
.ycs .ycm .p{fill:#fffdf8;stroke:rgba(0,0,0,.14)}
.ycs .ycm .b,.ycs .ycm .s{stroke:var(--t-acc)}
.ycs .ycm .c{stroke:#1d1d1f}
.ycs .ycm .t circle{fill:var(--t-acc)}
.ycs .ycm .l{stroke:rgba(0,0,0,.18)}
/* ===== 4.2.0 motion sections (Karan, after Rugiet's /peptides page) ===== */
/* A. "Peptides by Yes Clinic": one dark block on the white page, graphite to pale grey, the 3D vial floating, the headline low on the left */
.ycs .ycv3{padding:12px 12px 8px!important}
.ycv3-card{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(560px,52vw,720px);border-radius:32px;background:radial-gradient(64% 84% at 64% 34%,#d9dbdf 0%,#a3a6ac 26%,#55585e 54%,#232528 80%,#161719 100%);color:#fff}
.ycv3-stage{position:absolute;top:2%;bottom:2%;left:36%;right:2%}
.ycv3-img,.ycv3-gl{position:absolute;inset:0;width:100%;height:100%}
.ycv3-img{object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));transition:opacity .6s var(--yc-ease)}
.ycv3-gl{opacity:0;transition:opacity .6s var(--yc-ease)}
.v3-on .ycv3-gl{opacity:1}
.v3-on .ycv3-img{opacity:0}
.ycv3-copy{position:absolute;left:clamp(22px,4vw,56px);bottom:clamp(26px,4vw,52px);right:46%;z-index:1}
.ycv3-copy h2{margin:0;font-size:clamp(46px,7.4vw,112px);font-weight:600;line-height:.94;letter-spacing:-.045em;color:#fff;overflow-wrap:break-word;min-width:0}
.ycv3-copy p{margin-top:16px;font-size:clamp(16px,1.4vw,19px);line-height:1.4;color:rgba(255,255,255,.86)}
@media (max-width:760px){
  .ycv3-card{min-height:620px;border-radius:26px;background:radial-gradient(90% 60% at 50% 30%,#d9dbdf 0%,#a3a6ac 28%,#55585e 56%,#232528 82%,#161719 100%)}
  .ycv3-stage{top:3%;bottom:auto;left:8%;right:8%;height:62%}
  .ycv3-copy{left:20px;right:20px;bottom:24px}
}
/* B. "Compounded in the USA": full bleed, the flag photo, a dark wash from the bottom left, the heading low on the left */
.ycflag{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(520px,50vw,760px);display:flex;align-items:flex-end;padding:0!important;background:#0b0c0e;color:#fff}
.ycflag-media{position:absolute;inset:-6% 0;z-index:-2;overflow:hidden}
.ycflag-media img,.ycflag-gl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ycflag-media img{transform:scale(1.064)}
.ycflag-gl{opacity:0;transition:opacity .8s var(--yc-ease)}
.flag-on .ycflag-gl{opacity:1}
.ycflag-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,7,9,.86) 0%,rgba(6,7,9,.4) 38%,rgba(6,7,9,.12) 70%),linear-gradient(90deg,rgba(6,7,9,.55) 0%,rgba(6,7,9,0) 60%)}
.ycflag-in{width:100%;padding-bottom:clamp(36px,5vw,72px)}
.ycflag h2{max-width:11ch;margin:0;font-size:clamp(46px,7vw,104px);font-weight:600;line-height:.94;letter-spacing:-.045em;color:#fff;overflow-wrap:break-word;min-width:0}
.ycflag p{max-width:520px;margin-top:16px;font-size:clamp(16px,1.4vw,19px);line-height:1.45;color:rgba(255,255,255,.88)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ycflag-media{animation:ycflag-px linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}
@keyframes ycflag-px{from{transform:translate3d(0,-4%,0)}to{transform:translate3d(0,4%,0)}}
@media (max-width:760px){.ycflag{min-height:560px}.ycflag-in{padding-bottom:32px}}
/* the new quiz banner photo (1536 x 1024, two runners centre-right, heads at about a quarter of the height): taller on desktop so they
   show from head to knee beside the headline, and the phone's dark fade starts lower so the knees stay clear */
@media (min-width:1001px){.ycs .cta-band:has(.yc-cta-own){min-height:clamp(500px,40vw,800px)}}
@media (max-width:1000px){.ycs .cta-band:has(.yc-cta-own) .shade{background:linear-gradient(180deg,rgba(8,9,11,0) calc(var(--strip)*.7),rgba(8,9,11,.78) calc(var(--strip)*.9),#08090b var(--strip))}}
/* YP-YC END */

/* 4.3.0, Karan 12 Nov: the vial is a still, designed product shot (no spin). Tilted like a studio shot, a soft floor shadow, one slow light. */
.ycv3-still .ycv3-img{transform:rotate(-14deg) translateY(-2%);transform-origin:50% 60%;filter:drop-shadow(0 34px 38px rgba(0,0,0,.42)) drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.ycv3-still .ycv3-floor{position:absolute;left:24%;right:24%;bottom:4%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),rgba(0,0,0,0));filter:blur(6px)}
@media (max-width:760px){.ycv3-still .ycv3-img{transform:rotate(-10deg)}.ycv3-still .ycv3-floor{bottom:2%}}

/* 4.4.0, Karan 12 Nov: a much bigger headline with the official "yes." logo, a living gradient behind a still HD vial (1024x1536 render from his ChatGPT). */
.ycv3-still .ycv3-card{background:#121316;min-height:clamp(600px,58vw,820px)}
.ycv3-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ycv3-bg i{position:absolute;display:block;border-radius:50%;will-change:transform}
.ycv3-bg .g1{width:78%;height:120%;left:34%;top:-26%;background:radial-gradient(closest-side,rgba(232,235,240,.92),rgba(170,176,186,.5) 45%,rgba(70,74,82,0) 100%);animation:ycv3a 22s ease-in-out infinite alternate}
.ycv3-bg .g2{width:62%;height:90%;left:-14%;top:40%;background:radial-gradient(closest-side,rgba(18,128,88,.62),rgba(18,128,88,.18) 55%,rgba(18,128,88,0) 100%);animation:ycv3b 26s ease-in-out infinite alternate}
.ycv3-bg .g3{width:46%;height:70%;left:70%;top:58%;background:radial-gradient(closest-side,rgba(120,214,176,.32),rgba(120,214,176,0) 100%);animation:ycv3c 19s ease-in-out infinite alternate}
.ycv3-bg .sweep{inset:-20% auto -20% 0;width:38%;border-radius:0;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.09) 50%,rgba(255,255,255,0));transform:translateX(-120%) skewX(-14deg);animation:ycv3s 11s cubic-bezier(.45,0,.2,1) infinite}
.ycv3-bg .grain{inset:0;border-radius:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes ycv3a{0%{transform:translate3d(-6%,-4%,0) scale(1)}50%{transform:translate3d(4%,3%,0) scale(1.08)}100%{transform:translate3d(-2%,6%,0) scale(1.03)}}
@keyframes ycv3b{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(14%,-10%,0) scale(1.15)}100%{transform:translate3d(6%,-18%,0) scale(1.05)}}
@keyframes ycv3c{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-26%,-22%,0) scale(1.2)}}
@keyframes ycv3s{0%,30%{transform:translateX(-120%) skewX(-14deg)}75%,100%{transform:translateX(330%) skewX(-14deg)}}
.ycv3-still .ycv3-stage{z-index:1;left:44%}
.ycv3-still .ycv3-img{image-rendering:auto;filter:drop-shadow(0 40px 44px rgba(0,0,0,.5)) drop-shadow(0 8px 12px rgba(0,0,0,.3))}
.ycv3-still .ycv3-copy{z-index:2;right:40%}
.ycv3-still .ycv3-copy h2{font-size:clamp(58px,9.4vw,148px);line-height:.9;letter-spacing:-.05em}
.ycv3-still .ycv3-copy h2 .l1,.ycv3-still .ycv3-copy h2 .l2{display:block;white-space:nowrap}
.ycv3-still .ycv3-copy h2 .l2{display:flex;align-items:flex-end;gap:.16em;margin-top:.06em}
.ycv3-yes{display:block;height:.98em;width:auto;margin-bottom:-.2em}
.ycv3-still .ycv3-copy p{font-size:clamp(17px,1.5vw,21px);max-width:34em}
@media (max-width:760px){
  .ycv3-still .ycv3-card{min-height:700px}
  .ycv3-still .ycv3-stage{left:14%;right:14%;top:4%;height:54%}
  .ycv3-still .ycv3-copy{right:20px}
  .ycv3-still .ycv3-copy h2{font-size:clamp(46px,13.6vw,64px)}
  .ycv3-bg .g1{left:4%;width:110%;top:-20%;height:80%}
}
@media (prefers-reduced-motion:reduce){.ycv3-bg i{animation:none!important}.ycv3-bg .sweep{display:none}}
/* 4.4.0 fit: keep the whole tilted vial inside the panel, and clear the "y" descender of the logo above the sub-line */
.ycv3-still .ycv3-stage{top:9%;bottom:9%;left:50%;right:3%}
.ycv3-still .ycv3-img{transform:rotate(-14deg) scale(.9);transform-origin:50% 50%}
.ycv3-still .ycv3-copy h2{padding-bottom:.26em}
.ycv3-still .ycv3-copy p{margin-top:6px}
@media (max-width:760px){.ycv3-still .ycv3-stage{top:5%;height:52%;left:12%;right:12%;bottom:auto}.ycv3-still .ycv3-img{transform:rotate(-10deg) scale(.94)}}

/* ===== 4.5.0 trust row, Hims style (Karan, 12 Nov night). White page, one big studio object per tile, a two tone line under it, a
   row that slides with arrows. Motion: tiles rise in once, the stamp lands, the doctor bubble pops, objects float a few px; transform
   and opacity only, nothing with a filter moves. Reduced motion: all still and visible. Arrows: yc3d.js, top block. ===== */
.ycx{padding:64px 0 20px!important;background:#fff}
.ycx-rail{position:relative}
.ycx-track{list-style:none;margin:0;padding:6px 0 10px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.ycx-track::-webkit-scrollbar{display:none}
.ycx-track:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:14px}
.ycx-t{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.ycx-vis{position:relative;display:grid;place-items:center;width:100%;height:276px;transition:transform .5s var(--yc-ease)}
.ycx-obj{position:relative;z-index:1;display:grid;place-items:center;width:240px;height:240px}
.ycx-obj>img{display:block;width:100%;height:100%;object-fit:contain}
.ycx-floor{position:absolute;left:50%;bottom:20px;width:160px;height:20px;margin-left:-80px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.16),rgba(0,0,0,0))}
.ycx-cap{margin:14px 0 0;max-width:270px;font-size:22px;font-weight:600;line-height:1.27;letter-spacing:-.018em;color:#1d1d1f;overflow-wrap:break-word;min-width:0}
.ycx-cap span{font-weight:400;color:#6e6e73}
.ycx-doc .ycx-vial{display:block;width:auto;height:244px;transform:rotate(-12deg) translateX(-10px)}
.ycx-dr{position:absolute;top:30px;right:22px;width:78px;height:78px;padding:4px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08),0 14px 28px -12px rgba(0,0,0,.35)}
.ycx-dr img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 14%}
.ycx-dr i{position:absolute;right:-2px;bottom:0;width:24px;height:24px;border-radius:50%;background:#2c6a45 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.6 3.6 7.4-8.2' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 0 0 3px #fff}
.ycx-ink{display:block;width:236px;height:auto;color:#2c5a3c;transform:rotate(-4deg)}
.ycx-ink text{font-family:"Jost",system-ui,sans-serif}
.ycx-stamp .ycx-floor{display:none}
.ycx-nav{position:absolute;top:110px;z-index:2;display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:rgba(232,232,237,.86);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);color:#1d1d1f;cursor:pointer;box-shadow:0 10px 24px -14px rgba(0,0,0,.4);transition:opacity .25s var(--yc-ease),transform .25s var(--yc-ease),background-color .2s var(--yc-ease)}
.ycx-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ycx-prev{left:-28px}.ycx-next{right:-28px}
.ycx-nav:hover{background:rgba(210,210,215,.95)}
.ycx-nav:active{transform:scale(.94)}
.ycx-nav:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.ycx-nav:disabled{opacity:0;transform:scale(.8);pointer-events:none}
.ycx-none .ycx-nav{display:none}
/* motion */
.js .ycx-t{opacity:0;transform:translateY(26px);transition:opacity .8s var(--yc-ease) calc(var(--i)*90ms),transform .8s var(--yc-ease) calc(var(--i)*90ms)}
.js .ycx-track.on .ycx-t{opacity:1;transform:none}
.js .ycx-ink{opacity:0;transform:scale(1.4) rotate(-12deg);transition:opacity .28s var(--yc-ease) .62s,transform .42s cubic-bezier(.34,1.5,.64,1) .62s}
.js .ycx-track.on .ycx-ink{opacity:1;transform:rotate(-4deg)}
.js .ycx-dr{opacity:0;transform:scale(.5);transition:opacity .3s var(--yc-ease) .55s,transform .5s cubic-bezier(.34,1.56,.64,1) .55s}
.js .ycx-track.on .ycx-dr{opacity:1;transform:none}
.ycx-track.on .ycx-obj{animation:ycxf 7s ease-in-out calc(1s + var(--i)*-1.3s) infinite alternate}
.ycx-track.on .ycx-floor{animation:ycxs 7s ease-in-out calc(1s + var(--i)*-1.3s) infinite alternate}
.ycx-stamp .ycx-obj{animation:none!important}
@keyframes ycxf{from{transform:translateY(0)}to{transform:translateY(-7px)}}
@keyframes ycxs{from{transform:scaleX(1);opacity:1}to{transform:scaleX(.86);opacity:.72}}
@media (hover:hover) and (pointer:fine){.ycx-track.on .ycx-t:hover .ycx-vis{transform:translateY(-6px) scale(1.03)}}
@media (max-width:1100px){.ycx-track{grid-auto-columns:calc((100% - 40px)/3)}.ycx-prev{left:-6px}.ycx-next{right:-6px}}
@media (max-width:760px){
  .ycx{padding-top:44px!important}
  .ycx-track{grid-auto-columns:66%;gap:12px;margin:0 -22px;padding:6px 22px 10px;scroll-padding-inline:22px}
  .ycx-vis{height:232px}.ycx-obj{width:200px;height:200px}.ycx-floor{bottom:18px;width:130px;margin-left:-65px}
  .ycx-doc .ycx-vial{height:204px}.ycx-dr{top:22px;right:12px;width:66px;height:66px}
  .ycx-ink{width:200px}.ycx-cap{font-size:19px}
  .ycx-nav{display:none}
}
@media (prefers-reduced-motion:reduce){
  .js .ycx-t,.js .ycx-ink,.js .ycx-dr,.ycx-vis{transition:none}
  .js .ycx-t,.js .ycx-dr{opacity:1;transform:none}.js .ycx-ink{opacity:1;transform:rotate(-4deg)}
  .ycx-track.on .ycx-obj,.ycx-track.on .ycx-floor{animation:none}
}
.ycx-cap{text-wrap:balance}
.ycx-cap>*{white-space:nowrap}
.ycx-stamp .ycx-cap>*{white-space:normal}
@media (max-width:370px){.ycx-cap{font-size:17px}}

/* ===== 4.6.0 (Karan, 12 Nov night) ===== */
/* Trust row smaller: "make this pictogram smaller ... make this section smaller". Five tiles fit on a laptop, the row slides below 1100. */
.ycx{padding:36px 0 4px!important}
.ycx-track{grid-auto-columns:calc((100% - 64px)/5);gap:16px}
.ycx-vis{height:180px}
.ycx-obj{width:148px;height:148px}
.ycx-floor{bottom:14px;width:104px;height:14px;margin-left:-52px}
.ycx-cap{margin-top:8px;max-width:228px;font-size:17px;line-height:1.32;letter-spacing:-.01em}
.ycx-doc .ycx-vial{height:158px;transform:rotate(-12deg) translateX(-8px)}
.ycx-dr{top:10px;right:4px;width:56px;height:56px;padding:3px}
.ycx-ink{width:152px}
.ycx-nav{top:64px;width:46px;height:46px}
.ycx-nav svg{width:20px;height:20px}
.ycx-prev{left:-23px}.ycx-next{right:-23px}
.ycx-note{margin:10px 0 0;text-align:center;font-size:13px;line-height:1.4;color:#86868b}
@media (max-width:1100px){.ycx-track{grid-auto-columns:calc((100% - 32px)/3)}.ycx-prev{left:-6px}.ycx-next{right:-6px}}
@media (max-width:760px){
  .ycx{padding-top:28px!important}
  .ycx-track{grid-auto-columns:44%;gap:10px}
  .ycx-vis{height:160px}.ycx-obj{width:128px;height:128px}.ycx-floor{bottom:12px;width:90px;margin-left:-45px}
  .ycx-doc .ycx-vial{height:138px}.ycx-dr{width:48px;height:48px;top:8px;right:0}
  .ycx-ink{width:132px}.ycx-cap{font-size:15px}
  .ycx-cap>*{white-space:normal}
}
@media (max-width:370px){.ycx-cap{font-size:14px}}

/* Important Safety Information as a dropdown: the title and the key facts stay in the bar */
.ycisi{padding:20px 0 28px!important}
.ycisi-d{border-radius:20px;background:#f5f5f7}
.ycisi-d summary{display:flex;align-items:center;gap:16px;padding:16px 20px 16px 24px;list-style:none;cursor:pointer;border-radius:20px}
.ycisi-d summary::-webkit-details-marker{display:none}
.ycisi-d summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.ycisi-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.ycisi-t b{font-size:17px;font-weight:600;line-height:1.3;color:#1d1d1f}
.ycisi-t span{font-size:14px;line-height:1.45;color:#6e6e73}
.ycisi-ch{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);transition:transform .3s var(--yc-ease)}
.ycisi-ch svg{width:18px;height:18px;fill:none;stroke:#1d1d1f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ycisi-d[open] .ycisi-ch{transform:rotate(180deg)}
.ycisi-d summary:hover .ycisi-ch{background:#e8e8ed}
.ycisi-b{padding:0 24px 20px}
.ycisi-b p{margin:0;font-size:15px;line-height:1.6;color:#424245}

/* Footer: the yesclinic.com footer (#colophon), copied 12 Nov */
@font-face{font-family:"BR Firma";src:url(../assets/yc/footer/BRFirma-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"BR Firma";src:url(../assets/yc/footer/BRFirma-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"BR Firma";src:url(../assets/yc/footer/BRFirma-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"CaslonGraD";src:url(../assets/yc/footer/CaslonGraD.woff2) format("woff2");font-weight:400;font-display:swap}
.ycf{position:relative;background:linear-gradient(#2c3722 0%,#26301f 56%,#1a2315 100%);color:rgba(255,255,255,.8);font-family:"BR Firma",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;text-align:left}
.ycf-in{max-width:1240px;margin:0 auto;padding:72px 32px 26px}
.ycf-top{display:grid;grid-template-columns:1.05fr 1fr 1fr 1.25fr;gap:40px}
.ycf h3{margin:0 0 14px;font-family:"CaslonGraD",Georgia,serif;font-weight:400;font-size:20px;line-height:1.2;letter-spacing:0;color:#fff}
.ycf a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .2s var(--yc-ease)}
.ycf a:hover{color:#fff}
.ycf a:focus-visible,.ycf button:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}
.ycf-col a{display:block;padding:5px 0}
.ycf-logo{display:inline-block;margin-bottom:30px}
.ycf-logo img{display:block;width:95px;height:auto}
.ycf-soc{display:flex;gap:10px;margin-bottom:24px}
.ycf-soc a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.ycf-soc a:hover{background:rgba(255,255,255,.12)}
.ycf-soc img{display:block;width:18px;height:18px}
.ycf-seal img{display:block;width:73px;height:auto}
.ycf-col .ycf-ic{display:flex;align-items:flex-start;gap:10px;font-size:15px}
.ycf-ic img{flex:0 0 20px;width:20px;height:20px;margin-top:1px;opacity:.85}
.ycf-h3b{margin-top:32px!important}
.ycf-ai{margin-top:44px;padding:26px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.ycf-aih{margin:0 0 12px;font-size:16px;font-weight:500;color:rgba(255,255,255,.9)}
.ycf .yc-askai-row{display:flex;flex-wrap:wrap;gap:10px}
.ycf .yc-askai-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background-color .2s var(--yc-ease),color .2s var(--yc-ease)}
.ycf .yc-askai-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.ycf-pay{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}
.ycf-payh{margin-right:4px;font-size:24px;font-weight:600;color:rgba(255,255,255,.8)}
.ycf-cards{display:flex;flex-wrap:wrap;gap:12px}
.ycf-card{display:block;width:62px;height:44px;border-radius:8px;background:url(../assets/yc/footer/Payment-type.svg) var(--p) 50%/400% 100% no-repeat}
.ycf-legal{display:flex;flex-wrap:wrap;align-items:center;row-gap:6px;margin-top:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.ycf-legal>*{position:relative;padding:4px 16px;font-size:16px;line-height:1.4}
.ycf-legal>:first-child{padding-left:0}
.ycf-legal>*+*::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:rgba(255,255,255,.3)}
.ycf-ck{border:0;background:none;font:inherit;color:rgba(255,255,255,.8);cursor:pointer}
.ycf-ck:hover{color:#fff}
.ycf .ycf-fine{max-width:none;margin:18px 0 0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.55)}
.ycf-copy{margin:18px 0 0;text-align:center;font-size:16px;color:rgba(255,255,255,.8)}
@media (max-width:1000px){.ycf-top{grid-template-columns:1fr 1fr;gap:36px 32px}}
@media (max-width:600px){
  .ycf-in{padding:52px 22px 24px}
  .ycf-top{grid-template-columns:1fr 1fr;gap:30px 20px}
  .ycf-brand{grid-column:1/-1}
  .ycf-top>.ycf-col:last-child{grid-column:1/-1}
  .ycf-legal>*{padding:4px 12px;font-size:15px}
  .ycf-payh{font-size:20px;width:100%}
}
/* the older footer rules (.ycs.dk footer, .ycs footer .legal, site.css footer) outrank .ycf, so these say it again */
.ycs.dk footer.ycf,.ycs footer.ycf{margin:0;padding:0;border-top:0;overflow:visible;background:linear-gradient(#2c3722 0%,#26301f 56%,#1a2315 100%);color:rgba(255,255,255,.8);font-size:16px}
.ycs footer.ycf .ycf-fine{color:rgba(255,255,255,.55)}
/* the vial sits a little taller than its neighbours */
.ycx-doc .ycx-vial{height:150px}
/* legal row: a row that wraps never starts with a divider (the nav is shifted left by one padding and that strip is clipped) */
.ycf-legal{margin-left:-16px;clip-path:inset(-8px -8px -8px 16px)}
.ycf-legal>*,.ycf-legal>:first-child{padding:4px 16px}
.ycf-legal>*::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:rgba(255,255,255,.3)}
.ycf-legal>*:focus-visible{outline-offset:-2px}
.ycs footer.ycf .ycf-fine{border-top:0;padding-top:0}
.ycf-col .ycf-ic{font-size:14px}
@media (max-width:600px){.ycf-legal{margin-left:-12px;clip-path:inset(-8px -8px -8px 12px)}.ycf-legal>*,.ycf-legal>:first-child{padding:4px 12px}}

/* ===== 4.7.0 (Karan, 12 Nov night) ===== */
/* Header: the yesclinic.com header (.main_header): white glass pill, 3D logo, BR Firma, Men and Women menus with 3D icons */
.ycs .ych2 .hdr-in{max-width:1105px;height:72px;padding:0 14px 0 30px;border-radius:999px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(22px) saturate(1.85);backdrop-filter:blur(22px) saturate(1.85);box-shadow:0 10px 34px -14px rgba(24,36,20,.3),inset 0 1px 0 rgba(255,255,255,.78)}
.ycs .ych2 .ych-logo img{height:44px;width:auto}
.ycs .ych2 .nv-a{padding:12px 18px;border:0;background:none;font-family:"BR Firma",system-ui,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:0;color:#20281c;cursor:pointer}
.ycs .ych2 .nv:has(.mega) .nv-a::after{display:none}
.ycs .ych2 .nv-pill{background:rgba(218,231,208,.6)}
.ycs .ych2 .hdr-act{display:flex;align-items:center;gap:12px}
.ycs .ych2 .go,.ycs .ych2.on-lt .go{height:38px;padding:0 18px;border-radius:999px;font-family:"BR Firma",system-ui,sans-serif;font-size:13.5px;font-weight:600;background:#26301f;color:#f3efe4;box-shadow:inset 0 0 0 1px rgba(38,48,31,.2)}
.ych-ic{display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(38,48,31,.2);background:rgba(38,48,31,.06);color:#26301f;cursor:pointer;transition:background-color .2s var(--yc-ease)}
.ych-ic:hover{background:rgba(38,48,31,.12)}
.ych-ic img{display:block;width:20px;height:20px}
.ych-login{display:inline-flex;align-items:center;height:38px;padding:0 24px;border-radius:999px;border:1px solid rgba(38,48,31,.3);font-family:"BR Firma",system-ui,sans-serif;font-size:13.5px;font-weight:500;color:#26301f;text-decoration:none;white-space:nowrap;transition:background-color .2s var(--yc-ease)}
.ych-login:hover{background:rgba(38,48,31,.06)}
.ych-ic:focus-visible,.ych-login:focus-visible,.ycs .ych2 .nv-a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ycs .ych2 .burger{display:none}
/* Men and Women menus */
.ycs .ych2 .nv.ycm{position:relative}
.ycs .ych2 .mega.ycm-cat{left:0;width:424px;display:block;padding:10px;border-radius:20px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(30px) saturate(1.7) brightness(1.06);backdrop-filter:blur(30px) saturate(1.7) brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 50px -26px rgba(23,42,18,.48);transform:translate(0,8px) scale(.98)}
.ycs .ych2 .nv.ycm:hover .mega.ycm-cat,.ycs .ych2 .nv.ycm:focus-within .mega.ycm-cat{transform:translate(0,0) scale(1)}
.ycm-list{display:flex;flex-direction:column;gap:8px}
.ycm-t{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:15px;background:rgba(218,231,208,.55);font-family:"BR Firma",system-ui,sans-serif;font-size:15px;color:#26301f;text-decoration:none;transition:background-color .2s var(--yc-ease)}
.ycm-t:hover{background:rgba(218,231,208,.95)}
.ycm-t img{width:54px;height:54px;flex:0 0 54px}
.ycm-t:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media (min-width:1081px) and (max-width:1240px){.ycs .ych2 .nav>.nv:first-of-type{display:block}.ycs .ych2 .nv-a{padding:12px 12px}}
/* search */
.ych-sf{position:absolute;top:calc(100% + 10px);right:max(16px,calc(50% - 552px));display:flex;gap:8px;width:min(420px,calc(100vw - 32px));padding:10px;border-radius:20px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:inset 0 1px 0 #fff,0 22px 50px -26px rgba(23,42,18,.48)}
.ych-sf[hidden]{display:none}
.ych-sf input[type=search]{flex:1;min-width:0;height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(38,48,31,.2);background:#fff;font:400 15px "BR Firma",system-ui,sans-serif;color:#26301f}
.ych-sf input[type=search]:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.ych-sf .btn{height:44px;padding:0 18px;border-radius:999px;font-size:14px}
/* phone and tablet: the yesclinic.com phone bar (logo, search, menu as rounded squares) */
@media (max-width:1080px){
  .ycs .ych2 .burger{display:grid;border-radius:14px;background:#fff;border:1px solid rgba(38,48,31,.08);box-shadow:0 8px 20px -12px rgba(24,36,20,.35)}
  .ycs .ych2 .ych-search{border-radius:14px;background:#fff;border:1px solid rgba(38,48,31,.08);box-shadow:0 8px 20px -12px rgba(24,36,20,.35);width:44px;height:44px}
  .ycs .ych2 .ych-login{display:none}
}
@media (max-width:760px){
  .ycs .ych2 .hdr-in{height:64px;padding:0 8px 0 18px}
  .ycs .ych2 .go{display:none}
  .ycs .ych2 .ych-logo img{height:40px}
  .ych-sf{top:calc(100% + 8px);right:16px}
}
.ych-dn-h{margin:18px 0 8px;font-size:13px;font-weight:600;color:#5c6753}
.ych-dn-cat{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ych-dn-cat a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:rgba(218,231,208,.55);font-size:14px;color:#26301f;text-decoration:none}
.ych-dn-cat img{width:36px;height:36px;flex:0 0 36px}

/* product pages: the hub's trust row, under the buy box, the product's own vial in the provider tile */
.ycx-pdp{padding:24px 0 12px!important}
.ycx-doc .ycx-pv{height:150px;transform:rotate(-12deg) translateX(-6px)}
/* 4.7.0 fixes after the first render: older header rules outrank these, so they say it again */
.ycs .ych2 .nav{align-items:center}
.ycs .ych2 .nv-a{display:block;line-height:20px;font-family:"BR Firma",system-ui,sans-serif;font-size:13.5px;font-weight:600;color:#20281c}
.ycs .ych2 .hdr-act .ych-login,.ycs .ych2.on-lt .hdr-act .ych-login{color:#26301f;background:transparent}
.ycs .ych2 .hdr-act .ych-login:hover{background:rgba(38,48,31,.06)}
.ycs .ych2 .ych-ic img{width:20px;height:20px;max-width:none;filter:none}
.ycs .ych2 .mega.ycm-cat{background:rgba(255,255,255,.95)}
.ycs .ych2 .ych-ic svg{display:block;width:20px;height:20px;color:#26301f}

/* ===== 4.8.0 cart (Karan, 12 Nov night): the yesclinic.com cart, opened from the peptide pages ===== */
.ych-cart{position:relative}
.ych-cnt{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#26301f;color:#f3efe4;font:600 11.5px/20px "BR Firma",system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.ych-cnt[hidden]{display:none}
.ycs .ych2 .ych-cart svg{display:block;width:20px;height:20px;color:#26301f}
.ypc-offer{margin:12px 0 0;font-size:14.5px}
.ypc-offer a{color:#26301f;font-weight:600;text-decoration:underline;text-underline-offset:3px}
html.ypc-lock,html.ypc-lock body{overflow:hidden}
.ypc-root{position:fixed;inset:0;z-index:200;pointer-events:none;visibility:hidden;transition:visibility 0s linear .35s}
.ypc-root.on{pointer-events:auto;visibility:visible;transition:visibility 0s}
.ypc-scrim{position:absolute;inset:0;background:rgba(20,26,17,.36);opacity:0;transition:opacity .35s var(--yc-ease)}
.ypc-root.on .ypc-scrim{opacity:1}
.ypc{position:absolute;top:10px;right:10px;bottom:10px;display:flex;flex-direction:column;width:min(420px,calc(100vw - 20px));border-radius:24px;background:#fff;color:#1d1d1f;box-shadow:0 30px 70px -30px rgba(20,30,15,.55),inset 0 0 0 1px rgba(0,0,0,.05);transform:translateX(calc(100% + 20px));transition:transform .42s var(--yc-ease);outline:0;font-family:"BR Firma",system-ui,sans-serif}
.ypc-root.on .ypc{transform:none}
.ypc-top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px 22px}
.ypc-top h2{margin:0;font:600 20px/1.2 "BR Firma",system-ui,sans-serif;letter-spacing:-.01em;color:#1d1d1f}
.ypc-x{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f2f3f0;cursor:pointer}
.ypc-x svg{width:18px;height:18px;fill:none;stroke:#26301f;stroke-width:2;stroke-linecap:round}
.ypc-x:hover{background:#e7e9e3}
.ypc-body{flex:1;overflow:auto;padding:4px 22px 16px;overscroll-behavior:contain}
.ypc-lines{list-style:none;margin:0;padding:0}
.ypc-l{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.07)}
.ypc-im{display:grid;place-items:center;width:48px;height:64px;border-radius:12px;background:#f5f6f3}
.ypc-im img{width:auto;height:56px;object-fit:contain}
.ypc-t{display:flex;flex-direction:column;min-width:0}
.ypc-t b{font-size:15.5px;font-weight:600;color:#1d1d1f}
.ypc-t small{font-size:13.5px;color:#6e6e73}
.ypc-q{display:inline-flex;align-items:center;gap:2px;margin-top:6px;width:max-content;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(38,48,31,.18)}
.ypc-q button{width:30px;height:30px;border:0;border-radius:50%;background:none;font:500 17px/1 system-ui,sans-serif;color:#26301f;cursor:pointer}
.ypc-q button:hover{background:#f0f2ed}
.ypc-q span{min-width:18px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.ypc-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ypc-r b{font-size:15.5px;font-weight:600;font-variant-numeric:tabular-nums}
.ypc-rm{padding:0;border:0;background:none;font:inherit;font-size:13px;color:#6e6e73;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.ypc-rm:hover{color:#1d1d1f}
.ypc-empty{margin:18px 0 6px;font-size:15px;color:#6e6e73}
.ypc-empty[hidden],.ypc-more[hidden]{display:none}
.ypc-more{margin-top:22px}
.ypc-more h3{margin:0 0 10px;font:600 15px/1.3 "BR Firma",system-ui,sans-serif;color:#1d1d1f}
.ypc-more-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ypc-m{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:16px;background:#f5f6f3}
.ypc-m-a{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:inherit;text-decoration:none}
.ypc-m-a img{width:auto;height:44px}
.ypc-m-a span{display:flex;flex-direction:column;min-width:0}
.ypc-m-a b{font-size:14.5px;font-weight:600;color:#1d1d1f}
.ypc-m-a small{font-size:13px;color:#6e6e73}
.ypc-add{flex:0 0 auto;height:34px;padding:0 16px;border:0;border-radius:999px;background:#26301f;color:#f3efe4;font:600 13.5px "BR Firma",system-ui,sans-serif;cursor:pointer;transition:background-color .2s var(--yc-ease)}
.ypc-add:hover{background:#151b11}
.ypc-foot{padding:14px 22px 20px;border-top:1px solid rgba(0,0,0,.07)}
.ypc-sum{display:flex;justify-content:space-between;align-items:baseline;font-size:16px}
.ypc-sum b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.ypc-fine{margin:6px 0 12px;font-size:13px;line-height:1.45;color:#6e6e73}
.ypc-go{display:flex;align-items:center;justify-content:center;gap:8px;background:#26301f;color:#f3efe4}
.ypc-go[aria-disabled=true]{opacity:.45;pointer-events:none}
.ypc button:focus-visible,.ypc a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media (max-width:560px){.ypc{top:auto;right:0;bottom:0;left:0;width:auto;max-height:88vh;border-radius:24px 24px 0 0;transform:translateY(100%)}}
@media (prefers-reduced-motion:reduce){.ypc,.ypc-scrim,.ypc-root{transition:none}}
.ycs .ypc .ypc-go,.ycs .ypc .ypc-go:hover{background:#26301f;color:#f3efe4;box-shadow:none}
.ycs .ypc .ypc-go:hover{background:#151b11}

/* 4.8.0: the header follows the Website chat's YC-NAV2 (12 Nov midnight): quieter bar, 40px flat controls, a solid white
   Men / Women sheet with line icons on soft tiles. Desktop only, like theirs. */
@media (min-width:1081px){
  .ycs .ych2 .hdr-in{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 10px 30px -22px rgba(24,36,20,.35),0 1px 2px rgba(24,36,20,.06),inset 0 0 0 1px rgba(32,40,28,.08)}
  .ycs .ych2 .nv-a{height:40px;padding:0 14px;line-height:40px;font-size:14.5px;font-weight:500;letter-spacing:-.005em;color:#20281c;border-radius:999px}
  .ycs .ych2 .nv:hover>.nv-a,.ycs .ych2 .nv:focus-within>.nv-a{background:rgba(32,40,28,.06)}
  .ycs .ych2 .nv-pill{display:none}
  .ycs .ych2 .ych-ic{width:40px;height:40px;border:0;background:rgba(32,40,28,.055)}
  .ycs .ych2 .ych-ic:hover{background:rgba(32,40,28,.1)}
  .ycs .ych2 .go,.ycs .ych2.on-lt .go{height:40px;padding:0 18px;font-size:14px;font-weight:600;background:#20281c;color:#fff;box-shadow:none}
  .ycs .ych2 .go:hover{background:#2f3d2a}
  .ycs .ych2 .hdr-act .ych-login{height:40px;padding:0 18px;font-size:14px;font-weight:500;color:#20281c;border-color:rgba(32,40,28,.16)}
  .ycs .ych2 .go:active,.ycs .ych2 .ych-ic:active,.ycs .ych2 .ych-login:active{transform:scale(.97)}
  .ycs .ych2 .mega.ycm-cat{width:336px;padding:8px;top:calc(100% + 12px);border-radius:20px;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 24px 60px -28px rgba(24,36,20,.4),inset 0 0 0 1px rgba(32,40,28,.08)}
  .ycs .ych2 .ycm-list{gap:2px}
  .ycs .ych2 .ycm-t{gap:12px;padding:8px 10px;border-radius:13px;background:none}
  .ycs .ych2 .ycm-t:hover,.ycs .ych2 .ycm-t:focus-visible{background:rgba(32,40,28,.055)}
  .ycs .ych2 .ycm-t::after{content:"";margin-left:auto;width:7px;height:7px;flex:none;border-right:1.5px solid #5b6657;border-top:1.5px solid #5b6657;transform:rotate(45deg);opacity:.55;transition:transform .2s var(--yc-ease),opacity .2s var(--yc-ease)}
  .ycs .ych2 .ycm-t:hover::after{opacity:.9;transform:translateX(-2px) rotate(45deg)}
}
.ycm-ic{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#eef3ea center/24px 24px no-repeat;box-shadow:inset 0 0 0 .5px rgba(32,40,28,.06)}
.ycm-t:hover .ycm-ic{background-color:#e3ecdd}
.ycm-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.ycm-tx b{font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.008em;color:#20281c}
.ycm-tx small{font-size:12.5px;line-height:1.3;color:#5b6657}
.ycm-ic-weight{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2320281c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3.500h12a2.500 2.500 0 012.500 2.500v12a2.500 2.500 0 01-2.500 2.500H6A2.500 2.500 0 013.500 18V6A2.500 2.500 0 016 3.500z%22 fill=%22%23cfe3c4%22 stroke=%22none%22/%3E%3Cpath d=%22M6 3.500h12a2.500 2.500 0 012.500 2.500v12a2.500 2.500 0 01-2.500 2.500H6A2.500 2.500 0 013.500 18V6A2.500 2.500 0 016 3.500z%22/%3E%3Cpath d=%22M7.750 10.250a4.250 4.250 0 018.500 0z%22/%3E%3Cpath d=%22M12 10.250l1.600-2.300%22 stroke=%22%233f5539%22/%3E%3C/svg%3E")}
.ycm-ic-sexual{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2320281c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20.250s-7.750-4.600-7.750-10.150A4.350 4.350 0 0112 7.500a4.350 4.350 0 017.750 2.600c0 5.550-7.750 10.150-7.750 10.150z%22 fill=%22%23cfe3c4%22 stroke=%22none%22/%3E%3Cpath d=%22M12 20.250s-7.750-4.600-7.750-10.150A4.350 4.350 0 0112 7.500a4.350 4.350 0 017.750 2.600c0 5.550-7.750 10.150-7.750 10.150z%22/%3E%3Cpath d=%22M8.100 9.900a1.900 1.900 0 011.700-1.600%22 stroke=%22%233f5539%22/%3E%3C/svg%3E")}
.ycm-ic-hair{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2320281c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.500 5.500h15a1 1 0 011 1v3.250h-17V6.500a1 1 0 011-1z%22 fill=%22%23cfe3c4%22 stroke=%22none%22/%3E%3Cpath d=%22M4.500 5.500h15a1 1 0 011 1v3.250h-17V6.500a1 1 0 011-1z%22/%3E%3Cpath d=%22M5.750 9.750v8.250M18.250 9.750v8.250%22/%3E%3Cpath d=%22M8.900 9.750v8.250M12 9.750v8.250M15.100 9.750v8.250%22 stroke=%22%233f5539%22/%3E%3C/svg%3E")}
.ycm-ic-hormone{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2320281c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 8.500a2.500 2.500 0 100-5 2.500 2.500 0 000 5z%22 fill=%22%23cfe3c4%22 stroke=%22none%22/%3E%3Cpath d=%22M6 19.500a2.500 2.500 0 100-5 2.500 2.500 0 000 5z%22 fill=%22%23cfe3c4%22 stroke=%22none%22/%3E%3Cpath d=%22M18 19.500a2.500 2.500 0 100-5 2.500 2.500 0 000 5z%22 fill=%22%23cfe3c4%22 stroke=%22none%22/%3E%3Cpath d=%22M12 8.500a2.500 2.500 0 100-5 2.500 2.500 0 000 5z%22/%3E%3Cpath d=%22M6 19.500a2.500 2.500 0 100-5 2.500 2.500 0 000 5z%22/%3E%3Cpath d=%22M18 19.500a2.500 2.500 0 100-5 2.500 2.500 0 000 5z%22/%3E%3Cpath d=%22M10.800 8.200L7.200 14.800%22 stroke=%22%233f5539%22/%3E%3Cpath d=%22M13.200 8.200l3.600 6.600%22 stroke=%22%233f5539%22/%3E%3Cpath d=%22M8.500 17h7%22 stroke=%22%233f5539%22/%3E%3C/svg%3E")}
.ycm-ic-longevity{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2320281c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7.250 8.250c-2.200 0-3.750 1.700-3.750 3.750s1.550 3.750 3.750 3.750c3.600 0 5.900-7.500 9.500-7.500 2.200 0 3.750 1.700 3.750 3.750s-1.550 3.750-3.750 3.750c-1.500 0-2.800-1.300-4-2.900%22/%3E%3Cpath d=%22M10.250 10.900c-.9-1.400-1.900-2.650-3-2.650%22 stroke=%22%233f5539%22/%3E%3C/svg%3E")}