/* BAKIM SEPETI v1.59: Unified product merchandising cards.
   Presentation only. Existing real prices, stock guards, CSRF and shopping flows are untouched. */
body.med-store{--card159-ink:#183f34;--card159-accent:#0c8068;--card159-border:#e0e9e3;--card159-muted:#657b70}
body.med-store :is(.med-products,.med-retail-grid){align-items:stretch;gap:22px}
body.med-store :is(.med-product,.med-retail-card){display:flex;flex-direction:column;min-width:0;border:1px solid var(--card159-border);border-radius:18px;background:#fff;box-shadow:0 5px 22px rgba(24,61,51,.05);overflow:hidden;transition:box-shadow .22s,border-color .22s,transform .22s}
body.med-store :is(.med-product,.med-retail-card):hover{border-color:#a9ceb9;box-shadow:0 16px 42px rgba(18,65,49,.12);transform:translateY(-3px)}
body.med-store :is(.med-product-photo,.med-retail-photo){isolation:isolate;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;min-height:0;padding:25px;background:#f5f8f5;border-bottom:1px solid #edf1ed;overflow:hidden}
body.med-store :is(.med-product-photo,.med-retail-photo)::before{content:"";position:absolute;inset:12px;background:#fff;border:1px solid #edf1ee;border-radius:13px;z-index:0}
body.med-store :is(.med-product-photo,.med-retail-photo) img{position:relative;z-index:1;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transition:transform .25s ease}
body.med-store :is(.med-product,.med-retail-card):hover :is(.med-product-photo,.med-retail-photo) img{transform:scale(1.035)}
body.med-store :is(.med-product-photo,.med-retail-photo) .med-promo-tags{z-index:3;inset:18px 18px auto;max-width:calc(100% - 36px);gap:5px}
body.med-store :is(.med-product-photo,.med-retail-photo) .med-promo-tag{border-radius:6px;box-shadow:0 4px 12px rgba(17,56,40,.12);line-height:1.2;max-width:100%}
body.med-store :is(.med-product-info,.med-retail-body){display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;padding:15px 17px 17px}
body.med-store .med-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:29px}
body.med-store .med-card-sku{display:block;min-width:0;color:#7a8b80;font-size:10px;letter-spacing:.35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.med-store .med-card-meta :is(.med-fav-form,.med-fav-link){margin:0;flex:0 0 auto}
body.med-store .med-card-meta .med-fav-form{display:flex}
body.med-store .med-card-meta :is(.med-fav-button,.med-fav-link){width:31px;height:31px;min-width:31px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #dceae0!important;background:#f8fbf8!important;border-radius:50%;color:#15765d!important;box-shadow:none}
body.med-store .med-card-meta :is(.med-fav-button,.med-fav-link) .med-ui-icon{width:16px;height:16px}
/* Label stays in DOM for accessible button name, visually clipped rather than display:none */
body.med-store .med-card-meta :is(.med-fav-button,.med-fav-link)>span:not(.med-ui-icon){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.med-store .med-card-meta :is(.med-fav-button,.med-fav-link):hover{background:#e5f4ed!important;border-color:#a4d0b6!important}
body.med-store :is(.med-product-info h3,.med-retail-body h2){margin:0;font-size:14px;font-weight:780;line-height:1.52;letter-spacing:-.18px;min-height:43px;color:var(--card159-ink);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
body.med-store :is(.med-product-info,.med-retail-body) .med-product-excerpt{margin:0;min-height:35px;max-height:40px;font-size:11.5px;line-height:1.5;color:var(--card159-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.med-store :is(.med-product-info,.med-retail-body) .med-size-tags{gap:5px}
body.med-store :is(.med-product-info,.med-retail-body) .med-size-tags span{background:#f0f7f2;border-color:#dfece3;color:#315c4d;border-radius:6px}
body.med-store .med-card-commerce{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #e8efea}
body.med-store .med-card-commerce .med-price-stack{display:flex;gap:5px 9px;align-items:baseline;flex-wrap:wrap;margin:0;padding:0;min-height:28px}
body.med-store .med-card-commerce :is(.med-price,.med-retail-price){font-size:23px;line-height:1.2;font-weight:850;color:#0f634e;letter-spacing:-.65px;white-space:nowrap}
body.med-store .med-card-commerce .med-old-price{font-size:12px;font-weight:650;color:#87998c;white-space:nowrap;text-decoration:line-through}
body.med-store .med-card-commerce :is(.med-price-note,.med-retail-price-notice){font-size:12px;line-height:1.4;color:#6c8174;min-height:28px}
body.med-store .med-card-commerce .med-stock{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:0;background:transparent!important;border:0;font-size:11px;font-weight:700}
body.med-store .med-card-commerce .med-stock::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:currentColor}
body.med-store .med-card-commerce .med-stock.is-available{color:#327a55}
body.med-store .med-card-commerce .med-stock.is-unavailable{color:#b35347}
body.med-store .med-card-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:stretch;gap:7px;margin-top:3px}
body.med-store .med-card-actions .med-card-buy{display:flex;align-items:stretch;min-width:0;margin:0}
body.med-store .med-card-actions .med-card-buy button{width:100%;min-height:43px;margin:0;display:flex;justify-content:center;align-items:center;gap:7px;border-radius:9px;border:1px solid #0f8068;background:#087e65;color:#fff;padding:10px 8px;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;cursor:pointer}
body.med-store .med-card-actions .med-card-buy button:hover{background:#07644e;border-color:#07644e}
body.med-store .med-card-actions .med-card-buy button .med-ui-icon{width:16px;height:16px;flex:0 0 auto}
body.med-store .med-card-actions :is(.med-retail-view,.med-product-link){width:100%;min-width:0;min-height:43px;display:flex;align-items:center;justify-content:center;margin:0;padding:8px 5px;background:#f5faf7;border:1px solid #c9dfd1;color:#1b6a52!important;border-radius:9px;font-size:11px;line-height:1.25;font-weight:750;text-decoration:none;text-align:center}
body.med-store .med-card-actions :is(.med-retail-view,.med-product-link):hover{background:#e9f5ed;border-color:#97c8a9}
body.med-store .med-card-actions :is(.med-retail-view,.med-product-link):only-child{grid-column:1/-1}
body.med-store :is(.med-product,.med-retail-card) a:focus-visible,body.med-store :is(.med-product,.med-retail-card) button:focus-visible{outline:3px solid #d6a24d;outline-offset:3px}
@media(max-width:1100px){body.med-store :is(.med-products,.med-retail-grid){gap:15px}body.med-store :is(.med-product-info,.med-retail-body){padding:13px;gap:9px}body.med-store .med-card-actions{grid-template-columns:1fr}body.med-store .med-card-actions :is(.med-retail-view,.med-product-link){min-height:37px}}
@media(max-width:760px){body.med-store :is(.med-products,.med-retail-grid){gap:11px}body.med-store :is(.med-product-photo,.med-retail-photo){padding:15px}body.med-store :is(.med-product-photo,.med-retail-photo)::before{inset:6px}body.med-store :is(.med-product-photo,.med-retail-photo) .med-promo-tags{inset:9px 9px auto;max-width:calc(100% - 18px)}body.med-store :is(.med-product-info,.med-retail-body){padding:12px;gap:8px}body.med-store :is(.med-product-info h3,.med-retail-body h2){font-size:12.5px;line-height:1.45;min-height:36px}body.med-store .med-card-commerce :is(.med-price,.med-retail-price){font-size:19px}body.med-store .med-card-actions .med-card-buy button{min-height:40px}body.med-store .med-card-sku{font-size:9px}}
@media(max-width:370px){body.med-store :is(.med-products,.med-retail-grid){grid-template-columns:1fr}body.med-store .med-card-actions{grid-template-columns:1.25fr .75fr}}
@media(prefers-reduced-motion:reduce){body.med-store :is(.med-product,.med-retail-card),body.med-store :is(.med-product-photo,.med-retail-photo) img{transition:none!important}body.med-store :is(.med-product,.med-retail-card):hover{transform:none}}