/* The reference grid, component proportions and responsive rules live in
   reference-layout.css. These rules provide Slatka's content and palette. */
:root{--white:#fff9f0;--bg-pale:#fff2df;--dark-green:#b64230;--bg-light:#dcc6a8;--light-green:#ec9eaf;--ink:#442b22;--size-unit:16;--size-container-ideal:1440;--size-container-min:992px;--size-container-max:2560px;--size-container:clamp(var(--size-container-min),100vw,var(--size-container-max));--size-font:calc(var(--size-container)/(var(--size-container-ideal)/var(--size-unit)))}
body{font-size:var(--size-font);color:var(--ink)}
.container{max-width:var(--size-container)}.container.medium{max-width:calc(var(--size-container)*.85)}.container.small{max-width:calc(var(--size-container)*.7)}
html{scroll-padding-top:2em}html,body{overflow-x:clip}html:not(.is-ready),html:not(.fonts-loaded),html:not(.is-ready) body,html:not(.fonts-loaded) body{pointer-events:auto!important}
button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--dark-green);outline-offset:5px}[hidden]{display:none!important}
.stage-logo .replica-wordmark{font-family:'Founders Grotesk Condensed',sans-serif;font-weight:600;font-size:15vw;line-height:.64;letter-spacing:-.045em;text-transform:uppercase;text-align:center;max-height:none}
.stage-logo{min-height:34svh}.stage-canvas{background:transparent;box-shadow:none;border:0}
.stage-bg{color:#f3dfc1}.stage-overlay{background:transparent}
.replica-sketch-text{font-family:'Founders Grotesk Condensed',sans-serif;font-weight:500;letter-spacing:-.035em;line-height:.9;display:block;color:var(--dark-green)}
.stage-deco-text.replica-sketch-text{font-size:2.3em;max-width:6ch;text-transform:uppercase}
.sequence-signature-text-img.replica-sketch-text{font-size:2.6em;max-width:7ch;text-transform:uppercase}
.sequence-final-signature-img.replica-sketch-text{font-size:2.5em;text-transform:uppercase}
.slider-signature-text.replica-sketch-text{font-size:2.5em;text-transform:uppercase}
.subline{color:var(--dark-green)}.light-green-span{color:#cd7569}.benefit-table-title-img.replica-sketch-text{font-size:1.75em;line-height:1;height:auto;text-align:center}
.testimonial-media{position:relative;background:var(--white);border-radius:.375em;overflow:hidden}
.testimonial-img.replica-campaign-photo{object-fit:cover;background:var(--white);height:100%;aspect-ratio:9/16}
.testimonial-media:before{content:'SLATKA TAČKA';position:absolute;z-index:2;top:1.1em;left:1.1em;font-size:1em;line-height:1;color:var(--dark-green);font-weight:500;letter-spacing:.03em}
.testimonial-media:before{padding:.35em .5em;background:var(--white);border-radius:.2em}
.replica-table-value{font-size:1.125em;line-height:.95;text-align:center;display:block;padding:0 .35em;max-width:100%;overflow-wrap:anywhere}
.replica-card-link{display:inline-flex;color:var(--dark-green);font-size:1.5em;line-height:1;gap:.4em;align-items:center;margin-top:auto}
.replica-card-link:hover{text-decoration:underline;text-underline-offset:.12em}
.replica-drink-bubble{width:90%;height:90%;object-fit:contain;max-width:none!important;max-height:none!important;filter:drop-shadow(.25em .4em .3em #442b2220)}
.replica-address-bubble{font-size:2em;line-height:.83;font-weight:500;text-align:center;color:var(--dark-green);letter-spacing:-.03em}
.payment-method-item._1{background:#f0cc86}.payment-method-item._2{background:#dcc6a8}.payment-method-item._3{background:#dddcc0}.payment-method-item._4{background:#f5c1cc}.payment-method-item._5{background:#f5c1cc}.payment-method-item._6{background:#f0cc86}.payment-method-item._7{background:#fff9f0}
.statement-card.is-first .statement-card-wrapper{background:#ebc7a5}.statement-card.is-second .statement-card-wrapper{background:#f0d58f}.statement-card.is-third .statement-card-wrapper{background:#f0b8c5}.statement-card.is-fourth .statement-card-wrapper{background:#ece4c5}
.testimonial-section .bg-img{object-position:center 55%}.testimonial-section .testimonial-top-img{display:none}.testimonial-big-heading{color:var(--dark-green)}
.benefit-section .top-img{display:none}.benefit-section .img{object-fit:contain;filter:drop-shadow(.8em 1em .5em #442b2225)}
.footer-logo.replica-sketch-text{font-size:17vw;line-height:.68;font-weight:600;letter-spacing:-.045em;text-transform:uppercase;text-align:center;white-space:nowrap;color:var(--dark-green)}
.replica-back-top{font-size:1.5em;line-height:1;color:var(--dark-green)}
.footer-bottom-text{max-width:40ch}.footer-content{min-height:55em}
.instagram-scroll-stage{position:relative;height:calc(86svh + 650px);align-self:start;min-width:0}
.footer-product.instagram-cta{position:sticky;top:7svh;height:86svh;aspect-ratio:auto;width:100%;left:0;max-width:none;background:#f9d2d8;overflow:hidden;transform:none!important;translate:none!important;rotate:none!important;scale:none!important}
.instagram-cta .absolute-background{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background:#f9d2d8}
.pour-scene{position:relative;aspect-ratio:9/16;height:100%;width:auto;max-width:100%;isolation:isolate}
.pour-poster,.pour-sequence{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pour-sequence{visibility:hidden}.pour-scene.is-ready .pour-sequence{visibility:visible}.pour-scene.is-ready .pour-poster{visibility:hidden}
.instagram-cta .footer-product-text-inner{pointer-events:none}.instagram-cta .footer-product-heading{font-size:2.5em;line-height:.75;max-width:5ch;color:var(--dark-green);background:var(--white);padding:.25em;border-radius:.1em}
.instagram-cta .footer-product-link{z-index:8}.instagram-cta .footer-product-text-inner .button{pointer-events:none}
.replica-location-card{background:#f8dec6;border-radius:.5em;overflow:hidden;position:relative;margin-top:2.5em;display:block;color:var(--ink)}
.replica-location-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .8s var(--smooth-ease)}
.replica-location-card:hover img{transform:scale(1.04) rotate(-1deg)}
.replica-location-label{padding:1em 1.1em;display:flex;align-items:center;justify-content:space-between;background:var(--white);font-size:1.75em;font-weight:500;line-height:.85}
.replica-location-label small{display:block;font-size:.58em;line-height:1;margin-top:.35em;font-weight:400}.replica-location-label b{font-size:1.4em}
.replica-map-note{position:absolute;top:1em;left:1em;border-radius:2em;background:var(--white);padding:.3em .65em;font-size:1em;color:var(--dark-green)}
.reel-preview{position:relative;display:block;color:inherit;height:100%}.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:2.1em;width:2.1em;border-radius:50%;display:grid;place-items:center;font-size:2em;background:var(--white);color:var(--dark-green);box-shadow:0 .25em .75em #0002;z-index:3;transition:scale .3s}
.reel-preview:hover .reel-play{scale:1.1}.reel-caption{position:absolute;bottom:1em;left:1em;right:1em;z-index:3;padding:.5em .7em;background:var(--white);color:var(--dark-green);border-radius:.3em;font-size:1.5em;line-height:1}
@media(max-width:991px){:root{--size-container-ideal:640;--size-container-min:768px;--size-container-max:991px}.stage-logo{min-height:0}.stage-logo .replica-wordmark{font-size:23vw}.replica-table-value{font-size:1.05em}.footer-logo.replica-sketch-text{font-size:17vw}.instagram-scroll-stage{height:calc(86svh + 650px);grid-column:1/-1}.footer-product.instagram-cta{height:86svh;top:7svh}.footer-content{min-height:0}.replica-location-card{margin-top:1.5em}.footer-bottom-text{max-width:40ch}.sequence-final-signature-img.replica-sketch-text{font-size:2em}}
@media(max-width:767px){:root{--size-container-ideal:550;--size-container-min:480px;--size-container-max:767px}.stage-logo .replica-wordmark{font-size:25vw}.replica-table-value{font-size:1em}.replica-address-bubble{font-size:1.8em}.stage-deco-text.replica-sketch-text{font-size:2em}}
@media(max-width:479px){:root{--size-container-ideal:390;--size-container-min:320px;--size-container-max:479px}.replica-table-value{font-size:.9em}.footer-product.instagram-cta{height:80svh;top:10svh}.instagram-scroll-stage{height:calc(80svh + 650px)}.instagram-cta .footer-product-heading{font-size:2em}.replica-location-label{font-size:1.7em}}
/* Preserve every sentence in ordinary flow when motion is reduced. */
html.reduced-motion{scroll-behavior:auto!important}html.reduced-motion body{height:auto!important}
html.reduced-motion *,html.reduced-motion *:before,html.reduced-motion *:after{animation:none!important;transition:none!important}
html.reduced-motion .stage-canvas,html.reduced-motion .split-line,html.reduced-motion [data-benefit-table-line],html.reduced-motion [data-benefit-table-check],html.reduced-motion [data-load-stage-logo],html.reduced-motion .stage-cta,html.reduced-motion .stage-right,html.reduced-motion .stage-left,html.reduced-motion .stage-fact,html.reduced-motion .insider-wrapper,html.reduced-motion .insider-heading,html.reduced-motion .testimonial-inner,html.reduced-motion .footer-product,html.reduced-motion [data-payment-item]{opacity:1!important;visibility:visible!important;transform:none!important;translate:none!important;rotate:none!important;scale:1!important}
html.reduced-motion .sequence-scroll-wrap{height:auto!important}html.reduced-motion .sequence-sticky{position:relative!important;height:auto!important;display:flex!important;flex-direction:column!important}
html.reduced-motion .sequence-canvas{position:relative!important;inset:auto!important;height:65svh!important;transform:none!important;scale:1!important;opacity:1!important}
html.reduced-motion .sequence-cards{display:grid!important;grid-template-columns:1fr 1fr;gap:2em;position:relative!important;height:auto!important;padding:2.5em}
html.reduced-motion .sequence-cards .statement-card{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;transform:none!important;translate:none!important;rotate:none!important;scale:1!important;opacity:1!important;visibility:visible!important}
html.reduced-motion .sequence-cards-mobile{display:none!important}html.reduced-motion .sequence-lines{display:none!important}
html.reduced-motion .sequence-final{position:relative!important;display:flex!important;opacity:1!important;visibility:visible!important;z-index:auto!important;padding:3em 1em}
html.reduced-motion .sequence-final *,html.reduced-motion .split-word{transform:none!important;translate:none!important;rotate:none!important;scale:1!important;opacity:1!important;visibility:visible!important}
html.reduced-motion .sequence-title{font-size:7em!important}html.reduced-motion .sequence-final-ingredient,html.reduced-motion .sequence-final-ingredients{display:none!important}
html.reduced-motion .instagram-scroll-stage{height:auto!important}html.reduced-motion .footer-product.instagram-cta{position:relative!important;top:0!important}
@media(max-width:991px){html.reduced-motion .sequence-cards{grid-template-columns:1fr;padding:1.25em}html.reduced-motion .sequence-title{font-size:5em!important}}
/* The real Instagram reel is requested only when the visitor opens it. */
.replica-reel{margin-top:1.25em;border-radius:.5em;border:1px solid #b6423040;background:var(--white);overflow:hidden}
.replica-reel summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.75em;padding:1em;font-size:1.6em;line-height:.9;color:var(--dark-green);font-weight:500;transition:background-color .25s}
.replica-reel summary::-webkit-details-marker{display:none}.replica-reel summary:hover{background:#f8dec6}.replica-reel summary:focus-visible{outline:3px solid var(--dark-green);outline-offset:-4px}
.replica-reel summary small{display:block;font-size:.65em;line-height:1.1;font-weight:400;margin-top:.25em}.reel-icon{display:grid;place-items:center;flex:0 0 1.8em;height:1.8em;border-radius:50%;background:var(--dark-green);color:var(--white);font-size:1em}
.reel-viewport{width:100%;overflow:hidden;position:relative;background:#fff}.reel-viewport iframe{display:block;border:0;transform-origin:top left;width:100%;height:690px}.reel-fallback{padding:.75em 1em;font-size:1.4em;line-height:1;color:var(--dark-green);margin:0}.reel-fallback a{text-decoration:underline;text-underline-offset:.15em}

.benefit-table-title{color:var(--ink)}