.c-product-highlights,.c-product-highlights *,.c-product-highlights *:before,.c-product-highlights *:after{box-sizing:border-box}.c-product-highlights{background:var(--ph-background, #fcfcfe);padding-block:var(--spacing-10, 40px);width:100%}.c-product-highlights__container{max-width:var(--container-max-width, 1200px);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-6, 24px)}.c-product-highlights__header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.c-product-highlights__title{margin:0;padding-inline:var(--spacing-4, 16px);font-family:var(--heading-font-family, "DM Sans", sans-serif);font-weight:var(--heading-font-weight, 700);line-height:1.2;color:var(--text-color, #000000);text-align:left}.c-product-highlights__subtitle{font-size:1rem;color:#666;margin:0;padding-inline:var(--spacing-4, 16px);line-height:1.4}.c-product-highlights .floating-controls-container{position:relative;margin-left:var(--spacing-4, 16px)}.c-product-highlights__grid{--ph-card-width: 247px;display:grid;grid:auto / auto-flow var(--ph-card-width);gap:var(--ph-gap, var(--spacing-4, 16px));list-style:none;margin:0;padding:0;padding-inline-start:var(--spacing-4, 16px)}.c-product-highlights__card{display:flex;flex-direction:column;scroll-snap-align:start;background:rgb(var(--background-primary, 255 255 255));border-radius:var(--ph-card-radius, var(--rounded-lg, 16px));padding:var(--spacing-4, 16px);gap:var(--spacing-4, 16px);text-decoration:none;color:inherit}@media screen and (max-width:699px){.c-product-highlights__card:last-child{margin-right:var(--spacing-4, 16px)}}a.c-product-highlights__card{cursor:pointer}.c-product-highlights__card-media{width:100%;height:var(--ph-image-height, 250px);border-radius:var(--ph-image-radius, var(--rounded, 8px));overflow:hidden;flex-shrink:0}.c-product-highlights__card-image{width:100%;height:100%;object-fit:cover;display:block}.c-product-highlights__card-placeholder{width:100%;height:100%;min-height:100%;background:var(--background, #f0f0f0);display:flex;align-items:center;justify-content:center;border-radius:var(--ph-image-radius, var(--rounded, 8px))}.c-product-highlights__placeholder-svg{width:50%;height:50%;max-width:100px;max-height:100px;opacity:.5}.c-product-highlights__card-content{display:flex;flex-direction:column;gap:var(--spacing-2, 8px)}.c-product-highlights__card-heading{margin:0;font-family:var(--heading-font-family, "DM Sans", sans-serif);font-size:var(--text-lg, 18px);font-weight:700;line-height:1.3;color:var(--text-color, #000000)}.c-product-highlights__card-subtitle{margin:0;font-family:var(--text-font-family, "DM Sans", sans-serif);font-size:var(--text-base, 16px);font-weight:300;line-height:1.4;color:var(--text-color, #000000)}@media(min-width:700px){.c-product-highlights{padding-block:var(--spacing-12, 48px)}.c-product-highlights__grid{--ph-card-width: 45vw}}@media(min-width:1000px){.c-product-highlights{padding-block:var(--spacing-14, 60px)}.c-product-highlights__container{max-width:var(--container-max-width, 1200px)}.c-product-highlights__header{align-items:center}.c-product-highlights__title,.c-product-highlights__subtitle{padding-inline:0;text-align:center}.c-product-highlights .floating-controls-container{margin-left:0;margin-right:0}.c-product-highlights:not(.c-product-highlights--desktop-slider) .c-product-highlights__grid{--ph-items-per-row: var(--ph-desktop-columns, 3);grid:auto / repeat(var(--ph-items-per-row),1fr);padding-inline:0}.c-product-highlights:not(.c-product-highlights--desktop-slider) .floating-controls-container>button{display:none}}@media(min-width:1000px){.c-product-highlights--desktop-slider .c-product-highlights__grid{--ph-card-width: 30vw;padding-inline:var(--page-gutter, 40px)}.c-product-highlights--desktop-slider .floating-controls-container>button{display:flex}}@media(hover:hover){.c-product-highlights__card-image{transition:transform .3s ease}.c-product-highlights__card:hover .c-product-highlights__card-image{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.c-product-highlights__card-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/custom-product-highlights.css.map */