.case-study--kropelka{--kropelka-blue:#171da5;--kropelka-blue-dark:#11166d;--kropelka-blue-soft:#e8e9fa;--kropelka-yellow:#ffbf1f;--kropelka-cream:#fff7e5;--case-accent:var(--green);--case-accent-soft:var(--green-soft)}.case-study--kropelka .case-hero-copy h1 span{color:var(--kropelka-blue)}.case-study--kropelka .case-tags li{background:#e8e9fa8c;border-color:#171da533}.case-study--kropelka .case-hero-brand{background:radial-gradient(circle at 100% 100%, #ffbf1f2b, transparent 44%), var(--white)}.case-study--kropelka .case-hero-brand:after{border-color:#171da533;box-shadow:0 0 0 35px #171da509}.case-study--kropelka .case-hero-brand>span{color:var(--kropelka-blue)}.case-study--kropelka .case-hero-brand img{border-radius:18px;width:min(100%,138px)}.case-study--kropelka .case-hero-visual{box-shadow:0 35px 100px #1f1b1633}.kropelka-intro{background:radial-gradient(circle at 10% 88%, #13f2871a, transparent 27%), var(--case-dark)}.kropelka-storefront{background:var(--white)}.kropelka-storefront>.site-container>.case-media .case-media-trigger{height:clamp(520px,58vw,760px)}.kropelka-storefront>.site-container>.case-media .case-media-trigger>img{object-fit:cover;object-position:top;width:100%;height:100%}.kropelka-foundation-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(58px,7vw,88px);display:grid}.kropelka-foundation-grid article{border-right:1px solid var(--line);min-width:0;min-height:270px;padding:26px clamp(20px,2.6vw,34px) 10px}.kropelka-foundation-grid article:first-child{padding-left:0}.kropelka-foundation-grid article:last-child{border-right:0}.kropelka-foundation-grid article>span{color:var(--green-dark);font-size:.6rem;font-weight:750}.kropelka-foundation-grid article>i{background:var(--green-soft);width:52px;height:52px;color:var(--green-dark);border-radius:16px;place-items:center;margin-top:48px;font-size:1.22rem;display:grid}.kropelka-foundation-grid h3,.kropelka-order-flow h3{letter-spacing:-.035em;margin-top:24px;font-size:1rem;font-weight:680;line-height:1.35}.kropelka-foundation-grid p,.kropelka-order-flow p{color:var(--muted);margin-top:10px;font-size:.68rem;line-height:1.66}.kropelka-commerce{background:radial-gradient(circle at 90% 15%, #ffbf1f29, transparent 24%), var(--kropelka-blue-dark);overflow:hidden}.kropelka-commerce-layout{grid-template-columns:minmax(520px,1.15fr) minmax(320px,.62fr);align-items:center;gap:clamp(44px,6vw,82px);display:grid}.kropelka-commerce-layout>.case-media{box-shadow:0 28px 90px #00000047}.kropelka-commerce-layout>.case-media .case-media-trigger{height:clamp(500px,54vw,690px)}.kropelka-commerce-layout>.case-media .case-media-trigger>img{object-fit:cover;object-position:top;width:100%;height:100%}.kropelka-commerce-copy{color:var(--white)}.kropelka-kicker{color:var(--kropelka-yellow);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-weight:760}.kropelka-commerce-copy h3{letter-spacing:-.061em;text-wrap:balance;margin-top:18px;font-size:clamp(2rem,3.8vw,3.7rem);font-weight:570;line-height:1.08}.kropelka-commerce-copy ul{gap:10px;margin-top:34px;display:grid}.kropelka-commerce-copy li{background:#ffffff0e;border:1px solid #ffffff26;border-radius:17px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:14px;padding:13px 15px;display:grid}.kropelka-commerce-copy li>i{width:48px;height:48px;color:var(--green);background:#13f2871f;border-radius:14px;place-items:center;font-size:1.08rem;display:grid}.kropelka-commerce-copy strong,.kropelka-commerce-copy span{display:block}.kropelka-commerce-copy strong{font-size:.74rem}.kropelka-commerce-copy span{color:#ffffffa3;margin-top:4px;font-size:.61rem;line-height:1.45}.kropelka-mobile{background:radial-gradient(circle at 14% 10%, #13f28714, transparent 25%), var(--white)}.kropelka-mobile .case-mobile-gallery .case-media{box-shadow:0 22px 65px #27251e24}.kropelka-mobile .case-mobile-gallery .case-media-trigger{background:var(--kropelka-cream)}.kropelka-cart{background:radial-gradient(circle at 90% 12%, #171da512, transparent 24%), var(--paper)}.kropelka-cart-layout{grid-template-columns:minmax(540px,1.15fr) minmax(300px,.55fr);align-items:center;gap:clamp(44px,6vw,82px);display:grid}.kropelka-cart-layout>.case-media .case-media-trigger{height:clamp(500px,54vw,700px)}.kropelka-cart-layout>.case-media .case-media-trigger>img{object-fit:cover;object-position:top;width:100%;height:100%}.kropelka-order-flow{border-top:1px solid var(--line)}.kropelka-order-flow li{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:20px;padding:24px 0;display:grid}.kropelka-order-flow li>span{color:var(--green-dark);font-size:.62rem;font-weight:750}.kropelka-order-flow h3{margin-top:0}.kropelka-backoffice{background:var(--white)}.kropelka-backoffice-layout{grid-template-columns:minmax(320px,.62fr) minmax(560px,1.12fr);align-items:center;gap:clamp(48px,7vw,94px);display:grid}.kropelka-backoffice-copy h2{letter-spacing:-.067em;text-wrap:balance;margin-top:22px;font-size:clamp(2.55rem,5vw,4.9rem);font-weight:570;line-height:1.08}.kropelka-backoffice-copy>p:not(.eyebrow){color:var(--muted);margin-top:26px;font-size:.8rem;line-height:1.78}.kropelka-backoffice-copy>ul{gap:12px;margin-top:28px;display:grid}.kropelka-backoffice-copy>ul li{color:var(--ink-soft);grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:.7rem;font-weight:620;line-height:1.55;display:grid}.kropelka-backoffice-copy>ul i{color:var(--green-dark);font-size:.98rem}.kropelka-panel-preview{background:#fbfaf7;border:1px solid #3434342b;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px #312d2826}.kropelka-panel-toolbar{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 30px;align-items:center;min-height:58px;padding-inline:20px;display:grid}.kropelka-panel-toolbar>span{gap:6px;display:flex}.kropelka-panel-toolbar>span i{background:#cbc9c3;border-radius:50%;width:7px;height:7px}.kropelka-panel-toolbar>span i:first-child{background:var(--green)}.kropelka-panel-toolbar p{color:var(--muted);justify-self:center;font-size:.62rem;font-weight:650}.kropelka-panel-toolbar>i{color:var(--green-dark);justify-self:end}.kropelka-panel-body{grid-template-columns:185px minmax(0,1fr);min-height:480px;display:grid}.kropelka-panel-menu{background:var(--case-dark);color:#ffffffa3;align-content:start;gap:5px;padding:24px 14px;display:grid}.kropelka-panel-menu>strong{color:var(--white);margin:0 10px 20px;font-size:.85rem}.kropelka-panel-menu>span{border-radius:9px;align-items:center;gap:9px;padding:10px;font-size:.59rem;font-weight:610;display:flex}.kropelka-panel-menu>span.is-active{color:var(--green);background:#13f2871f}.kropelka-panel-menu>span i{font-size:.95rem}.kropelka-panel-content{min-width:0;padding:clamp(24px,4vw,38px)}.kropelka-panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.kropelka-panel-heading small,.kropelka-panel-heading strong{display:block}.kropelka-panel-heading small{color:var(--muted);font-size:.55rem}.kropelka-panel-heading strong{margin-top:5px;font-size:.88rem}.kropelka-panel-heading>span{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:8px 11px;font-size:.56rem;font-weight:680}.kropelka-panel-order{gap:12px;margin-top:28px;display:grid}.kropelka-panel-order>div{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:16px}.kropelka-panel-order small,.kropelka-panel-order strong{display:block}.kropelka-panel-order small{color:var(--muted);font-size:.55rem}.kropelka-panel-order strong{margin-top:6px;font-size:.67rem;line-height:1.5}.kropelka-panel-order>p{color:var(--green-dark);align-items:center;gap:8px;margin-top:6px;font-size:.61rem;font-weight:650;line-height:1.5;display:flex}.kropelka-panel-order>p i{font-size:1rem}.kropelka-tech-note{border:1px solid var(--line);background:var(--paper);border-radius:24px;grid-template-columns:minmax(300px,.85fr) minmax(360px,1fr);align-items:center;gap:clamp(30px,5vw,70px);margin-top:clamp(70px,9vw,120px);padding:clamp(26px,4vw,44px);display:grid}.kropelka-tech-note>div{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:16px;display:grid}.kropelka-tech-note>div>i{background:var(--green);width:52px;height:52px;color:var(--case-dark);border-radius:16px;place-items:center;font-size:1.18rem;display:grid}.kropelka-tech-note span,.kropelka-tech-note strong{display:block}.kropelka-tech-note span{color:var(--muted);font-size:.58rem}.kropelka-tech-note strong{margin-top:6px;font-size:.8rem;line-height:1.5}.kropelka-tech-note>p{color:var(--muted);font-size:.7rem;line-height:1.75}.kropelka-outcome{background:var(--paper-deep)}.kropelka-outcome-grid article>i{background:var(--green-soft);color:var(--green-dark)}.kropelka-testimonial{background:var(--white);padding-block:clamp(72px,9vw,120px)}.case-study--kropelka .case-quote{background:radial-gradient(circle at 92% 100%, #13f2871f, transparent 40%), var(--case-dark)}.case-study--kropelka .case-quote img{background:var(--white);object-fit:contain;filter:none;border-radius:16px;width:104px;max-height:104px;padding:8px}@media (width<=1080px){.kropelka-foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kropelka-foundation-grid article:nth-child(2){border-right:0}.kropelka-foundation-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.kropelka-foundation-grid article:nth-child(3){padding-left:0}.kropelka-commerce-layout,.kropelka-cart-layout,.kropelka-backoffice-layout{grid-template-columns:1fr}.kropelka-commerce-copy{max-width:720px}.kropelka-order-flow{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kropelka-order-flow li:nth-child(odd){border-right:1px solid var(--line);padding-right:24px}.kropelka-order-flow li:nth-child(2n){padding-left:24px}}@media (width<=700px){.case-study--kropelka .case-hero-brand img{width:112px}.kropelka-storefront>.site-container>.case-media .case-media-trigger,.kropelka-commerce-layout>.case-media .case-media-trigger,.kropelka-cart-layout>.case-media .case-media-trigger{aspect-ratio:4/3;height:auto}.kropelka-foundation-grid{grid-template-columns:1fr}.kropelka-foundation-grid article,.kropelka-foundation-grid article:first-child,.kropelka-foundation-grid article:nth-child(3){border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:26px 0}.kropelka-foundation-grid article:last-child{border-bottom:0}.kropelka-foundation-grid article>i{margin-top:28px}.kropelka-order-flow{grid-template-columns:1fr}.kropelka-order-flow li,.kropelka-order-flow li:nth-child(odd),.kropelka-order-flow li:nth-child(2n){border-right:0;padding:22px 0}.kropelka-backoffice-copy h2{font-size:clamp(2.35rem,10.8vw,3.65rem)}.kropelka-panel-body{grid-template-columns:1fr;min-height:0}.kropelka-panel-menu{padding:14px;display:flex;overflow-x:auto}.kropelka-panel-menu>strong{display:none}.kropelka-panel-menu>span{flex:none}.kropelka-panel-heading{flex-direction:column;align-items:flex-start}.kropelka-tech-note{grid-template-columns:1fr;padding:24px}.case-study--kropelka .case-quote img{width:88px;max-height:88px}}