.product-gift-promos{--gift-promo-border: #b0b0b0;--gift-promo-background: rgb(176 176 176 / 30%);--gift-promo-background-hover: rgb(176 176 176 / 38%);--gift-promo-surface: rgb(218 218 218);--gift-promo-surface-hover: rgb(214 214 214);--gift-promo-surface: color-mix( in srgb, var(--gift-promo-border) 30%, rgb(var(--color-background)) 70% );--gift-promo-surface-hover: color-mix( in srgb, var(--gift-promo-border) 38%, rgb(var(--color-background)) 62% );--gift-promo-text: #57564e;--gift-promo-image-size: 5.6rem;--gift-promo-gap: 1.4rem;--gift-promo-padding-y: 1.4rem;--gift-promo-padding-x: 1.8rem;--gift-promo-chevron-half: 2.4rem;--gift-promo-chevron-depth: 1.4rem;--gift-promo-border-width: .13rem;width:100%;max-width:44rem;margin-top:var(--gift-promo-margin-top, 1.5rem);margin-bottom:var(--gift-promo-margin-bottom, 1.5rem);box-sizing:border-box}.product-gift-promos__item{position:relative;display:grid;grid-template-columns:var(--gift-promo-image-size) minmax(0,1fr);align-items:center;gap:var(--gift-promo-gap);width:100%;box-sizing:border-box;padding:var(--gift-promo-padding-y) var(--gift-promo-padding-x);color:var(--gift-promo-text);background:var(--gift-promo-background);text-decoration:none}.product-gift-promos__media,.product-gift-promos__text{position:relative;z-index:2}.product-gift-promos__media{display:grid;place-items:center;width:var(--gift-promo-image-size);height:var(--gift-promo-image-size)}.product-gift-promos__image{display:block;width:100%;height:100%;object-fit:contain}.product-gift-promos__text{min-width:0;line-height:1.45}.product-gift-promos__item:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.product-gift-promos--separate{display:grid;gap:1rem}.product-gift-promos--separate .product-gift-promos__item{border:var(--gift-promo-border-width) solid var(--gift-promo-border)}.product-gift-promos--grouped{overflow:hidden;border:var(--gift-promo-border-width) solid var(--gift-promo-border);background:var(--gift-promo-background)}.product-gift-promos--grouped .product-gift-promos__item{background:transparent}.product-gift-promos--grouped .product-gift-promos__item+.product-gift-promos__item{border-top:.1rem solid rgb(176 176 176 / 70%)}.product-gift-promos--arrow{display:grid;gap:1.2rem;overflow:visible}.product-gift-promos--arrow .product-gift-promos__item{border:0;isolation:isolate;overflow:hidden;background:var(--gift-promo-border);--gift-promo-clip: polygon( 0 0, 100% 0, 100% 100%, 0 100% );clip-path:var(--gift-promo-clip)}.product-gift-promos--arrow .product-gift-promos__item:before{content:"";position:absolute;z-index:1;inset:var(--gift-promo-border-width);background:var(--gift-promo-surface);clip-path:var(--gift-promo-clip);pointer-events:none}.product-gift-promos--arrow .product-gift-promos__item:only-child{--gift-promo-clip: polygon( 0 0, 100% 0, 100% 100%, 0 100% )}.product-gift-promos--arrow .product-gift-promos__item:first-child:not(:last-child){padding-bottom:calc(var(--gift-promo-padding-y) + var(--gift-promo-chevron-depth));--gift-promo-clip: polygon( 0 0, 100% 0, 100% calc( 100% - var(--gift-promo-chevron-depth) ), calc( 50% + var(--gift-promo-chevron-half) ) calc( 100% - var(--gift-promo-chevron-depth) ), 50% 100%, calc( 50% - var(--gift-promo-chevron-half) ) calc( 100% - var(--gift-promo-chevron-depth) ), 0 calc( 100% - var(--gift-promo-chevron-depth) ) )}.product-gift-promos--arrow .product-gift-promos__item:not(:first-child):not(:last-child){padding-bottom:calc(var(--gift-promo-padding-y) + var(--gift-promo-chevron-depth));--gift-promo-clip: polygon( 0 0, calc( 50% - var(--gift-promo-chevron-half) ) 0, 50% var(--gift-promo-chevron-depth), calc( 50% + var(--gift-promo-chevron-half) ) 0, 100% 0, 100% calc( 100% - var(--gift-promo-chevron-depth) ), calc( 50% + var(--gift-promo-chevron-half) ) calc( 100% - var(--gift-promo-chevron-depth) ), 50% 100%, calc( 50% - var(--gift-promo-chevron-half) ) calc( 100% - var(--gift-promo-chevron-depth) ), 0 calc( 100% - var(--gift-promo-chevron-depth) ) )}.product-gift-promos--arrow .product-gift-promos__item:last-child:not(:first-child){--gift-promo-clip: polygon( 0 0, calc( 50% - var(--gift-promo-chevron-half) ) 0, 50% var(--gift-promo-chevron-depth), calc( 50% + var(--gift-promo-chevron-half) ) 0, 100% 0, 100% 100%, 0 100% )}@media screen and (max-width:749px){.product-gift-promos{max-width:none;--gift-promo-chevron-half: 2rem;--gift-promo-chevron-depth: 1.3rem}.product-gift-promos__item{--gift-promo-padding-x: 1.5rem}.product-gift-promos--arrow{gap:1rem}}@media(hover:hover){.product-gift-promos__item:hover{background:var(--gift-promo-background-hover)}.product-gift-promos--grouped .product-gift-promos__item:hover{background:#b0b0b029}.product-gift-promos--arrow .product-gift-promos__item:hover{background:var(--gift-promo-border)}.product-gift-promos--arrow .product-gift-promos__item:hover:before{background:var(--gift-promo-surface-hover)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-product-gift-promos.css.map */