.callout{--grid-desktop-horizontal-spacing: 24px;position:relative}.callout__heading{margin-bottom:32px}.callout__heading h2{margin-bottom:0;font-weight:700}.callout__heading .title-wrapper{margin-bottom:0}@media (min-width: 990px){.callout__heading{display:flex;gap:16px;align-items:flex-end;justify-content:space-between}}.callout__grid-controls{display:none;gap:8px;margin-bottom:6px;margin-left:auto}@media (min-width: 990px){.callout__grid-controls{display:flex}}.callout__grid-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-size:18px;line-height:1;color:rgb(var(--color-foreground));cursor:pointer;background:#ebebeb;border:none;border-radius:50%;transition:transform .3s ease-in-out}.callout__grid-button svg{width:16px}.callout__grid-button:hover{transform:scale(1.2)}.callout__grid-button:active{box-shadow:0 2px 6px #0003;transform:scale(.96)}.callout__grid-button--prev .icon-caret{transform:rotate(90deg)}.callout__grid-button--next .icon-caret{transform:rotate(-90deg)}.callout__image{overflow:hidden;border-radius:10px}.callout__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}@media (max-width: 989px){.callout__grid-wrap{display:none}}@media (min-width: 990px){.callout__grid-wrap{padding-right:calc((100vw - min(var(--page-width),100vw))/2 + 5rem);padding-left:calc((100vw - min(var(--page-width),100vw))/2 + 5rem);margin-right:calc(-50vw + 50% + .8rem);margin-left:calc(-50vw + 50% + .8rem);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.callout__grid-wrap::-webkit-scrollbar{display:none}.callout__grid-wrap .card-wrapper,.callout__grid-wrap .card{box-sizing:border-box;width:100%;max-width:320px}.callout__grid-wrap .card .card__inner.ratio{aspect-ratio:1/1}.callout__grid-wrap .card .card__media .media img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}.callout ul{display:flex;flex:1;flex-wrap:wrap;gap:24px}.callout ul li{width:100%;max-width:320px}@media (max-width: 989px){.callout ul{display:none}}@media (min-width: 990px){.callout ul{flex-wrap:nowrap;width:-moz-max-content;width:max-content}.callout ul li.grid__item{box-sizing:border-box;flex-shrink:0;width:320px;max-width:320px}}.callout .card__content{position:relative}.callout .card__information .price{display:none}.callout .card__information .price--on-sale .price__sale{display:flex;flex-flow:column-reverse}.callout .card__redirect-media-link{z-index:1}.callout .sale-tag{display:none}.callout .sale-tag.active{display:block}.callout .media .callout-pip{inset:var(--callout-pip-top, auto) var(--callout-pip-right, auto) var(--callout-pip-bottom, auto) var(--callout-pip-left, auto);width:calc(var(--callout-pip-size, 30) * 1%);height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:10px;box-shadow:0 6px 16px #0000001f;opacity:calc(var(--callout-pip-opacity, 100) / 100);position:absolute;z-index:2;display:block;padding:0;cursor:pointer;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.12);transition:opacity .2s ease}.callout .media .callout-pip:focus-visible{outline:2px solid currentColor;outline-offset:2px}.callout .media .callout-pip[hidden]{display:none}.callout .media .callout-pip img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.callout .is-callout-pip-swapped .media{--card-media-active-opacity: calc(var(--callout-pip-opacity, 100) / 100)}.callout .is-callout-pip-swapped .media .callout-pip.is-active{inset:0;z-index:2;width:100%;height:100%;aspect-ratio:auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1}.callout .is-callout-pip-swapped .media>img.active{inset:var(--callout-pip-top, auto) var(--callout-pip-right, auto) var(--callout-pip-bottom, auto) var(--callout-pip-left, auto);width:calc(var(--callout-pip-size, 30) * 1%);height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:10px;box-shadow:0 6px 16px #0000001f;opacity:calc(var(--callout-pip-opacity, 100) / 100);z-index:3;pointer-events:none}.callout .card-js[data-callout-pip-corner=top-left]{--callout-pip-top: 12px;--callout-pip-right: auto;--callout-pip-bottom: auto;--callout-pip-left: 12px}.callout .card-js[data-callout-pip-corner=top-right]{--callout-pip-top: 12px;--callout-pip-right: 12px;--callout-pip-bottom: auto;--callout-pip-left: auto}.callout .card-js[data-callout-pip-corner=bottom-left]{--callout-pip-top: auto;--callout-pip-right: auto;--callout-pip-bottom: 12px;--callout-pip-left: 12px}.callout .card-js[data-callout-pip-corner=bottom-right]{--callout-pip-top: auto;--callout-pip-right: 12px;--callout-pip-bottom: 12px;--callout-pip-left: auto}.callout__slider-wrap .callout__slider::part(wrapper){display:flex;flex-flow:row nowrap}.callout__slider-wrap swiper-slide{box-sizing:border-box;flex-shrink:0;width:320px;max-width:100%}.callout__slider-wrap .card-wrapper,.callout__slider-wrap .card{box-sizing:border-box;width:100%;max-width:320px}.callout__slider-wrap .card .card__inner.ratio{aspect-ratio:1/1}.callout__slider-wrap .card .card__media .media img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.callout__slider{--swiper-navigation-color: #000000;--swiper-navigation-size:25.2px;width:100%;margin-left:0}.callout__slider::part(button-next),.callout__slider::part(button-prev){top:calc((100vw - 3rem)/2);width:20px;height:20px;padding:8px;color:#000;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);border-radius:50px;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff40;transition:background-color .2s ease,opacity .2s ease,transform .1s ease;transform:translateY(-50%)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.callout__slider::part(button-next),.callout__slider::part(button-prev){-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}}.callout__slider::part(button-next):hover,.callout__slider::part(button-prev):hover{background:rgba(255,255,255,.32);border-color:#ffffff80;box-shadow:0 6px 16px #0003,inset 0 1px #ffffff59}.callout__slider::part(button-next):active,.callout__slider::part(button-prev):active{box-shadow:0 2px 8px #0003;transform:translateY(-50%) scale(.96)}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){.callout__slider::part(button-next),.callout__slider::part(button-prev){background:rgba(255,255,255,.7)}}@media (min-width: 990px){.callout__slider{display:none}}@media (min-width: 990px){.callout__slider-wrap{display:none}}.callout__slide{padding-bottom:32px}.callout .card .card__inner .card__media{z-index:1}@media (max-width: 989px){.callout__slider-wrap--single swiper-slide,.callout__slider-wrap--single .card-wrapper,.callout__slider-wrap--single .card{width:100%;max-width:100%}}@media (prefers-reduced-motion: reduce){.callout .callout-pip{transition:none}.callout .callout__slider::part(button-next),.callout .callout__slider::part(button-prev){transition:none}}
