.kht-hero-grid{--kht-hero-accent: #E70000;--kht-hero-radius: .8rem}.kht-hero-grid__inner{display:grid;gap:1.6rem;grid-template-columns:minmax(0,1fr)}.kht-hero-grid__slider{order:-1}@media screen and (min-width:990px){.kht-hero-grid__slider{order:0}}.kht-hero-grid__sidebar{display:block;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--kht-hero-radius);box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.06);padding:1.2rem 1.4rem .6rem;overflow-y:auto}.kht-hero-grid__sidebar-heading{display:inline-block;margin:0 0 .6rem;padding:.7rem 1.4rem;background-color:var(--kht-hero-accent);color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:.4rem .4rem 0 0;box-shadow:0 .2rem 0 var(--kht-hero-accent)}.kht-hero-grid__categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:2px solid var(--kht-hero-accent)}.kht-hero-grid__category{border-bottom:1px solid rgba(var(--color-foreground),.08)}.kht-hero-grid__category:nth-child(odd){border-right:1px solid rgba(var(--color-foreground),.08)}.kht-hero-grid__category-link{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.45rem .4rem;color:rgb(var(--color-foreground));text-decoration:none;text-align:center;font-size:1.2rem;line-height:1.2;transition:color var(--duration-short, .1s) ease}.kht-hero-grid__category-link:hover{color:var(--kht-hero-accent)}.kht-hero-grid__category-icon{display:flex;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;border-radius:50%;overflow:hidden;background-color:rgba(var(--color-foreground),.04);flex-shrink:0}.kht-hero-grid__category-icon img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast}.kht-hero-grid__category-icon--custom{width:4.6rem;height:4.6rem;border-radius:0;background-color:transparent}.kht-hero-grid__category-icon--custom img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.kht-hero-grid__category-icon svg{width:2.6rem;height:2.6rem;color:var(--kht-hero-accent)}.kht-hero-grid__slider{position:relative;display:block;overflow:hidden;border-radius:var(--kht-hero-radius);aspect-ratio:1 / 1;background-color:rgba(var(--color-foreground),.04)}@media screen and (min-width:750px){.kht-hero-grid__slider{aspect-ratio:16 / 9}}.kht-hero-grid__track{position:absolute;top:0;right:0;bottom:0;left:0}.kht-hero-grid__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;color:inherit;text-decoration:none}.kht-hero-grid__slide.is-active{opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.kht-hero-grid__slide{transition:none}}.kht-hero-grid__slide-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kht-hero-grid__slide-image--mobile+.kht-hero-grid__slide-image{display:none}@media screen and (min-width:750px){.kht-hero-grid__slide-image--mobile{display:none}.kht-hero-grid__slide-image--mobile+.kht-hero-grid__slide-image{display:block}}.kht-hero-grid__slide-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem 2rem 4rem;text-align:center;color:#fff;background-color:rgba(0,0,0,var(--overlay-opacity, .3))}.kht-hero-grid__slide-heading{margin:0;color:#fff;font-size:2.2rem;line-height:1.15}.kht-hero-grid__slide-text{max-width:52rem;font-size:1.3rem;line-height:1.4}.kht-hero-grid__slide-button{min-height:4rem;padding:0 2rem;font-size:1.4rem}@media screen and (min-width:750px){.kht-hero-grid__slide-content{gap:1.2rem;padding:3rem 4rem 4.4rem}.kht-hero-grid__slide-heading{font-size:clamp(2.6rem,2.6vw,3.8rem)}.kht-hero-grid__slide-text{font-size:1.5rem}.kht-hero-grid__slide-button{min-height:4.6rem;padding:0 3rem;font-size:1.5rem}}.kht-hero-grid__slide-text p{margin:0}.kht-hero-grid__slide-button{background-color:var(--kht-hero-accent);color:#fff;border:0}.kht-hero-grid__slide-button:after{box-shadow:none}.kht-hero-grid__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border:0;border-radius:50%;background-color:#ffffffd9;color:#232323;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .2s ease}.kht-hero-grid__slider:hover .kht-hero-grid__arrow,.kht-hero-grid__arrow:focus-visible{opacity:1}.kht-hero-grid__arrow svg{width:1.2rem;height:1.2rem}.kht-hero-grid__arrow--prev{left:1.2rem}.kht-hero-grid__arrow--prev svg{transform:rotate(90deg)}.kht-hero-grid__arrow--next{right:1.2rem}.kht-hero-grid__arrow--next svg{transform:rotate(-90deg)}.kht-hero-grid__dots{position:absolute;bottom:1.2rem;left:50%;z-index:2;display:flex;gap:.8rem;transform:translate(-50%)}.kht-hero-grid__dot{width:1rem;height:1rem;padding:0;border:0;border-radius:50%;background-color:#fff9;box-shadow:0 0 0 1px #00000026;cursor:pointer}.kht-hero-grid__dot.is-active{background-color:var(--kht-hero-accent)}.kht-hero-grid__promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.kht-hero-grid__promo{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--kht-hero-radius);background-color:rgba(var(--color-foreground),.04);color:#fff;text-decoration:none}.kht-hero-grid__promo-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.kht-hero-grid__promo:hover .kht-hero-grid__promo-image{transform:scale(1.04)}.kht-hero-grid__promo-heading{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1.2rem 1rem;background:linear-gradient(to top,#000000a6,#0000);font-size:1.4rem;font-weight:600;line-height:1.25}@media screen and (min-width:990px){.kht-hero-grid__inner{grid-template-columns:28rem minmax(0,1fr);grid-template-rows:minmax(var(--kht-hero-height),auto)}.kht-hero-grid__inner--no-sidebar{grid-template-columns:minmax(0,1fr)}.kht-hero-grid__sidebar{display:block;overflow:visible}.kht-hero-grid__slider{aspect-ratio:auto;height:auto;min-height:var(--kht-hero-height)}.kht-hero-grid__promos{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.kht-hero-grid__inner:not(.kht-hero-grid__inner--no-promos){grid-template-rows:minmax(var(--kht-hero-height),auto) auto}}@media screen and (min-width:1280px){.kht-hero-grid__inner:not(.kht-hero-grid__inner--no-promos){grid-template-columns:28rem minmax(0,1fr) 42rem;grid-template-rows:minmax(var(--kht-hero-height),auto)}.kht-hero-grid__inner--no-sidebar:not(.kht-hero-grid__inner--no-promos){grid-template-columns:minmax(0,1fr) 42rem}.kht-hero-grid__promos{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.kht-hero-grid__promo{aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-kht-hero-grid.css.map */