.hero-grid-dynamic-section .section--padding{padding-top:var(--section-padding-top, 40px);padding-bottom:var(--section-padding-bottom, 40px)}.hero-grid-d{display:grid;gap:var(--grid-gap, 16px);grid-template-columns:1fr;align-items:stretch}@media(min-width:750px){.hero-grid-d:not(.hero-grid-d--no-hero){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.hero-grid-d--no-hero{grid-template-columns:1fr}.hero-grid-d--hero-right:not(.hero-grid-d--no-hero){grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.hero-grid-d--hero-right .hero-grid-d__hero{grid-column:2;grid-row:1}.hero-grid-d--hero-right .hero-grid-d__cards{grid-column:1;grid-row:1}}.hero-grid-d__hero{position:relative;overflow:hidden;border-radius:var(--grid-radius, 16px);background:var(--hero-bg, #0F1B2D);isolation:isolate;min-height:360px;transition:transform .25s ease,box-shadow .25s ease}@media(min-width:750px){.hero-grid-d__hero{aspect-ratio:16 / 10;min-height:0}}.hero-grid-d__hero--clickable{cursor:pointer}.hero-grid-d__hero--clickable:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000001f}.hero-grid-d__hero--clickable:hover .hero-grid-d__hero-img{transform:scale(1.04)}.hero-grid-d__hero>picture,.hero-grid-d__hero-img,.hero-grid-d__hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero-grid-d__hero-img{object-fit:cover;display:block;transition:transform .5s ease}.hero-grid-d__hero-placeholder{background:var(--hero-bg, #0F1B2D)}.hero-grid-d__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#0000008c);z-index:1;pointer-events:none}.hero-grid-d__hero-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;text-decoration:none;background:transparent}.hero-grid-d__hero-link:focus-visible{outline:2px solid var(--highlight-color, #00B8D4);outline-offset:-4px;border-radius:var(--grid-radius, 16px)}.hero-grid-d__hero-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:clamp(20px,4vw,48px);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;pointer-events:none}.hero-grid-d__hero-content .hero-grid-d__btn{pointer-events:auto}.hero-grid-d__heading{margin:0;color:#fff;font-family:var(--heading-font-family, inherit);font-style:var(--heading-font-style, normal);font-weight:var(--heading-font-weight, 700);font-size:var(--hero-heading-size-mobile, 32px);line-height:calc(var(--hero-heading-line-height, 11) / 10);letter-spacing:var(--hero-heading-letter-spacing, 0px);text-transform:var(--heading-text-transform, none)}@media(min-width:750px){.hero-grid-d__heading{font-size:var(--hero-heading-size-desktop, 48px)}}.hero-grid-d__subheading{margin:0;max-width:60ch;opacity:.92;font-family:var(--subheading-font-family, inherit);font-style:var(--subheading-font-style, normal);font-weight:var(--subheading-font-weight, 400);font-size:var(--hero-subheading-size, 16px);line-height:calc(var(--hero-subheading-line-height, 14) / 10);letter-spacing:var(--hero-subheading-letter-spacing, 0px)}.hero-grid-d__card-heading{margin:0;color:var(--card-text, #fff);font-family:var(--heading-font-family, inherit);font-style:var(--heading-font-style, normal);font-weight:var(--heading-font-weight, 700);font-size:var(--card-heading-size-mobile, 16px);line-height:calc(var(--card-heading-line-height, 11) / 10);letter-spacing:var(--card-heading-letter-spacing, 0px);text-transform:var(--heading-text-transform, none)}@media(min-width:750px){.hero-grid-d__card-heading{font-size:var(--card-heading-size-desktop, 20px)}}.hero-grid-d__highlight{color:var(--highlight-color, #00B8D4)}.hero-grid-d__buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hero-grid-d__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:var(--btn-radius, 10px);text-decoration:none;border:1px solid transparent;cursor:pointer;line-height:1.1;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;font-family:var(--button-font-family, inherit);font-style:var(--button-font-style, normal);font-weight:var(--button-font-weight, 700);font-size:var(--button-font-size, 14px);letter-spacing:var(--button-letter-spacing, 0px);text-transform:var(--button-text-transform, none)}.hero-grid-d__btn:hover{transform:translateY(-1px)}.hero-grid-d__btn--primary{background:var(--btn-primary-bg, #00B8D4);color:var(--btn-primary-text, #fff);border-color:var(--btn-primary-border, #00B8D4)}.hero-grid-d__btn--primary:hover{background:var(--btn-primary-hover-bg, #fff);color:var(--btn-primary-hover-text, #00B8D4);border-color:var(--btn-primary-hover-bg, #fff)}.hero-grid-d__btn--secondary{background:var(--btn-secondary-bg, #fff);color:var(--btn-secondary-text, #00B8D4);border-color:var(--btn-secondary-border, #00B8D4)}.hero-grid-d__btn--secondary:hover{background:var(--btn-secondary-hover-bg, #00B8D4);color:var(--btn-secondary-hover-text, #fff);border-color:var(--btn-secondary-hover-bg, #00B8D4)}.hero-grid-d__cards{display:grid;gap:var(--grid-gap, 16px);min-height:0;min-width:0}@media(max-width:749px){.hero-grid-d__cards{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.hero-grid-d--cards-1 .hero-grid-d__cards{grid-template-columns:1fr}.hero-grid-d__card{aspect-ratio:1 / 1}}@media(min-width:750px){.hero-grid-d:not(.hero-grid-d--no-hero) .hero-grid-d__cards{height:100%;align-self:stretch;grid-auto-rows:minmax(0,1fr)}.hero-grid-d--cards-1:not(.hero-grid-d--no-hero) .hero-grid-d__cards,.hero-grid-d--cards-2:not(.hero-grid-d--no-hero) .hero-grid-d__cards,.hero-grid-d--cards-3:not(.hero-grid-d--no-hero) .hero-grid-d__cards{grid-template-columns:1fr}.hero-grid-d--cards-4:not(.hero-grid-d--no-hero) .hero-grid-d__cards,.hero-grid-d--cards-5:not(.hero-grid-d--no-hero) .hero-grid-d__cards,.hero-grid-d--cards-6:not(.hero-grid-d--no-hero) .hero-grid-d__cards,.hero-grid-d--cards-7:not(.hero-grid-d--no-hero) .hero-grid-d__cards,.hero-grid-d--cards-8:not(.hero-grid-d--no-hero) .hero-grid-d__cards{grid-template-columns:1fr 1fr}.hero-grid-d--no-hero .hero-grid-d__cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hero-grid-d--no-hero .hero-grid-d__card{aspect-ratio:4 / 3}}.hero-grid-d__card{position:relative;overflow:hidden;border-radius:var(--grid-radius, 16px);background:var(--hero-bg, #0F1B2D);text-decoration:none;color:var(--card-text, #fff);isolation:isolate;min-height:0;min-width:0;display:block;transition:transform .25s ease,box-shadow .25s ease}.hero-grid-d__card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000001f}.hero-grid-d__card>picture,.hero-grid-d__card-img,.hero-grid-d__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero-grid-d__card-img{object-fit:cover;display:block;transition:transform .5s ease}.hero-grid-d__card:hover .hero-grid-d__card-img{transform:scale(1.04)}.hero-grid-d__card-placeholder{background:linear-gradient(135deg,#e8eef5,#cfd9e6)}.hero-grid-d__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-overlay, #000);opacity:var(--card-overlay-opacity, .25);z-index:1;pointer-events:none;transition:opacity .25s ease}.hero-grid-d__card:hover:after{opacity:calc(var(--card-overlay-opacity, .25) + .08)}.hero-grid-d__card-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(14px,2vw,24px);display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none}.hero-grid-d__card-content>*{pointer-events:auto}.hero-grid-d__btn--card{background:var(--card-btn-bg, #fff);color:var(--card-btn-text, #0F1B2D);border:1px solid var(--card-btn-border, #fff);border-radius:var(--card-btn-radius, 8px);padding:9px 16px}.hero-grid-d__card:hover .hero-grid-d__btn--card{background:var(--card-btn-hover-bg, #00B8D4);color:var(--card-btn-hover-text, #fff);border-color:var(--card-btn-hover-bg, #00B8D4)}.hero-grid-d__badge{position:absolute;top:16px;left:16px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--badge-bg, #fff);color:var(--badge-text, #1a2744);border-radius:var(--badge-radius, 30px);font-weight:700;font-size:14px;box-shadow:0 2px 8px #00000014;line-height:1;white-space:nowrap}.hero-grid-d__badge--hero{font-size:15px;padding:10px 16px}.hero-grid-d__hero--clickable .hero-grid-d__badge{pointer-events:none}.hero-grid-d__badge-label{font-size:12px;font-weight:600;opacity:.85}.hero-grid-d__badge-price{color:var(--badge-text, #1a2744)}.hero-grid-d__badge-price--strike{text-decoration:line-through;opacity:.55;font-weight:500}.hero-grid-d__badge-sale{color:var(--badge-sale-color, #E63946);font-weight:800}@media(min-width:750px){.hero-grid-d--cards-5:not(.hero-grid-d--no-hero) .hero-grid-d__badge:not(.hero-grid-d__badge--hero),.hero-grid-d--cards-6:not(.hero-grid-d--no-hero) .hero-grid-d__badge:not(.hero-grid-d__badge--hero),.hero-grid-d--cards-7:not(.hero-grid-d--no-hero) .hero-grid-d__badge:not(.hero-grid-d__badge--hero),.hero-grid-d--cards-8:not(.hero-grid-d--no-hero) .hero-grid-d__badge:not(.hero-grid-d__badge--hero){font-size:12px;padding:6px 10px;top:10px;left:10px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/hero-grid-dynamic.css.map */