@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.kc-hero{--kc-bg: #ffffff;--kc-bg-card: #f7f7f7;--kc-bg-chip: #ffffff;--kc-dark: #0f0f0f;--kc-dark-2: #1a1a1a;--kc-dark-3: #2a2a2a;--kc-border: rgba(0,0,0,.1);--kc-border-soft: rgba(0,0,0,.06);--kc-orange: #f3654a;--kc-text: #111111;--kc-text-muted: rgba(0,0,0,.55);--kc-text-faint: rgba(0,0,0,.38);--kc-radius-sm: 8px;--kc-radius-md: 12px;--kc-radius-lg: 20px;--kc-radius-pill: 100px;--kc-shadow-card: 0 20px 60px rgba(0,0,0,.1), 0 4px 16px rgba(0,0,0,.06);--kc-shadow-chip: 0 4px 20px rgba(0,0,0,.12);--kc-transition: .25s ease;position:relative;overflow:hidden;background-color:var(--kc-bg);border-bottom:1px solid rgba(0,0,0,.07)}.kc-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 85% -5%,rgba(243,101,74,.06) 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(243,101,74,.03) 0%,transparent 40%);pointer-events:none;z-index:0}.kc-hero .container{max-width:1160px;margin:0 auto;padding:0 60px}@media screen and (max-width:991px){.kc-hero .container{padding:0 32px}}@media screen and (max-width:749px){.kc-hero .container{padding:0 20px}}.kc-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}@media screen and (max-width:991px){.kc-hero__inner{grid-template-columns:1fr;gap:48px}.kc-hero__visual{order:-1}.kc-hero__copy{order:1}}.kc-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.kc-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#6b6b6b;font-family:Inter,sans-serif;font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:7px 16px;border-radius:var(--kc-radius-pill);line-height:1}.kc-hero__eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--kc-orange);flex-shrink:0}.kc-hero__heading{font-family:Inter,sans-serif;font-size:50px;font-weight:600;line-height:60px;color:var(--kc-dark);letter-spacing:-.03em;margin:0}@media screen and (max-width:1100px){.kc-hero__heading{font-size:46px;line-height:56px}}@media screen and (max-width:991px){.kc-hero__heading{font-size:42px;line-height:52px}}@media screen and (max-width:749px){.kc-hero__heading{font-size:36px;line-height:46px}}.kc-hero__heading-hl{position:relative;display:inline-block;color:var(--kc-dark)}.kc-hero__heading-hl:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:4px;background:var(--kc-dark-2);border-radius:2px;opacity:.25}.kc-hero__sub{font-family:Inter,sans-serif;font-size:17px;font-weight:400;line-height:1.75;color:var(--kc-text-muted);max-width:520px;margin:0}@media screen and (max-width:749px){.kc-hero__sub{font-size:15px}}.kc-hero__badges{display:flex;flex-wrap:wrap;gap:8px}.kc-hero__badge{display:inline-flex;align-items:center;gap:7px;background:#0000000a;border:1px solid rgba(0,0,0,.1);color:var(--kc-text-muted);font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:7px 14px;border-radius:var(--kc-radius-pill);white-space:nowrap}.kc-hero__badge svg{color:var(--kc-orange);flex-shrink:0}.kc-hero__metrics{display:flex;flex-wrap:wrap;background:#f5f5f5;border:1px solid rgba(0,0,0,.08);border-radius:var(--kc-radius-md);overflow:hidden;width:100%}.kc-hero__metric{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:16px 18px;gap:4px;border-right:1px solid rgba(0,0,0,.07)}.kc-hero__metric:last-child{border-right:none}.kc-hero__metric-value{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:var(--kc-dark);line-height:1;letter-spacing:-.02em}.kc-hero__metric-label{font-family:Inter,sans-serif;font-size:10px;font-weight:500;color:var(--kc-text-faint);text-transform:uppercase;letter-spacing:.08em;line-height:1.3}.kc-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}@media screen and (max-width:480px){.kc-hero__ctas{flex-direction:column;align-items:stretch;width:100%}}.kc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:600;line-height:1;border-radius:var(--kc-radius-sm);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--kc-transition),color var(--kc-transition),border-color var(--kc-transition),transform .2s ease,box-shadow var(--kc-transition);white-space:nowrap}.kc-btn--lg{font-size:15px;padding:16px 30px}.kc-btn--primary{background:var(--kc-dark);color:#fff;border-color:var(--kc-dark);box-shadow:0 2px 12px #00000026}.kc-btn--primary:hover{background:var(--kc-dark-3);border-color:var(--kc-dark-3);transform:translateY(-2px);box-shadow:0 6px 24px #0003}.kc-btn--ghost{background:transparent;color:var(--kc-dark);border-color:#00000040}.kc-btn--ghost:hover{background:#0000000d;border-color:#0006;transform:translateY(-2px)}.kc-hero__visual{display:flex;justify-content:center;align-items:center}@media screen and (max-width:991px){.kc-hero__visual{justify-content:flex-start}}.kc-hero__visual-card{position:relative;width:100%;max-width:500px;background:var(--kc-bg-card);border-radius:var(--kc-radius-lg);box-shadow:var(--kc-shadow-card);border:1px solid rgba(0,0,0,.08);padding:24px 24px 16px;overflow:visible}.kc-hero__product-img{width:100%;height:auto;border-radius:var(--kc-radius-md);display:block;object-fit:cover}.kc-hero__product-placeholder{min-height:280px;display:flex;align-items:center;justify-content:center;background:#0000000a;border-radius:var(--kc-radius-md);font-family:Inter,sans-serif;font-size:13px;color:var(--kc-text-faint)}.kc-hero__chip{position:absolute;display:flex;align-items:center;gap:10px;background:var(--kc-bg-chip);border:1px solid rgba(0,0,0,.1);border-radius:var(--kc-radius-md);padding:10px 14px;box-shadow:var(--kc-shadow-chip);font-family:Inter,sans-serif;min-width:148px;z-index:2}.kc-hero__chip svg{color:var(--kc-orange);flex-shrink:0}.kc-hero__chip div{display:flex;flex-direction:column;gap:2px}.kc-hero__chip strong{font-size:13px;font-weight:700;color:var(--kc-dark);line-height:1}.kc-hero__chip span{font-size:10px;font-weight:500;color:var(--kc-text-faint);text-transform:uppercase;letter-spacing:.07em}.kc-hero__chip--tl{top:-18px;left:-20px}.kc-hero__chip--tr{top:-18px;right:-20px}.kc-hero__chip--br{bottom:-18px;right:-20px}@media screen and (max-width:640px){.kc-hero__chip--tl{top:-14px;left:8px}.kc-hero__chip--tr{top:-14px;right:8px}.kc-hero__chip--br{bottom:-14px;right:8px}}.kc-hero__slider{position:relative;width:100%;overflow:hidden;border-radius:var(--kc-radius-md)}.kc-hero__slider-track{position:relative;width:100%;min-height:280px}.kc-hero__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;z-index:0}.kc-hero__slide--active{position:relative;opacity:1;visibility:visible;z-index:1}.kc-hero__slide .kc-hero__product-img{width:100%;height:100%;object-fit:cover;border-radius:var(--kc-radius-md)}.kc-hero__slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;color:var(--kc-dark);padding:0;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.kc-hero__slider-arrow:hover{background:#fff;box-shadow:0 4px 16px #00000026}.kc-hero__slider-arrow:active{transform:translateY(-50%) scale(.92)}.kc-hero__slider-arrow--prev{left:10px}.kc-hero__slider-arrow--next{right:10px}.kc-hero__slider-arrow svg{flex-shrink:0}@media screen and (max-width:480px){.kc-hero__slider-arrow{width:30px;height:30px}.kc-hero__slider-arrow--prev{left:6px}.kc-hero__slider-arrow--next{right:6px}}.kc-hero__slider-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0 4px;position:relative;z-index:3}.kc-hero__slider-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#00000026;cursor:pointer;transition:background .25s ease,transform .25s ease,width .25s ease;-webkit-tap-highlight-color:transparent}.kc-hero__slider-dot:hover{background:#0000004d}.kc-hero__slider-dot--active{background:var(--kc-orange);width:20px;border-radius:4px}.kc-hero__slider-dot--active:hover{background:var(--kc-orange)}.kc-hero__slider-arrow:focus-visible,.kc-hero__slider-dot:focus-visible{outline:2px solid var(--kc-orange);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/45/assets/section-kc-hero-v3.css.map */