/* Bakım Sepeti v1.67 — final storefront polish over v1.66.
   Decorative-only layer. No price, order, stock or media data changes. */

/* Solid sticky header: announcement/trust text must not bleed through while scrolling. */
body.med-store .med-header {
  background:#fff; background-color:#fff; backdrop-filter:none;
  -webkit-backdrop-filter:none; isolation:isolate;
  box-shadow:0 5px 16px rgba(10,73,56,.08);
}
body.med-store .med-header .med-header-row,
body.med-store .med-header .med-nav {background:#fff}
body.med-store .med-announcement {
  z-index:1; isolation:isolate; min-height:39px;
  background:#075c50; color:#fff; opacity:1;
}
body.med-store .med-announcement-item a {color:#fff!important;opacity:1}
body.med-store .med-announcement-item::before {color:#adf1d9}
body.med-store .med-announcement a:focus-visible {outline:2px solid #fff;outline-offset:3px}

/* Four-across cards can keep their real product photos without enormous empty panels. */
body.med-store :is(.med-product-photo,.med-retail-photo) {
  aspect-ratio:auto; height:238px; min-height:0;
  padding:16px; background:#f1f9f4;
}
body.med-store :is(.med-product-photo,.med-retail-photo)::before {inset:8px}
body.med-store :is(.med-product-photo,.med-retail-photo) img {
  width:100%;height:100%;object-fit:contain;
}
body.med-store :is(.med-product-info,.med-retail-body) {
  gap:7px;padding:12px 15px 15px;
}
body.med-store .med-card-meta {min-height:27px}
body.med-store :is(.med-product-info h3,.med-retail-body h2) {
  min-height:40px;line-height:1.4;
}
body.med-store :is(.med-product-info,.med-retail-body) .med-product-excerpt {
  min-height:0;max-height:34px;line-height:1.4;
}
body.med-store .med-card-commerce {gap:7px;padding-top:9px;margin-top:auto}
body.med-store .med-card-commerce :is(.med-price,.med-retail-price) {
  color:#00735d;
}
body.med-store .med-card-actions {margin-top:1px}
body.med-store .med-card-actions .med-card-buy button,
body.med-store .med-card-actions :is(.med-retail-view,.med-product-link) {min-height:40px}
/* Keep authentic badges, favourite buttons, links and form targets intact. */

/* Only one fixed support entry: direct WA/contact is accessible within chat
   when chat is active. If chat is disabled the direct contact remains fixed. */
#bakim-support .bakim-wa-trigger {
  position:static;left:auto;right:auto;bottom:auto;
  width:auto;height:auto;min-height:46px;
}
#bakim-support .bakim-support-actions{width:auto;max-width:calc(100vw - 24px)}
#bakim-support .bakim-chat-trigger,
#bakim-support .bakim-wa-trigger{font-size:13px!important;min-height:46px}
#bakim-support .bakim-chat-bottom a{color:#006c58!important;text-decoration:underline}

@media(min-width:1200px){
 body.med-store .med-retail-grid--short :is(.med-retail-photo){height:260px}
 body.med-store .med-products--limited :is(.med-product-photo){height:260px}
}
@media(max-width:850px){
 body.med-store :is(.med-product-photo,.med-retail-photo){height:205px;padding:12px}
 body.med-store :is(.med-product-info,.med-retail-body){padding:11px}
}
@media(max-width:600px){
 body.med-store :is(.med-product-photo,.med-retail-photo){height:164px;padding:8px}
 body.med-store :is(.med-product-photo,.med-retail-photo)::before{inset:4px}
 body.med-store :is(.med-product-info,.med-retail-body){gap:6px;padding:10px}
 body.med-store :is(.med-product-info h3,.med-retail-body h2){min-height:34px}
 body.med-store .med-card-commerce{padding-top:8px}
 body.med-store .med-card-actions .med-card-buy button,
 body.med-store .med-card-actions :is(.med-retail-view,.med-product-link){min-height:39px}
 #bakim-support .bakim-wa-trigger{min-height:43px}
}
@media(max-width:380px){
 body.med-store :is(.med-product-photo,.med-retail-photo){height:185px}
}
@media(prefers-reduced-motion:reduce){
 body.med-store .med-announcement-track{animation:none}
}