/*
 * Pharmaken homepage sections. Used by the theme homepage, the shortcodes and the Elementor widgets.
 * Everything is vector / srcset based for crisp rendering on high-DPI screens.
 */

/* ===================== 1. HERO SLIDER + TILES ===================== */
/* --pkh-h is the image stage; slides are stacked in it and cross-fade. Header overlays the top (see main.css). */
.pkh{--pkh-h:max(clamp(500px,calc(100vh - 120px),760px),var(--pkh-fit,0px));--pkh-delay:6000ms;position:relative;isolation:isolate;min-height:var(--pkh-h);color:#fff;margin-bottom:96px;background:#06264d}
.pkh--notiles{margin-bottom:0}
.pkh__slide{position:absolute;left:0;right:0;top:0;height:var(--pkh-h);display:flex;align-items:center;overflow:hidden;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s linear 1.1s}
.pkh__slide.is-active{opacity:1;visibility:visible;transition:opacity 1.1s ease,visibility 0s;z-index:1}
.pkh__media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#06264d}
.pkh__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.08);transition:transform calc(var(--pkh-delay) + 1.5s) linear}
.pkh__slide.is-active .pkh__img{transform:scale(1)}
/* centred copy: an even dark veil with a soft vignette keeps white text readable on any photo */
.pkh__shade{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 60% at 50% 52%,rgba(2,22,52,.62) 0%,rgba(2,22,52,.45) 55%,rgba(2,22,52,.7) 100%),linear-gradient(0deg,rgba(2,22,52,.5) 0%,rgba(2,22,52,0) 30%)}
.pkh__in{position:relative;padding:112px 0 84px} /* top: the header overlays the banner; bottom: room for the dots */
/* As on the original site: title + text are a LEFT-aligned block (the block itself sits mid-page), the round icon
   sits on the left under the text, and only the two buttons are centred across the hero. */
.pkh__copy{max-width:760px;margin:0 auto;text-align:left}
.pkh__copy>*{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.pkh__slide.is-active .pkh__copy>*{opacity:1;transform:none}
.pkh__slide.is-active .pkh__copy>:nth-child(2){transition-delay:.15s}
.pkh__slide.is-active .pkh__copy>:nth-child(3){transition-delay:.3s}
.pkh__slide.is-active .pkh__copy>:nth-child(4){transition-delay:.45s}
.pkh__eyebrow{display:inline-flex;align-items:center;gap:14px;margin:0 0 14px;font-family:"Poppins",Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#cfe0ff}
.pkh__eyebrow::after{content:"";width:34px;height:2px;background:var(--pk-red,#fd3c3c)}
.pkh__title{margin:0 0 16px;font-family:"Libre Baskerville",Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.1;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.pkh__text{margin:0;max-width:none;font-family:"Libre Franklin","Poppins",Arial,sans-serif;font-weight:400;font-size:clamp(1.02rem,1.7vw,1.3rem);line-height:1.65;color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(0,0,0,.25)}
/* dots + pause, small and centred at the bottom of the image (above the tiles) */
.pkh__bar{position:absolute;left:0;right:0;top:calc(var(--pkh-h) - 58px);z-index:2;display:flex;align-items:center;justify-content:center}
.pkh__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px;margin-top:26px}
.pkh__nav{display:flex;align-items:center;gap:8px}
.pkh__arrow{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(2,22,52,.25);color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.pkh__arrow:hover,.pkh__arrow:focus-visible{background:rgba(255,255,255,.18);border-color:#fff}
.pkh__pause .pkh__i-play{display:none}
.pkh__pause[aria-pressed="true"] .pkh__i-play{display:inline}.pkh__pause[aria-pressed="true"] .pkh__i-pause{display:none}
.pkh__dots{display:flex;gap:6px;padding:0 6px}
.pkh__dot{position:relative;width:34px;height:24px;padding:0;border:0;background:none;cursor:pointer}
.pkh__dot::before,.pkh__dot span{content:"";position:absolute;left:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px}
.pkh__dot::before{right:0;background:rgba(255,255,255,.35)}
.pkh__dot span{width:0;background:#fff}
.pkh__dot.is-active span{width:100%;animation:pkh-fill var(--pkh-delay) linear}
.pkh.is-paused .pkh__dot.is-active span{animation:none}
@keyframes pkh-fill{from{width:0}to{width:100%}}
.pkh__dot:focus-visible,.pkh__arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* round outlined icon under the slide text (as on the original site) */
.pkh__slide.is-active .pkh__copy>:nth-child(5){transition-delay:.6s}
.pkh__icon{display:grid;place-items:center;width:62px;height:62px;margin:20px 0 0;border:1.5px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.06);backdrop-filter:blur(2px)}
.pkh__icon svg{width:32px;height:32px}
.pkh__icon+.pkh__btns{margin-top:22px}
/* the two buttons: large and easy to hit on big screens, equal-width on phones */
.pkh__pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:184px;height:54px;padding:0 36px;border-radius:99px;color:#fff;font-family:"Poppins",Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .2s,box-shadow .2s,filter .2s}
.pkh__pill:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (min-width:1400px){.pkh__pill{min-width:206px;height:58px;padding:0 42px;font-size:15px}.pkh__icon{width:68px;height:68px}.pkh__icon svg{width:35px;height:35px}}
.pkh__pill:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.28);filter:brightness(1.07)}
.pkh__pill--a{background:#b94a28}.pkh__pill--b{background:#5b8def}

/* previous / next: round arrows on the left and right edges of the banner, vertically centred on the image */
.pkh__side{position:absolute;top:calc(var(--pkh-h) / 2 - 27px);z-index:4;display:grid;place-items:center;width:54px;height:54px;padding:0;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(2,22,52,.35);color:#fff;cursor:pointer;backdrop-filter:blur(3px);box-shadow:0 6px 20px rgba(0,0,0,.25);transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.pkh__side--prev{left:max(18px,calc(50% - 660px))}
.pkh__side--next{right:max(18px,calc(50% - 660px))}
.pkh__side svg{transition:transform .3s ease}
.pkh__side:hover,.pkh__side:focus-visible{background:#fff;border-color:#fff;color:#0033a0;box-shadow:0 10px 28px rgba(0,0,0,.32)}
.pkh__side--prev:hover svg,.pkh__side--prev:focus-visible svg{transform:translateX(-3px)}
.pkh__side--next:hover svg,.pkh__side--next:focus-visible svg{transform:translateX(3px)}
.pkh__side:active{transform:scale(.92)}
.pkh__side:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* tiles overlap the hero's bottom edge */
.pkh__tiles{position:absolute;left:50%;bottom:-78px;transform:translateX(-50%);z-index:3;display:grid;grid-template-columns:repeat(3,1fr);width:min(760px,92%);box-shadow:0 14px 34px rgba(0,30,90,.22)}
.pkh__tile{display:flex;align-items:center;gap:14px;min-height:97px;padding:16px 18px;background:var(--tile,#0033a0);color:#fff;transition:transform .25s,filter .25s}
.pkh__tile:hover{color:#fff;transform:translateY(-6px);filter:brightness(1.08)}
.pkh__tileico{flex:0 0 52px;width:52px;height:52px;display:block}
.pkh__tileico svg{width:100%;height:100%}
.pkh__tiletxt{display:flex;flex-direction:column;line-height:1.25}
.pkh__tiletxt strong{font-family:"Arial Black",Gadget,sans-serif;font-weight:900;font-size:20px;letter-spacing:.2px}
.pkh__tiletxt span{font-family:"Poppins",Arial,sans-serif;font-size:14px;margin-top:2px}

.pkh--notiles .pkh__bar{top:calc(var(--pkh-h) - 52px)}
@media (max-width:760px){
	/* stage on top, tiles stacked in the normal flow below it */
	.pkh{--pkh-h:max(clamp(460px,calc(100vh - 60px),680px),var(--pkh-fit,0px));min-height:0;padding-top:var(--pkh-h);margin-bottom:0} /* --pkh-fit: tallest slide, set by main.js */
	.pkh__in{padding:104px 0 88px}
	.pkh__btns{margin-top:24px}
	.pkh__bar,.pkh--notiles .pkh__bar{top:calc(var(--pkh-h) - 58px)}
	.pkh__arrow{width:34px;height:34px}
	/* phones: the arrows sit at the two ends of the dots row (on the text they would cover the first letters) */
	.pkh__side{width:42px;height:42px;top:calc(var(--pkh-h) - 63px);border-width:1.5px}
	.pkh__side svg{width:18px;height:18px}
	.pkh__side--prev{left:12px}.pkh__side--next{right:12px}
	.pkh__tiles{position:relative;left:auto;bottom:auto;transform:none;grid-template-columns:1fr;width:100%;margin:0;box-shadow:none}
	.pkh__tile{min-height:84px}
	/* phones: icon a little smaller; the two buttons side by side, equal width, full tap height */
	.pkh__icon{width:58px;height:58px;margin-top:20px}
	.pkh__icon svg{width:30px;height:30px}
	.pkh__icon+.pkh__btns{margin-top:22px}
	.pkh__btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:400px;margin-left:auto;margin-right:auto}
	.pkh__btns .pkh__pill:only-child{grid-column:1/-1}
	.pkh__pill{min-width:0;width:100%;height:52px;padding:0 14px;font-size:13px;letter-spacing:.05em}
}
@media (max-width:359px){
	.pkh__pill{font-size:12px;letter-spacing:.03em;padding:0 10px}
	.pkh__icon{width:52px;height:52px;margin-top:16px}
	.pkh__icon svg{width:27px;height:27px}
}
@media (max-width:299px){
	/* extremely narrow screens only: stack the buttons so the labels never get cut */
	.pkh__btns{grid-template-columns:1fr;max-width:260px}
}
/* short screens (laptops at ~600-720 px tall, small phones): a more compact banner so it fits the screen */
@media (max-height:720px){
	.pkh__in{padding-top:100px;padding-bottom:74px}
	.pkh__eyebrow{margin-bottom:10px}
	.pkh__title{font-size:clamp(2rem,3.9vw,3rem);margin-bottom:12px}
	.pkh__text{font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.55}
	.pkh__icon{width:52px;height:52px;margin-top:14px}
	.pkh__icon svg{width:27px;height:27px}
	.pkh__icon+.pkh__btns{margin-top:18px}
	.pkh__pill{height:50px}
	.pkh__bar{top:calc(var(--pkh-h) - 52px)}
}
@media (max-width:760px) and (max-height:700px){
	.pkh__in{padding-top:92px;padding-bottom:80px}
	.pkh__bar,.pkh--notiles .pkh__bar{top:calc(var(--pkh-h) - 56px)}
	.pkh__side{top:calc(var(--pkh-h) - 61px)}
}
/* phones: slimmer dots so the arrows at both ends of the row have room (beats the 40px tap-size rule in content.css) */
@media (max-width:760px){.pkh .pkh__dot{width:28px}.pkh .pkh__dots{gap:4px;padding:0 2px}}
@media (max-width:359px){.pkh .pkh__dot{width:22px}}@media (prefers-reduced-motion:reduce){
	.pkh__img,.pkh__slide.is-active .pkh__img{transform:none;transition:none}
	.pkh__side,.pkh__side svg{transition:none}
	.pkh__dot.is-active span{animation:none}
}

/* ===================== 2. WHO WE ARE ===================== */
.pkw{background:#fff;padding:70px 0}
.pkw__in{display:grid;gap:40px;align-items:center}
.pkw__label{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#333}
.pkw__label::after{content:"";width:110px;height:1px;background:#333}
.pkw__copy h2{font-family:"Sanchez",Georgia,serif;font-size:clamp(1.6rem,3vw,2rem);font-weight:700;color:#000;margin:0 0 16px}
.pkw__copy p{font-family:"Libre Franklin",Arial,sans-serif;font-size:15px;line-height:1.8;color:#333;margin:0}
.pkw__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pkw__card{background:#fff;padding:26px 14px 22px;text-align:center;box-shadow:0 6px 24px rgba(0,30,90,.1);transition:transform .25s,box-shadow .25s}
.pkw__card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(0,30,90,.16)}
.pkw__ico{width:72px;height:72px;object-fit:contain;margin:0 auto 10px;display:block}
.pkw__card h3{font-family:"Arial Black",Gadget,sans-serif;font-size:18px;color:var(--pk-primary);margin:0}
@media (min-width:900px){.pkw__in{grid-template-columns:1.05fr 1fr;gap:60px}}

/* ===================== 3. BUSINESS FOCUS ===================== */
.pkf{padding:70px 0;background:#f7f7f7 var(--pkf-bg) center/cover no-repeat;text-align:center}
.pkf__title{font-family:"Sanchez",Georgia,serif;font-weight:900;font-size:clamp(1.8rem,4.4vw,2.8rem);text-transform:uppercase;color:#000;margin:0 0 36px}
.pkf__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.pkf__item{display:block;color:inherit}
.pkf__img{display:block;overflow:hidden;aspect-ratio:1;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.1)}
.pkf__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.pkf__item:hover .pkf__img img{transform:scale(1.07)}
.pkf__item h3{font-family:"Arial Black",Gadget,sans-serif;font-size:clamp(1rem,1.8vw,1.4rem);color:var(--pk-red);margin:14px 0 0}
@media (min-width:900px){.pkf__grid{grid-template-columns:repeat(4,1fr)}}

/* ===================== 4. PRODUCT CARDS (equal height) ===================== */
.pkp-sec{padding:64px 0;background:#f7f7f7}
.pkp-sec__title{font-family:"Sanchez",Georgia,serif;font-weight:700;font-size:clamp(1.7rem,3.4vw,2.25rem);text-transform:uppercase;text-align:center;color:var(--pk-primary);margin:0 0 34px}
.pk-pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;align-items:stretch}
@media (min-width:900px){.pk-pgrid{grid-template-columns:repeat(4,1fr);gap:24px}}
@media (max-width:480px){.pk-pgrid{grid-template-columns:1fr}}
/* one card design for the homepage AND the WooCommerce shop loops */
.pk-pcard,.woocommerce ul.products li.product{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #ececec;box-shadow:0 2px 8px rgba(0,30,90,.05);transition:transform .25s,box-shadow .25s,border-color .25s}
.pk-pcard:hover,.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,30,90,.14);border-color:#d5def0}
.pk-pcard__img{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#fff;padding:14px}
.pk-pcard__img img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s}
.pk-pcard:hover .pk-pcard__img img{transform:scale(1.05)}
.pk-pcard__more{position:absolute;left:0;right:0;bottom:0;height:40px;display:flex;align-items:center;justify-content:center;background:var(--pk-primary);color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transform:translateY(100%);transition:transform .25s}
.pk-pcard:hover .pk-pcard__more{transform:none}
.pk-pcard__body{display:flex;flex-direction:column;flex:1;padding:6px 16px 18px;text-align:center}
.pk-pcard__cat{margin:0 0 6px;min-height:2.9em;font-size:12px;line-height:1.45;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pk-pcard__title{margin:0 0 16px;min-height:2.7em;font-family:"Sanchez",Georgia,serif;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.3;color:var(--pk-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pk-pcard__title a{color:inherit}
.pk-pcard__body .pkp-cta--card,.pk-pcard__body .pk-cta{margin-top:auto}
.pk-pcard .pkp-btn--card{background:var(--pk-primary)}
.pk-pcard .pkp-btn--card:hover{background:var(--pk-primary-dark)}

/* ===================== 5. OUR BRANDS MARQUEE (right to left, 200x70 logos) ===================== */
.pkb{position:relative;padding:76px 0 84px;color:#fff;background:radial-gradient(1200px 400px at 85% -10%,rgba(0,102,191,.55),transparent 60%),linear-gradient(135deg,#001a52 0%,#003399 55%,#0a4fb0 100%);overflow:hidden}
.pkb::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.pkb__head{position:relative;text-align:center;margin-bottom:38px}
.pkb__eyebrow{display:inline-block;margin:0 0 10px;padding:5px 16px;border:1px solid rgba(255,255,255,.35);border-radius:99px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#cfe0ff}
.pkb__head h2{margin:0 0 10px;font-family:"Sanchez",Georgia,serif;font-weight:900;font-size:clamp(2rem,5vw,3.1rem);color:#fff}
.pkb__sub{margin:0 auto;max-width:560px;color:#d6e3ff;font-size:15px}
.pkb__viewport{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.pkb__track{display:flex;width:max-content;animation:pkb-rtl var(--pkb-speed,50s) linear infinite;will-change:transform}
.pkb__viewport:hover .pkb__track,.pkb__viewport:focus-within .pkb__track{animation-play-state:paused}
.pkb__set{display:flex;list-style:none;margin:0;padding:0}
.pkb__item{flex:0 0 auto;margin-right:22px}
/* logo cards are rectangles, exactly 200 x 70 */
.pkb__card{display:flex;align-items:center;justify-content:center;width:200px;height:70px;padding:8px 14px;background:#fff;border-radius:2px;box-shadow:0 8px 22px rgba(0,10,50,.32);color:#16283a;transition:transform .3s,box-shadow .3s}
a.pkb__card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,10,50,.5)}
.pkb__img{width:100%;height:100%;max-width:172px;max-height:54px;object-fit:contain;display:block;filter:grayscale(.35);transition:filter .3s}
.pkb__card:hover .pkb__img{filter:none}
/* moves right -> left: the track slides from 0 to minus one full set, then loops invisibly */
@keyframes pkb-rtl{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (max-width:600px){.pkb__card{width:160px;height:56px}.pkb__img{max-width:136px;max-height:42px}.pkb__item{margin-right:14px}}
@media (prefers-reduced-motion:reduce){.pkb__track{animation:none;width:auto;overflow-x:auto}.pkb__set[aria-hidden]{display:none}.pkb__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}

/* ===================== 6. HEALTH NEWS & EVENTS UPDATES (static image left, posts right, featured image under each title) ===================== */
.pkn{padding:64px 0 70px;background:#f7f7f7}
.pkn__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:30px;border-bottom:2px solid #e3e8f3;padding-bottom:14px}
.pkn__head h2{margin:0;font-family:"Sanchez",Georgia,serif;font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);color:var(--pk-primary)}
.pkn__all{font-size:13px;font-weight:600;color:var(--pk-primary);text-transform:uppercase;letter-spacing:.04em}
.pkn__grid{display:grid;gap:30px;grid-template-columns:1fr}
.pkn__lead{display:block;overflow:hidden;background:#dfe7f5;aspect-ratio:1/1;align-self:start}
.pkn__lead img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.pkn__lead:hover img{transform:scale(1.05)}
.pkn__post{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.pkn__post h3{margin:0 0 16px;font-family:"Arial Black",Gadget,sans-serif;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.3;color:var(--pk-red)}
.pkn__post h3 a{color:inherit}.pkn__post h3 a:hover{text-decoration:underline}
.pkn__img{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#dfe7f5;margin-bottom:16px}
.pkn__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.pkn__post:hover .pkn__img img{transform:scale(1.05)}
.pkn__ph{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#003399,#0066bf);color:rgba(255,255,255,.88);font-family:"Sanchez",Georgia,serif;font-size:1.2rem;text-align:center}
.pkn__meta{margin:16px 0 0;font-size:13px;color:#777}
@media (min-width:760px){.pkn__grid{grid-template-columns:minmax(0,.95fr) repeat(var(--pkn-cols,2),minmax(0,1fr))}}

/* ===================== 7. CALL TO ACTION BAND ===================== */
.pkc{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 300px at 90% 0,rgba(0,102,191,.6),transparent 60%),linear-gradient(120deg,#001a52,#003399 60%,#0a4fb0)}
.pkc::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.pkc__in{position:relative;display:grid;gap:26px;align-items:center;padding:54px 0}
.pkc__copy h2{margin:0 0 8px;font-family:"Sanchez",Georgia,serif;font-size:clamp(1.5rem,3vw,2.1rem);color:#fff}
.pkc__copy p{margin:0;max-width:640px;font-size:15px;line-height:1.7;color:#d6e3ff}
.pkc__btns{display:flex;flex-wrap:wrap;gap:12px}
.pkc__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:2px solid #fff;color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:background .2s,color .2s,transform .2s}
.pkc__btn:hover{background:#fff;color:var(--pk-primary);transform:translateY(-2px)}
.pkc__btn--solid{background:#fff;color:var(--pk-primary)}.pkc__btn--solid:hover{background:#e8f0ff}
.pkc__btn--wa{background:#25d366;border-color:#25d366}.pkc__btn--wa:hover{background:#1ebe5a;border-color:#1ebe5a;color:#fff}
@media (min-width:900px){.pkc__in{grid-template-columns:1fr auto}}

/* ===================== 8. SUBSCRIBE BAND ===================== */
.pks{background:#fff;border-top:1px solid #e8edf7}
.pks__in{display:grid;gap:24px;align-items:center;padding:46px 0}
.pks__copy h2{margin:0 0 6px;font-family:"Sanchez",Georgia,serif;font-size:clamp(1.3rem,2.6vw,1.8rem);color:var(--pk-primary)}
.pks__copy p{margin:0;font-size:14.5px;color:#4a5662}
@media (min-width:900px){.pks__in{grid-template-columns:1.1fr 1fr;gap:50px}}