/**
 * Liquid Drops Manufacturing — page-specific layout only.
 * Shared hero, cards, typography, FAQ, CTA, buttons and visual-panel rules stay
 * in the global Kelrosa component system to avoid duplicated CSS.
 */
.kelrosa-page-slug-liquid-drops-manufacturing{
  --kr-page-accent:var(--kr-brand);
  --kr-page-soft:#eef6ee;
}
.kr-liq-page{--kr-container:1480px}

/* Hero uses a real raster placeholder rather than generic SVG workflow art. */
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero::after{display:none}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero{padding:clamp(82px,6.8vw,120px) 0 clamp(92px,7.4vw,132px)}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);gap:clamp(54px,5.6vw,88px)}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero h1{max-width:780px}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__lead{max-width:700px}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__panel{min-height:590px}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__art{inset:0}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__art img{padding:0;object-fit:cover;object-position:center}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__sheet{left:42px;right:42px;bottom:24px;padding:24px 28px;border-radius:22px}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__sheet .kr-kicker{margin-bottom:8px}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__sheet h2{margin-bottom:14px}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__sheet ul{gap:6px 22px}
.kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__sheet li{padding-top:8px}

/* Readiness stays compact and uses the shared manufacturing section header. */
.kr-liq-readiness{padding-block:clamp(88px,6.4vw,108px)}
.kr-liq-readiness .kr-mf-section-head{margin-bottom:clamp(42px,3.8vw,56px)}
.kr-liq-readiness .kr-mf-section-head h2{max-width:700px}
.kr-liq-readiness .kr-mf-section-head p:last-child{max-width:620px}
.kr-liq-readiness .kr-mf-card-grid-lg .kr-card{min-height:330px;padding:clamp(30px,2.4vw,36px)}
.kr-liq-readiness .kr-mf-card-grid-lg .kr-card__number{width:42px;height:42px;margin-bottom:30px;border-radius:12px;font-size:12px}
.kr-liq-readiness .kr-card::after{opacity:.58;transform:scale(.9);transform-origin:top right}
.kr-liq-readiness .kr-card h3{margin-bottom:14px}
.kr-liq-readiness .kr-card p{line-height:1.66}
.kr-liq-readiness .kr-card ul{gap:8px;margin-top:20px}

/* Photo-led formula section. */
.kr-liq-formula-section{padding-block:clamp(84px,6.2vw,108px)}
.kr-liq-formula-layout{grid-template-columns:minmax(500px,1.02fr) minmax(0,.98fr);gap:clamp(58px,6vw,88px)}
.kr-liq-photo-panel{min-height:590px}
.kr-liq-photo-panel>img{filter:saturate(.88) contrast(.98)}
.kr-liq-formula-copy>p:not(.kr-kicker){max-width:690px;margin-bottom:26px}
.kr-liq-decision-list{border-top:1px solid var(--kr-line)}
.kr-liq-decision-list article{display:grid;grid-template-columns:66px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--kr-line)}
.kr-liq-decision-list article>span{padding-top:3px;color:rgba(88,169,79,.76);font-size:clamp(30px,2.2vw,34px);font-weight:700;line-height:.95;letter-spacing:-.055em}
.kr-liq-decision-list h3{margin:0 0 7px}
.kr-liq-decision-list p{max-width:620px;margin:0;color:var(--kr-slate);font-size:15px;line-height:1.64}

/* Manufacturing process alternates the prior section: stages left, production image right. */
.kr-liq-process-section{padding-block:clamp(84px,6.2vw,106px)}
.kr-liq-process-layout{grid-template-columns:minmax(0,1.12fr) minmax(470px,.88fr);gap:clamp(64px,7vw,108px);align-items:start}
.kr-liq-process-list{border-top:0}
.kr-liq-process-list li{position:relative;padding:24px 0 26px;border-bottom:0}
.kr-liq-process-list li::after{content:"";position:absolute;left:112px;right:0;bottom:0;border-bottom:1px solid rgba(88,97,107,.16)}
.kr-liq-process-list li:first-child{padding-top:10px}
.kr-liq-process-list__number{font-size:clamp(46px,3.4vw,54px)}
.kr-liq-process-media{align-self:stretch}
.kr-liq-process-photo{min-height:620px}
.kr-liq-process-media .kr-video-shell{width:100%}
.kr-liq-process-media .kr-video-shell video{aspect-ratio:4/5;object-fit:cover}

/* Commercial formats: editorial options beside a replaceable raster packaging placeholder. */
.kr-liq-formats-section{padding-block:clamp(82px,6vw,104px)}
.kr-liq-formats-layout{grid-template-columns:minmax(0,.96fr) minmax(520px,1.04fr);gap:clamp(64px,6.5vw,100px);align-items:center}
.kr-liq-formats-layout h2{max-width:620px}
.kr-liq-formats-layout>div>p:not(.kr-kicker){max-width:680px}
.kr-liq-format-list{margin:30px 0 28px;border-top:1px solid var(--kr-line)}
.kr-liq-format-list article{padding:22px 0 24px;border-bottom:1px solid var(--kr-line)}
.kr-liq-format-list .kr-kicker{margin-bottom:8px}
.kr-liq-format-list h3{margin:0 0 8px}
.kr-liq-format-list article>p:last-child{max-width:650px;margin:0;color:var(--kr-slate);font-size:15px;line-height:1.64}
.kr-liq-packaging-photo{min-height:610px}
.kr-liq-packaging-photo>img{object-fit:cover;object-position:center}

/* Quality stays dark and concise; only Liquid-specific density is adjusted here. */
.kr-liq-quality-section{padding-block:clamp(80px,5.8vw,100px)}
.kr-liq-quality-section .kr-card{min-height:290px;padding:34px 36px}
.kr-liq-quality-section .kr-card::after{display:none}
.kr-liq-quality-section .kr-card__tag{margin-bottom:28px}
.kr-liq-quality-section .kr-card p{line-height:1.62}
.kr-liq-quality-section .kr-card ul{margin-top:20px;gap:8px}

/* Liquid FAQ refinement: enough width for a two-line intro title, tighter accordions. */
.kr-liq-faq-section .kr-faq{grid-template-columns:minmax(410px,.72fr) minmax(0,1.28fr);gap:clamp(68px,7vw,104px)}
.kr-liq-faq-section .kr-faq__intro h2{max-width:440px}
.kr-liq-faq-section .kr-faq__intro p:not(.kr-kicker){max-width:430px}
.kr-liq-faq-section .kr-faq__list{gap:12px}
.kr-liq-faq-section .kr-faq__list details{padding-inline:26px}
.kr-liq-faq-section .kr-faq__list summary{padding:21px 0;font-size:18px}
.kr-liq-faq-section .kr-faq__list summary::after{font-size:23px}
.kr-liq-faq-section .kr-faq__list details p{padding-bottom:22px}

/* Final conversion band: keep the shared component, strengthen only Liquid-specific hierarchy. */
.kr-liq-page .kr-cta-section{padding-block:clamp(60px,5vw,82px)}
.kr-liq-page .kr-callout{padding:clamp(46px,4.2vw,62px) clamp(48px,5vw,72px);border-radius:40px}
.kr-liq-page .kr-callout .kr-kicker{color:#d2e8b7;opacity:1}
.kr-liq-page .kr-callout h2{margin-bottom:16px}
.kr-liq-page .kr-callout p:not(.kr-kicker){font-size:17px;line-height:1.66}
.kr-liq-page .kr-callout__action .button{min-height:48px;padding-inline:24px;font-size:14px}

@media(max-width:1180px){
  .kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__grid{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);gap:46px}
  .kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__panel{min-height:550px}
  .kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__sheet{left:30px;right:30px}
  .kr-liq-formula-layout{grid-template-columns:minmax(420px,1fr) minmax(0,1fr);gap:48px}
  .kr-liq-process-layout{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);gap:52px}
  .kr-liq-formats-layout{grid-template-columns:minmax(0,1fr) minmax(460px,.96fr);gap:52px}
  .kr-liq-faq-section .kr-faq{grid-template-columns:minmax(360px,.68fr) minmax(0,1.32fr);gap:58px}
}

@media(max-width:900px){
  .kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__grid,
  .kr-liq-formula-layout,
  .kr-liq-process-layout,
  .kr-liq-formats-layout,
  .kr-liq-faq-section .kr-faq{grid-template-columns:1fr}
  .kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__copy{max-width:780px}
  .kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__panel{width:min(100%,760px);min-height:540px}
  .kr-liq-formula-layout,.kr-liq-process-layout,.kr-liq-formats-layout{gap:48px}
  .kr-liq-photo-panel,.kr-liq-process-photo,.kr-liq-packaging-photo{min-height:560px}
  .kr-liq-faq-section .kr-faq{gap:34px}
  .kr-liq-faq-section .kr-faq__intro h2,.kr-liq-faq-section .kr-faq__intro p:not(.kr-kicker){max-width:680px}
  .kr-liq-process-media .kr-video-shell video{aspect-ratio:16/10}
}

@media(max-width:767px){
  .kelrosa-page-slug-liquid-drops-manufacturing .kr-hero{padding:70px 0 84px}
  .kelrosa-page-slug-liquid-drops-manufacturing .kr-hero__sheet{left:16px;right:16px;bottom:16px;padding:22px}
  .kr-liq-decision-list article{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px 0}
  .kr-liq-decision-list article>span{font-size:25px}
  .kr-liq-process-list li::after{left:78px}
  .kr-liq-quality-section .kr-card{min-height:0;padding:30px 28px}
  .kr-liq-faq-section .kr-faq__list details{padding-inline:20px}
  .kr-liq-faq-section .kr-faq__list summary{font-size:16px}
  .kr-liq-page .kr-callout{padding:38px 28px;border-radius:30px}
  .kr-liq-page .kr-callout__action .button{width:100%}
}