.shokz-card,.shokz-card *,.shokz-card *::before,.shokz-card *::after{box-sizing:border-box}
.shokz-card{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;background:var(--sc-bg,#fff);color:var(--sc-text,#2f2f2f);border-radius:var(--sc-radius,6px);box-shadow:0 2px 12px rgba(17,17,26,.05),0 2px 12px rgba(17,17,26,.1);font-family:Arial,sans-serif}
.shokz-card__link{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;color:inherit;text-decoration:none!important;border-radius:inherit}
.shokz-card__link:hover,.shokz-card__link:focus{color:inherit;text-decoration:none}
.shokz-card__link:focus-visible{outline:3px solid #f66a29;outline-offset:3px}
.shokz-card__media{display:block;position:relative;aspect-ratio:1/1;margin:10px var(--sc-padding,24px) 0;overflow:hidden;background:var(--sc-bg,#fff)}
.shokz-card__media img.shokz-card__image,.shokz-card__media img.shokz-card__alternate{display:block;width:100%;height:100%;max-width:none;object-fit:var(--sc-fit,contain);object-position:center;transition:opacity .3s ease}
.shokz-card__media img.shokz-card__alternate{position:absolute;inset:0;opacity:0}
@media(hover:hover) and (pointer:fine){.shokz-card__link:hover .shokz-card__media.has-alternate .shokz-card__alternate,.shokz-card__link:focus-visible .shokz-card__media.has-alternate .shokz-card__alternate{opacity:1}}
.shokz-card__info{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;padding:16px var(--sc-padding,24px) 22px;gap:5px}
.shokz-card__name{display:block;color:var(--sc-text,#2f2f2f);font-size:var(--sc-title,22px);font-weight:600;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
.shokz-card__description,.shokz-card__attributes,.shokz-card__stock{display:block;color:var(--sc-text,#2f2f2f);font-size:var(--sc-body,16px);line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.shokz-card__attributes>span{display:block}.shokz-card__attribute-label{font-weight:600}
.shokz-card__price{display:block;margin-top:auto;padding-top:9px;color:var(--sc-price,#111);font-size:var(--sc-price-size,18px);font-weight:600;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.shokz-card__price .amount,.shokz-card__price ins,.shokz-card__price del{color:inherit;white-space:normal}.shokz-card__price del{opacity:.68;font-size:.9em}.shokz-card__price ins{text-decoration:none}
.shokz-card__actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 var(--sc-padding,24px) 20px}
.shokz-card__actions a,.shokz-card__actions button,.shokz-card__actions .button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:40px;margin:0;padding:10px 14px;border:1px solid var(--sc-button,#111);border-radius:4px;background:var(--sc-button,#111);color:var(--sc-button-text,#fff);font:600 14px/1.2 Arial,sans-serif;white-space:normal;text-align:center;text-decoration:none;overflow-wrap:anywhere;opacity:1}
.shokz-card__actions a:hover,.shokz-card__actions button:hover,.shokz-card__actions a:focus-visible,.shokz-card__actions button:focus-visible{background:var(--sc-button,#111);color:var(--sc-button-text,#fff);opacity:.86}.shokz-card__actions a:focus-visible,.shokz-card__actions button:focus-visible{outline:3px solid #f66a29;outline-offset:3px}
@media(max-width:767px){.shokz-card__media{margin-left:21px;margin-right:21px}.shokz-card__info{padding-left:16px;padding-right:16px}.shokz-card__name{font-size:clamp(18px,var(--sc-title,22px),21px)}.shokz-card__actions{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.shokz-card__media img.shokz-card__image,.shokz-card__media img.shokz-card__alternate{transition:none}}

/* Stretch real provider cards to the available row height without clipping content. */
.product-small.col:has(> .col-inner > .shokz-card){display:flex;flex-direction:column}
.product-small.col:has(> .col-inner > .shokz-card) > .col-inner{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
.product-small.col:has(> .col-inner > .shokz-card) > .col-inner > .shokz-card{height:auto;flex:1 1 auto}
.shokz-products__item > .product-small.col:has(> .col-inner > .shokz-card){height:100%}