/* Bakım Sepeti 1.56 — homepage-only visual system.
   Loaded LAST by home-page.php; no checkout/admin behavior changes.
   No invented prices, stock levels, shipping promises, or test copy. */
body.med-store {
  --premium-ink:#173b34;
  --premium-deep:#123b35;
  --premium-teal:#087d6d;
  --premium-line:#e3eae6;
  --premium-muted:#62766f;
  --premium-canvas:#fafbf9;
  background:#fff;
  color:var(--premium-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.med-store :is(a,button,input,select):focus-visible {
  outline:3px solid #d6aa60;
  outline-offset:3px;
}
body.med-store .wrap {max-width:1380px;padding-inline:32px}
body.med-store .med-topbar {min-height:34px;background:#17473f;color:#f3faf6;font-size:12px;font-weight:600;letter-spacing:.015em;padding:7px 15px}
body.med-store .med-topbar a {color:#fff!important}

/* Clean, high-density retail header. Existing account/cart links are untouched. */
body.med-store .med-header {background:rgba(255,255,255,.98);box-shadow:0 2px 17px rgba(12,58,47,.045);border-bottom:1px solid #e5eeea}
@media (min-width:1200px) {
  body.med-store .med-header .med-header-row {width:calc(100% - 64px);max-width:1510px;grid-template-columns:170px minmax(280px,1fr) max-content;column-gap:clamp(20px,2.5vw,42px);min-height:94px}
  body.med-store .med-header-row .med-search {max-width:760px;justify-self:stretch}
  body.med-store .med-header-row .med-customer-actions {gap:6px}
}
body.med-store .med-search {height:53px;border-radius:12px;background:#f7f9f7;border:1px solid #dce7e1;box-shadow:none;transition:border-color .2s,box-shadow .2s}
body.med-store .med-search:focus-within {border-color:#8dbdaf;box-shadow:0 0 0 3px #0b8a7516}
body.med-store .med-search input {min-width:0;padding:13px 18px;color:#224f44;font-size:14px}
body.med-store .med-search input::placeholder {color:#89978e}
body.med-store .med-search button {height:100%;padding:0 22px;border-radius:0 10px 10px 0;background:#0a8170;font-weight:750}
body.med-store .med-search button:hover {background:#096c5d}
body.med-store .med-header-row .med-customer-actions a {font-weight:650;color:#2a554b;font-size:12px;min-height:42px;border-radius:10px;border-color:transparent;background:transparent;box-shadow:none;transition:background .2s,color .2s}
body.med-store .med-header-row .med-customer-actions a .med-ui-icon {width:18px;height:18px;color:#247968}
body.med-store .med-header-row .med-customer-actions a:not(.med-pill-cart):hover {background:#f0f6f2;color:#08715d}
body.med-store .med-header-row .med-customer-actions .med-pill-cart {background:#e5f3eb;color:#0a6d5e!important;border:1px solid #cce3d8;padding:11px 14px;box-shadow:none}
body.med-store .med-header .logo img {max-width:100%;height:auto}
body.med-store .med-nav {border-top:1px solid #eef1ed;background:#fff}
body.med-store .med-nav .wrap {min-height:51px;display:flex;justify-content:space-between;align-items:center;gap:18px}
body.med-store .med-nav a {font-size:12px;font-weight:700;color:#385a51;letter-spacing:-.005em;padding:16px 0;transition:color .2s}
body.med-store .med-nav a:hover,body.med-store .med-nav a.is-active {color:#087b69}
body.med-store .med-nav a.is-active {box-shadow:inset 0 -2px 0 #168b76}

/* Hero: editorial layout, one large real admin-controlled photo, no decorative icon clutter. */
body.med-store .med-hero {padding:26px 0 0;background:#fff;overflow:visible}
body.med-store .med-hero .med-slides {position:relative;min-height:0;background:linear-gradient(116deg,#e9f1ec 0%,#f3f5f0 58%,#f8efe7 100%);border:1px solid #dfe9e0;border-radius:26px;overflow:hidden;padding:0 53px;box-shadow:0 12px 40px rgba(25,67,53,.055)}
body.med-store .med-hero .med-hero-slide {min-height:485px;gap:38px;padding:35px 0;align-items:center}
body.med-store .med-hero .med-hero-text {padding:18px 0 26px;max-width:555px;flex:1}
body.med-store .med-hero .med-eyebrow {background:none;border:0;border-radius:0;letter-spacing:2px;font-size:11px;color:#217466;font-weight:800;padding:0;display:inline-block}
body.med-store .med-hero .med-eyebrow:before {content:"";display:inline-block;width:21px;height:1px;background:#2b8f7c;vertical-align:middle;margin-right:11px}
body.med-store .med-hero h1 {max-width:560px;font-size:clamp(38px,3.7vw,60px);font-weight:780;letter-spacing:-2.2px;line-height:1.12;color:#173b34;margin:23px 0 17px;text-wrap:balance;overflow-wrap:anywhere}
body.med-store .med-hero p {font-size:15px;line-height:1.8;color:#586f65;max-width:500px;margin-bottom:26px}
body.med-store .med-hero .med-btn {border-radius:10px;min-height:48px;box-shadow:none;font-size:13px;letter-spacing:0;padding:14px 21px;background:#087d6b}
body.med-store .med-hero .med-btn:hover {background:#075f52}
body.med-store .med-hero .med-btn.ghost {background:transparent;color:#0c6657!important;border:1px solid #c6d8cf}
body.med-store .med-hero .med-btn.ghost:hover {background:#fff9}
body.med-store .med-slides .med-hero-visual {width:47%;max-width:560px;padding:0;filter:none;align-self:stretch;display:flex;align-items:center;justify-content:center}
body.med-store .med-slides .med-hero-visual img {width:100%;height:408px;max-height:none;object-fit:cover;border-radius:19px;padding:0;background:#e5ede7;box-shadow:0 20px 42px rgba(16,59,47,.12)}
body.med-store .med-carousel-controls {bottom:20px;right:50px;gap:12px}
body.med-store .med-carousel-controls>button {width:35px;height:35px;border:1px solid #d4e4dc;background:#fff;color:#226557;font-size:21px;box-shadow:none}
body.med-store .med-slide-dots button {background:#aabfb4}
body.med-store .med-slide-dots button.active {background:#0c7d6b}

/* Concise trust bar. Keep claims factual, based on configured shipping and actual routes. */
body.med-store .med-trust {background:#fff;border-bottom:1px solid #e9eeeb}
body.med-store .med-trust .wrap {padding-top:29px;padding-bottom:29px;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
body.med-store .med-trust-item {padding:0 30px;gap:15px;align-items:center}
body.med-store .med-trust-item:first-child {padding-left:0}
body.med-store .med-trust-item:not(:last-child) {border-right:1px solid #e4ebe6}
body.med-store .med-trust-icon {background:#f0f6f1;color:#127967;border:1px solid #e4eee7;border-radius:12px;width:45px;height:45px;box-shadow:none}
body.med-store .med-trust strong {font-size:13px;font-weight:750;color:#29483d;margin:0 0 4px}
body.med-store .med-trust span {font-size:11px;color:#73847c;line-height:1.5}
body.med-store .med-retail-highlights {background:#fcfcfa;border-top:0;border-bottom:1px solid #e9eee9;padding:40px 0}
body.med-store .med-retail-highlights-inner {gap:35px}
body.med-store .med-retail-highlights span {letter-spacing:1.5px;font-size:10px}
body.med-store .med-retail-highlights h2 {font-size:clamp(23px,2.35vw,31px);font-weight:760;letter-spacing:-.9px;line-height:1.22;margin:9px 0}
body.med-store .med-retail-highlights p {font-size:13px;line-height:1.7}
body.med-store .med-retail-highlights a {min-height:46px;border-radius:10px;background:#1b5147;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px}
body.med-store .med-retail-highlights a:hover {background:#0e6c5b}

/* Typography rhythm and section breathing room. */
body.med-store .med-section,body.med-store .med-category-banners-section {padding-block:62px}
body.med-store .med-section.soft {background:#f9faf8}
body.med-store .med-section-heading {margin-bottom:28px;align-items:flex-end}
body.med-store .med-overline,body.med-store .med-campaign-overline {font-size:10px;font-weight:800;letter-spacing:1.8px;color:#10806e}
body.med-store .med-section h2,body.med-store .med-campaign-heading h2 {font-size:clamp(26px,2.5vw,36px);line-height:1.18;letter-spacing:-1px;color:#173b34;font-weight:770}
body.med-store .med-section-sub {color:#71847a;line-height:1.7;font-size:13px;margin-top:11px}
body.med-store .med-more {font-size:12px;color:#0a7162!important;border-bottom:1px solid #b7d4c8;padding-bottom:5px;white-space:nowrap}

/* Category galleries: real photos at a consistent editorial ratio. */
body.med-store .med-category-banners-section {background:#fff}
body.med-store .med-category-banner-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.med-store .med-category-banner-grid .med-category-banner {background:#fff;border:1px solid #e3eae5;border-radius:17px;box-shadow:none;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
body.med-store .med-category-banner:hover {transform:translateY(-3px);box-shadow:0 14px 34px rgba(24,57,44,.08);border-color:#cbdad0}
body.med-store .med-category-banner-image {aspect-ratio:1.55;background:#f0f4f1}
body.med-store .med-category-banner-grid .med-category-banner img {object-fit:cover;transition:transform .3s}
body.med-store .med-category-banner-body {min-height:117px;padding:18px 18px 20px;gap:8px}
body.med-store .med-category-banner-body strong {font-size:16px;line-height:1.32;color:#173d35;font-weight:760}
body.med-store .med-category-banner-body small {color:#7a8d83;font-size:12px;line-height:1.4}
body.med-store .med-category-banner-cta {font-size:11px;color:#0b7b6b;letter-spacing:.005em;font-weight:770;padding-top:12px}

/* Campaigns: one restrained family instead of six unrelated saturated palettes. */
body.med-store .med-campaign-section {padding-block:53px;background:#f9faf8}
body.med-store .med-campaign-section--tint {background:#fff}
body.med-store .med-campaign-section--short {background:#f9faf8;padding-block:45px}
body.med-store .med-campaign-heading {margin-bottom:25px}
body.med-store .med-campaign-heading p {font-size:13px;line-height:1.6;color:#72857b}
body.med-store .med-campaign-grid {gap:18px}
body.med-store .med-campaign-card {border-radius:18px;min-height:244px;border:1px solid #e4eae4;box-shadow:none;background:#edf3eb;color:#1b4036}
body.med-store .med-campaign-card--2,body.med-store .med-campaign-card--4,body.med-store .med-campaign-card--6 {background:#e6eeeb;color:#1b4036}
body.med-store .med-campaign-card--1,body.med-store .med-campaign-card--3,body.med-store .med-campaign-card--5 {background:#f2eee6;color:#34453e}
body.med-store .med-campaign-copy {align-items:flex-start;text-align:left;padding:22px 20px 22px 9px}
body.med-store .med-campaign-kicker {font-size:10px;color:#257d6a;letter-spacing:1.15px}
body.med-store .med-campaign-copy h3 {font-size:clamp(21px,2vw,27px);line-height:1.18;letter-spacing:-.7px;font-weight:770;margin:12px 0 18px;color:#1f4439}
body.med-store .med-campaign-photos {padding:12px;gap:7px}
body.med-store .med-campaign-photos img {border-radius:11px;border:0;box-shadow:none;object-fit:cover}
body.med-store .med-campaign-link {background:#fff;box-shadow:none;border:1px solid #dfebe4;padding:11px 14px;border-radius:10px;font-size:11px;color:#126858!important}
body.med-store .med-discovery-tile {box-shadow:none;border-radius:17px}

/* General supporting story blocks. */
body.med-store .med-size-guide {background:#f3f7f2}
body.med-store .med-size-guide-visual,body.med-store .med-info-card {box-shadow:none;border-radius:17px;overflow:hidden}
body.med-store .med-size-guide-visual img,body.med-store .med-info-card img {border-radius:13px}
body.med-store .med-info h2 {font-size:clamp(27px,2.5vw,36px);font-weight:770;letter-spacing:-.9px}
body.med-store .med-video-showcase {background:#fff}

/* Footer: complete information architecture with real storefront routes. */
body.med-store .med-footer {background:#153d35;color:#f5f8f4;padding:0 0 24px}
body.med-store .med-footer-top {padding:49px 0 45px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid #ffffff29}
body.med-store .med-footer-kicker {color:#b2d5c6;letter-spacing:1.6px;font-size:10px;font-weight:800}
body.med-store .med-footer-top h2 {color:#fff;font-size:clamp(26px,2.7vw,38px);font-weight:740;letter-spacing:-1px;max-width:650px;line-height:1.18;margin:11px 0 10px}
body.med-store .med-footer-top p {font-size:13px;color:#b9cec3;line-height:1.6;max-width:650px;margin:0}
body.med-store .med-footer-contact {display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:#f2f8f3;color:#205449!important;padding:15px 21px;font-weight:750;font-size:13px;white-space:nowrap;flex-shrink:0;line-height:1.1}
body.med-store .med-footer-contact:hover {background:#dbeee4}
body.med-store .med-footer-cols {padding:45px 0 30px;display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:30px}
body.med-store .med-footer h3 {color:#fff;font-size:20px;font-weight:770;letter-spacing:-.3px;margin:0 0 13px}
body.med-store .med-footer h4 {color:#f6f9f7;font-size:13px;font-weight:750;margin:0 0 18px}
body.med-store .med-footer p {color:#bdcfc6;font-size:13px;line-height:1.75;max-width:285px}
body.med-store .med-footer-cols a {color:#bed4c8!important;font-size:12px;line-height:1.6;display:block;margin:0 0 11px;transition:color .2s}
body.med-store .med-footer-cols a:hover {color:#fff!important;text-decoration:underline}
body.med-store .med-footer-address {color:#c7dcd0;border-left:2px solid #6ba998;padding-left:12px;margin-top:20px}
body.med-store .med-footer-bottom {margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:23px;color:#a7c4b6;font-size:11px;line-height:1.5}

/* Tablet and mobile; never hide membership/favourite/cart controls. */
@media(max-width:1199px){
  body.med-store .med-header-row .med-customer-actions a {font-size:12px}
  body.med-store .med-nav .wrap {justify-content:flex-start;gap:23px}
  body.med-store .med-hero .med-slides {padding-inline:35px}
  body.med-store .med-trust-item {padding-inline:17px}
  body.med-store .med-trust-item:first-child {padding-left:0}
}
@media(max-width:900px){
  body.med-store .med-category-banner-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  body.med-store .med-hero .med-hero-slide {min-height:420px;gap:20px}
  body.med-store .med-hero h1 {font-size:clamp(32px,4.5vw,43px);letter-spacing:-1.4px}
  body.med-store .med-slides .med-hero-visual img {height:330px}
  body.med-store .med-footer-cols {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 42px}
}
@media(max-width:760px){
  body.med-store .wrap {padding-inline:18px}
  body.med-store .med-header .med-header-row {padding-inline:16px;gap:12px}
  body.med-store .med-header-row .med-customer-actions {width:100%;display:flex;justify-content:space-between}
  body.med-store .med-header-row .med-customer-actions a {display:inline-flex!important;font-size:11px;gap:4px}
  body.med-store .med-search {height:48px}
  body.med-store .med-search input {font-size:13px}
  body.med-store .med-nav .wrap {min-height:45px;padding-inline:16px;gap:21px}
  body.med-store .med-nav a {font-size:12px;padding:13px 0}
  body.med-store .med-hero {padding-top:15px}
  body.med-store .med-hero .med-slides {border-radius:19px;padding:0 22px}
  body.med-store .med-hero .med-hero-slide {min-height:0;padding:29px 0 42px;gap:10px;flex-direction:column;align-items:stretch}
  body.med-store .med-hero .med-hero-text {max-width:100%;padding:0}
  body.med-store .med-hero .med-eyebrow {font-size:9px;letter-spacing:1.15px}
  body.med-store .med-hero h1 {font-size:clamp(31px,7.4vw,43px);letter-spacing:-1.25px;margin:18px 0 11px}
  body.med-store .med-hero p {font-size:13px;line-height:1.7;margin-bottom:20px}
  body.med-store .med-hero .med-btn {font-size:12px;padding:11px 14px;min-height:43px}
  body.med-store .med-slides .med-hero-visual {padding:0;width:100%;max-width:100%;height:auto;align-self:center}
  body.med-store .med-slides .med-hero-visual img {width:100%;height:220px;object-fit:cover;border-radius:13px}
  body.med-store .med-carousel-controls {bottom:9px;right:20px;gap:6px}
  body.med-store .med-carousel-controls>button {width:29px;height:29px;font-size:18px}
  body.med-store .med-trust .wrap {grid-template-columns:1fr;padding-block:18px;gap:0}
  body.med-store .med-trust-item {border-right:0!important;border-bottom:1px solid #edf0ec;padding:11px 0!important;gap:12px}
  body.med-store .med-trust-item:last-child {border-bottom:0}
  body.med-store .med-trust-icon {width:36px;height:36px}
  body.med-store .med-retail-highlights {padding:30px 0}
  body.med-store .med-retail-highlights h2 {font-size:24px}
  body.med-store .med-retail-highlights a {margin-top:19px}
  body.med-store .med-section,body.med-store .med-category-banners-section {padding-block:42px}
  body.med-store .med-category-banner-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.med-store .med-category-banner-body {min-height:115px;padding:12px 13px 15px}
  body.med-store .med-category-banner-body strong {font-size:13px}
  body.med-store .med-category-banner-body small {font-size:11px}
  body.med-store .med-campaign-section {padding-block:36px}
  body.med-store .med-campaign-grid {grid-template-columns:1fr}
  body.med-store .med-campaign-card {max-width:none}
  body.med-store .med-footer-top {padding-block:35px;display:block}
  body.med-store .med-footer-contact {margin-top:23px}
  body.med-store .med-footer-bottom {display:block}
  body.med-store .med-footer-bottom span {display:block;margin-bottom:7px}
}
@media(max-width:460px){
  body.med-store .med-header-row .med-customer-actions a {padding:8px 4px;font-size:10px}
  body.med-store .med-header-row .med-customer-actions .med-ui-icon {width:15px;height:15px}
  body.med-store .med-header-row .med-customer-actions .med-pill-cart {padding:8px 6px}
  body.med-store .med-hero .med-slides {padding-inline:17px}
  body.med-store .med-hero .med-hero-slide {padding-block:24px 42px}
  body.med-store .med-hero .med-hero-buttons {gap:9px}
  body.med-store .med-hero .med-btn {font-size:11px}
  body.med-store .med-category-banner-body {min-height:115px;padding:12px 11px 14px}
  body.med-store .med-campaign-card {min-height:205px}
  body.med-store .med-campaign-copy {padding:10px 10px 10px 5px}
  body.med-store .med-campaign-copy h3 {font-size:18px}
  body.med-store .med-campaign-photos img {height:185px}
  body.med-store .med-footer-cols {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding-top:32px}
  body.med-store .med-footer-brand {grid-column:1/-1}
  body.med-store .med-footer-cols h4 {font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  body.med-store .med-category-banner-grid .med-category-banner,
  body.med-store .med-category-banner-grid .med-category-banner img {transition:none}
}