/* Shared card slots for shelves, category/search results and related products. */
.product{position:relative;--card-image-height:240px;--card-padding:16px}
.product .product-image{height:var(--card-image-height);padding:var(--card-padding);flex-shrink:0}
.product .product-info{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:24px 44px minmax(72px,auto) auto;align-content:start;align-items:start;gap:10px;padding:var(--card-padding);flex:1;min-width:0}
.product .shelf-brand{display:inline-flex;align-items:center;justify-self:start;align-self:start;min-height:24px;max-width:100%;margin:0;padding:3px 9px;border:0;border-radius:20px;background:var(--gc-tabs-blue-soft);color:var(--gc-blue-dark);font:500 11px/1.6 Inter,Cairo,Arial,sans-serif;overflow-wrap:anywhere}
.product .product-info h3{height:44px;margin:0;min-width:0}
.product .product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:44px;min-height:0;margin:0;text-align:start;font-size:12px;line-height:1.8}
.card-discount{position:absolute;inset-block-start:12px;inset-inline-start:12px;z-index:1;pointer-events:none;padding:4px 9px;border-radius:6px;background:#bd3023;color:white;font:700 11px/1.6 Cairo,Arial,sans-serif}
.product .card-commerce{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:10px;width:100%;margin:0;min-width:0}
.product .card-price-group{display:grid;grid-template-rows:18px 26px 18px;justify-items:start;gap:4px;min-width:0;align-content:center}
.product .card-price-group del{grid-row:1;display:block;direction:ltr;justify-self:start;color:var(--gc-muted);font:500 11px/1.6 Inter,Cairo,Arial,sans-serif;overflow-wrap:anywhere}
.product .card-price-group .product-price{grid-row:2;grid-column:1;margin:0;font:800 17px/1.5 Inter,Cairo,Arial,sans-serif;direction:ltr;justify-self:start;max-width:100%;flex-wrap:wrap}
.product .card-price-group .product-price small{font:400 10px/1.6 Cairo,Arial,sans-serif;color:var(--gc-muted)}
.product .card-price-group .card-saving{grid-row:3;justify-self:start;text-align:start;color:#17633d;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.product .card-meta{display:grid;justify-items:end;align-content:center;gap:9px;min-width:0;font-size:10px;line-height:1.6;text-align:end}
.card-stock{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;font-weight:600;color:#17633d;max-width:100%;overflow-wrap:anywhere}
.card-stock::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.card-stock.out{color:#a72c24}.card-stock.unknown{color:#596575}
.card-views{display:inline-flex;align-items:center;gap:5px;color:#596575;font:500 11px/1.5 Inter,Cairo,Arial,sans-serif}
.card-views svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.product .card-demo-note{display:block;align-self:end;margin:0;padding-top:8px;border-top:1px solid #edf0f3;font-size:9px;color:var(--gc-muted);line-height:1.6}
.product .product-bottom{min-height:60px;padding:8px 14px;gap:10px}
.product .product-bottom .add{width:44px;height:44px;flex-shrink:0}
.product .product-bottom .add:disabled{cursor:not-allowed;background:#edf0f3;color:#78818c;border-color:#dce2e8}
.product .product-bottom .product-note{font-size:9px;line-height:1.7;min-width:0}
.detail-related .product-grid{grid-template-columns:repeat(auto-fill,var(--catalog-card-width));gap:var(--catalog-grid-gap);justify-content:start;align-items:stretch}
@media(max-width:1100px) and (min-width:851px){.product{--card-image-height:185px;--card-padding:12px}}
@media(max-width:850px){.product{--card-image-height:200px;--card-padding:13px}}
@media(max-width:600px){
 .product{--card-image-height:160px;--card-padding:12px}
 .product .product-info{grid-template-rows:24px 44px minmax(108px,auto) auto;gap:8px}
 .product .shelf-brand{font-size:10px;padding:3px 7px}
 .product .product-name{font-size:11px}
 .product .card-price-group .product-price{font-size:15px}
 .card-discount{inset-block-start:8px;inset-inline-start:8px;font-size:10px;padding:3px 7px}
 .product .card-commerce{grid-template-columns:minmax(0,1fr);gap:8px}
 .product .card-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:start;gap:6px 10px}
 .card-stock{justify-content:flex-start}
 .product .product-bottom{padding:8px}
}