.htw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;background-color:var(--htw-grid-background, rgba(0, 0, 0, .03));border-radius:var(--htw-grid-radius, 0);overflow:hidden}.htw-grid__item{grid-column:span 2;margin:0}.htw-grid__item:last-child:nth-child(odd){grid-column:2 / span 2}.htw-grid[data-count="2"] .htw-grid__item{grid-column:1 / -1}.htw-grid[data-count="2"] .htw-grid__tile{aspect-ratio:8 / 5}.htw-grid__quick-view{display:block;height:100%}.htw-grid__tile{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;color:inherit;text-decoration:none}.htw-grid__image{position:absolute;inset:0 var(--htw-grid-inset, 10%);width:calc(100% - 2 * var(--htw-grid-inset, 10%));height:auto;aspect-ratio:1 / 1;margin-block:auto;object-fit:contain}.htw-grid[data-count="2"] .htw-grid__image{inset:var(--htw-grid-inset, 10%) 0;width:auto;height:calc(100% - 2 * var(--htw-grid-inset, 10%));margin:0 auto}.htw-grid .htw-grid__tile--tall .htw-grid__image{inset:4% auto;left:50%;width:auto;height:92%;aspect-ratio:auto;margin:0;translate:-50% 0}.htw-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--gutter-xsmall);background:var(--htw-grid-overlay, rgba(39, 44, 78, .8));color:var(--htw-grid-overlay-text, #fff);font-size:var(--kt-text-size--xsmall);line-height:1.6;text-align:center;opacity:0;transition:opacity .2s ease}.htw-grid__price *{color:inherit!important;font-size:inherit}.htw-grid__price del{margin-inline-start:.4em;opacity:.7}.htw-grid__tile:focus-visible .htw-grid__overlay{opacity:1}@media(hover:hover){.htw-grid__tile:hover .htw-grid__overlay{opacity:1}}.htw-pdp{display:flex;flex-direction:column;gap:var(--htw-pdp-gap)}.htw-pdp--bt{border-top:1px solid var(--color-scheme-text-opacity-15);padding-top:var(--htw-pdp-gap)}.htw-pdp--bb{border-bottom:1px solid var(--color-scheme-text-opacity-15);padding-bottom:var(--htw-pdp-gap)}.htw-pdp__placeholder{width:min(80%,var(--htw-pdp-width));aspect-ratio:4 / 5;background-color:var(--htw-grid-background, rgba(0, 0, 0, .03));border-radius:var(--htw-grid-radius, 0)}.htw-pdp__placeholder--single{width:min(100%,var(--htw-pdp-width))}.htw-pdp__placeholders{container-type:inline-size;display:flex;gap:var(--gutter-small);overflow:hidden}.htw-pdp__placeholders>.htw-pdp__placeholder{flex:0 0 min(80cqw,var(--htw-pdp-width));width:auto}.htw-pdp__placeholders>:first-child{margin-inline-start:var(--htw-pdp-bleed)}.htw-pdp__single{width:100%;max-width:var(--htw-pdp-width)}.htw-pdp__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gutter-xsmall)}.htw-pdp__heading{flex:1 1 auto;min-width:0}@property --htw-pdp-item{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --htw-pdp-bleed{syntax: "<length>"; inherits: true; initial-value: 0px;}.htw-pdp__slider>.kt-css-slider-viewport{container-type:inline-size}.htw-pdp__track{--col-gap: var(--gutter-small);--htw-pdp-item: min(80cqw, var(--htw-pdp-width));gap:var(--col-gap);padding-inline-start:var(--htw-pdp-bleed)}.htw-pdp__track:after{content:"";height:1px;flex:0 0 var(--htw-pdp-bleed);margin-inline-start:calc(var(--col-gap) * -1)}.htw-pdp .htw-pdp__track>.kt-grid__item{flex:0 0 var(--htw-pdp-item)}.htw-pdp__slider .kt-css-slide--snap{scroll-snap-align:center;scroll-margin-inline:0}.htw-pdp__slider .kt-css-slide--snap:first-child{scroll-snap-align:start;scroll-margin-inline-start:var(--htw-pdp-bleed)}.htw-pdp__slider .htw-pdp__track>.kt-grid__item:last-child{scroll-snap-align:end;scroll-margin-inline-end:var(--htw-pdp-bleed)}@media screen and (max-width:767px){.htw-pdp--bleed-m{container-type:inline-size}.htw-pdp--bleed-m .htw-pdp__slider,.htw-pdp--bleed-m .htw-pdp__placeholders{--htw-pdp-bleed: max(0px, (100vw - 100cqw) / 2)}.htw-pdp--bleed-m .htw-pdp__placeholders{margin-inline:calc(var(--htw-pdp-bleed) * -1)}.htw-pdp--bleed-m .htw-pdp__slider>.kt-css-slider-viewport{width:auto;margin-inline:calc(var(--htw-pdp-bleed) * -1)}}@media screen and (min-width:768px){.kt-section:has(.htw-pdp--bleed-d){overflow-x:clip}.htw-pdp--bleed-d{--htw-pdp-bleed-end: max(var(--gutter-container), (100vw - var(--theme-max-width)) / 2)}.htw-pdp--bleed-d .htw-pdp__slider>.kt-css-slider-viewport,.htw-pdp--bleed-d .htw-pdp__placeholders{width:auto;margin-inline-end:calc(var(--htw-pdp-bleed-end) * -1)}.htw-pdp--bleed-d .htw-pdp__track{padding-inline-start:0}.htw-pdp--bleed-d .htw-pdp__track:after{flex-basis:var(--htw-pdp-bleed-end)}.htw-pdp--bleed-d .htw-pdp__slider .kt-css-slide--snap{scroll-snap-align:start}.htw-pdp--bleed-d .htw-pdp__slider .htw-pdp__track>.kt-grid__item:last-child{scroll-margin-inline-end:var(--htw-pdp-bleed-end)}}
/*# sourceMappingURL=/cdn/shop/t/963/assets/component-htw-grid.css.map */