:root{--km-cream: #fff7e8;--km-cream-2: #ffeecf;--km-orange: #ff9f1c;--km-pink: #ff5d8f;--km-lime: #9be564;--km-blue: #7bdff2;--km-purple: #cdb4db;--km-choco: #5a3524;--km-text: #2d2a26;--km-muted: #776b5f;--km-white: #ffffff;--km-border: rgba(45, 42, 38, .12);--km-shadow: 0 18px 45px rgba(90, 53, 36, .12);--km-shadow-soft: 0 10px 28px rgba(90, 53, 36, .09);--km-radius: 28px;--km-radius-lg: 38px;--km-max: 1280px}html{scroll-behavior:smooth}body{color:var(--km-text)}.km-section{position:relative;overflow:hidden;background:var(--km-cream)}.km-container{width:min(var(--km-max),calc(100% - 32px));margin-inline:auto}.km-cartoon-bg{background:radial-gradient(circle at 12% 18%,rgba(255,93,143,.18) 0 80px,transparent 82px),radial-gradient(circle at 88% 12%,rgba(155,229,100,.2) 0 90px,transparent 92px),radial-gradient(circle at 82% 82%,rgba(123,223,242,.2) 0 110px,transparent 112px),linear-gradient(180deg,var(--km-cream) 0%,var(--km-cream-2) 100%)}.km-title{margin:0;color:var(--km-text);font-weight:900;line-height:.95;letter-spacing:-.04em}.km-text{margin:0;color:var(--km-muted);line-height:1.7}.km-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:9px 14px;border:1px solid var(--km-border);border-radius:999px;background:#ffffffbd;color:var(--km-choco);font-size:13px;font-weight:800;line-height:1;box-shadow:0 8px 18px #5a352414}.km-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 22px;border:2px solid transparent;border-radius:999px;background:var(--km-orange);color:var(--km-text);font-size:15px;font-weight:900;line-height:1;text-decoration:none;cursor:pointer;box-shadow:0 10px #5a352429;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.km-btn:hover{transform:translateY(-2px);box-shadow:0 13px #5a352429}.km-btn:active{transform:translateY(2px);box-shadow:0 6px #5a352429}.km-btn--pink{background:var(--km-pink);color:var(--km-white)}.km-btn--light{background:var(--km-white);color:var(--km-text);border-color:var(--km-border)}.km-card{position:relative;background:var(--km-white);border:1px solid var(--km-border);border-radius:var(--km-radius-lg);box-shadow:var(--km-shadow-soft)}.km-bite-card{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--km-radius-lg)}.km-bite-card:before{content:"";position:absolute;top:-18px;right:-18px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 31% 35%,transparent 0 7px,var(--km-cream) 8px 100%);box-shadow:-25px 7px 0 -12px var(--km-cream),-7px 28px 0 -14px var(--km-cream);z-index:5;pointer-events:none}.km-sticker{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:8px 12px;border-radius:999px;background:var(--km-lime);color:var(--km-text);font-size:12px;font-weight:900;line-height:1;box-shadow:0 7px #2d2a261a;transform:rotate(-2deg)}.km-sticker--sugar{background:#d7ff7a}.km-sticker--fruit{background:#ffcf56}.km-sticker--candy{background:#ff8fbd;color:var(--km-white)}.km-sticker--icecream{background:#9ee7ff}.km-blob{border-radius:46% 54% 58% 42%/48% 42% 58% 52%}.km-floating{animation:kmFloat 5.4s ease-in-out infinite}.km-wiggle:hover{animation:kmWiggle .52s ease both}.km-pop:hover{transform:translateY(-4px) rotate(-1deg)}.km-reveal{opacity:0;transform:translateY(22px) scale(.98);transition:opacity .62s cubic-bezier(.23,1,.32,1),transform .62s cubic-bezier(.23,1,.32,1)}.km-reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.km-delay-1{transition-delay:60ms}.km-delay-2{transition-delay:.12s}.km-delay-3{transition-delay:.18s}.km-delay-4{transition-delay:.24s}.km-delay-5{transition-delay:.3s}.km-sparkle{position:absolute;width:12px;height:12px;border-radius:4px;background:var(--km-orange);transform:rotate(45deg);opacity:.55;pointer-events:none}.km-sparkle:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:inherit;background:var(--km-white)}.km-wave{position:absolute;left:0;right:0;bottom:-1px;height:56px;background:radial-gradient(32px 28px at 32px 0,transparent 30px,var(--km-white) 31px) 0 0 / 64px 56px repeat-x;pointer-events:none}@keyframes kmFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes kmWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(1.8deg)}50%{transform:rotate(-1.4deg)}75%{transform:rotate(.8deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.km-floating,.km-wiggle:hover{animation:none}.km-btn,.km-reveal,.km-pop{transition:none}}@media(max-width:749px){.km-container{width:min(100% - 24px,var(--km-max))}.km-btn{min-height:48px;padding:13px 18px;font-size:14px}.km-bite-card:before{width:58px;height:58px;top:-15px;right:-15px}.km-reveal{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/karmasha-base.css.map */