:root {
  --yk-red: #e31b35;
  --yk-ink: #111b28;
  --yk-line: #d8e2ee;
  --yk-soft: #f5f8fc;
  --yk-green: #0b8b55;
}

/* OBDeleven deep vehicle browser */
.yk-obd-deep {
  --obd-ink: #152131;
  --obd-muted: #607087;
  --obd-line: #d9e3ee;
  --obd-teal: #087f78;
  --obd-soft: #f5f8fb;
}
.yk-obd-deep__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  margin-bottom: 14px;
  padding: 18px;
  border: 1px solid #d7e2ee;
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(4, 138, 127, .14), transparent 34%),
    linear-gradient(135deg, #111c2c 0%, #17304b 100%);
  color: #fff;
  box-shadow: 0 12px 30px rgba(17, 33, 53, .12);
}
.yk-obd-deep__eyebrow { display: inline-flex; gap: 7px; align-items: center; color: #70ded0; font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.yk-obd-deep__hero h3 { margin: 7px 0 5px; color: #fff; font-size: clamp(20px, 2.2vw, 30px); font-weight: 850; line-height: 1.1; }
.yk-obd-deep__hero p { max-width: 720px; margin: 0; color: #c7d4e1; font-size: 12px; font-weight: 580; line-height: 1.55; }
.yk-obd-deep__stats { display: grid; grid-template-columns: repeat(3, minmax(74px, 1fr)); gap: 7px; }
.yk-obd-deep__stats span { min-width: 76px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(255,255,255,.075); text-align: center; backdrop-filter: blur(5px); }
.yk-obd-deep__stats b, .yk-obd-deep__stats small { display: block; }
.yk-obd-deep__stats b { color: #fff; font-size: 18px; font-weight: 900; }
.yk-obd-deep__stats small { margin-top: 2px; color: #aebed0; font-size: 8.5px; font-weight: 700; white-space: nowrap; }
.yk-obd-deep .yk-obd-local__toolbar { margin-bottom: 12px; padding: 8px; border: 1px solid var(--obd-line); border-radius: 14px; background: #f7f9fc; }
.yk-obd-deep .yk-obd-local__toolbar label { min-height: 46px; border-color: #cbd9e7; box-shadow: none; }
.yk-obd-deep .yk-obd-local__toolbar input { font-size: 13px; font-weight: 650; }
.yk-obd-deep .yk-obd-local__filters button { min-height: 36px; padding-inline: 13px; font-size: 10.5px; }
.yk-obd-deep__workspace { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.55fr); gap: 12px; align-items: start; }
.yk-obd-deep__brands { padding: 10px; border: 1px solid var(--obd-line); border-radius: 15px; background: #f7f9fc; }
.yk-obd-deep .yk-obd-local__count { margin: 0 2px 8px; font-size: 10px; }
.yk-obd-deep .yk-obd-local__grid { grid-template-columns: 1fr; gap: 6px; max-height: 616px; }
.yk-obd-deep .yk-obd-brand { grid-template-columns: 48px minmax(0, 1fr) 16px; min-height: 62px; padding: 7px 9px; border-color: #d9e2ec; border-radius: 12px; }
.yk-obd-deep .yk-obd-brand__logo { width: 48px; height: 48px; padding: 6px; }
.yk-obd-deep .yk-obd-brand b { font-size: 12px; font-weight: 780; }
.yk-obd-deep .yk-obd-brand small { margin-top: 3px; font-size: 9px; font-weight: 620; }
.yk-obd-deep .yk-obd-brand.is-selected { border-color: #079484; background: #eaf8f5; box-shadow: 0 0 0 2px rgba(7, 148, 132, .1); }
.yk-obd-deep .yk-obd-local__result { min-height: 300px; margin-top: 0; padding: 16px; border-radius: 15px; background: #fff; box-shadow: inset 4px 0 0 var(--obd-teal), 0 10px 28px rgba(18, 40, 64, .07); }
.yk-obd-deep .yk-obd-result__head { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 11px; padding-bottom: 13px; border-bottom: 1px solid #e1e8f0; }
.yk-obd-deep .yk-obd-result__logo { width: 56px; height: 56px; padding: 7px; }
.yk-obd-deep .yk-obd-result__head small { font-size: 9px; }
.yk-obd-deep .yk-obd-result__head b { font-size: 20px; font-weight: 850; }
.yk-obd-deep .yk-obd-result__level { padding: 7px 10px; font-size: 9px; }
.yk-obd-result__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 9px; }
.yk-obd-result__facts span { padding: 10px 11px; border: 1px solid #dce5ee; border-radius: 10px; background: #f7f9fc; }
.yk-obd-result__facts small, .yk-obd-result__facts b { display: block; }
.yk-obd-result__facts small { color: #75859a; font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.yk-obd-result__facts b { margin-top: 4px; color: #253648; font-size: 10.5px; font-weight: 720; line-height: 1.4; }
.yk-obd-deep .yk-obd-result__features { margin-bottom: 13px; }
.yk-obd-deep .yk-obd-result__features span { padding: 6px 8px; border: 1px solid #dfe8ef; background: #f9fbfc; font-size: 9px; font-weight: 680; }
.yk-obd-models { overflow: hidden; border: 1px solid #d9e4ee; border-radius: 13px; background: #f6f9fb; }
.yk-obd-models__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .8fr); gap: 10px; align-items: center; padding: 12px; border-bottom: 1px solid #dce5ed; background: #eef3f7; }
.yk-obd-models__head b, .yk-obd-models__head small { display: block; }
.yk-obd-models__head b { color: #182637; font-size: 13px; font-weight: 820; }
.yk-obd-models__head small { margin-top: 2px; color: #6a7a8d; font-size: 9px; font-weight: 620; }
.yk-obd-models__head label { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 6px; align-items: center; min-height: 38px; padding: 0 10px; border: 1px solid #cad8e5; border-radius: 10px; background: #fff; }
.yk-obd-models__head label i { color: var(--obd-teal); }
.yk-obd-models__head input { width: 100%; min-width: 0; height: 36px; padding: 0; border: 0; outline: 0; background: transparent; color: #1a2a3c; font-size: 10px; font-weight: 650; }
.yk-obd-models__loading { display: flex; gap: 8px; align-items: center; justify-content: center; min-height: 148px; color: #60748a; font-size: 11px; font-weight: 700; }
.yk-obd-models__loading i { color: var(--obd-teal); font-size: 18px; }
.yk-obd-model { border-bottom: 1px solid #e0e8ef; background: #fff; }
.yk-obd-model:last-child { border-bottom: 0; }
.yk-obd-model > summary { display: grid; grid-template-columns: 64px minmax(0, 1fr) 18px; gap: 10px; align-items: center; min-height: 74px; padding: 6px 11px 6px 8px; color: #172536; cursor: pointer; list-style: none; }
.yk-obd-model > summary::-webkit-details-marker { display: none; }
.yk-obd-model > summary:hover { background: #f8fbfc; }
.yk-obd-model[open] > summary { background: #eef8f6; }
.yk-obd-model > summary > .fa-angle-down { color: #74869a; transition: transform .18s ease; }
.yk-obd-model[open] > summary > .fa-angle-down { transform: rotate(180deg); }
.yk-obd-model__image { display: grid; width: 64px; height: 58px; place-items: center; overflow: hidden; border: 1px solid #e1e8ef; border-radius: 9px; background: #fff; color: #9aa9b8; }
.yk-obd-model__image img { width: 100%; height: 100%; object-fit: contain; }
.yk-obd-model__name b { display: block; color: #19283a; font-size: 12px; font-weight: 780; }
.yk-obd-model__name small { display: block; margin-top: 4px; color: #6a7c90; font-size: 9px; font-weight: 620; }
.yk-obd-model__name small i { color: #0a8e80; }
.yk-obd-model__name small em { padding: 0 3px; font-style: normal; color: #b0bbc6; }
.yk-obd-model__body { padding: 0 12px 12px 82px; background: #f6fbfa; }
.yk-obd-model__body ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; margin: 0; padding: 0; list-style: none; }
.yk-obd-model__body li { padding: 6px 8px; border: 1px solid #d9e8e4; border-radius: 8px; background: #fff; color: #41566a; font-size: 8.5px; font-weight: 620; line-height: 1.35; }
.yk-obd-model__body p { margin: 0; color: #607286; font-size: 9px; }
.yk-obd-models__more { display: block; width: calc(100% - 20px); min-height: 39px; margin: 10px; border: 1px solid #b9d5d0; border-radius: 10px; background: #e9f7f4; color: #087766; font-size: 10px; font-weight: 800; cursor: pointer; }
.yk-obd-models__more:hover { background: #ddf2ed; }
.yk-obd-models__more[hidden] { display: none; }
.yk-obd-models__empty { display: grid; min-height: 150px; place-content: center; padding: 18px; color: #65788d; text-align: center; }
.yk-obd-models__empty i { margin-bottom: 6px; color: #0d8b7f; font-size: 24px; }
.yk-obd-models__empty b, .yk-obd-models__empty span { display: block; }
.yk-obd-models__empty b { color: #26384a; font-size: 12px; }
.yk-obd-models__empty span { max-width: 370px; margin-top: 4px; font-size: 9.5px; line-height: 1.45; }
.yk-obd-models__empty button { justify-self: center; min-height: 34px; margin-top: 9px; padding: 0 12px; border: 0; border-radius: 8px; background: #152131; color: #fff; font-size: 9.5px; font-weight: 800; cursor: pointer; }
.yk-obd-result__warning { display: flex; gap: 7px; margin: 11px 0 0; padding: 9px 10px; border: 1px solid #eadfbe; border-radius: 9px; background: #fffbef; color: #6c624e; font-size: 9px; font-weight: 620; line-height: 1.45; }
.yk-obd-result__warning i { margin-top: 2px; color: #c88b13; }
.yk-obd-deep .yk-obd-local__device-note { margin-top: 12px; padding: 11px 12px; }
.yk-obd-deep .yk-obd-local__device-note b { font-size: 10px; }
.yk-obd-deep .yk-obd-local__device-note span { font-size: 9.5px; }

@media (max-width: 900px) {
  .yk-obd-deep__hero { grid-template-columns: 1fr; gap: 14px; }
  .yk-obd-deep__stats { max-width: 420px; }
  .yk-obd-deep__workspace { grid-template-columns: minmax(210px, .72fr) minmax(0, 1.4fr); }
}

@media (max-width: 680px) {
  .yk-obd-deep__hero { padding: 14px; border-radius: 14px; }
  .yk-obd-deep__hero h3 { font-size: 20px; }
  .yk-obd-deep__hero p { font-size: 10.5px; }
  .yk-obd-deep__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .yk-obd-deep__stats span { min-width: 0; padding: 8px 5px; }
  .yk-obd-deep__stats b { font-size: 15px; }
  .yk-obd-deep__stats small { font-size: 7px; }
  .yk-obd-deep .yk-obd-local__toolbar { padding: 6px; }
  .yk-obd-deep .yk-obd-local__filters button { min-height: 34px; font-size: 8.7px; }
  .yk-obd-deep__workspace { grid-template-columns: 1fr; }
  .yk-obd-deep__brands { padding: 8px; }
  .yk-obd-deep .yk-obd-local__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 310px; }
  .yk-obd-deep .yk-obd-brand { grid-template-columns: 38px minmax(0, 1fr) 10px; min-height: 54px; padding: 6px; }
  .yk-obd-deep .yk-obd-brand__logo { width: 38px; height: 38px; padding: 4px; }
  .yk-obd-deep .yk-obd-brand b { font-size: 9.5px; }
  .yk-obd-deep .yk-obd-brand small { font-size: 7.5px; }
  .yk-obd-deep .yk-obd-local__result { scroll-margin-top: 12px; padding: 11px; }
  .yk-obd-deep .yk-obd-result__head { grid-template-columns: 46px minmax(0, 1fr); }
  .yk-obd-deep .yk-obd-result__logo { width: 46px; height: 46px; }
  .yk-obd-deep .yk-obd-result__head b { font-size: 16px; }
  .yk-obd-deep .yk-obd-result__level { grid-column: 1 / -1; justify-self: start; }
  .yk-obd-result__facts { grid-template-columns: 1fr; }
  .yk-obd-models__head { grid-template-columns: 1fr; }
  .yk-obd-model > summary { grid-template-columns: 56px minmax(0, 1fr) 15px; min-height: 66px; }
  .yk-obd-model__image { width: 56px; height: 50px; }
  .yk-obd-model__name b { font-size: 10.5px; }
  .yk-obd-model__name small { font-size: 8px; }
  .yk-obd-model__body { padding-left: 74px; }
  .yk-obd-model__body ul { grid-template-columns: 1fr; }
}

/* iOS / koyu tema: marka logosu ve sepete ekleme geri bildirimi */
body > .header .logo,
body > .header .logo img {
  background: #fff !important;
  forced-color-adjust: none;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  body > .header .logo img {
    content: url("yektek-logo.png");
    object-fit: contain;
    filter: none !important;
  }
}

/* Google Consent Mode v2: compact analytics choice, available on every public page. */
.yk-analytics-consent {
  position: fixed;
  z-index: 2147482990;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  width: min(920px, calc(100vw - 36px));
  margin: 0 auto;
  padding: 13px 14px;
  border: 1px solid #d4dfeb;
  border-top: 3px solid #d7192f;
  border-radius: 16px;
  background: rgba(255, 255, 255, .98);
  color: #172231;
  box-shadow: 0 20px 56px rgba(15, 25, 38, .22);
  box-sizing: border-box;
  font-family: inherit;
}

.yk-analytics-consent__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: #fff0f2;
  color: #d7192f;
  font-size: 18px;
}

.yk-analytics-consent__copy {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 2px 8px;
  align-items: baseline;
  font-size: 12px;
  line-height: 1.45;
}

.yk-analytics-consent__copy strong {
  width: 100%;
  font-size: 14px;
  color: #101b29;
}

.yk-analytics-consent__copy span {
  color: #52647a;
}

.yk-analytics-consent__copy a {
  color: #a80e25;
  font-weight: 750;
  text-decoration: underline;
}

.yk-analytics-consent__actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.yk-analytics-consent__actions button {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid #ced9e5;
  border-radius: 11px;
  background: #fff;
  color: #172231;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}

.yk-analytics-consent__actions .yk-analytics-consent__accept {
  border-color: #d7192f;
  background: #d7192f;
  color: #fff;
}

.yk-analytics-consent__actions button:focus-visible {
  outline: 3px solid rgba(0, 132, 137, .28);
  outline-offset: 2px;
}

.yk-cookie-settings {
  display: block;
  margin: 8px auto 12px;
  padding: 3px 7px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 11px;
  text-decoration: underline;
  opacity: .72;
  cursor: pointer;
}

@media (max-width: 680px) {
  .yk-analytics-consent {
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom, 0px));
    left: 10px;
    grid-template-columns: 36px minmax(0, 1fr);
    width: auto;
    padding: 12px;
    border-radius: 15px;
  }

  .yk-analytics-consent__icon {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    font-size: 16px;
  }

  .yk-analytics-consent__copy {
    font-size: 11px;
  }

  .yk-analytics-consent__copy strong {
    font-size: 13px;
  }

  .yk-analytics-consent__actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  }

  .yk-analytics-consent__actions button {
    min-height: 40px;
    padding: 0 10px;
  }

  html.yk-analytics-consent-open body .yk-sms-optin {
    display: none !important;
  }
}

/* 2026-07-23 product-card price emphasis
   The payable total is the primary figure; the monthly installment is secondary. */
html body main .product-card .total-price,
html body main .product-card .total,
html body main:not(.home-page) .product-card .total-price,
html body main:not(.home-page) .product-card .total {
  font-size: clamp(21px, 1.58vw, 23.5px) !important;
  font-weight: 820 !important;
  line-height: 1.06 !important;
  letter-spacing: -.018em !important;
}

html body main .product-card .price-row strong,
html body main .product-card .monthly strong,
html body main:not(.home-page) .product-card .price-row strong,
html body main:not(.home-page) .product-card .monthly strong {
  font-size: clamp(17.5px, 1.3vw, 19px) !important;
  font-weight: 750 !important;
  line-height: 1.08 !important;
}

@media (max-width: 680px) {
  html body main .product-card .total-price,
  html body main .product-card .total,
  html body main:not(.home-page) .product-card .total-price,
  html body main:not(.home-page) .product-card .total {
    font-size: clamp(17.5px, 5.05vw, 19.2px) !important;
  }

  html body main .product-card .price-row strong,
  html body main .product-card .monthly strong,
  html body main:not(.home-page) .product-card .price-row strong,
  html body main:not(.home-page) .product-card .monthly strong {
    font-size: clamp(15.2px, 4.34vw, 16.7px) !important;
  }
}

/* Koyu tema eklentileri sistem temasını bildirmeyebilir. */
html[data-darkreader-mode] body > .header .logo img,
html[data-darkreader-scheme="dark"] body > .header .logo img,
html[data-theme="dark"] body > .header .logo img,
html.dark body > .header .logo img,
body.dark-theme > .header .logo img,
body.dark-mode > .header .logo img {
  content: url("yektek-logo.png");
  background: #fff !important;
  object-fit: contain;
  filter: none !important;
}

.yk-cart-toast {
  color-scheme: light;
  forced-color-adjust: none;
}

@media (max-width: 680px) {
  html body .yk-cart-toast {
    position: fixed !important;
    z-index: 2147483000 !important;
    top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
    right: 10px !important;
    bottom: auto !important;
    left: 10px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    background: #fff !important;
    color: #111b29 !important;
    border: 1px solid rgba(220, 30, 55, .28) !important;
    box-shadow: 0 18px 55px rgba(2, 12, 27, .32), 0 0 0 3px rgba(255, 255, 255, .78) !important;
    transform: translateY(-18px) scale(.985) !important;
  }

  html body .yk-cart-toast.is-visible {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .yk-cart-toast__body,
  .yk-cart-toast__body b,
  .yk-cart-toast__body span,
  .yk-cart-toast__body small {
    color: #111b29 !important;
  }
}


/* Mobile header: keep the primary shopping action clear and give search more room. */
@media (min-width: 681px) and (max-width: 920px) {
  body:not(.yk-checkout-page) > .header .header__grid,
  body:not(.yk-checkout-page) > .header .wrap {
    grid-template-columns: 106px minmax(260px, 1fr) auto !important;
    gap: 10px !important;
    min-height: 68px !important;
    padding: 9px 0 !important;
    align-items: center !important;
  }

  body:not(.yk-checkout-page) > .header .logo {
    min-width: 0 !important;
    justify-self: start !important;
  }

  body:not(.yk-checkout-page) > .header .logo img {
    width: auto !important;
    max-width: 104px !important;
    max-height: 44px !important;
  }

  body:not(.yk-checkout-page) > .header .search {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
  }

  body:not(.yk-checkout-page) > .header .actions,
  body:not(.yk-checkout-page) > .header .header-actions {
    grid-column: auto !important;
    display: flex !important;
    grid-template-columns: none !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    width: auto !important;
    max-width: none !important;
    gap: 7px !important;
    padding: 0 !important;
  }

  body:not(.yk-checkout-page) > .header .actions .action-btn,
  body:not(.yk-checkout-page) > .header .header-actions .text-btn,
  body:not(.yk-checkout-page) > .header .header-actions .icon-btn {
    width: auto !important;
    min-width: 0 !important;
  }

  body:not(.yk-checkout-page) > .header .action-btn--wa,
  body:not(.yk-checkout-page) > .header .header-actions .text-btn--wa {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  body:not(.yk-checkout-page) > .header .action-btn--wa > i,
  body:not(.yk-checkout-page) > .header .header-actions .text-btn--wa > i {
    margin: 0 !important;
    font-size: 18px !important;
  }

  body:not(.yk-checkout-page) > .header .action-btn--wa .wa-copy,
  body:not(.yk-checkout-page) > .header .header-actions .text-btn--wa .wa-copy {
    display: none !important;
  }

  body:not(.yk-checkout-page) > .header .action-cart,
  body:not(.yk-checkout-page) > .header .header-actions .text-btn--dark {
    width: auto !important;
    min-width: 82px !important;
    height: 46px !important;
    padding: 0 10px !important;
    justify-content: center !important;
  }
}

@media (max-width: 680px) {
  body:not(.yk-checkout-page) > .header .header__grid {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "logo actions"
      "search search" !important;
    gap: 8px 10px !important;
    padding: 7px 0 9px !important;
  }

  body:not(.yk-checkout-page) > .header .logo {
    justify-self: start !important;
  }

  body:not(.yk-checkout-page) > .header .logo img {
    width: auto !important;
    max-width: 120px !important;
    max-height: 42px !important;
  }

  body:not(.yk-checkout-page) > .header .actions {
    justify-self: end !important;
    width: auto !important;
  }

  body:not(.yk-checkout-page) > .header .actions .action-btn--wa {
    display: none !important;
  }

  body:not(.yk-checkout-page) > .header .actions .action-cart {
    display: inline-flex !important;
    width: 96px !important;
    min-width: 96px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    gap: 7px !important;
    justify-content: center !important;
  }

  body:not(.yk-checkout-page) > .header .actions .action-cart > span {
    display: inline !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body:not(.yk-checkout-page) > .header .search {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}

/* Transactional back-in-stock alerts */
.yk-shipping-today.is-out {
  color: #8a4b08 !important;
  background: #fff7e6 !important;
  border-color: #f2d29b !important;
}

.product-card.is-out-of-stock .card-actions > :not(.yk-stock-notify-button),
.product-card.is-out-of-stock .actions > :not(.yk-stock-notify-button) {
  display: none !important;
}

.yk-stock-notify-button {
  min-height: 44px;
  border: 1px solid #d8a74e !important;
  border-radius: 10px;
  background: #fff8e9 !important;
  color: #6e4200 !important;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.product-card .yk-stock-notify-button {
  width: 100%;
  flex: 1 1 100%;
}

.product-card.is-out-of-stock .card-actions .yk-stock-notify-button,
.product-card.is-out-of-stock .actions .yk-stock-notify-button {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
}

.yk-stock-notify-button:hover,
.yk-stock-notify-button:focus-visible {
  background: #ffefc8 !important;
  border-color: #c18a25 !important;
  outline: 3px solid rgba(193, 138, 37, .16);
  outline-offset: 2px;
}

.buy-panel.is-out-of-stock .buy-actions > :not(.yk-product-whatsapp):not(.yk-stock-notify-button),
.buy-panel.is-out-of-stock .purchase-actions > :not(.yk-product-whatsapp):not(.yk-stock-notify-button),
.buy-panel.is-out-of-stock .product-actions > :not(.yk-product-whatsapp):not(.yk-stock-notify-button) {
  display: none !important;
}

.buy-panel.is-out-of-stock .buy-actions,
.buy-panel.is-out-of-stock .purchase-actions,
.buy-panel.is-out-of-stock .product-actions {
  grid-template-columns: minmax(110px, .42fr) minmax(210px, 1fr) !important;
}

.buy-panel.is-out-of-stock .yk-stock-notify-button {
  width: 100%;
  min-height: 48px;
}

.yk-mobile-buybar.is-out-of-stock .yk-mobile-buybar__cart,
.yk-mobile-buybar.is-out-of-stock .yk-mobile-buybar__buy {
  display: none !important;
}

.yk-mobile-stock-notify {
  min-height: 44px;
  border: 0;
  border-radius: 11px;
  padding: 0 16px;
  background: #f3b742;
  color: #17202d;
  font: inherit;
  font-weight: 900;
  white-space: nowrap;
}

.yk-dialog.yk-stock-notify-dialog {
  width: min(480px, calc(100vw - 28px));
  padding: 0;
  overflow: hidden;
}

body:has(.yk-dialog.yk-stock-notify-dialog) .yk-sms-optin {
  display: none !important;
}

.yk-stock-notify {
  padding: 30px;
  background: linear-gradient(145deg, #fff 0%, #fffaf0 100%);
}

.yk-stock-notify__icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  background: #fff0c9;
  color: #9b6200;
  font-size: 22px;
}

.yk-stock-notify > small {
  display: block;
  color: #d91f39;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .11em;
}

.yk-stock-notify h2 {
  margin: 5px 40px 8px 0;
  color: #17202d;
  font-size: clamp(24px, 5vw, 31px);
  line-height: 1.08;
}

.yk-stock-notify > p {
  margin: 0 0 20px;
  color: #607087;
  line-height: 1.55;
}

.yk-stock-notify form > label:first-child {
  display: grid;
  gap: 7px;
  color: #273346;
  font-size: 13px;
  font-weight: 800;
}

.yk-stock-notify input[type="tel"] {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #cfd9e7;
  border-radius: 11px;
  padding: 0 14px;
  background: #fff;
  color: #17202d;
  font: inherit;
  font-size: 16px;
}

.yk-stock-notify input[type="tel"]:focus {
  border-color: #0e7c7b;
  outline: 3px solid rgba(14, 124, 123, .12);
}

.yk-stock-notify__consent {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 9px;
  align-items: start;
  margin: 14px 0;
  color: #526178;
  font-size: 12px;
  line-height: 1.45;
}

.yk-stock-notify__consent input {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: #0e7c7b;
}

.yk-stock-notify__consent a {
  color: #08706f;
  font-weight: 800;
}

.yk-stock-notify form > button {
  width: 100%;
  min-height: 50px;
  border: 0;
  border-radius: 11px;
  background: #17202d;
  color: #fff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.yk-stock-notify form > button:disabled { opacity: .7; cursor: wait; }
.yk-stock-notify__trap { position: fixed !important; left: -10000px !important; opacity: 0 !important; }
.yk-stock-notify__status { min-height: 18px; margin-top: 10px; font-size: 12px; font-weight: 800; line-height: 1.4; }
.yk-stock-notify__status.is-error { color: #c41d35; }
.yk-stock-notify__status.is-success { color: #087142; }
.yk-stock-notify > em { display: block; margin-top: 8px; color: #7b8798; font-size: 11px; font-style: normal; }

@media (max-width: 640px) {
  .yk-stock-notify { padding: 24px 20px 22px; }
  .buy-panel.is-out-of-stock .buy-actions,
  .buy-panel.is-out-of-stock .purchase-actions,
  .buy-panel.is-out-of-stock .product-actions { grid-template-columns: 1fr !important; }
  .yk-mobile-buybar.is-out-of-stock { grid-template-columns: auto 44px minmax(172px, 1fr) !important; }
  .yk-mobile-stock-notify { padding: 0 11px; font-size: 12px; }
}

.yk-catalog-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 18px;
  padding: 14px;
  border: 1px solid var(--yk-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(17, 27, 40, .055);
}

.yk-catalog-tools__copy b { display: block; color: var(--yk-ink); font-size: 15px; }
.yk-catalog-tools__copy small { color: #68788d; font-size: 12px; }
.yk-catalog-tools__controls { display: flex; align-items: center; gap: 10px; }
.yk-catalog-tools select,
.yk-stock-filter {
  min-height: 44px;
  border: 1px solid #cbd8e6;
  border-radius: 12px;
  background: #fff;
  color: #1a2635;
  font: 700 13px/1.2 inherit;
}
.yk-catalog-tools select { min-width: 170px; padding: 0 38px 0 13px; }
.yk-stock-filter { display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; cursor: pointer; }
.yk-stock-filter input { width: 18px; height: 18px; accent-color: var(--yk-red); }
.yk-filter-empty { grid-column: 1 / -1; padding: 34px 18px; border: 1px dashed #bdcbd9; border-radius: 16px; text-align: center; color: #5d6c80; background: #fff; }

.product-card { position: relative; }
.yk-card-tools { position: absolute; z-index: 7; top: 12px; right: 12px; display: flex; gap: 7px; }
.yk-card-tool {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid #d8e2ed;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  color: #253247;
  box-shadow: 0 7px 20px rgba(17,27,40,.1);
  cursor: pointer;
}
.yk-card-tool:hover,
.yk-card-tool:focus-visible { border-color: var(--yk-red); color: var(--yk-red); transform: translateY(-1px); }
.yk-card-tool.is-active { border-color: #f2a3ad; background: #fff1f3; color: var(--yk-red); }
.yk-shipping-today { color: #08794b !important; background: #eefaf4 !important; border-color: #ccebdc !important; }
.yk-shipping-offer { color:#08794b!important; background:#eefaf4!important; border-color:#ccebdc!important; }
.yk-shipping-offer .fa { margin-right:4px; }

.yk-dialog-layer {
  position: fixed;
  z-index: 120000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(8, 16, 27, .66);
  backdrop-filter: blur(5px);
}
.yk-dialog {
  position: relative;
  width: min(820px, 100%);
  max-height: min(88vh, 760px);
  overflow: auto;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(0,0,0,.28);
}
.yk-dialog__close { position: absolute; z-index: 3; top: 14px; right: 14px; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #101b29; color: #fff; cursor: pointer; }
.yk-quick-view { display: grid; grid-template-columns: minmax(260px, .95fr) minmax(300px, 1.05fr); gap: 0; }
.yk-quick-view__media { display: grid; place-items: center; min-height: 420px; padding: 30px; background: #f4f7fb; }
.yk-quick-view__media img { width: 100%; height: 360px; object-fit: contain; mix-blend-mode: multiply; }
.yk-quick-view__body { padding: 42px 34px 30px; }
.yk-quick-view__body small { color: #6e7d91; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.yk-quick-view__body h2 { margin: 10px 0 20px; color: var(--yk-ink); font-size: clamp(24px, 3vw, 34px); line-height: 1.12; }
.yk-quick-view__monthly { color: var(--yk-red); font-size: 30px; font-weight: 900; }
.yk-quick-view__monthly em { font-size: 14px; font-style: normal; }
.yk-quick-view__total { margin-top: 5px; color: #243247; font-size: 18px; font-weight: 800; }
.yk-quick-view__trust { display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0; }
.yk-quick-view__trust span { padding: 7px 9px; border-radius: 9px; background: #eef8f4; color: #08794b; font-size: 12px; font-weight: 800; }
.yk-quick-view__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }
.yk-quick-view__actions a,
.yk-quick-view__actions button { min-height: 48px; border: 0; border-radius: 12px; font-weight: 900; cursor: pointer; text-align: center; text-decoration: none; display: grid; place-items: center; }
.yk-quick-view__actions button { background: var(--yk-red); color: #fff; }
.yk-quick-view__actions a { background: var(--yk-ink); color: #fff; }

.yk-recent-section { margin-top: 24px; }
.yk-recent-section__head { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.yk-recent-section__head h2 { margin: 0; font-size: 24px; color: var(--yk-ink); }
.yk-recent-section__head small { color: #6d7c90; }
.yk-recent-list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 270px); gap: 12px; overflow-x: auto; padding: 2px 2px 12px; scroll-snap-type: x proximity; }
.yk-recent-card { scroll-snap-align: start; display: grid; grid-template-columns: 78px 1fr; gap: 12px; align-items: center; min-height: 112px; padding: 12px; border: 1px solid var(--yk-line); border-radius: 15px; background: #fff; color: var(--yk-ink); text-decoration: none; }
.yk-recent-card img { width: 78px; height: 78px; object-fit: contain; border-radius: 10px; background: #f7f9fc; }
.yk-recent-card>span { display:block; min-width:0; margin:0; color:inherit; }
.yk-recent-card b { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color:#172231; font-size:13px; font-weight:720; line-height:1.4; }
.yk-recent-card>span>span { display:block; margin-top:7px; color:#c91d34; font-size:13px; font-weight:800; line-height:1.25; }
.yk-recent-card:hover { border-color:#b9c9d8; box-shadow:0 8px 20px rgba(23,34,49,.07); }

.yk-product-modules { display: grid; gap: 14px; margin-top: 22px; }
.yk-product-tags { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.yk-product-tags > div small { display:block; margin-bottom:4px; color:#c51f34; font-size:10px; font-weight:850; letter-spacing:.08em; }
.yk-product-tags > div h2 { margin:0; font-size:17px; }
.yk-product-tags nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.yk-product-tags nav a { display:inline-flex; align-items:center; min-height:30px; padding:5px 10px; border:1px solid #d8e2ec; border-radius:999px; color:#405269; background:#f7f9fc; font-size:11px; font-weight:700; text-transform:capitalize; }
.yk-product-tags nav a:hover { border-color:#bfcbd8; color:#172231; background:#fff; }
@media(max-width:680px){.yk-product-tags{align-items:flex-start;flex-direction:column}.yk-product-tags nav{justify-content:flex-start}}
.yk-product-module { padding: 22px; border: 1px solid var(--yk-line); border-radius: 17px; background: #fff; }
.yk-product-module h2 { margin: 0 0 7px; color: var(--yk-ink); font-size: 21px; }
.yk-product-module > p { margin: 0; color: #647489; }
.yk-ancel-authorization { border-color:#cfe2df; background:linear-gradient(135deg,#fff 0%,#f2f9f8 100%); }
.yk-ancel-authorization__head { display:flex; gap:13px; align-items:center; margin-bottom:12px; }
.yk-ancel-authorization__head>span { display:grid; flex:0 0 auto; width:44px; height:44px; place-items:center; border-radius:12px; background:#11202f; color:#fff; font-size:19px; }
.yk-ancel-authorization__head small { color:#08736c; font-size:10px; font-weight:900; letter-spacing:.08em; }
.yk-ancel-authorization__head h2 { margin:3px 0 0; }
.yk-ancel-authorization__links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:16px; }
.yk-ancel-authorization__links a { display:flex; justify-content:center; gap:7px; align-items:center; min-height:43px; padding:8px 10px; border:1px solid #d5e1e8; border-radius:11px; background:#fff; color:#172231; font-size:11px; font-weight:850; text-align:center; text-decoration:none; }
.yk-ancel-authorization__links a:first-child { border-color:#182838; background:#182838; color:#fff; }
@media(max-width:620px){.yk-ancel-authorization__links{grid-template-columns:1fr}.yk-ancel-authorization__links a{justify-content:flex-start;padding-inline:14px}}
.yk-module-list { display: grid; gap: 10px; margin-top: 15px; }
.yk-module-list article { padding: 13px; border-radius: 12px; background: var(--yk-soft); }
.yk-module-list b { display: block; color: #182334; }
.yk-module-list span { display: block; margin-top: 4px; color: #647489; }
.yk-qa details { border-top: 1px solid #e2e8f0; }
.yk-qa details:first-child { border-top: 0; }
.yk-qa summary { padding: 14px 2px; cursor: pointer; color: #182334; font-weight: 800; }
.yk-qa details p { margin: 0 0 14px; color: #5e6f84; }

.yk-mobile-buybar { display: none; }
.yk-product-favorite {
  position: absolute;
  z-index: 6;
  top: 16px;
  right: 16px;
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid #d5e0eb;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  color: #28384b;
  box-shadow: 0 8px 24px rgba(17,28,43,.13);
  font-size: 19px;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}
.yk-product-favorite:hover,
.yk-product-favorite:focus-visible {
  border-color: var(--yk-red);
  color: var(--yk-red);
  transform: translateY(-1px);
}
.yk-product-favorite.is-active {
  border-color: #ef9dab;
  background: #fff1f3;
  color: var(--yk-red);
}
.yk-zoom-trigger { position: absolute; z-index: 3; right: 16px; bottom: 16px; width: 44px; height: 44px; border: 1px solid #d4dfeb; border-radius: 50%; background: rgba(255,255,255,.95); color: #182334; box-shadow: 0 6px 18px rgba(0,0,0,.1); cursor: zoom-in; }
.gallery-main { position: relative; }
.yk-zoom-dialog { width: min(1100px, 100%); height: min(90vh, 820px); padding: 58px 20px 20px; overflow: hidden; background: #fff; }
.yk-zoom-dialog img { width: 100%; height: 100%; object-fit: contain; touch-action: pinch-zoom; cursor: zoom-in; }

@media (max-width: 680px) {
  .yk-product-favorite {
    top: 12px;
    right: 12px;
    width: 44px;
    height: 44px;
    font-size: 18px;
  }
}

.yk-install-button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid #cad7e5; border-radius: 12px; background: #fff; color: #182334; font-weight: 800; cursor: pointer; }
.yk-network-note { position: fixed; z-index: 2400; left: 50%; bottom: 18px; transform: translateX(-50%) translateY(130%); padding: 11px 16px; border-radius: 12px; background: #111b28; color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.2); transition: transform .25s ease; }
.yk-network-note.is-visible { transform: translateX(-50%) translateY(0); }

.yk-cart-actions-suite { display: grid; gap: 10px; margin-top: 14px; }
.yk-cart-whatsapp {
  min-height: 48px;
  border: 1px solid #bad8cc;
  border-radius: 12px;
  background: #eef7f3;
  color: #34705a;
  font-weight: 800;
  box-shadow: none;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}
.yk-cart-whatsapp:hover,
.yk-cart-whatsapp:focus-visible {
  border-color: #8fc1ad;
  background: #e3f1eb;
  color: #245c47;
  outline: 0;
}
.yk-cart-share-link { display: grid; gap: 7px; padding: 11px; border: 1px solid #b9ded0; border-radius: 12px; background: linear-gradient(135deg, #f1faf6, #fff); box-shadow: 0 8px 24px rgba(18,140,90,.08); }
.yk-cart-share-link[hidden] { display: none !important; }
.yk-cart-share-link > label { display: flex; align-items: center; gap: 7px; color: #173f32; font-size: 12px; font-weight: 900; }
.yk-cart-share-link > label i { color: #128c5a; }
.yk-cart-share-link > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
.yk-cart-share-link input { min-width: 0; min-height: 42px; padding: 0 10px; border: 1px solid #c8d8d2; border-radius: 9px; background: #fff; color: #42566a; font-size: 11px; }
.yk-cart-share-link button { min-height: 42px; padding: 0 12px; border: 0; border-radius: 9px; background: #162233; color: #fff; font-weight: 850; cursor: pointer; }
.yk-cart-share-link small { color: #657a71; font-size: 10px; line-height: 1.4; }
.yk-reminder-box { padding: 15px; border: 1px solid #d9e4ef; border-radius: 14px; background: #f7fafc; }
.yk-reminder-box h3 { margin: 0 0 5px; font-size: 16px; color: #162233; }
.yk-reminder-box p { margin: 0 0 10px; color: #65758a; font-size: 13px; }
.yk-reminder-fields { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.yk-reminder-fields input { min-height: 44px; min-width: 0; border: 1px solid #cbd7e4; border-radius: 10px; padding: 0 12px; }
.yk-reminder-fields button { border: 0; border-radius: 10px; padding: 0 14px; background: #162233; color: #fff; font-weight: 800; cursor: pointer; }
.yk-reminder-consents { display:grid; gap:8px; margin-top:10px; }
.yk-reminder-consent { display:flex; gap:8px; align-items:flex-start; margin:0; color:#66768a; font-size:11px; line-height:1.45; }
.yk-reminder-consent input { flex:0 0 auto; width:15px; height:15px; margin-top:1px; accent-color:#128c5a; }
.yk-reminder-consent>span { min-width:0; }
.yk-reminder-consent--marketing { padding:9px 10px; border:1px solid #d7e6e2; border-radius:10px; background:#f2f9f7; color:#526c67; }
.yk-reminder-consent--marketing b { display:inline-flex; margin-left:3px; padding:1px 5px; border-radius:999px; background:#dff2ed; color:#0b6e58; font-size:9px; white-space:nowrap; }
.yk-reminder-consent a { color:#0b6e58; font-weight:800; text-decoration:underline; text-underline-offset:2px; }
[data-yektek-reminder-status] { display:block; min-height:16px; margin-top:8px; color:#315f55; font-size:10.5px; font-weight:700; }

.yk-sms-optin { position:fixed; z-index:10030; right:18px; bottom:18px; width:min(350px,calc(100vw - 32px)); padding:17px; border:1px solid #d9e2eb; border-top:3px solid #df1e37; border-radius:17px; background:#fff; color:#172231; box-shadow:0 20px 54px rgba(15,25,38,.2); opacity:0; transform:translateY(16px); transition:opacity .22s ease,transform .22s ease; }
.yk-sms-optin.is-visible { opacity:1; transform:translateY(0); }
.yk-sms-optin.is-success { border-top-color:#128c5a; }
.yk-sms-optin__close { position:absolute; top:9px; left:9px; display:grid; width:32px; height:32px; place-items:center; border:1px solid #dbe3eb; border-radius:50%; background:#fff; color:#536276; cursor:pointer; }
.yk-sms-optin[dir="rtl"] .yk-sms-optin__close { right:auto; left:9px; }
.yk-sms-optin__head { display:flex; gap:10px; align-items:center; padding-right:32px; }
.yk-sms-optin__head>span { display:grid; flex:0 0 40px; width:40px; height:40px; place-items:center; border-radius:11px; background:#f3f6f9; color:#d21c34; font-size:17px; }
.yk-sms-optin__head small { display:block; color:#d21c34; font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.yk-sms-optin__progress { display:grid; grid-template-columns:22px minmax(36px,64px) 22px; gap:6px; align-items:center; width:max-content; margin:0 0 11px 42px; color:#7b8999; font-size:10px; font-style:normal; font-weight:850; }
.yk-sms-optin__progress span { height:2px; border-radius:999px; background:#e1e7ed; }
.yk-sms-optin__progress b,.yk-sms-optin__progress i { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; font-style:normal; }
.yk-sms-optin__progress b { background:#172231; color:#fff; }
.yk-sms-optin__progress i { border:1px solid #d4dde6; background:#fff; color:#718094; }
.yk-sms-optin__progress.is-second span { background:linear-gradient(90deg,#172231,#dfe6ed); }
.yk-sms-optin h2 { margin:2px 0 0; color:#172231; font-size:18px; line-height:1.15; }
.yk-sms-optin>p { margin:9px 0 11px; color:#647489; font-size:12px; line-height:1.45; }
[data-yektek-engagement-step]>p { margin:9px 0 12px; color:#647489; font-size:12px; line-height:1.5; }
.yk-sms-optin__primary { display:flex; width:100%; min-height:44px; align-items:center; justify-content:center; gap:8px; padding:0 14px; border:0; border-radius:10px; background:#172231; color:#fff; font-family:inherit; font-size:12px; font-weight:850; cursor:pointer; }
.yk-sms-optin__primary:hover { background:#26364a; }
.yk-sms-optin__primary:disabled { opacity:.62; cursor:wait; }
.yk-sms-optin__fields { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }
.yk-sms-optin__fields input { min-width:0; min-height:43px; padding:0 11px; border:1px solid #cdd8e4; border-radius:10px; color:#172231; font-family:inherit; font-size:12px; font-weight:700; line-height:1.2; }
.yk-sms-optin__fields input:focus { outline:0; border-color:#75879b; box-shadow:0 0 0 3px rgba(71,91,113,.1); }
.yk-sms-optin__fields button { min-height:43px; padding:0 14px; border:0; border-radius:10px; background:#172231; color:#fff; font-size:12px; font-weight:850; cursor:pointer; }
.yk-sms-optin__fields button:disabled { opacity:.6; cursor:wait; }
.yk-sms-optin label { display:flex; gap:7px; align-items:flex-start; margin-top:9px; color:#65758a; font-size:10px; line-height:1.4; }
.yk-sms-optin label input { flex:0 0 auto; width:14px; height:14px; margin-top:1px; accent-color:#128c5a; }
.yk-sms-optin label a { color:#0b6e58; font-weight:800; text-decoration:underline; text-underline-offset:2px; }
.yk-sms-optin__status { display:block; min-height:14px; margin-top:7px; color:#5f7084; font-size:10px; font-weight:750; }
.yk-sms-optin__status.is-error { color:#b51a2e; }
.yk-sms-optin__status.is-success { color:#0b7757; }
.yk-sms-optin__trap { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; opacity:0!important; }
@media(max-width:680px){.yk-sms-optin{right:10px;bottom:max(8px,env(safe-area-inset-bottom));width:min(318px,calc(100vw - 24px));padding:15px}body:has(.product-page) .yk-sms-optin{bottom:calc(82px + env(safe-area-inset-bottom))}.yk-sms-optin__fields{grid-template-columns:1fr}.yk-sms-optin__fields button{width:100%}}
@media(max-width:380px){.yk-sms-optin{right:8px;width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){.yk-sms-optin{transition:none}}

.yk-order-track { width: min(800px, calc(100% - 32px)); margin: 36px auto; }
.yk-order-track__hero { padding: 34px; border-radius: 22px; background: linear-gradient(135deg, #111b28, #27384d); color: #fff; }
.yk-order-track__hero h1 { margin: 8px 0; font-size: clamp(30px, 5vw, 48px); }
.yk-order-track__form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; margin-top: 24px; }
.yk-order-track__form input { min-height: 50px; min-width: 0; border: 1px solid rgba(255,255,255,.25); border-radius: 12px; padding: 0 14px; background: rgba(255,255,255,.1); color: #fff; }
.yk-order-track__form input::placeholder { color: #cbd5e1; }
.yk-order-track__form button { min-height: 50px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--yk-red); color: #fff; font-weight: 900; cursor: pointer; }
.yk-order-result { margin-top: 16px; padding: 22px; border: 1px solid var(--yk-line); border-radius: 18px; background: #fff; }
.yk-order-shipment { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:14px; padding:14px 16px; border:1px solid #bfe7d2; border-radius:14px; background:#eefbf4; }
.yk-order-shipment > span { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:9px; color:#075f44; }
.yk-order-shipment > span > i { grid-row:1 / span 2; font-size:20px; }
.yk-order-shipment small { display:block; margin-top:2px; color:#466b5d; font-weight:700; }
.yk-order-shipment a { flex:0 0 auto; padding:10px 13px; border-radius:10px; background:#08794b; color:#fff; font-size:12px; font-weight:900; text-decoration:none; }
.yk-order-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 18px; }
.yk-order-step { min-height: 74px; padding: 12px; border-radius: 12px; background: #edf2f7; color: #718096; font-size: 12px; font-weight: 800; }
.yk-order-step.is-done { background: #eaf8f1; color: #08794b; }

.yk-favorites-page { width: min(1220px, calc(100% - 32px)); margin: 30px auto; }
.yk-favorites-page__head { margin-bottom: 20px; }
.yk-favorites-page__head h1 { margin: 6px 0; font-size: clamp(30px, 5vw, 48px); color: var(--yk-ink); }
.yk-favorites-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }

@media (max-width: 900px) {
  .yk-catalog-tools { align-items: stretch; flex-direction: column; }
  .yk-catalog-tools__controls { width: 100%; }
  .yk-catalog-tools select, .yk-stock-filter { flex: 1; min-width: 0; }
  .yk-quick-view { grid-template-columns: 1fr; }
  .yk-quick-view__media { min-height: 270px; }
  .yk-quick-view__media img { height: 250px; }
  .yk-favorites-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .yk-cart-toast {
    z-index: 10080 !important;
    bottom: calc(84px + env(safe-area-inset-bottom)) !important;
  }

  body:has(.product-page) { padding-bottom: 82px; }
  .yk-mobile-buybar {
    position: fixed;
    z-index: 1450;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: 8px;
    align-items: center;
    min-height: 72px;
    padding: 8px max(10px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));
    border-top: 1px solid #dbe4ee;
    background: rgba(255,255,255,.97);
    box-shadow: 0 -12px 34px rgba(17,27,40,.12);
    backdrop-filter: blur(12px);
  }
  .yk-mobile-buybar__price { min-width: 0; }
  .yk-mobile-buybar__price > b { display: block; overflow: hidden; color: #172231; font-size: 18px; line-height: 1.08; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
  .yk-mobile-buybar__price > small { display: flex; align-items: baseline; gap: 4px; min-width: 0; margin-top: 4px; color: #68778a; font-size: 8.5px; font-weight: 700; line-height: 1; white-space: nowrap; }
  .yk-mobile-buybar__price > small strong { overflow: hidden; color: var(--yk-red); font-size: 12.5px; font-weight: 900; text-overflow: ellipsis; }
  .yk-mobile-buybar__price > small em { font-size: 8px; font-style: normal; }
  .yk-mobile-buybar a, .yk-mobile-buybar button { display: grid; place-items: center; min-width: 48px; height: 48px; border: 0; border-radius: 12px; text-decoration: none; cursor: pointer; }
  .yk-mobile-buybar a { background: #eaf8f1; color: #08794b; }
  .yk-mobile-buybar button { min-width: 104px; padding: 0 13px; background: var(--yk-red); color: #fff; font-weight: 900; }
  .yk-card-tools { top: 9px; right: 9px; }
  .yk-card-tool { width: 36px; height: 36px; }
  .yk-catalog-tools__controls { align-items: stretch; flex-direction: column; }
  .yk-catalog-tools select, .yk-stock-filter { width: 100%; flex: auto; }
  .yk-dialog-layer { padding: 8px; align-items: end; }
  .yk-dialog { width: 100%; max-height: 92vh; border-radius: 22px 22px 0 0; }
  .yk-quick-view__body { padding: 28px 20px 24px; }
  .yk-quick-view__actions { grid-template-columns: 1fr; }
  .yk-order-track__hero { padding: 24px 18px; }
  .yk-order-track__form { grid-template-columns: 1fr; }
  .yk-order-shipment { align-items:stretch; flex-direction:column; }
  .yk-order-shipment a { text-align:center; }
  .yk-order-steps { grid-template-columns: 1fr 1fr; }
  .yk-favorites-grid { grid-template-columns: 1fr; }
  .yk-reminder-fields { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .yk-card-tool, .yk-network-note { transition: none; }
}

.yk-payment-recovery { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; width:min(1180px,calc(100% - 32px)); margin:18px auto; padding:16px 18px; border:1px solid #f0c8ce; border-left:5px solid var(--yk-red); border-radius:15px; background:#fff8f9; color:#172232; }
.yk-payment-recovery>i { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#fff; color:var(--yk-red); box-shadow:0 5px 18px rgba(215,25,47,.1); }
.yk-payment-recovery b { font-size:16px; }
.yk-payment-recovery p { margin:4px 0 0; color:#617187; font-size:13px; line-height:1.5; }
.yk-payment-recovery a { padding:11px 15px; border-radius:10px; background:#111c29; color:#fff; font-size:13px; font-weight:900; text-decoration:none; }
.yk-utility-links { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0; }
.yk-utility-links a { display:inline-flex; gap:7px; align-items:center; min-height:38px; padding:0 12px; border:1px solid rgba(255,255,255,.22); border-radius:10px; color:inherit; font-size:12px; font-weight:800; text-decoration:none; }
.yk-related-products { margin-top:24px; margin-bottom:24px; padding:24px; border:1px solid #dce5ee; border-radius:20px; background:#fff; }
.yk-related-products__head { display:flex; justify-content:space-between; gap:20px; align-items:end; margin-bottom:16px; }
.yk-related-products__head small { color:var(--yk-red); font-size:11px; font-weight:900; letter-spacing:.08em; }
.yk-related-products__head h2 { margin:5px 0 0; color:#172232; font-size:clamp(22px,2.5vw,30px); }
.yk-related-products__head>a { color:var(--yk-red); font-size:13px; font-weight:900; }
.yk-related-products__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.yk-related-products__grid>a { display:flex; gap:11px; align-items:center; min-width:0; padding:10px; border:1px solid #dce5ee; border-radius:13px; color:#172232; text-decoration:none; }
.yk-related-products__grid img { flex:0 0 66px; width:66px; height:66px; object-fit:contain; border-radius:9px; background:#f7f9fc; }
.yk-related-products__grid span { min-width:0; }
.yk-related-products__grid b { display:-webkit-box; overflow:hidden; font-size:12px; line-height:1.35; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.yk-related-products__grid small { display:block; margin-top:5px; color:#617187; font-size:10px; }
.yk-video-related { display:inline-flex; align-items:center; margin:8px 0 0 auto; color:#d7192f; font-size:11px; font-weight:900; text-decoration:none; }

/* Homepage marketplace storefronts */
.home-marketplaces {
  padding-top: 10px;
  padding-bottom: 26px;
}
.home-marketplaces__head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
  margin-bottom: 14px;
}
.home-marketplaces__head h2 {
  margin: 4px 0 5px;
  color: #172231;
  font-size: clamp(23px, 2.4vw, 31px);
  line-height: 1.12;
}
.home-marketplaces__head > div > p:last-child {
  margin: 0;
  color: #66758a;
  font-size: 13px;
}
.home-marketplaces__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.home-marketplace-card {
  position: relative;
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr) 34px;
  gap: 13px;
  align-items: center;
  min-height: 116px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #d9e3ed;
  border-radius: 17px;
  background: #fff;
  color: #172231;
  box-shadow: 0 8px 24px rgba(18, 31, 46, .07);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.home-marketplace-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--market-color, #d91c32);
  content: "";
}
.home-marketplace-card:hover,
.home-marketplace-card:focus-visible {
  border-color: var(--market-color, #d91c32);
  box-shadow: 0 13px 30px rgba(18, 31, 46, .12);
  transform: translateY(-2px);
}
.home-marketplace-card__logo {
  display: grid;
  place-items: center;
  min-width: 0;
  height: 72px;
  padding: 12px;
  border-radius: 13px;
  background: #f7f9fc;
}
.home-marketplace-card__logo img {
  display: block;
  width: 100%;
  max-width: 104px;
  height: 40px;
  object-fit: contain;
}
.home-marketplace-card > span:nth-child(2) b,
.home-marketplace-card > span:nth-child(2) small { display: block; }
.home-marketplace-card > span:nth-child(2) b { font-size: 14px; line-height: 1.3; }
.home-marketplace-card > span:nth-child(2) small { margin-top: 5px; color: #6b7b8e; font-size: 11px; font-weight: 700; }
.home-marketplace-card > i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f2f6fa;
  color: var(--market-color, #d91c32);
}
.home-marketplace-card--n11 { --market-color: #f54291; }
.home-marketplace-card--hepsiburada { --market-color: #ff6000; }
.home-marketplace-card--trendyol { --market-color: #f27a1a; }

@media (max-width: 760px) {
  .home-marketplaces { padding: 5px 10px 20px; }
  .home-marketplaces__head { margin-bottom: 11px; }
  .home-marketplaces__head h2 { font-size: 22px; }
  .home-marketplaces__head > div > p:last-child { font-size: 12px; line-height: 1.5; }
  .home-marketplaces__grid { gap: 7px; }
  .home-marketplace-card {
    grid-template-columns: 1fr;
    gap: 7px;
    min-height: 128px;
    padding: 9px 7px 10px;
    text-align: center;
  }
  .home-marketplace-card__logo { height: 58px; padding: 9px 7px; }
  .home-marketplace-card__logo img { max-width: 88px; height: 32px; }
  .home-marketplace-card > span:nth-child(2) b { font-size: 10.5px; }
  .home-marketplace-card > span:nth-child(2) small,
  .home-marketplace-card > i { display: none; }
}
@media(max-width:900px){.yk-related-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.yk-payment-recovery{grid-template-columns:auto minmax(0,1fr);width:calc(100% - 20px);padding:14px}.yk-payment-recovery a{grid-column:1/-1;text-align:center}.yk-related-products{padding:18px 12px}.yk-related-products__head{align-items:start;flex-direction:column}.yk-related-products__grid{grid-template-columns:1fr}}
.dtc-advanced{margin-top:16px;padding:18px;border:1px solid #dbe5ef;border-radius:16px;background:linear-gradient(135deg,#f8fbfe,#fff)}
.dtc-advanced__title{display:flex;gap:12px;align-items:center;margin-bottom:14px}.dtc-advanced__title>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#fff0f2;color:#d7192f}.dtc-advanced__title b,.dtc-advanced__title small{display:block}.dtc-advanced__title small{margin-top:3px;color:#617187;font-size:11px;line-height:1.45}
.dtc-advanced__grid{display:grid;grid-template-columns:1fr 1.2fr 1fr .8fr 1.5fr auto;gap:9px;align-items:end}.dtc-advanced__grid label{display:grid;gap:5px;color:#617187;font-size:10px;font-weight:900}.dtc-advanced__grid select,.dtc-advanced__grid input{width:100%;min-height:43px;padding:0 11px;border:1px solid #ccd8e4;border-radius:10px;background:#fff;color:#172232;font:700 12px/1.2 inherit}.dtc-advanced__grid>button{min-height:43px;padding:0 15px;border:0;border-radius:10px;background:#13202e;color:#fff;font-weight:900;cursor:pointer}
.dtc-filter-results{margin-top:14px;padding-top:14px;border-top:1px solid #dbe5ef}.dtc-filter-results__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.dtc-filter-results__head small{color:#617187}.dtc-filter-results__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:430px;overflow:auto}.dtc-filter-results__grid button{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;padding:11px;border:1px solid #dbe5ef;border-radius:11px;background:#fff;color:#172232;text-align:left;cursor:pointer}.dtc-filter-results__grid button>b{grid-row:1/3;color:#d7192f;font-size:16px}.dtc-filter-results__grid span{font-size:11px;font-weight:800}.dtc-filter-results__grid small{color:#617187;font-size:9px}.dtc-brand-context{margin-top:12px;padding:11px 12px;border:1px solid #bee3cf;border-radius:10px;background:#effaf4;color:#116943;font-size:12px}.dtc-brand-context i{margin-right:6px}
@media(max-width:1050px){.dtc-advanced__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.dtc-advanced{padding:14px 10px}.dtc-advanced__grid{grid-template-columns:1fr 1fr}.dtc-advanced__phrase,.dtc-advanced__grid>button{grid-column:1/-1}.dtc-filter-results__grid{grid-template-columns:1fr}.dtc-filter-results__head{flex-direction:column}}

/* 2026-07 mobile balance pass: compact cards, showcase and touch gallery. */
.product-page .gallery-main {
  touch-action: pan-y;
  overscroll-behavior-x: contain;
}
.yk-gallery-swipe-hint {
  position: absolute;
  z-index: 3;
  left: 12px;
  bottom: 12px;
  display: none;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid #d7e1eb;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: #526277;
  box-shadow: 0 7px 18px rgba(16,25,35,.09);
  font-size: 10px;
  font-weight: 800;
  pointer-events: none;
}

@media (max-width: 720px) {
  .yk-sms-optin__close {
    top: 9px;
    right: 9px;
    left: auto;
    z-index: 4;
    width: 38px;
    height: 38px;
    border-color: #172231;
    background: #172231;
    color: #fff;
    box-shadow: 0 7px 18px rgba(15,25,38,.18);
    font-size: 15px;
  }
  .yk-sms-optin__close:hover,
  .yk-sms-optin__close:focus-visible {
    border-color: #e31b35;
    background: #e31b35;
    outline: 3px solid rgba(227,27,53,.18);
  }
  .yk-sms-optin__head { padding-right: 44px; }
  .yk-sms-optin__progress {
    grid-template-columns: 22px minmax(34px,1fr) 22px;
    width: calc(100% - 50px);
    margin: 0 50px 10px 0;
  }

  main.home-page .product-grid,
  main.home-page .home-deals .product-grid {
    align-items: stretch !important;
    gap: 8px !important;
  }
  main.home-page .product-card {
    align-self: stretch !important;
    height: 100% !important;
    min-width: 0;
    border-radius: 12px;
  }
  main.home-page .product-card .product-image,
  main.home-page .product-card__media {
    height: clamp(154px, 42vw, 178px) !important;
    min-height: clamp(154px, 42vw, 178px) !important;
    padding: 5px !important;
  }
  main.home-page .product-card .product-image::before,
  main.home-page .product-card__media::before { inset: 5px; }
  main.home-page .product-card .product-image img,
  main.home-page .product-card__media img {
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    max-width: 100% !important;
    max-height: calc(100% - 10px) !important;
    object-fit: contain;
  }
  main.home-page .product-card .product-info,
  main.home-page .product-card__body {
    flex: 1 1 auto !important;
    padding: 11px 10px 10px !important;
  }
  main.home-page .product-card .product-title,
  main.home-page .product-card h3,
  main.home-page .product-card h3 a {
    min-height: 0 !important;
    margin-bottom: 9px !important;
    color: #172231;
    font-size: 12.7px !important;
    font-weight: 720 !important;
    line-height: 1.34 !important;
    overflow-wrap: anywhere;
  }
  main.home-page .product-card .product-info > small {
    margin-bottom: 3px;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }
  main.home-page .product-card .price-row {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  main.home-page .product-card .price-row strong {
    font-size: clamp(19px,5.7vw,23px) !important;
    line-height: 1.04 !important;
    white-space: nowrap;
  }
  main.home-page .product-card .price-row em { font-size: 9px !important; }
  main.home-page .product-card .total-price,
  main.home-page .product-card .total {
    margin-top: 5px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: clamp(13px,4vw,16px) !important;
    line-height: 1.25 !important;
  }
  main.home-page .product-card .old-price {
    min-height: 0;
    margin: 4px 0 0;
    font-size: 9.5px !important;
    line-height: 1.25;
  }
  main.home-page .product-card .yk-card-facts {
    gap: 4px;
    margin: 7px 0 8px;
  }
  main.home-page .product-card .yk-card-facts span {
    min-height: 21px;
    padding: 3px 6px;
    font-size: 8.5px;
  }
  main.home-page .product-card .badges {
    gap: 4px;
    min-height: 0;
    margin: 7px 0 0;
  }
  main.home-page .product-card .badges span {
    min-height: 22px !important;
    padding: 3px 6px !important;
    font-size: 8.5px !important;
    line-height: 1.15 !important;
  }
  main.home-page .product-card .card-actions,
  main.home-page .product-card .actions {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 5px;
    margin-top: auto !important;
    padding-top: 10px;
  }
  main.home-page .product-card .card-actions button,
  main.home-page .product-card .card-actions a,
  main.home-page .product-card .actions button,
  main.home-page .product-card .actions a {
    min-width: 0;
    min-height: 40px !important;
    padding: 5px 3px !important;
    font-size: 9.5px !important;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  main.home-page .yk-card-tools { top: 8px; right: 8px; gap: 4px; }
  main.home-page .yk-card-tool { width: 34px; height: 34px; }

  .premium-home-slide {
    padding: 12px 12px 66px !important;
    grid-template-columns: minmax(0,1fr) minmax(124px,42%) !important;
    grid-template-areas:
      "eyebrow media"
      "title media"
      "lead lead"
      "features features"
      "price price"
      "actions actions";
    column-gap: 10px !important;
    row-gap: 9px !important;
    align-items: start !important;
  }
  .premium-home-slide__copy { display: contents; }
  .premium-home-slide__eyebrow {
    grid-area: eyebrow;
    align-self: end;
    margin: 0 !important;
    font-size: 9px !important;
    line-height: 1.2;
  }
  .premium-home-slide h1,
  .premium-home-slide h2 {
    grid-area: title;
    align-self: start;
    font-size: clamp(25px,7.5vw,31px) !important;
    line-height: 1 !important;
  }
  .premium-home-slide__media {
    grid-area: media;
    order: initial !important;
    width: 100%;
    min-height: 142px !important;
    height: 142px;
    border-radius: 12px !important;
  }
  .premium-home-slide__media img {
    max-height: 138px !important;
    padding: 7px !important;
  }
  .premium-home-slide__media::after {
    right: 6px;
    bottom: 6px;
    padding: 4px 6px;
    font-size: 7px;
  }
  .premium-home-slide__lead {
    grid-area: lead;
    display: -webkit-box;
    margin: 0 !important;
    overflow: hidden;
    font-size: 11.5px !important;
    line-height: 1.42 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .premium-home-slide__features {
    grid-area: features;
    gap: 5px !important;
    margin: 0 !important;
  }
  .premium-home-slide__features span {
    min-height: 27px;
    padding: 0 8px;
    font-size: 9.5px;
  }
  .premium-home-slide__features span:nth-child(n+3) { display: none; }
  .premium-home-slide__price {
    grid-area: price;
    gap: 3px 8px;
    margin: 0 !important;
  }
  .premium-home-slide__price span { font-size: 8px; }
  .premium-home-slide__price strong { font-size: 25px !important; }
  .premium-home-slide__price small { font-size: 9.5px; }
  .premium-home-slide__actions {
    grid-area: actions;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
  }
  .premium-home-slide__actions a {
    min-height: 40px;
    padding: 0 6px !important;
    font-size: 10px;
  }
  .premium-home-slide__actions a:nth-child(n+3) { display: none; }
  .premium-showcase-nav { left: 12px !important; bottom: 13px !important; gap: 5px; }
  .premium-showcase-nav button { width: 27px; height: 27px; }
  .premium-showcase-nav button.is-active { width: 39px; }
  .premium-showcase-timer {
    right: 12px !important;
    bottom: 13px !important;
    left: auto !important;
    min-height: 27px;
    grid-template-columns: minmax(54px,82px) 26px !important;
    gap: 6px !important;
    padding-inline: 8px !important;
  }
  .premium-showcase-timer__next { display: none !important; }

  .product-page .gallery-main { cursor: grab; }
  .product-page .gallery-main:active { cursor: grabbing; }
  .yk-gallery-swipe-hint { display: inline-flex; }
  .product-page .thumbs {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    padding: 1px 1px 5px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }
  .product-page .thumbs button,
  .product-page .thumbs a {
    flex: 0 0 72px;
    width: 72px;
    height: 68px;
    scroll-snap-align: start;
  }
  .product-page .thumbs button img,
  .product-page .thumbs a img { height: 56px; }

  .yk-dialog-layer:has(.yk-zoom-dialog) {
    z-index: 100000;
    align-items: center;
    padding: 0;
  }
  .yk-zoom-dialog {
    width: 100vw;
    height: 100svh;
    max-height: none;
    padding: calc(64px + env(safe-area-inset-top)) 10px calc(16px + env(safe-area-inset-bottom));
    border-radius: 0;
  }
  .yk-zoom-dialog > .yk-dialog__close {
    top: calc(10px + env(safe-area-inset-top));
    right: 10px;
    display: inline-flex;
    width: auto;
    min-width: 82px;
    height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #e31b35;
    box-shadow: 0 9px 24px rgba(0,0,0,.24);
    font-size: 15px;
  }
  .yk-zoom-dialog > .yk-dialog__close::after {
    content: "Kapat";
    font-size: 12px;
    font-weight: 850;
  }
}

/* Homepage showcase: fixed geometry prevents slide-to-slide layout movement. */
.premium-showcase-stage,
.premium-home-slide {
  height: 470px;
}

@media (max-width: 720px) {
  .home-hero--premium .premium-showcase-stage,
  .home-hero--premium .premium-home-slide {
    height: 425px !important;
    min-height: 425px !important;
  }

  .home-hero--premium .premium-home-slide {
    position: relative;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 156px 13px minmax(27px, auto) 32px 27px 39px !important;
    grid-template-areas:
      "media"
      "eyebrow"
      "title"
      "lead"
      "features"
      "price" !important;
    align-content: start !important;
    gap: 5px !important;
    padding: 10px 10px 53px !important;
  }

  .home-hero--premium .premium-home-slide__copy { display: contents; }

  .home-hero--premium .premium-home-slide__media {
    grid-area: media;
    width: 100%;
    height: 156px !important;
    min-height: 156px !important;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 13px !important;
    background:
      radial-gradient(circle at 75% 35%, rgba(255,255,255,.22), transparent 34%),
      linear-gradient(145deg, #edf2f5 0%, #fff 58%, #e7eef3 100%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);
  }

  .home-hero--premium .premium-home-slide__media img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    padding: 6px 12px 11px !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  .home-hero--premium .premium-home-slide__media::after { display: none; }

  .home-hero--premium .premium-home-slide__actions {
    position: absolute;
    z-index: 3;
    top: 124px;
    right: 18px;
    left: 18px;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .home-hero--premium .premium-home-slide__actions a {
    min-height: 35px !important;
    padding: 0 8px !important;
    border-color: rgba(255,255,255,.78);
    border-radius: 9px;
    background: rgba(15,25,37,.9);
    box-shadow: 0 7px 18px rgba(8,15,24,.2);
    color: #fff;
    font-size: 9.5px;
    backdrop-filter: blur(8px);
  }

  .home-hero--premium .premium-home-slide__actions a:first-child {
    border-color: #e31b35;
    background: #e31b35;
  }

  .home-hero--premium .premium-home-slide__actions a:nth-child(n+3) { display: none !important; }

  .home-hero--premium .premium-home-slide__eyebrow {
    grid-area: eyebrow;
    align-self: end;
    min-width: 0;
    margin: 0 !important;
    overflow: hidden;
    font-size: 8px !important;
    line-height: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2 {
    grid-area: title;
    display: -webkit-box;
    align-self: center;
    max-width: 100%;
    max-height: 54px;
    margin: 0;
    overflow: hidden;
    font-size: clamp(23px, 7vw, 29px) !important;
    line-height: .96 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .home-hero--premium .premium-home-slide__lead {
    grid-area: lead;
    display: -webkit-box;
    min-height: 32px;
    max-height: 32px;
    margin: 0 !important;
    overflow: hidden;
    font-size: 10.5px !important;
    line-height: 1.48 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .home-hero--premium .premium-home-slide__features {
    grid-area: features;
    flex-wrap: nowrap;
    gap: 5px !important;
    min-width: 0;
    height: 27px;
    margin: 0 !important;
    overflow: hidden;
  }

  .home-hero--premium .premium-home-slide__features span {
    min-width: 0;
    min-height: 27px;
    padding: 0 8px;
    overflow: hidden;
    font-size: 8.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-hero--premium .premium-home-slide__features span:nth-child(n+3) { display: none; }

  .home-hero--premium .premium-home-slide__price {
    grid-area: price;
    align-self: center;
    gap: 2px 8px;
    min-height: 39px;
    margin: 0 !important;
  }

  .home-hero--premium .premium-home-slide__price span { font-size: 7px; }
  .home-hero--premium .premium-home-slide__price strong { font-size: 23px !important; }
  .home-hero--premium .premium-home-slide__price small {
    align-self: end;
    padding-bottom: 2px;
    font-size: 8.5px;
  }

  .home-hero--premium .premium-showcase-nav {
    bottom: 11px !important;
    left: 11px !important;
  }

  .home-hero--premium .premium-showcase-timer {
    right: 11px !important;
    bottom: 11px !important;
    left: auto !important;
  }
}

@media (max-width: 360px) {
  .home-hero--premium .premium-showcase-stage,
  .home-hero--premium .premium-home-slide {
    height: 418px !important;
    min-height: 418px !important;
  }

  .home-hero--premium .premium-home-slide {
    grid-template-rows: 150px 12px minmax(26px, auto) 31px 26px 37px !important;
  }

  .home-hero--premium .premium-home-slide__media {
    height: 150px !important;
    min-height: 150px !important;
  }

  .home-hero--premium .premium-home-slide__actions { top: 119px; }
}

/* Mobile-only contact dock for public pages outside product and checkout flows. */
.yk-mobile-socialbar {
  display: none;
}

@media (max-width: 680px) {
  body.yk-has-mobile-socialbar {
    padding-bottom: calc(84px + env(safe-area-inset-bottom));
  }

  .yk-mobile-socialbar {
    position: fixed;
    z-index: 1440;
    right: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom));
    left: 8px;
    display: grid;
    grid-template-columns: minmax(54px, .8fr) minmax(126px, 2.7fr) minmax(54px, .8fr) minmax(54px, .8fr);
    gap: 6px;
    width: min(398px, calc(100vw - 16px));
    margin-inline: auto;
    padding: 7px;
    border: 1px solid rgba(199, 210, 222, .9);
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 16px 42px rgba(16, 28, 43, .2);
    backdrop-filter: blur(14px);
  }

  .yk-mobile-socialbar a {
    min-width: 0;
    min-height: 50px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  .yk-mobile-socialbar__side {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 2px;
    border: 1px solid #e1e7ed;
    border-radius: 13px;
    background: #f7f9fb;
    color: #354459;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    overflow: hidden;
  }

  .yk-mobile-socialbar__side span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
  }

  .yk-mobile-socialbar__side i {
    font-size: 18px;
  }

  .yk-mobile-socialbar__instagram {
    color: #b12367;
    background: #fff6fa;
    border-color: #f0d5e3;
  }

  .yk-mobile-socialbar__youtube {
    color: #d7192d;
    background: #fff6f6;
    border-color: #f0d5d9;
  }

  .yk-mobile-socialbar__google {
    color: #aa7100;
    background: #fffaf0;
    border-color: #ecdfbd;
  }

  .yk-mobile-socialbar__whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 13px;
    border-radius: 13px;
    background: linear-gradient(135deg, #15965e, #087a4a);
    color: #fff;
    box-shadow: 0 8px 18px rgba(12, 127, 78, .22);
  }

  .yk-mobile-socialbar__whatsapp i {
    flex: 0 0 auto;
    font-size: 21px;
  }

  .yk-mobile-socialbar__whatsapp span {
    display: grid;
    min-width: 0;
    line-height: 1.05;
  }

  .yk-mobile-socialbar__whatsapp small {
    color: rgba(255, 255, 255, .78);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .yk-mobile-socialbar__whatsapp strong {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 900;
  }

  body:has(.yk-dialog-layer) .yk-mobile-socialbar,
  body:has(.yk-sms-optin.is-visible) .yk-mobile-socialbar,
  body:has(.search-results.open) .yk-mobile-socialbar {
    opacity: 0;
    pointer-events: none;
  }
}

@media (max-width: 350px) {
  .yk-mobile-socialbar {
    grid-template-columns: 42px minmax(0, 1fr) 42px 42px;
    gap: 5px;
    padding: 6px;
  }

  .yk-mobile-socialbar__side span {
    display: none;
  }
}

@media (max-width: 380px) {
  .premium-home-slide { padding-bottom: 62px !important; }
  .premium-home-slide__media { min-height: 128px !important; height: 128px; }
  .premium-home-slide__media img { max-height: 124px !important; }
  main.home-page .product-card .product-title { font-size: 12px !important; }
  main.home-page .product-card .price-row strong { font-size: 19px !important; }
  main.home-page .product-card .total-price { font-size: 13px !important; }
}

/* 2026-07 editorial commerce pass: readability, technical choice and trust. */
.yk-catalog-tools__toggle { display:none; }
.yk-catalog-tools__controls { flex-wrap:wrap; }
.yk-catalog-tools__controls select { min-width:158px; }
.yk-card-facts { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 11px; }
.yk-card-facts span { display:inline-flex; align-items:center; min-height:25px; padding:4px 8px; border:1px solid #dce5ee; border-radius:999px; background:#f7f9fc; color:#506176; font-size:11px; font-weight:650; line-height:1.15; }
.product-card .yk-card-facts--disabled { display:none!important; min-height:0!important; max-height:0!important; margin:0!important; }
.yk-old-price-placeholder { display:none!important; min-height:0!important; visibility:hidden; }
@media(min-width:481px){
  .product-card .yk-card-facts { align-content:flex-start; min-height:0; max-height:none; overflow:visible; }
  .product-card .yk-card-facts--empty { display:none; min-height:0; margin:0; }
  .product-card .old-price { min-height:0; }
}
@media(max-width:480px){
  .product-card .yk-card-facts--empty,
  .product-card .yk-old-price-placeholder { display:none; }
}
.product-card .product-info>small,
main:not(.home-page) .product-card .product-info>small { font-size:11.5px!important; line-height:1.3!important; }
.product-card .price-row em,
main:not(.home-page) .product-card .price-row em { font-size:11.5px!important; line-height:1.2!important; }
.product-card .badges span,
main:not(.home-page) .product-card .badges span { min-height:27px; padding:5px 8px; font-size:10.5px!important; line-height:1.2!important; }
.product-card .card-actions button,
.product-card .card-actions a,
main:not(.home-page) .product-card .card-actions button,
main:not(.home-page) .product-card .card-actions a { min-height:44px; font-size:12px!important; font-weight:760!important; }
.product-card .card-actions button,
main:not(.home-page) .product-card .card-actions button { order:2; border:1px solid #cbd6e1!important; background:#fff!important; color:#172231!important; }
.product-card .card-actions a,
main:not(.home-page) .product-card .card-actions a { order:1; border-color:#df1e37!important; background:#df1e37!important; color:#fff!important; }
.product-card .product-title,
main:not(.home-page) .product-card .product-title { font-size:15px!important; font-weight:700!important; line-height:1.42!important; }
.yk-product-review-trust { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; margin:2px 0 13px; padding:10px 12px; border:1px solid #e4d9bd; border-radius:12px; background:#fffaf0; color:#172231; text-decoration:none; }
.yk-product-review-trust>strong { color:#d21c34; font-size:23px; line-height:1; }
.yk-product-review-trust span,.yk-product-review-trust small { display:block; }
.yk-product-review-trust span>b { color:#eea300; font-size:12px; letter-spacing:.04em; }
.yk-product-review-trust small { margin-top:2px; color:#647389; font-size:10.5px; font-weight:650; line-height:1.3; }
.yk-product-review-trust>i { color:#8c9aae; }
.yk-delivery-details { margin:12px 0; overflow:hidden; border:1px solid #d8e4ed; border-radius:13px; background:#f8fbfd; }
.yk-delivery-details summary { display:flex; justify-content:space-between; gap:10px; align-items:center; min-height:48px; padding:0 13px; color:#172231; cursor:pointer; list-style:none; }
.yk-delivery-details summary::-webkit-details-marker { display:none; }
.yk-delivery-details summary span { display:flex; gap:8px; align-items:center; }
.yk-delivery-details summary span>i { color:#0d7a70; }
.yk-delivery-details summary b { font-size:12px; }
.yk-delivery-details>p { margin:0; padding:0 13px 13px; color:#5c6d82; font-size:11.5px; line-height:1.55; }
.yk-delivery-details[open] summary>i { transform:rotate(180deg); }
.yk-product-technical { grid-column:1/-1; border-color:#cfdde8!important; background:linear-gradient(135deg,#f8fbfd,#fff)!important; }
.yk-product-module__head { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:16px; }
.yk-product-module__head small { color:#d21c34; font-size:10px; font-weight:850; letter-spacing:.09em; }
.yk-product-module__head h2 { margin:4px 0 0; }
.yk-product-module__head>i { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#eaf6f5; color:#08766f; font-size:20px; }
.yk-product-technical dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:0; }
.yk-product-technical dl>div { padding:13px; border:1px solid #dce5ee; border-radius:12px; background:#fff; }
.yk-product-technical dt { margin-bottom:5px; color:#66758a; font-size:10px; font-weight:850; letter-spacing:.035em; text-transform:uppercase; }
.yk-product-technical dd { margin:0; color:#172231; font-size:12.5px; font-weight:620; line-height:1.55; }
.yk-technical-note { margin:12px 0 0!important; padding:11px 12px; border-left:3px solid #df1e37; border-radius:0 10px 10px 0; background:#fff5f6; color:#5d6878!important; font-size:11.5px!important; }
.yk-technical-note i { margin-right:7px; color:#df1e37; }
.yk-technical-source { display:inline-flex; gap:7px; align-items:center; margin-top:12px; color:#0a6f69; font-size:12px; font-weight:800; }

body.yk-checkout-page .topbar,
body.yk-checkout-page .nav,
body.yk-checkout-page .mobile-quick-links,
body.yk-checkout-page .yk-recent-section,
body.yk-checkout-page .media-trust-section,
body.yk-checkout-page .home-youtube-card { display:none!important; }
body.yk-checkout-page>.header { top:0; border-top:3px solid #df1e37; box-shadow:0 5px 18px rgba(17,27,40,.06); }
body.yk-checkout-page>.header .header__grid { grid-template-columns:auto 1fr; min-height:70px; }
body.yk-checkout-page>.header .search { display:none; }
body.yk-checkout-page>.header .actions { justify-self:end; }
body.yk-checkout-page .page-hero { margin-top:10px; border-radius:14px; box-shadow:none; }
body.yk-checkout-page .page-hero__grid { padding:15px 19px!important; }
body.yk-checkout-page .page-hero .eyebrow { display:none; }
body.yk-checkout-page .page-hero h1 { margin:0 0 4px; font-size:27px; }
body.yk-checkout-page .page-hero p { font-size:12.5px; line-height:1.45; }
body.yk-checkout-page .checkout-layout { margin-top:16px; }

.premium-home-slide__actions a:nth-child(n+3) { display:none; }
.premium-showcase-stage,.premium-home-slide { min-height:430px!important; }
.premium-home-slide { padding-top:24px!important; padding-bottom:58px!important; }
.premium-home-slide__media { min-height:310px!important; }
.premium-home-slide__media img { max-height:305px!important; }

@media(max-width:680px){
  body:not(.yk-checkout-page)>.nav .wrap { display:flex!important; grid-template-columns:none!important; flex-wrap:nowrap!important; gap:6px!important; min-height:52px!important; padding:5px 8px!important; overflow-x:auto!important; overflow-y:visible!important; scrollbar-width:none; }
  body:not(.yk-checkout-page)>.nav .wrap::-webkit-scrollbar { display:none; }
  body:not(.yk-checkout-page)>.nav .nav-trigger,
  body:not(.yk-checkout-page)>.nav .nav-direct { flex:0 0 auto; min-height:42px!important; padding:0 11px!important; font-size:11px!important; white-space:nowrap; }
  body:not(.yk-checkout-page)>.nav .nav-panel.is-open,
  body:not(.yk-checkout-page)>.nav #menu-categories.nav-panel.is-open { position:fixed!important; top:var(--yk-mobile-menu-top,160px)!important; right:8px!important; left:8px!important; z-index:10020!important; width:auto!important; max-width:none!important; max-height:var(--yk-mobile-menu-height,calc(100dvh - 170px))!important; margin:0!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  body:not(.yk-checkout-page)>.header .header__grid { display:grid; grid-template-columns:112px minmax(0,1fr) auto; grid-template-areas:"logo spacer actions" "search search search"; gap:6px 8px; min-height:0; padding:6px 8px 8px; }
  body:not(.yk-checkout-page)>.header .logo { grid-area:logo; justify-self:start; }
  body:not(.yk-checkout-page)>.header .logo img { width:auto; max-width:108px; max-height:39px; }
  body:not(.yk-checkout-page)>.header .search { grid-area:search; width:100%; min-height:44px; margin:0; }
  body:not(.yk-checkout-page)>.header .search input { min-height:44px; font-size:13px; }
  body:not(.yk-checkout-page)>.header .search button { width:46px; min-height:40px; }
  body:not(.yk-checkout-page)>.header .actions { grid-area:actions; display:flex; justify-self:end; gap:6px; width:auto; padding:0; }
  body:not(.yk-checkout-page)>.header .actions .action-btn { min-width:42px; min-height:42px; padding:0 9px; }
  body:not(.yk-checkout-page)>.header .action-btn--wa .wa-copy,
  body:not(.yk-checkout-page)>.header .action-cart>span { display:none; }
  .yk-catalog-tools { gap:0; padding:0; border-radius:13px; }
  .yk-catalog-tools__toggle { display:flex; justify-content:space-between; gap:9px; align-items:center; width:100%; min-height:48px; padding:0 13px; border:0; border-radius:13px; background:#fff; color:#172231; font-size:13px; font-weight:800; cursor:pointer; }
  .yk-catalog-tools__toggle span { margin-right:auto; }
  .yk-catalog-tools__copy,.yk-catalog-tools__controls { display:none; }
  .yk-catalog-tools.is-open { padding:8px; }
  .yk-catalog-tools.is-open .yk-catalog-tools__toggle { margin-bottom:8px; background:#f4f7fa; }
  .yk-catalog-tools.is-open .yk-catalog-tools__controls { display:flex; }
  .yk-catalog-tools.is-open .yk-catalog-tools__copy { display:block; padding:4px 5px 9px; }
  .yk-catalog-tools.is-open .yk-catalog-tools__toggle>i:last-child { transform:rotate(180deg); }
  .yk-catalog-tools select,.yk-stock-filter { min-height:45px; font-size:12px; }
  .product-card .product-title,main:not(.home-page) .product-card .product-title { font-size:15.5px!important; }
  .product-card .badges span,main:not(.home-page) .product-card .badges span { font-size:11px!important; }
  .product-card .card-actions button,.product-card .card-actions a,main:not(.home-page) .product-card .card-actions button,main:not(.home-page) .product-card .card-actions a { font-size:12.5px!important; }
  .yk-product-technical dl { grid-template-columns:1fr; }
  body.yk-checkout-page>.header .header__grid { grid-template-columns:auto 1fr; min-height:62px; padding:6px 10px; }
  body.yk-checkout-page>.header .logo img { max-width:118px; }
  body.yk-checkout-page>.header .actions .action-btn--wa .wa-copy { display:none; }
  body.yk-checkout-page>.header .actions a { min-width:44px; padding:0 9px; }
  .premium-showcase-stage,.premium-home-slide { min-height:0!important; }
  .premium-home-slide { gap:12px!important; padding:10px 10px 52px!important; }
  .premium-home-slide__media { min-height:178px!important; }
  .premium-home-slide__media img { max-height:175px!important; padding:9px!important; }
  .premium-home-slide__eyebrow { margin-bottom:8px; font-size:9.5px; }
  .premium-home-slide h1,.premium-home-slide h2 { font-size:clamp(25px,7.4vw,30px); line-height:1.04; }
  .premium-home-slide__lead { display:-webkit-box; overflow:hidden; margin-top:8px; font-size:12px; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .premium-home-slide__features,.premium-home-slide__price,.premium-home-slide__actions { margin-top:9px; }
  .premium-home-slide__features span { min-height:27px; font-size:10.5px; }
  .premium-home-slide__price strong { font-size:26px; }
  .premium-home-slide__actions a { min-height:42px; }
  .premium-home-slide__features span:nth-child(n+3) { display:none; }
}

/* Footer height fix: keep secondary links without creating a tall empty grid row. */
.footer { min-height:0!important; }
.footer__actions a[href*="wa.me"] .fa-whatsapp,
.footer__actions a[href*="whatsapp"] .fa-whatsapp {
  color: #25d366 !important;
}
.footer .footer__top { padding-top:24px!important; padding-bottom:18px!important; }
.footer .footer__links { padding-top:18px!important; padding-bottom:16px!important; }
.footer .footer__bottom {
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:10px 18px!important;
  align-items:center!important;
  padding:14px 0 18px!important;
  border-top:1px solid rgba(255,255,255,.1);
}
.footer .footer__bottom>span { min-width:0; }
.footer .footer__bottom .footer__policy {
  grid-column:1/-1;
  grid-row:2;
  display:flex!important;
  flex-wrap:wrap;
  gap:7px 18px!important;
  margin:0!important;
}
.footer .footer__bottom .footer__policy li a { font-size:12px; line-height:1.35; }
.footer .footer__bottom .yk-utility-links {
  grid-column:2;
  grid-row:1;
  justify-content:flex-end;
}
@media(max-width:720px){
  .footer .footer__top { padding-top:20px!important; padding-bottom:16px!important; }
  .footer .footer__links { padding-top:16px!important; padding-bottom:14px!important; }
  .footer .footer__bottom {
    display:block!important;
    padding:14px 0 16px!important;
  }
  .footer .footer__bottom .footer__policy {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 12px!important;
    margin-top:12px!important;
  }
  .footer .footer__bottom .yk-utility-links { display:none; }
}
@media(max-width:420px){
  .footer .footer__bottom .footer__policy { grid-template-columns:1fr; }
}

/* Purchase actions and compact home contact strip. */
.yk-home-contact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  margin-top: 14px;
  margin-bottom: 4px;
  padding: 18px 20px;
  border: 1px solid #d9e3eb;
  border-radius: 16px;
  background: linear-gradient(110deg, #ffffff 0%, #f6f9fb 68%, #eef8f6 100%);
  box-shadow: 0 8px 24px rgba(17, 28, 42, .055);
}
.yk-home-contact__copy { display: grid; gap: 4px; min-width: 0; }
.yk-home-contact__copy > small { color: #c81b31; font-size: 10px; font-weight: 850; letter-spacing: .085em; }
.yk-home-contact__copy > strong { color: #172231; font-size: clamp(18px, 2vw, 25px); line-height: 1.15; }
.yk-home-contact__copy > span { max-width: 68ch; color: #617187; font-size: 12.5px; font-weight: 550; line-height: 1.5; }
.yk-home-contact__actions { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: 9px; }
.yk-home-contact__actions > a {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 54px;
  padding: 9px 13px;
  border: 1px solid #d5e0e9;
  border-radius: 12px;
  background: #fff;
  color: #172231;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.yk-home-contact__actions > a:hover { transform: translateY(-1px); border-color: #b9c8d4; box-shadow: 0 8px 20px rgba(17, 28, 42, .08); }
.yk-home-contact__actions > a > i { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 9px; background: #f1f5f8; color: #26384b; font-size: 16px; }
.yk-home-contact__actions span { display: grid; gap: 2px; min-width: 0; }
.yk-home-contact__actions small { color: #6b7a8e; font-size: 9.5px; font-weight: 750; text-transform: uppercase; }
.yk-home-contact__actions b { color: #172231; font-size: 12.5px; line-height: 1.2; }
.yk-home-contact__wa { border-color: #c8e6d7 !important; background: #f3fbf7 !important; }
.yk-home-contact__wa > i { background: #dff5e9 !important; color: #08794b !important; }

@media (max-width: 900px) {
  .yk-home-contact { grid-template-columns: 1fr; gap: 13px; }
  .yk-home-contact__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .yk-home-contact { width: calc(100% - 20px); margin-top: 10px; padding: 15px 13px; border-radius: 14px; }
  .yk-home-contact__copy > strong { font-size: 19px; }
  .yk-home-contact__copy > span { font-size: 11.5px; }
  .yk-home-contact__actions { grid-template-columns: 1fr; }
  .yk-home-contact__actions > a { min-height: 50px; }
}

@media (max-width: 680px) {
  body:has(.product-page) { padding-bottom: 82px; }
  .yk-mobile-buybar {
    grid-template-columns: minmax(86px, 1fr) 54px minmax(78px, auto) minmax(76px, auto);
    gap: 6px;
  }
  .yk-mobile-buybar__price > b { font-size: 18px; }
  .yk-mobile-buybar__price > small { margin-top: 4px; }
  .yk-mobile-buybar__price > small strong { font-size: 12.5px; }
  .yk-mobile-buybar a,
  .yk-mobile-buybar button { min-width: 0; height: 48px; padding: 0 9px; border-radius: 11px; font-size: 11px; font-weight: 850; white-space: nowrap; }
  .yk-mobile-buybar .yk-mobile-buybar__wa {
    padding: 0;
    border: 1px solid rgba(5, 122, 70, .18);
    background: linear-gradient(135deg, #19b96b, #078b52);
    color: #fff;
    box-shadow: 0 7px 17px rgba(7, 139, 82, .24);
    font-size: 18px;
  }
  .yk-mobile-buybar .yk-mobile-buybar__cart { border: 1px solid #ccd8e2; background: #fff; color: #172231; }
  .yk-mobile-buybar .yk-mobile-buybar__buy { background: #df1e37; color: #fff; }
}

@media (max-width: 365px) {
  .yk-mobile-buybar { grid-template-columns: minmax(78px, 1fr) 50px 72px 68px; gap: 5px; padding-left: 7px; padding-right: 7px; }
  .yk-mobile-buybar__price > b { font-size: 16px; }
  .yk-mobile-buybar__price > small { gap: 3px; font-size: 7.5px; }
  .yk-mobile-buybar__price > small strong { font-size: 11px; }
  .yk-mobile-buybar a,
  .yk-mobile-buybar button { padding: 0 6px; font-size: 9.5px; }
}

/* Product detail order: product-specific information first, generic support second. */
.product-page .buy-panel[data-yektek-order-ready="true"] > h1 + p {
  margin-bottom: 0;
}
.product-page .buy-panel[data-yektek-order-ready="true"] .buy-price {
  margin-top: 14px;
}
.product-page .buy-panel[data-yektek-order-ready="true"] .product-actions {
  margin-top: 11px;
  padding-top: 0;
}
.product-page .buy-panel[data-yektek-order-ready="true"] .feature-grid {
  margin-top: 11px;
}
.product-page .buy-panel[data-yektek-order-ready="true"] .yk-product-review-trust {
  margin: 11px 0 0;
}
.product-page .buy-panel[data-yektek-order-ready="true"] .yk-delivery-details {
  margin: 10px 0 0;
}
.product-page .buy-panel[data-yektek-order-ready="true"] .compatibility-toggle {
  margin-top: 10px;
}
.yk-product-list-toggles {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.yk-product-list-toggle {
  overflow: hidden;
  border: 1px solid #d2dfeb;
  border-radius: 12px;
  background: #f8fbfd;
}
.yk-product-list-toggle summary {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  min-height: 48px;
  padding: 0 13px;
  color: #172231;
  cursor: pointer;
  list-style: none;
}
.yk-product-list-toggle summary::-webkit-details-marker { display: none; }
.yk-product-list-toggle summary > span { display: flex; gap: 8px; align-items: center; min-width: 0; }
.yk-product-list-toggle summary > span > i { width: 17px; color: #116f86; text-align: center; }
.yk-product-list-toggle summary b { font-size: 12px; font-weight: 800; }
.yk-product-list-toggle summary > i { color: #6f8093; transition: transform .18s ease; }
.yk-product-list-toggle[open] summary > i { transform: rotate(180deg); }
.yk-product-list-toggle__body { padding: 0 13px 12px 38px; }
.yk-product-list-toggle__body:empty { display: none; }
.yk-product-list-toggle__body ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.yk-product-list-toggle__body li { position: relative; color: #526276; font-size: 11.5px; line-height: 1.45; }
.yk-product-list-toggle__body li::before { position: absolute; top: .58em; left: -14px; width: 5px; height: 5px; border-radius: 50%; background: #159076; content: ""; }
.yk-product-list-toggle.is-empty summary { cursor: default; }
.yk-product-list-toggle.is-empty summary > i { color: #a9b5c1; }
.yk-obdeleven-selector {
  overflow: hidden;
  margin-top: 10px;
  border: 1px solid #cad9ea;
  border-radius: 14px;
  background: linear-gradient(135deg, #f7faff 0%, #f2f7ff 100%);
  box-shadow: 0 7px 20px rgba(24, 49, 84, .06);
}
.yk-obdeleven-selector > summary {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 28px;
  align-items: center;
  min-height: 62px;
  gap: 10px;
  padding: 9px 12px;
  color: #172231;
  cursor: pointer;
  list-style: none;
}
.yk-obdeleven-selector > summary::-webkit-details-marker { display: none; }
.yk-obdeleven-selector__mark {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 11px;
  background: #142c4d;
  color: #fff;
  box-shadow: 0 7px 14px rgba(20, 44, 77, .16);
}
.yk-obdeleven-selector > summary > span:nth-child(2) { min-width: 0; }
.yk-obdeleven-selector > summary b { display: block; font-size: 13px; font-weight: 900; }
.yk-obdeleven-selector > summary small { display: block; margin-top: 2px; color: #60738a; font-size: 10.5px; font-weight: 680; line-height: 1.35; }
.yk-obdeleven-selector > summary > .fa-angle-down { color: #667b93; text-align: center; transition: transform .2s ease; }
.yk-obdeleven-selector[open] > summary > .fa-angle-down { transform: rotate(180deg); }
.yk-obdeleven-selector[open] > summary { border-bottom: 1px solid #d9e4ef; background: #fff; }
.yk-obdeleven-selector__body { padding: 11px; background: #fff; }
.yk-obdeleven-selector__intro { margin-bottom: 9px; }
.yk-obdeleven-selector__intro > span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; background: #e9f8f1; color: #14794e; font-size: 10px; font-weight: 850; }
.yk-obdeleven-selector__intro p { margin: 7px 0 0; color: #586b80; font-size: 10.5px; font-weight: 620; line-height: 1.45; }
.yk-obdeleven-selector__frame { overflow: hidden; border: 1px solid #d9e2ec; border-radius: 11px; background: #f5f7fa; }
.yk-obdeleven-selector__frame iframe { display: block; width: 100%; height: 500px; border: 0; background: #fff; }
.yk-obdeleven-selector__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 9px; color: #68798d; font-size: 9.5px; font-weight: 650; }
.yk-obdeleven-selector__foot span { display: inline-flex; align-items: center; gap: 5px; }
.yk-obdeleven-selector__foot a { flex: 0 0 auto; color: #d71935; font-weight: 850; text-decoration: none; }
.yk-obdeleven-selector__foot a:hover { text-decoration: underline; }

/* Product support lists open as an in-page card instead of stretching the product page. */
.yk-product-list-toggle > summary[data-support-card-ready="true"] > .fa-angle-down,
.yk-obdeleven-selector > summary[data-support-card-ready="true"] > .fa-angle-down {
  transform: rotate(-90deg);
}
.yk-product-list-toggle > summary[data-support-card-ready="true"]:hover,
.yk-obdeleven-selector > summary[data-support-card-ready="true"]:hover {
  background: #fff;
}
.yk-support-dialog {
  width: min(760px, 100%);
  max-height: min(90dvh, 820px);
  overflow: auto;
  border: 1px solid rgba(210, 223, 235, .9);
  background: #f6f9fc;
}
.yk-support-dialog--wide { width: min(1120px, 100%); }
.yk-support-dialog > .yk-dialog__close {
  position: sticky;
  z-index: 20;
  top: 14px;
  float: right;
  margin: 14px 14px -56px 0;
  box-shadow: 0 8px 24px rgba(9, 20, 34, .22);
}
.yk-support-card { min-width: 0; padding: 0 22px 24px; }
.yk-support-card__header {
  position: sticky;
  z-index: 8;
  top: 0;
  margin: 0 -22px 18px;
  padding: 26px 82px 20px 26px;
  border-bottom: 1px solid #d8e3ed;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(12px);
}
.yk-support-card__header small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #d71935;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
}
.yk-support-card__header h2 {
  margin: 7px 0 5px;
  color: #152131;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.12;
}
.yk-support-card__header p {
  max-width: 760px;
  margin: 0;
  color: #61748a;
  font-size: 12.5px;
  font-weight: 620;
  line-height: 1.5;
}
.yk-support-card__tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 15px;
}
.yk-support-card__tools label {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid #cbd9e7;
  border-radius: 13px;
  background: #fff;
  color: #0f807a;
  box-shadow: 0 7px 20px rgba(27, 50, 78, .05);
}
.yk-support-card__tools input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #172231;
  font: inherit;
  font-size: 13px;
}
.yk-support-card__tools > span {
  padding: 9px 12px;
  border-radius: 999px;
  background: #e9f8f1;
  color: #14794e;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}
.yk-support-card__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.yk-support-card__list li {
  position: relative;
  min-width: 0;
  padding: 12px 13px 12px 34px;
  border: 1px solid #d8e3ed;
  border-radius: 12px;
  background: #fff;
  color: #3f5268;
  font-size: 12px;
  font-weight: 660;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.yk-support-card__list li::before {
  position: absolute;
  top: 13px;
  left: 13px;
  color: #159076;
  font-family: FontAwesome;
  content: "\f00c";
}
.yk-support-card__empty {
  margin: 12px 0 0;
  padding: 18px;
  border: 1px dashed #c8d5e2;
  border-radius: 12px;
  color: #6c7d90;
  text-align: center;
}

/* Shared YekTek support-list watermark and attribution layer. New list modules
   receive the same treatment by using data-yektek-protected-list="true". */
.yk-support-card,
.yk-kess-product-support[data-yektek-protected-list="true"],
.yk-product-list-toggles[data-yektek-protected-list="true"],
.yk-kt200-product-support[data-yektek-protected-list="true"],
.yk-kt200-brand-support[data-yektek-protected-list="true"],
[data-obdeleven-support-host] .yk-obd-local {
  position: relative;
  isolation: isolate;
}
.yk-support-card::before,
.yk-kess-product-support[data-yektek-protected-list="true"]::before,
.yk-product-list-toggles[data-yektek-protected-list="true"]::before,
.yk-kt200-product-support[data-yektek-protected-list="true"]::before,
.yk-kt200-brand-support[data-yektek-protected-list="true"]::before,
[data-obdeleven-support-host] .yk-obd-local::before,
[data-yektek-protected-list="true"] .yk-kess-panel::before,
[data-yektek-protected-list="true"] .yk-kt200-dialog__panel::before {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  color: #123d4a;
  content: "YEKTEK.COM";
  font-size: clamp(42px, 9vw, 118px);
  font-weight: 950;
  letter-spacing: .08em;
  line-height: 1;
  opacity: .078;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(-13deg);
  white-space: nowrap;
}
.yk-support-card__list li,
.yk-kt200-result,
.yk-obd-brand {
  position: relative;
  overflow: hidden;
}
.yk-support-card__list li::after,
.yk-kt200-result::after,
.yk-obd-brand::after {
  position: absolute;
  right: 7px;
  bottom: 4px;
  color: #0d6570;
  content: "YEKTEK.COM";
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  opacity: .13;
  pointer-events: none;
  transform: rotate(-7deg);
}
.yk-support-rights-note {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin: 12px 0 0;
  padding: 11px 13px;
  border: 1px solid rgba(13, 116, 123, .24);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(236, 251, 249, .96), rgba(244, 248, 252, .98));
  color: #385366;
  box-shadow: inset 3px 0 #0d747b, 0 6px 18px rgba(18, 61, 74, .05);
  font-size: 10.5px;
  line-height: 1.45;
}
.yk-support-rights-note > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: #0d747b;
  color: #fff;
  font-size: 15px;
}
.yk-support-rights-note strong {
  display: block;
  margin-bottom: 2px;
  color: #123d4a;
  font-size: 11px;
}
.yk-support-rights-note a {
  color: #0b6d72;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.yk-support-disclaimer {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 14px 0 0;
  padding: 12px 13px;
  border: 1px solid #ead9a8;
  border-radius: 12px;
  background: linear-gradient(135deg, #fffdf5 0%, #fff8e5 100%);
  color: #665d47;
  box-shadow: 0 6px 18px rgba(83, 65, 25, .05);
  font-size: 10.5px;
  font-weight: 620;
  line-height: 1.5;
}
.yk-support-disclaimer > i {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 9px;
  background: #fff0bd;
  color: #8a6410;
  font-size: 14px;
}
.yk-support-disclaimer strong {
  display: block;
  margin-bottom: 2px;
  color: #3c3525;
  font-size: 11px;
  font-weight: 900;
}
.yk-support-card--obdeleven { padding-bottom: 20px; }
.yk-support-card--obdeleven .yk-obdeleven-selector__body {
  padding: 0;
  background: transparent;
}

@media (max-width: 640px) {
  .yk-dialog-layer:has(.yk-support-dialog) { align-items: end; padding: 7px; }
  .yk-support-dialog,
  .yk-support-dialog--wide {
    width: 100%;
    max-height: calc(100dvh - 14px);
    border-radius: 22px 22px 12px 12px;
  }
  .yk-support-dialog > .yk-dialog__close {
    top: 10px;
    width: 44px;
    height: 44px;
    margin: 10px 10px -54px 0;
  }
  .yk-support-card { padding: 0 12px 18px; }
  .yk-support-card__header {
    margin: 0 -12px 13px;
    padding: 20px 62px 15px 17px;
  }
  .yk-support-card__header h2 { font-size: 21px; }
  .yk-support-card__header p { font-size: 11px; }
  .yk-support-card__tools { grid-template-columns: 1fr; gap: 8px; }
  .yk-support-card__tools > span { justify-self: start; }
  .yk-support-card__list { grid-template-columns: 1fr; gap: 7px; }
  .yk-support-card__list li { padding: 10px 11px 10px 31px; font-size: 11.5px; }
  .yk-support-card__list li::before { top: 11px; left: 11px; }
  .yk-support-disclaimer { grid-template-columns: 26px minmax(0, 1fr); gap: 8px; padding: 10px; font-size: 9.75px; }
  .yk-support-disclaimer > i { width: 26px; height: 26px; border-radius: 8px; font-size: 12px; }
  .yk-support-disclaimer strong { font-size: 10.5px; }
  .yk-support-card--obdeleven .yk-obdeleven-selector__foot { padding-bottom: 74px; }
}

.yk-obd-local { color: #152131; }
.yk-obd-local__toolbar { display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 9px; align-items: center; }
.yk-obd-local__toolbar label { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 7px; align-items: center; min-height: 42px; padding: 0 12px; border: 1px solid #cfdce9; border-radius: 11px; background: #fff; box-shadow: 0 5px 16px rgba(20, 38, 61, .045); }
.yk-obd-local__toolbar label > i { color: #147f7d; }
.yk-obd-local__toolbar input { width: 100%; min-width: 0; height: 40px; padding: 0; border: 0; outline: 0; background: transparent; color: #152131; font: inherit; font-size: 12px; font-weight: 720; }
.yk-obd-local__toolbar input::placeholder { color: #718197; opacity: 1; }
.yk-obd-local__filters { display: flex; align-items: center; gap: 5px; padding: 4px; border: 1px solid #d7e2ed; border-radius: 11px; background: #f4f7fa; }
.yk-obd-local__filters button { min-height: 32px; padding: 6px 10px; border: 0; border-radius: 8px; background: transparent; color: #52657b; font-size: 10.5px; font-weight: 820; cursor: pointer; white-space: nowrap; }
.yk-obd-local__filters button.is-active { background: #152131; color: #fff; box-shadow: 0 4px 11px rgba(15, 29, 46, .15); }
.yk-obd-local__count { margin: 9px 2px 7px; color: #6c7d91; font-size: 10px; font-weight: 760; }
.yk-obd-local__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; max-height: 294px; padding-right: 3px; overflow: auto; scrollbar-width: thin; scrollbar-color: #c7d4e2 transparent; }
.yk-obd-brand { display: grid; grid-template-columns: 42px minmax(0, 1fr) 14px; gap: 8px; align-items: center; min-height: 58px; padding: 7px; border: 1px solid #d8e3ee; border-radius: 11px; background: #fff; color: #172231; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease; }
.yk-obd-brand:hover { border-color: #91c7c1; background: #f8fffd; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(25, 74, 77, .08); }
.yk-obd-brand.is-selected { border-color: #108a72; background: #eefaf6; box-shadow: 0 0 0 2px rgba(16, 138, 114, .09); }
.yk-obd-brand[hidden] { display: none; }
.yk-obd-brand__logo { display: flex; align-items: center; justify-content: center; gap: 2px; width: 42px; height: 42px; padding: 5px; border: 1px solid #e3e9ef; border-radius: 10px; background: #fff; box-shadow: 0 3px 9px rgba(16, 31, 49, .06); overflow: hidden; }
.yk-obd-brand__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.yk-obd-brand__logo--dual { padding: 4px 3px; }
.yk-obd-brand__logo--dual img { width: calc(50% - 1px); height: 78%; }
.yk-obd-brand__logo > b { color: #19283a; font-size: 14px; font-weight: 920; }
.yk-obd-brand > span:nth-child(2) { min-width: 0; }
.yk-obd-brand b { display: block; overflow: hidden; color: #172231; font-size: 10.5px; font-weight: 900; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.yk-obd-brand small { display: block; margin-top: 2px; color: #6a7b90; font-size: 8.5px; font-weight: 700; line-height: 1.25; }
.yk-obd-brand > i { color: #8191a4; font-size: 10px; }
.yk-obd-local__empty { padding: 18px; border: 1px dashed #d5dfe9; border-radius: 11px; background: #f8fafc; color: #64768b; font-size: 11px; font-weight: 750; text-align: center; }
.yk-obd-local__result { margin-top: 10px; padding: 12px; border: 1px solid #cfdee9; border-radius: 13px; background: linear-gradient(135deg, #f9fcff 0%, #f2faf8 100%); box-shadow: inset 3px 0 0 #11887d; }
.yk-obd-local__result-empty { display: flex; align-items: center; gap: 9px; min-height: 46px; color: #65778c; }
.yk-obd-local__result-empty > i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: #e8f6f3; color: #11887d; }
.yk-obd-local__result-empty b, .yk-obd-local__result-empty small { display: block; }
.yk-obd-local__result-empty b { color: #1d2b3b; font-size: 11px; }
.yk-obd-local__result-empty small { margin-top: 2px; font-size: 9.5px; font-weight: 650; line-height: 1.35; }
.yk-obd-result__head { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 9px; align-items: center; }
.yk-obd-result__logo { display: flex; align-items: center; justify-content: center; gap: 3px; width: 42px; height: 42px; padding: 5px; border: 1px solid #dbe5ee; border-radius: 11px; background: #fff; box-shadow: 0 4px 12px rgba(16, 31, 49, .08); overflow: hidden; }
.yk-obd-result__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.yk-obd-result__logo--dual { padding: 4px 3px; }
.yk-obd-result__logo--dual img { width: calc(50% - 1.5px); height: 78%; }
.yk-obd-result__logo > b { color: #19283a; font-size: 17px; font-weight: 950; }
.yk-obd-result__head span:nth-child(2) { min-width: 0; }
.yk-obd-result__head small, .yk-obd-result__head b { display: block; }
.yk-obd-result__head small { color: #687b90; font-size: 8.5px; font-weight: 780; letter-spacing: .02em; }
.yk-obd-result__head b { margin-top: 2px; color: #152131; font-size: 15px; font-weight: 920; }
.yk-obd-result__level { padding: 5px 7px; border-radius: 999px; font-size: 8.5px; font-style: normal; font-weight: 850; white-space: nowrap; }
.yk-obd-result__level--advanced { background: #dff6ed; color: #08724c; }
.yk-obd-result__level--basic { background: #edf2f7; color: #50657c; }
.yk-obd-local__result dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 10px 0; }
.yk-obd-local__result dl > div { padding: 8px; border: 1px solid #dae4ed; border-radius: 9px; background: rgba(255, 255, 255, .82); }
.yk-obd-local__result dt { color: #728398; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.yk-obd-local__result dd { margin: 3px 0 0; color: #263749; font-size: 9.5px; font-weight: 720; line-height: 1.35; }
.yk-obd-result__features { display: flex; flex-wrap: wrap; gap: 5px; }
.yk-obd-result__features span { display: inline-flex; align-items: center; gap: 4px; padding: 5px 7px; border-radius: 8px; background: #fff; color: #33485b; font-size: 8.5px; font-weight: 750; box-shadow: 0 1px 0 rgba(14, 32, 52, .05); }
.yk-obd-result__features i { color: #138769; }
.yk-obd-local__result > p { display: flex; gap: 6px; margin: 9px 0 0; color: #64768a; font-size: 8.5px; font-weight: 650; line-height: 1.4; }
.yk-obd-local__result > p i { margin-top: 2px; color: #c68b17; }
.yk-obd-local__device-note { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: start; margin-top: 9px; padding: 9px 10px; border: 1px solid #eadfbf; border-radius: 10px; background: #fffbef; }
.yk-obd-local__device-note b { color: #71560f; font-size: 9.5px; white-space: nowrap; }
.yk-obd-local__device-note b i { margin-right: 3px; }
.yk-obd-local__device-note span { color: #6d6250; font-size: 8.8px; font-weight: 650; line-height: 1.4; }
.product-description:has(.product-source-description) {
  margin-top: 22px;
}
.yk-product-support-summary {
  margin-top: 16px;
}
.yk-product-support-summary .detail-panel {
  box-shadow: none;
}
.yk-product-modules + .yk-product-support-summary,
.yk-product-support-summary + .yk-product-modules {
  margin-top: 16px;
}

@media (max-width: 680px) {
  .product-description:has(.product-source-description) { margin-top: 12px; }
  .product-source-description .source-description-head { margin-bottom: 14px; padding-bottom: 12px; }
  .product-source-description .source-description-head h2 { font-size: 22px; }
  .yk-product-support-summary { margin-top: 10px; }
  .yk-obdeleven-selector > summary { min-height: 58px; grid-template-columns: 36px minmax(0, 1fr) 24px; gap: 8px; padding: 8px 10px; }
  .yk-obdeleven-selector__mark { width: 36px; height: 36px; border-radius: 10px; }
  .yk-obdeleven-selector > summary b { font-size: 12px; }
  .yk-obdeleven-selector > summary small { font-size: 9.5px; }
  .yk-obdeleven-selector__body { padding: 9px; }
  .yk-obdeleven-selector__foot { align-items: flex-start; flex-direction: column; }
  .yk-obd-local__toolbar { grid-template-columns: 1fr; }
  .yk-obd-local__filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yk-obd-local__filters button { min-width: 0; padding-inline: 4px; font-size: 9px; white-space: normal; }
  .yk-obd-local__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 336px; gap: 6px; }
  .yk-obd-brand { grid-template-columns: 36px minmax(0, 1fr) 10px; min-height: 54px; padding: 6px; }
  .yk-obd-brand__logo { width: 36px; height: 36px; padding: 4px; }
  .yk-obd-brand b { font-size: 9px; }
  .yk-obd-brand small { font-size: 7.5px; }
  .yk-obd-result__head { grid-template-columns: 38px minmax(0, 1fr); }
  .yk-obd-result__logo { width: 38px; height: 38px; }
  .yk-obd-result__level { grid-column: 1 / -1; justify-self: start; }
  .yk-obd-local__result dl { grid-template-columns: 1fr; }
  .yk-obd-local__device-note { grid-template-columns: 1fr; gap: 4px; }
  .yk-obd-local__device-note b { white-space: normal; }
}

/* Mobile navigation: keep every main item reachable and lift open menus above page content. */
@media (max-width: 680px) {
  body:not(.yk-checkout-page) > .nav {
    position: relative;
    z-index: 10010;
  }

  body:not(.yk-checkout-page) > .nav > .wrap {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  body:not(.yk-checkout-page) > .nav > .wrap > .nav-trigger,
  body:not(.yk-checkout-page) > .nav > .wrap > .nav-direct {
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
    overflow: hidden;
    font-size: 10.5px !important;
  }

  body:not(.yk-checkout-page) > .nav > .wrap > [data-menu-open="categories"],
  body:not(.yk-checkout-page) > .nav > .wrap > [data-menu-open="brands"] {
    grid-column: span 3;
    min-height: 44px !important;
    font-size: 12px !important;
  }

  body:not(.yk-checkout-page) > .nav > .wrap > [data-menu-open="resources"],
  body:not(.yk-checkout-page) > .nav > .wrap > [data-menu-open="trust"],
  body:not(.yk-checkout-page) > .nav > .wrap > .nav-direct {
    grid-column: span 2;
    min-height: 42px !important;
    white-space: normal !important;
    line-height: 1.12;
  }

  body:not(.yk-checkout-page) > .nav .nav-panel:not(.is-open) {
    display: none !important;
  }

  body:not(.yk-checkout-page) > .nav .nav-panel.is-open,
  body:not(.yk-checkout-page) > .nav #menu-categories.nav-panel.is-open {
    position: fixed !important;
    top: var(--yk-mobile-menu-top, 166px) !important;
    right: 8px !important;
    bottom: auto !important;
    left: 8px !important;
    z-index: 10020 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: var(--yk-mobile-menu-height, calc(100dvh - 176px)) !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

/* Final mobile completion: search layering, one clean card action, and the alternate address control. */
body > .header.is-searching {
  z-index: 10060 !important;
  overflow: visible !important;
}

body > .header.is-searching #site-search,
body > .header.is-searching .search {
  position: relative;
  z-index: 10065 !important;
  overflow: visible !important;
}

body > .header.is-searching .search-results.open {
  z-index: 10070 !important;
}

.product-card [data-yektek-quick-view],
.product-card [data-yektek-quick],
.product-card .yk-card-tool--quick,
.product-card .yk-card-tool--preview {
  display: none !important;
}

.product-card .yk-card-tools {
  display: flex;
  align-items: center;
  line-height: 0;
}

.product-card .yk-card-tool--favorite {
  width: 36px;
  height: 36px;
  border: 1px solid #d9e3ed;
  background: rgba(255, 255, 255, .96);
  color: #32465d;
  box-shadow: 0 5px 16px rgba(17, 28, 43, .10);
}

.product-card .yk-card-tool--favorite:hover,
.product-card .yk-card-tool--favorite:focus-visible,
.product-card .yk-card-tool--favorite.is-active {
  border-color: #e31e38;
  color: #e31e38;
}

.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 40px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 12px 0 0 !important;
  padding: 11px 12px 11px 14px !important;
  border: 1px solid #d7e1eb !important;
  border-radius: 12px !important;
  background: #f7f9fb !important;
  color: #172231 !important;
  font-size: inherit !important;
  opacity: 1 !important;
}

.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle:hover,
.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle:focus-within,
.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle:has(input:checked) {
  border-color: #9fcfd0 !important;
  background: #f1faf8 !important;
  color: #172231 !important;
}

.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle > span {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle input {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  opacity: 1 !important;
  accent-color: #e31e38;
}

@media (max-width: 720px) {
  main .product-card .yk-card-tools {
    width: 34px;
    height: 34px;
  }

  main .product-card .yk-card-tool--favorite {
    width: 34px !important;
    height: 34px !important;
  }

  .yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle {
    grid-template-columns: minmax(0, 1fr) 38px !important;
    min-height: 60px !important;
    padding: 10px 10px 10px 12px !important;
  }
}

/* 2026-07-14 gallery, notification and stock-state finishing pass. */
.product-card .yk-card-facts { display: none !important; }

.product-card .product-image,
.product-card .product-card__media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.product-card[data-stock="in"] {
  border-color: #a9d9c0 !important;
  background: linear-gradient(180deg, #eaf8f1 0, #ffffff 44%) !important;
  box-shadow: 0 12px 30px rgba(18, 124, 79, .16), 0 0 0 1px rgba(18, 124, 79, .05) !important;
}

.product-card[data-stock="out"] {
  border-color: #edb4be !important;
  background: linear-gradient(180deg, #fff0f2 0, #ffffff 44%) !important;
  box-shadow: 0 12px 30px rgba(193, 28, 53, .16), 0 0 0 1px rgba(193, 28, 53, .05) !important;
}

.search-result-badges i.search-stock-out {
  color: #a51429;
  background: #fff0f2;
}

.product-card .yk-stock-media-out::after {
  position: absolute;
  z-index: 3;
  inset: 0;
  background: linear-gradient(145deg, rgba(179, 17, 41, .05), rgba(227, 27, 53, .11));
  pointer-events: none;
  content: "";
}

.product-card .yk-stock-media-out img {
  opacity: .92;
  filter: saturate(.9) contrast(.98);
}

.yk-card-out-label {
  position: absolute;
  z-index: 6;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 29px;
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 999px;
  background: #d91f39;
  color: #fff;
  box-shadow: 0 8px 20px rgba(176, 18, 43, .27);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.product-card.is-out-of-stock .yk-card-tools {
  top: 46px !important;
  right: 8px !important;
}

.product-card.is-out-of-stock .yk-stock-notify-button,
.buy-panel.is-out-of-stock .yk-stock-notify-button,
.yk-mobile-stock-notify {
  border-color: #d91f39 !important;
  background: #d91f39 !important;
  color: #fff !important;
  box-shadow: 0 9px 22px rgba(217, 31, 57, .2);
}

.product-card.is-out-of-stock .yk-stock-notify-button:hover,
.product-card.is-out-of-stock .yk-stock-notify-button:focus-visible,
.buy-panel.is-out-of-stock .yk-stock-notify-button:hover,
.buy-panel.is-out-of-stock .yk-stock-notify-button:focus-visible {
  border-color: #b81830 !important;
  background: #b81830 !important;
}

.yk-dialog-layer.is-gallery-zoom {
  position: fixed !important;
  z-index: 200000 !important;
  inset: 0 !important;
  display: grid !important;
  align-items: center !important;
  padding: 0 !important;
  background: rgba(8, 14, 22, .86) !important;
  backdrop-filter: blur(7px);
}

.yk-dialog-layer.is-gallery-zoom .yk-zoom-dialog {
  position: relative;
  z-index: 1;
  width: min(1120px, 96vw);
  height: min(92vh, 860px);
  max-height: none;
  padding: 58px 18px 18px;
  border-radius: 18px;
  background: #fff;
}

.yk-zoom-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  touch-action: pan-y pinch-zoom;
}

.yk-zoom-gallery > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

.yk-zoom-gallery__nav {
  position: absolute;
  z-index: 4;
  top: 50%;
  display: grid;
  width: 48px;
  height: 58px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 14px;
  background: rgba(17, 27, 40, .55);
  color: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
  font-size: 28px;
  opacity: .72;
  transform: translateY(-50%);
  cursor: pointer;
}
.yk-zoom-gallery__nav:hover,
.yk-zoom-gallery__nav:focus-visible { opacity: 1; background: rgba(17, 27, 40, .84); }
.yk-zoom-gallery__nav--prev { left: 10px; }
.yk-zoom-gallery__nav--next { right: 10px; }
.yk-zoom-gallery__count {
  position: absolute;
  z-index: 4;
  right: 50%;
  bottom: 10px;
  min-width: 58px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(17, 27, 40, .68);
  color: #fff;
  font-size: 11px;
  font-weight: 850;
  text-align: center;
  transform: translateX(50%);
}

.yk-sms-optin__primary[data-yektek-notification-enable] {
  background: #172231;
  box-shadow: 0 8px 20px rgba(23, 34, 49, .16);
}

@media (max-width: 680px) {
  .yk-dialog-layer.is-gallery-zoom .yk-zoom-dialog {
    width: 100vw;
    height: 100svh;
    padding: calc(62px + env(safe-area-inset-top)) 8px calc(10px + env(safe-area-inset-bottom));
    border-radius: 0;
  }
  .yk-dialog-layer.is-gallery-zoom .yk-dialog__close {
    top: calc(10px + env(safe-area-inset-top));
    right: 10px;
  }
  .yk-zoom-gallery { border-radius: 10px; }
  .yk-zoom-gallery__nav {
    width: 42px;
    height: 52px;
    border-radius: 13px;
    font-size: 25px;
    opacity: .62;
  }
  .yk-zoom-gallery__nav--prev { left: 6px; }
  .yk-zoom-gallery__nav--next { right: 6px; }

  .product-card.is-out-of-stock .yk-stock-notify-button {
    min-height: 42px !important;
    font-size: 9.8px !important;
  }
  .yk-mobile-buybar.is-out-of-stock {
    grid-template-columns: minmax(88px, 1fr) 44px minmax(142px, 1.35fr) !important;
    gap: 6px !important;
  }
  .yk-mobile-buybar.is-out-of-stock .yk-mobile-stock-notify {
    min-width: 0;
    padding: 0 8px;
    font-size: 10px;
    white-space: normal;
    line-height: 1.15;
    text-align: center;
  }
}

/* 2026-07-14 mobile finishing pass: in-page video, clear search and compact cards. */
html.yk-video-open,
html.yk-video-open body { overflow: hidden !important; }

.yk-video-layer {
  position: fixed;
  inset: 0;
  z-index: 110000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(8, 15, 25, .82);
  backdrop-filter: blur(7px);
}

.yk-video-dialog {
  position: relative;
  width: min(960px, 94vw);
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 18px;
  background: #0e1825;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
}

.yk-video-dialog__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  background: #05090e;
}

.yk-video-dialog iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.yk-video-dialog__close {
  position: absolute;
  z-index: 2;
  top: -17px;
  right: -17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 48px;
  min-height: 48px;
  padding: 0 14px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #e41e39;
  color: #fff;
  box-shadow: 0 10px 26px rgba(228, 30, 57, .34);
  font: 800 13px/1 inherit;
  cursor: pointer;
}

.yk-shipping-address-toggle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100%;
  min-height: 62px !important;
  margin: 10px 0 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #d7e1eb !important;
  border-radius: 12px !important;
  background: #f7f9fb !important;
  color: #172231 !important;
  opacity: 1 !important;
  cursor: pointer;
}

.yk-shipping-address-toggle > span { min-width: 0; }
.yk-shipping-address-toggle b,
.yk-shipping-address-toggle small { display: block; }
.yk-shipping-address-toggle b { font-size: 13px; line-height: 1.3; }
.yk-shipping-address-toggle small {
  margin-top: 3px;
  color: #68778a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}
.yk-shipping-address-toggle input,
.yk-checkout-page .yk-shipping-address-toggle input {
  grid-column: 2;
  grid-row: 1;
  width: 21px !important;
  height: 21px !important;
  margin: 0 !important;
  accent-color: #e31e38;
}
.shipping-same-note { display: none !important; }

@media (max-width: 720px) {
  body:not(.yk-checkout-page) > .header:has(.search-results.open) {
    z-index: 10060 !important;
  }
  body:not(.yk-checkout-page) > .header .search-results.open {
    z-index: 10070 !important;
  }

  .home-video-track .home-video-card {
    flex: 0 0 min(74vw, 292px) !important;
    width: min(74vw, 292px) !important;
  }
  .home-youtube-actions {
    display: grid !important;
    grid-template-columns: 42px 42px minmax(0, 1fr) !important;
    align-items: stretch;
    gap: 8px !important;
    width: 100%;
  }
  .home-youtube-actions .video-nav {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }
  .home-youtube-actions .section-link {
    min-width: 0;
    min-height: 42px !important;
    padding: 7px 10px !important;
  }

  .yk-video-layer { padding: 12px; }
  .yk-video-dialog { width: 100%; padding: 6px; border-radius: 14px; }
  .yk-video-dialog__frame { border-radius: 9px; }
  .yk-video-dialog__close {
    top: -20px;
    right: -4px;
    min-width: 44px;
    min-height: 44px;
    padding: 0 11px;
    border-width: 2px;
  }

  main .product-grid {
    align-items: stretch !important;
    gap: 8px !important;
  }
  main .product-card {
    align-self: stretch !important;
    height: 100% !important;
    min-width: 0;
    border-radius: 12px !important;
  }
  main .product-card .product-image,
  main .product-card__media {
    height: clamp(146px, 42vw, 176px) !important;
    min-height: clamp(146px, 42vw, 176px) !important;
    padding: 5px !important;
  }
  main .product-card .product-image img,
  main .product-card__media img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
  main .product-card .product-info,
  main .product-card__body {
    flex: 1 1 auto !important;
    padding: 10px 9px 9px !important;
  }
  main .product-card .product-title,
  main .product-card h3,
  main .product-card h3 a,
  main:not(.home-page) .product-card .product-title {
    min-height: 0 !important;
    margin-bottom: 7px !important;
    font-size: 12.5px !important;
    font-weight: 730 !important;
    line-height: 1.34 !important;
    overflow-wrap: anywhere;
  }
  main .product-card .product-info > small { font-size: 8.8px !important; }
  main .product-card .price-row strong {
    font-size: clamp(18px, 5.6vw, 22px) !important;
    line-height: 1.05 !important;
  }
  main .product-card .price-row em { font-size: 8.5px !important; }
  main .product-card .total,
  main .product-card .total-price {
    margin-top: 4px !important;
    font-size: clamp(13px, 3.8vw, 15.5px) !important;
    line-height: 1.24 !important;
  }
  main .product-card .old-price { min-height: 0 !important; font-size: 9px !important; }
  main .product-card .yk-card-facts { gap: 3px; margin: 6px 0 7px; }
  main .product-card .yk-card-facts span,
  main .product-card .badges span {
    min-height: 20px !important;
    padding: 3px 5px !important;
    font-size: 8.2px !important;
    line-height: 1.15 !important;
  }
  main .product-card .card-actions,
  main .product-card .actions,
  main:not(.home-page) .product-card .card-actions,
  main:not(.home-page) .product-card .actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-top: auto !important;
    padding-top: 8px !important;
  }
  main .product-card .card-actions button,
  main .product-card .card-actions a,
  main .product-card .actions button,
  main .product-card .actions a,
  main:not(.home-page) .product-card .card-actions button,
  main:not(.home-page) .product-card .card-actions a {
    min-width: 0 !important;
    min-height: 39px !important;
    padding: 5px 3px !important;
    font-size: 9.4px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  main .yk-card-tools {
    top: 8px !important;
    right: 8px !important;
    gap: 0 !important;
  }
  main .yk-card-tool {
    width: 34px !important;
    height: 34px !important;
  }
}

@media (max-width: 380px) {
  main .product-card .product-image,
  main .product-card__media {
    height: clamp(138px, 41vw, 158px) !important;
    min-height: clamp(138px, 41vw, 158px) !important;
  }
  .yk-shipping-address-toggle { gap: 10px !important; padding: 9px 10px !important; }
}

/* Product-card top rail: discount, installment and favorite never collide. */
.product-card {
  container-name: yk-product-card;
  container-type: inline-size;
}

.product-card.product-card--discounted .product-image::after,
.product-card.product-card--discounted .product-card__media::after,
main:not(.home-page) .product-card.product-card--discounted .product-image::after,
main:not(.home-page) .product-card.product-card--discounted .product-card__media::after {
  left: 92px;
  max-width: calc(100% - 148px);
}

@media (max-width: 720px) {
  main .product-card .discount-pill,
  main:not(.home-page) .product-card .discount-pill {
    top: 8px;
    left: 8px;
    min-height: 20px;
    padding: 3px 6px;
    font-size: 7.2px;
    line-height: 1;
  }

  .product-card.product-card--discounted .product-image::after,
  .product-card.product-card--discounted .product-card__media::after,
  main:not(.home-page) .product-card.product-card--discounted .product-image::after,
  main:not(.home-page) .product-card.product-card--discounted .product-card__media::after {
    top: 8px;
    left: 88px;
    max-width: calc(100% - 134px);
  }
}

/* Fallback for browsers without container queries on two-column mobile grids. */
@media (max-width: 500px) {
  .product-card.product-card--discounted .product-image::after,
  .product-card.product-card--discounted .product-card__media::after,
  main:not(.home-page) .product-card.product-card--discounted .product-image::after,
  main:not(.home-page) .product-card.product-card--discounted .product-card__media::after {
    content: "3 taksit";
    left: 74px;
    width: auto;
    max-width: calc(100% - 118px);
    padding-inline: 5px;
    font-size: 7px;
    letter-spacing: 0;
  }
}

@container yk-product-card (max-width: 220px) {
  .product-card.product-card--discounted .product-image::after,
  .product-card.product-card--discounted .product-card__media::after,
  main:not(.home-page) .product-card.product-card--discounted .product-image::after,
  main:not(.home-page) .product-card.product-card--discounted .product-card__media::after {
    content: "3 taksit";
    top: 8px;
    left: 74px;
    width: auto;
    max-width: calc(100% - 118px);
    min-height: 20px;
    padding: 3px 5px;
    font-size: 7px;
    letter-spacing: 0;
  }

  .product-card .discount-pill,
  main:not(.home-page) .product-card .discount-pill {
    top: 8px;
    left: 8px;
    min-height: 20px;
    padding: 3px 5px;
    font-size: 6.7px;
    letter-spacing: 0;
  }

  .product-card .yk-card-tools,
  main .product-card .yk-card-tools {
    top: 8px !important;
    right: 8px !important;
  }
}

@container yk-product-card (max-width: 165px) {
  .product-card.product-card--discounted .product-image::after,
  .product-card.product-card--discounted .product-card__media::after,
  main:not(.home-page) .product-card.product-card--discounted .product-image::after,
  main:not(.home-page) .product-card.product-card--discounted .product-card__media::after {
    left: 70px;
    padding-inline: 4px;
    font-size: 6.5px;
  }
}

/* Catalog rows: compact internal slots, straight card bottoms on multi-column layouts. */
@media (min-width: 561px) {
  main:not(.home-page) .product-grid {
    align-items: stretch !important;
  }

  main:not(.home-page) .product-card {
    align-self: stretch;
    height: 100%;
  }

  main:not(.home-page) .product-card .product-info,
  main:not(.home-page) .product-card__body {
    flex: 1 1 auto;
  }

  main:not(.home-page) .product-card .product-title,
  main:not(.home-page) .product-card h3,
  main:not(.home-page) .product-card h3 a {
    min-height: calc(1.42em * 3);
  }

  main:not(.home-page) .product-card .yk-card-facts {
    align-content: flex-start;
    min-height: 55px;
    max-height: 55px;
    overflow: hidden;
  }

  main:not(.home-page) .product-card .yk-card-facts--empty {
    display: flex;
    margin: 10px 0 11px;
    visibility: hidden;
  }

  main:not(.home-page) .product-card .old-price,
  main:not(.home-page) .product-card .yk-old-price-placeholder {
    display: block !important;
    min-height: 18px !important;
  }

  main:not(.home-page) .product-card .card-actions,
  main:not(.home-page) .product-card .actions {
    margin-top: auto;
    padding-top: 12px;
  }
}

/* Checkout: keep the alternate shipping option available without competing with the main flow. */
.yk-checkout-page .toggle-line--secondary {
  min-height: 30px;
  margin-top: 8px;
  padding: 0 4px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #68778a;
  font-size: 11.5px;
  font-weight: 750;
  opacity: .82;
  transition: color .16s ease, background .16s ease, opacity .16s ease;
}
.yk-checkout-page .toggle-line--secondary:hover,
.yk-checkout-page .toggle-line--secondary:focus-within,
.yk-checkout-page .toggle-line--secondary:has(input:checked) {
  background: #f3f6f9;
  color: #253346;
  opacity: 1;
}
.yk-checkout-page .toggle-line--secondary input {
  width: 15px;
  height: 15px;
}

/* Related product rows: aligned bottoms without restoring oversized catalog cards. */
.related-products .product-grid {
  align-items: stretch !important;
}

.related-products .product-card,
main:not(.home-page) .related-products .product-card {
  align-self: stretch;
  height: 100%;
}

.related-products .product-card .product-info,
.related-products .product-card__body,
main:not(.home-page) .related-products .product-card .product-info,
main:not(.home-page) .related-products .product-card__body {
  flex: 1 1 auto;
}

.related-products .product-card .product-title,
.related-products .product-card h3,
.related-products .product-card h3 a,
main:not(.home-page) .related-products .product-card .product-title,
main:not(.home-page) .related-products .product-card h3,
main:not(.home-page) .related-products .product-card h3 a {
  min-height: calc(1.42em * 3);
}

.related-products .product-card .yk-card-facts {
  align-content: flex-start;
  min-height: 55px;
  max-height: 55px;
  overflow: hidden;
}

.related-products .product-card .yk-card-facts--empty {
  display: flex;
  margin: 10px 0 11px;
  visibility: hidden;
}

.related-products .product-card .old-price,
.related-products .product-card .yk-old-price-placeholder {
  display: block !important;
  min-height: 18px !important;
}

.related-products .product-card .card-actions,
.related-products .product-card .actions,
main:not(.home-page) .related-products .product-card .card-actions,
main:not(.home-page) .related-products .product-card .actions {
  margin-top: auto;
  padding-top: 12px;
}

@media (max-width: 560px) {
  .related-products .product-card .product-title,
  .related-products .product-card h3,
  .related-products .product-card h3 a,
  main:not(.home-page) .related-products .product-card .product-title,
  main:not(.home-page) .related-products .product-card h3,
  main:not(.home-page) .related-products .product-card h3 a {
    min-height: 0;
  }

  .related-products .product-card .yk-card-facts {
    min-height: 0;
    max-height: none;
  }

  .related-products .product-card .yk-card-facts--empty,
  .related-products .product-card .yk-old-price-placeholder {
    display: none !important;
  }
}

/* Keep this final override after the generic checkout rules above. */
.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 40px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 12px 0 0 !important;
  padding: 11px 12px 11px 14px !important;
  border: 1px solid #d7e1eb !important;
  border-radius: 12px !important;
  background: #f7f9fb !important;
  color: #172231 !important;
  font-size: inherit !important;
  opacity: 1 !important;
}

.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle > span {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle input {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  opacity: 1 !important;
  accent-color: #e31e38;
}

@media (max-width: 720px) {
  .yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle {
    grid-template-columns: minmax(0, 1fr) 38px !important;
    min-height: 60px !important;
    padding: 10px 10px 10px 12px !important;
  }
}

/* Native hidden state must win over the card layout's display rules. */
.product-grid > .product-card[hidden],
.product-grid > article.product-card[hidden] {
  display: none !important;
}

/* Checkout: keep the alternate delivery address action inside its explanation row. */
.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle--in-note {
  min-height: 48px !important;
  margin: 9px 0 0 !important;
  padding: 7px 10px !important;
  border: 1px solid #d9e7e9 !important;
  border-radius: 10px !important;
  background: #f4f9f9 !important;
  color: #405165 !important;
}

.yk-checkout-page .yk-shipping-address-toggle--in-note > span {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
}

.yk-checkout-page .yk-shipping-address-toggle--in-note > span > i {
  color: #559294;
  font-size: 13px;
  text-align: center;
}

.yk-checkout-page .yk-shipping-address-toggle--in-note b {
  color: #34465a;
  font-size: 12px;
  font-weight: 750;
}

.yk-checkout-page .yk-shipping-address-toggle--in-note small {
  margin-top: 1px;
  color: #7b8998;
  font-size: 10px;
  font-weight: 550;
}

.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle--in-note:hover,
.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle--in-note:focus-within,
.yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle--in-note:has(input:checked) {
  border-color: #a9cfcd !important;
  background: #eef7f5 !important;
}

@media (max-width: 720px) {
  .yk-checkout-page .toggle-line--secondary.yk-shipping-address-toggle--in-note {
    min-height: 46px !important;
    padding: 7px 9px !important;
  }
}

/* Homepage product rows: discounted and regular cards share one baseline. */
main.home-page .product-grid,
main.home-page .home-deals .product-grid {
  align-items: stretch !important;
}

main.home-page .product-card {
  align-self: stretch !important;
  height: 100% !important;
}

main.home-page .product-card .product-info,
main.home-page .product-card__body {
  flex: 1 1 auto !important;
}

main.home-page .product-card .old-price,
main.home-page .product-card .yk-old-price-placeholder {
  display: block !important;
  min-height: 18px !important;
}

main.home-page .product-card .yk-old-price-placeholder {
  visibility: hidden !important;
}

/* The old network-status toast left a visible black tab while hidden. */
.yk-network-note {
  display: none !important;
}

/* Mobile catalog cards: keep the complete product image above the text panel. */
@media (max-width: 720px) {
  main:not(.home-page) .product-card .product-image,
  main:not(.home-page) .product-card__media {
    height: clamp(204px, 55vw, 228px) !important;
    min-height: clamp(204px, 55vw, 228px) !important;
    padding: 10px 10px 14px !important;
  }

  main:not(.home-page) .product-card .product-image img,
  main:not(.home-page) .product-card__media img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  main:not(.home-page) .product-card .product-info,
  main:not(.home-page) .product-card__body {
    position: relative;
    z-index: 2;
    margin-top: 0 !important;
    border-top: 1px solid #dce5ed;
    background: #fff;
  }
}

/* Final product-media contract: live YekTek images are square 350x350 assets. */
main .product-card .product-image,
main .product-card__media,
main:not(.home-page) .product-card .product-image,
main:not(.home-page) .product-card__media {
  box-sizing: border-box;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  padding: 8px !important;
  overflow: hidden !important;
}

main .product-card .product-image::before,
main .product-card__media::before,
main:not(.home-page) .product-card .product-image::before,
main:not(.home-page) .product-card__media::before {
  inset: 7px !important;
}

main .product-card .product-image img,
main .product-card__media img,
main:not(.home-page) .product-card .product-image img,
main:not(.home-page) .product-card__media img {
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 4px !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

main .product-card .product-info,
main .product-card__body,
main:not(.home-page) .product-card .product-info,
main:not(.home-page) .product-card__body {
  position: relative;
  z-index: 2;
  margin-top: 0 !important;
  border-top: 1px solid #dce5ed;
  background: #fff;
}

/* Out-of-stock media stays true to the original product image.
   Stock state is communicated by the label and notify action, not a red wash. */
.product-card.is-out-of-stock .product-image,
.product-card.is-out-of-stock .product-card__media,
.product-card[data-stock="out"] .product-image,
.product-card[data-stock="out"] .product-card__media {
  background: #f8fafb !important;
}

.product-card.is-out-of-stock .product-image::before,
.product-card.is-out-of-stock .product-card__media::before,
.product-card[data-stock="out"] .product-image::before,
.product-card[data-stock="out"] .product-card__media::before {
  border-color: #edf0f2 !important;
  background: #fff !important;
}

.product-card .yk-stock-media-out::after {
  display: none !important;
  background: transparent !important;
  content: none !important;
}

.product-card .yk-stock-media-out img,
.product-card.is-out-of-stock .product-image img,
.product-card.is-out-of-stock .product-card__media img,
.product-card[data-stock="out"] .product-image img,
.product-card[data-stock="out"] .product-card__media img {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Mobile homepage showcase: one stable card, larger image above its copy. */
@media (max-width: 720px) {
  .home-hero--premium .premium-showcase-stage,
  .home-hero--premium .premium-home-slide {
    height: 470px !important;
    min-height: 470px !important;
  }

  .home-hero--premium .premium-home-slide {
    --yk-showcase-media-height: clamp(188px, 56vw, 206px);
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: var(--yk-showcase-media-height) 13px minmax(30px, auto) 32px 27px 42px !important;
    grid-template-areas:
      "media"
      "eyebrow"
      "title"
      "lead"
      "features"
      "price" !important;
    align-content: start !important;
    gap: 5px !important;
    padding: 10px 10px 55px !important;
  }

  .home-hero--premium .premium-home-slide__media {
    grid-area: media !important;
    width: 100% !important;
    height: var(--yk-showcase-media-height) !important;
    min-height: var(--yk-showcase-media-height) !important;
    border-radius: 14px !important;
  }

  .home-hero--premium .premium-home-slide__media img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    padding: 2px 8px 8px !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: scale(1.12) !important;
    transform-origin: center !important;
  }

  .home-hero--premium .premium-home-slide__actions {
    top: calc(10px + var(--yk-showcase-media-height) - 37px) !important;
    right: 18px !important;
    left: 18px !important;
  }

  .home-hero--premium .premium-home-slide__actions a {
    min-height: 37px !important;
  }

  .home-hero--premium .premium-home-slide__eyebrow,
  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2,
  .home-hero--premium .premium-home-slide__lead,
  .home-hero--premium .premium-home-slide__features,
  .home-hero--premium .premium-home-slide__price {
    position: relative;
    z-index: 2;
    min-width: 0;
  }

  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2 {
    font-size: clamp(22px, 6.8vw, 28px) !important;
    line-height: 1 !important;
  }

  .home-hero--premium .premium-showcase-nav {
    bottom: 11px !important;
  }

  .home-hero--premium .premium-showcase-timer {
    bottom: 11px !important;
  }
}

/* Mobile catalogs: two balanced cards per row with clear stock-state glow. */
@media (max-width: 720px) {
  main .product-grid,
  main:not(.home-page) .product-grid,
  main.home-page .product-grid,
  main.home-page .home-deals .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  main .product-grid > .product-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
  }

  main .product-card .product-info,
  main .product-card__body,
  main:not(.home-page) .product-card .product-info,
  main:not(.home-page) .product-card__body {
    padding: 10px 8px 9px !important;
  }

  main .product-card[data-stock="in"] {
    border-color: rgba(32, 211, 132, .86) !important;
    box-shadow:
      0 0 0 1px rgba(34, 229, 147, .24),
      0 0 17px rgba(23, 218, 132, .42),
      0 11px 25px rgba(7, 125, 75, .18) !important;
  }

  main .product-card[data-stock="out"],
  main .product-card.is-out-of-stock {
    border-color: rgba(239, 56, 82, .86) !important;
    box-shadow:
      0 0 0 1px rgba(255, 61, 91, .22),
      0 0 17px rgba(235, 39, 70, .4),
      0 11px 25px rgba(157, 17, 42, .18) !important;
  }
}

@media (max-width: 360px) {
  main .product-grid,
  main:not(.home-page) .product-grid,
  main.home-page .product-grid,
  main.home-page .home-deals .product-grid {
    gap: 7px !important;
  }

  main .product-card .product-info,
  main .product-card__body,
  main:not(.home-page) .product-card .product-info,
  main:not(.home-page) .product-card__body {
    padding-inline: 7px !important;
  }
}

/* Mobile showcase composition: copy overlays the taller image; actions sit below it. */
@media (max-width: 720px) {
  .home-hero--premium .premium-showcase-stage,
  .home-hero--premium .premium-home-slide {
    height: 485px !important;
    min-height: 485px !important;
  }

  .home-hero--premium .premium-home-slide {
    display: none;
    padding: 0 !important;
  }

  .home-hero--premium .premium-home-slide.is-active {
    display: block !important;
  }

  .home-hero--premium .premium-home-slide__media {
    position: absolute !important;
    z-index: 1;
    top: 10px !important;
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    height: 365px !important;
    min-height: 365px !important;
    border-radius: 15px !important;
  }

  .home-hero--premium .premium-home-slide__media img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    padding: 0 5px 6px !important;
    object-fit: contain !important;
    object-position: center top !important;
    transform: scale(1.06) !important;
    transform-origin: center top !important;
  }

  .home-hero--premium .premium-home-slide__media::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block !important;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, transparent 40%, rgba(14, 27, 41, .48) 56%, rgba(12, 25, 38, .97) 78%, #0d1d2b 100%);
    box-shadow: none;
    content: "" !important;
    pointer-events: none;
  }

  .home-hero--premium .premium-home-slide__copy {
    position: absolute !important;
    z-index: 3;
    inset: 0;
    display: block !important;
    pointer-events: none;
  }

  .home-hero--premium .premium-home-slide__eyebrow,
  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2,
  .home-hero--premium .premium-home-slide__lead,
  .home-hero--premium .premium-home-slide__features,
  .home-hero--premium .premium-home-slide__price,
  .home-hero--premium .premium-home-slide__actions {
    position: absolute !important;
    right: 20px !important;
    left: 20px !important;
    width: auto !important;
    margin: 0 !important;
  }

  .home-hero--premium .premium-home-slide__eyebrow {
    top: 211px !important;
    color: #a9b8c8 !important;
  }

  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2 {
    top: 231px !important;
    max-height: 48px;
    color: #fff !important;
    font-size: clamp(22px, 6.7vw, 28px) !important;
    line-height: 1 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .42);
  }

  .home-hero--premium .premium-home-slide__lead {
    top: 267px !important;
    min-height: 31px;
    max-height: 31px;
    color: #c9d4df !important;
    font-size: 10.2px !important;
    line-height: 1.45 !important;
  }

  .home-hero--premium .premium-home-slide__features {
    top: 305px !important;
    height: 26px;
  }

  .home-hero--premium .premium-home-slide__features span {
    border-color: rgba(255, 255, 255, .22) !important;
    background: rgba(12, 26, 39, .66) !important;
    color: #eef7fa !important;
    backdrop-filter: blur(6px);
  }

  .home-hero--premium .premium-home-slide__price {
    top: 337px !important;
    min-height: 34px;
    color: #fff !important;
  }

  .home-hero--premium .premium-home-slide__price span,
  .home-hero--premium .premium-home-slide__price small {
    color: #d4dee8 !important;
  }

  .home-hero--premium .premium-home-slide__actions {
    top: 378px !important;
    z-index: 5;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    pointer-events: auto;
  }

  .home-hero--premium .premium-home-slide__actions a {
    min-height: 39px !important;
  }

  .home-hero--premium .premium-showcase-nav,
  .home-hero--premium .premium-showcase-timer {
    z-index: 6;
    bottom: 12px !important;
  }
}

@media (max-width: 360px) {
  .home-hero--premium .premium-home-slide__eyebrow,
  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2,
  .home-hero--premium .premium-home-slide__lead,
  .home-hero--premium .premium-home-slide__features,
  .home-hero--premium .premium-home-slide__price,
  .home-hero--premium .premium-home-slide__actions {
    right: 16px !important;
    left: 16px !important;
  }
}

/* Small mobile type-fit correction for the over-image showcase copy. */
@media (max-width: 720px) {
  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2 {
    max-height: 50px !important;
    padding-bottom: 2px;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }

  .home-hero--premium .premium-home-slide__features {
    height: 28px !important;
    align-items: center;
    overflow: hidden !important;
  }

  .home-hero--premium .premium-home-slide__features span {
    min-height: 26px !important;
  }

  .home-hero--premium .premium-home-slide__price {
    min-height: 38px !important;
    overflow: visible !important;
  }
}

/* Desktop showcase follows the same single-card composition as mobile:
   real product image above, product story and actions on the lower fade. */
@media (min-width: 721px) {
  .home-hero--premium .premium-showcase-stage,
  .home-hero--premium .premium-home-slide {
    height: 560px !important;
    min-height: 560px !important;
  }

  .home-hero--premium .premium-home-slide {
    display: none;
    padding: 0 !important;
  }

  .home-hero--premium .premium-home-slide.is-active {
    display: block !important;
  }

  .home-hero--premium .premium-home-slide__media {
    position: absolute !important;
    z-index: 1;
    top: 14px !important;
    right: 14px !important;
    left: 14px !important;
    width: auto !important;
    height: 430px !important;
    min-height: 430px !important;
    border-radius: 17px !important;
  }

  .home-hero--premium .premium-home-slide__media img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    padding: 8px 24px 16px !important;
    object-fit: contain !important;
    object-position: center top !important;
    transform: none !important;
  }

  .home-hero--premium .premium-home-slide__media::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block !important;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, transparent 38%, rgba(14, 27, 41, .32) 53%, rgba(12, 25, 38, .94) 73%, #0d1d2b 100%);
    box-shadow: none;
    content: "" !important;
    pointer-events: none;
  }

  .home-hero--premium .premium-home-slide__copy {
    position: absolute !important;
    z-index: 3;
    inset: 0;
    display: block !important;
    pointer-events: none;
  }

  .home-hero--premium .premium-home-slide__eyebrow,
  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2,
  .home-hero--premium .premium-home-slide__lead,
  .home-hero--premium .premium-home-slide__features,
  .home-hero--premium .premium-home-slide__price,
  .home-hero--premium .premium-home-slide__actions {
    position: absolute !important;
    right: 34px !important;
    left: 34px !important;
    width: auto !important;
    margin: 0 !important;
  }

  .home-hero--premium .premium-home-slide__eyebrow {
    top: 265px !important;
    color: #b8c5d2 !important;
  }

  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2 {
    top: 288px !important;
    max-width: none !important;
    color: #fff !important;
    font-size: clamp(32px, 4.2vw, 48px) !important;
    line-height: .98 !important;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .48);
  }

  .home-hero--premium .premium-home-slide__lead {
    top: 342px !important;
    max-width: min(720px, 88%) !important;
    color: #cbd6e0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .home-hero--premium .premium-home-slide__features {
    top: 384px !important;
    gap: 7px !important;
  }

  .home-hero--premium .premium-home-slide__features span {
    border-color: rgba(255, 255, 255, .22) !important;
    background: rgba(12, 26, 39, .7) !important;
    color: #eef7fa !important;
    backdrop-filter: blur(7px);
  }

  .home-hero--premium .premium-home-slide__price {
    top: 420px !important;
    min-height: 38px;
  }

  .home-hero--premium .premium-home-slide__price span,
  .home-hero--premium .premium-home-slide__price small {
    color: #d4dee8 !important;
  }

  .home-hero--premium .premium-home-slide__actions {
    z-index: 5;
    top: 480px !important;
    right: 52% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    pointer-events: auto;
  }

  .home-hero--premium .premium-home-slide__actions a {
    min-height: 42px !important;
    padding-inline: 12px !important;
  }

  .home-hero--premium .premium-showcase-nav,
  .home-hero--premium .premium-showcase-timer {
    z-index: 6;
    bottom: 18px !important;
  }

  .home-hero--premium .premium-showcase-nav {
    left: auto !important;
    right: 34px !important;
  }

  .home-hero--premium .premium-showcase-timer {
    right: 34px !important;
    bottom: 58px !important;
  }
}

/* 2026-07-21 catalog typography balance
   Pesin/toplam rakami onceki olcuden %5 buyuk, aylik taksit rakami %5 kucuk. */
.product-card .product-title,
.product-card h3,
.product-card h3 a,
main:not(.home-page) .product-card .product-title,
main:not(.home-page) .product-card h3,
main:not(.home-page) .product-card h3 a {
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}

.product-card .product-info > small,
.product-card__body > small,
main:not(.home-page) .product-card .product-info > small,
main:not(.home-page) .product-card__body > small {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .025em !important;
}

.product-card .price-row strong,
.product-card .monthly strong,
main:not(.home-page) .product-card .price-row strong,
main:not(.home-page) .product-card .monthly strong {
  font-size: clamp(17.5px, 1.3vw, 19px) !important;
  font-weight: 750 !important;
  letter-spacing: -.018em !important;
}

.product-card .price-row em,
.product-card .monthly em,
.product-card .monthly span,
main:not(.home-page) .product-card .price-row em,
main:not(.home-page) .product-card .monthly em,
main:not(.home-page) .product-card .monthly span {
  font-size: 10px !important;
  font-weight: 620 !important;
}

.product-card .total-price,
.product-card .total,
main:not(.home-page) .product-card .total-price,
main:not(.home-page) .product-card .total {
  font-size: clamp(21px, 1.58vw, 23.5px) !important;
  font-weight: 820 !important;
  line-height: 1.06 !important;
  letter-spacing: -.018em !important;
}

.product-card .old-price,
main:not(.home-page) .product-card .old-price {
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

.product-card .badges span,
.product-card .yk-card-facts span,
main:not(.home-page) .product-card .badges span,
main:not(.home-page) .product-card .yk-card-facts span {
  font-size: 9.5px !important;
  font-weight: 600 !important;
}

.product-card .card-actions button,
.product-card .card-actions a,
.product-card .actions button,
.product-card .actions a,
main:not(.home-page) .product-card .card-actions button,
main:not(.home-page) .product-card .card-actions a,
main:not(.home-page) .product-card .actions button,
main:not(.home-page) .product-card .actions a {
  font-size: 11px !important;
  font-weight: 680 !important;
}

@media (max-width: 680px) {
  main .product-card .product-title,
  main .product-card h3,
  main .product-card h3 a,
  main:not(.home-page) .product-card .product-title {
    font-size: 12px !important;
    font-weight: 640 !important;
    line-height: 1.34 !important;
  }

  main .product-card .product-info > small,
  main .product-card__body > small {
    font-size: 8.5px !important;
    font-weight: 580 !important;
  }

  html body main .product-card .price-row strong,
  html body main .product-card .monthly strong,
  html body main:not(.home-page) .product-card .price-row strong,
  html body main:not(.home-page) .product-card .monthly strong {
    font-size: clamp(15.2px, 4.34vw, 16.7px) !important;
    font-weight: 750 !important;
  }

  main .product-card .price-row em,
  main .product-card .monthly em,
  main .product-card .monthly span {
    font-size: 8.2px !important;
    font-weight: 600 !important;
  }

  html body main .product-card .total,
  html body main .product-card .total-price,
  html body main:not(.home-page) .product-card .total,
  html body main:not(.home-page) .product-card .total-price {
    font-size: clamp(17.5px, 5.05vw, 19.2px) !important;
    font-weight: 820 !important;
  }

  main .product-card .old-price {
    font-size: 8.7px !important;
    font-weight: 480 !important;
  }

  main .product-card .yk-card-facts span,
  main .product-card .badges span {
    font-size: 7.9px !important;
    font-weight: 580 !important;
  }

  main .product-card .card-actions button,
  main .product-card .card-actions a,
  main .product-card .actions button,
  main .product-card .actions a,
  main:not(.home-page) .product-card .card-actions button,
  main:not(.home-page) .product-card .card-actions a {
    font-size: 9px !important;
    font-weight: 650 !important;
  }
}

/* 2026-07-23 final product-card price emphasis
   The payable total is the primary figure; the monthly installment is secondary. */
html body main .product-card .total-price,
html body main .product-card .total,
html body main:not(.home-page) .product-card .total-price,
html body main:not(.home-page) .product-card .total {
  font-size: clamp(21px, 1.58vw, 23.5px) !important;
  font-weight: 820 !important;
  line-height: 1.06 !important;
  letter-spacing: -.018em !important;
}

html body main .product-card .price-row strong,
html body main .product-card .monthly strong,
html body main:not(.home-page) .product-card .price-row strong,
html body main:not(.home-page) .product-card .monthly strong {
  font-size: clamp(17.5px, 1.3vw, 19px) !important;
  font-weight: 750 !important;
  line-height: 1.08 !important;
}

@media (max-width: 680px) {
  html body main .product-card .total-price,
  html body main .product-card .total,
  html body main:not(.home-page) .product-card .total-price,
  html body main:not(.home-page) .product-card .total {
    font-size: clamp(17.5px, 5.05vw, 19.2px) !important;
  }

  html body main .product-card .price-row strong,
  html body main .product-card .monthly strong,
  html body main:not(.home-page) .product-card .price-row strong,
  html body main:not(.home-page) .product-card .monthly strong {
    font-size: clamp(15.2px, 4.34vw, 16.7px) !important;
  }
}

/* 2026-07-17 product-card price hierarchy
   Net total is stated first; the interest-free monthly amount follows as the
   secondary payment option. This keeps both figures clear on every viewport. */
html body main .product-card .product-info,
html body main .product-card .product-card__body {
  display: flex;
  flex-direction: column;
}

html body main .product-card .product-title,
html body main .product-card h3 {
  order: 10;
}

html body main .product-card .total-price,
html body main .product-card .total {
  order: 20;
  margin: 2px 0 5px !important;
  color: #111b27 !important;
  font-size: clamp(19.1px, 1.41vw, 21.8px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.018em !important;
}

html body main .product-card .product-info > small,
html body main .product-card .product-card__body > small,
html body main .product-card .installment-note,
html body main .product-card .small-note {
  order: 30;
  margin: 0 0 2px !important;
  color: #68788b !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

html body main .product-card .price-row,
html body main .product-card .monthly {
  order: 40;
  margin: 0 !important;
}

html body main .product-card .old-price { order: 50; }
html body main .product-card .yk-card-facts,
html body main .product-card .badges,
html body main .product-card .chips { order: 60; }
html body main .product-card .card-actions,
html body main .product-card .actions { order: 70; }

@media (max-width: 680px) {
  html body main .product-card .total,
  html body main .product-card .total-price {
    margin-bottom: 5px !important;
    font-size: clamp(16.4px, 4.69vw, 18.7px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
  }

  html body main .product-card .product-info > small,
  html body main .product-card .product-card__body > small,
  html body main .product-card .installment-note,
  html body main .product-card .small-note {
    margin-bottom: 2px !important;
    font-size: 8.5px !important;
    line-height: 1.25 !important;
  }
}

/* OBDeleven selector is embedded in the narrow purchase column on product pages. */
.buy-panel .yk-obd-deep__hero {
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 13px;
}
.buy-panel .yk-obd-deep__hero h3 {
  max-width: 100%;
  margin-top: 5px;
  font-size: 18px;
  line-height: 1.15;
  overflow-wrap: normal;
  word-break: normal;
}
.buy-panel .yk-obd-deep__hero p {
  font-size: 10px;
  line-height: 1.45;
}
.buy-panel .yk-obd-deep__stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}
.buy-panel .yk-obd-deep__stats span {
  min-width: 0;
  padding: 8px 4px;
}
.buy-panel .yk-obd-deep__stats b { font-size: 14px; }
.buy-panel .yk-obd-deep__stats small { font-size: 7px; }
.buy-panel .yk-obd-deep .yk-obd-local__toolbar {
  grid-template-columns: 1fr;
}
.buy-panel .yk-obd-deep .yk-obd-local__filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.buy-panel .yk-obd-deep .yk-obd-local__filters button {
  min-width: 0;
  padding-inline: 4px;
  white-space: normal;
}
.buy-panel .yk-obd-deep__workspace {
  grid-template-columns: 1fr;
}
.buy-panel .yk-obd-deep .yk-obd-local__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: 310px;
}
.buy-panel .yk-obd-deep .yk-obd-brand {
  grid-template-columns: 38px minmax(0, 1fr) 10px;
  min-height: 54px;
  padding: 6px;
}
.buy-panel .yk-obd-deep .yk-obd-brand__logo {
  width: 38px;
  height: 38px;
  padding: 4px;
}
.buy-panel .yk-obd-deep .yk-obd-brand b { font-size: 9.5px; }
.buy-panel .yk-obd-deep .yk-obd-brand small { font-size: 7.5px; }
.buy-panel .yk-obd-deep .yk-obd-local__result { padding: 11px; }
.buy-panel .yk-obd-deep .yk-obd-result__head {
  grid-template-columns: 46px minmax(0, 1fr);
}
.buy-panel .yk-obd-deep .yk-obd-result__logo {
  width: 46px;
  height: 46px;
}
.buy-panel .yk-obd-deep .yk-obd-result__head b { font-size: 16px; }
.buy-panel .yk-obd-deep .yk-obd-result__level {
  grid-column: 1 / -1;
  justify-self: start;
}
.buy-panel .yk-obd-result__facts,
.buy-panel .yk-obd-models__head {
  grid-template-columns: 1fr;
}
.buy-panel .yk-obd-model__body {
  padding-left: 74px;
}
.buy-panel .yk-obd-model__body ul {
  grid-template-columns: 1fr;
}

/* Full-width A–Z model tree and official One-Click App branches. */
.yk-obd-models__list {
  display: block;
  width: 100%;
  min-width: 0;
}
.yk-obd-models__list > .yk-obd-model {
  display: block;
  width: 100%;
  min-width: 0;
}
.yk-obd-models__list .yk-obd-model__name,
.yk-obd-models__list .yk-obd-model__name b,
.yk-obd-models__list .yk-obd-model__name small {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
}
.yk-obd-model__hint {
  display: flex;
  gap: 7px;
  align-items: center;
  margin: 0 0 8px !important;
  color: #466073 !important;
  font-size: 9px !important;
  font-weight: 680;
}
.yk-obd-model__hint i { color: #078878; }
.yk-obd-variants {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.yk-obd-variants > button {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 13px;
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 54px;
  padding: 5px 8px 5px 5px;
  border: 1px solid #d6e3e0;
  border-radius: 9px;
  background: #fff;
  color: #1b2b3c;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.yk-obd-variants > button:hover,
.yk-obd-variants > button.is-selected {
  border-color: #0b907f;
  background: #eaf8f5;
  box-shadow: 0 0 0 2px rgba(11, 144, 127, .08);
}
.yk-obd-variants > button.is-selected {
  grid-column: 1 / -1;
  border-radius: 10px 10px 7px 7px;
}
.yk-obd-variants > button > span {
  display: grid;
  grid-row: 1 / 3;
  width: 44px;
  height: 42px;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e1e8ed;
  border-radius: 7px;
  background: #f8fafb;
  color: #8495a5;
}
.yk-obd-variants > button img { width: 100%; height: 100%; object-fit: contain; }
.yk-obd-variants > button b {
  align-self: end;
  overflow: hidden;
  color: #213244;
  font-size: 9px;
  font-weight: 760;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yk-obd-variants > button small {
  align-self: start;
  overflow: hidden;
  color: #718296;
  font-size: 7.5px;
  font-weight: 620;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yk-obd-variants > button > i {
  grid-column: 3;
  grid-row: 1 / 3;
  color: #8091a2;
  transition: transform .18s ease;
}
.yk-obd-variants > button.is-selected > i { transform: rotate(90deg); }
.yk-obd-features {
  grid-column: 1 / -1;
  margin-top: 0;
  overflow: hidden;
  border: 1px solid #bfdcd6;
  border-radius: 11px;
  background: #f4faf8;
  box-shadow: 0 10px 24px rgba(8, 88, 76, .08);
  animation: yk-obd-feature-reveal .2s ease both;
}
@keyframes yk-obd-feature-reveal {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}
.yk-obd-features__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, .7fr);
  gap: 9px;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #d1e5e1;
  background: #e5f5f1;
}
.yk-obd-features__head > div { min-width: 0; }
.yk-obd-features__head small,
.yk-obd-features__head b,
.yk-obd-features__head span { display: block; }
.yk-obd-features__head small { color: #08796d; font-size: 7.5px; font-weight: 850; letter-spacing: .06em; }
.yk-obd-features__head b { margin-top: 2px; color: #193447; font-size: 10px; font-weight: 760; line-height: 1.3; }
.yk-obd-features__head span { margin-top: 2px; color: #63778b; font-size: 8px; font-weight: 650; }
.yk-obd-features__head > i { justify-self: end; color: #0a897a; font-size: 17px; }
.yk-obd-features__head label {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 5px;
  align-items: center;
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid #bfd8d3;
  border-radius: 8px;
  background: #fff;
}
.yk-obd-features__head label i { color: #078878; }
.yk-obd-features__head input { width: 100%; min-width: 0; height: 32px; padding: 0; border: 0; outline: 0; background: transparent; color: #203143; font-size: 9px; }
.yk-obd-features__loading { padding: 20px 12px; color: #5d7285; font-size: 9.5px; font-weight: 680; text-align: center; }
.yk-obd-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 8px; }
.yk-obd-feature {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 8px;
  position: relative;
  min-width: 0;
  min-height: 72px;
  padding: 7px;
  border: 1px solid #d7e5e2;
  border-radius: 9px;
  background: #fff;
}
.yk-obd-feature__image { display: grid; width: 48px; height: 48px; place-items: center; overflow: hidden; border: 1px solid #e0e8ed; border-radius: 8px; background: #f5f8fa; color: #0b8c7c; }
.yk-obd-feature__image img { width: 100%; height: 100%; object-fit: cover; }
.yk-obd-feature__copy { min-width: 0; padding-right: 2px; }
.yk-obd-feature__copy small,
.yk-obd-feature__copy b { display: block; }
.yk-obd-feature__copy small { color: #0a806f; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.yk-obd-feature__copy b { margin-top: 2px; color: #203143; font-size: 9px; font-weight: 760; line-height: 1.25; }
.yk-obd-feature__copy p { display: -webkit-box; margin: 4px 0 0; overflow: hidden; color: #647789; font-size: 7.5px; font-weight: 560; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.yk-obd-feature > em { position: absolute; right: 6px; bottom: 5px; padding: 2px 5px; border-radius: 999px; background: #fff4d8; color: #8a6510; font-size: 6.5px; font-style: normal; font-weight: 800; }
.yk-obd-features__empty,
.yk-obd-features__error { display: grid; min-height: 120px; place-content: center; padding: 16px; color: #607488; text-align: center; }
.yk-obd-features__empty i,
.yk-obd-features__error i { margin-bottom: 5px; color: #078878; font-size: 21px; }
.yk-obd-features__empty b,
.yk-obd-features__empty span,
.yk-obd-features__error b,
.yk-obd-features__error span { display: block; }
.yk-obd-features__empty b,
.yk-obd-features__error b { color: #243649; font-size: 10px; }
.yk-obd-features__empty span,
.yk-obd-features__error span { margin-top: 3px; font-size: 8.5px; }
.yk-obd-features__error button { justify-self: center; min-height: 32px; margin-top: 8px; padding: 0 11px; border: 0; border-radius: 7px; background: #152131; color: #fff; font-size: 8.5px; font-weight: 760; }

@media (max-width: 680px) {
  .yk-obd-models__list { display: block !important; }
  .yk-obd-variants,
  .yk-obd-feature-list { grid-template-columns: 1fr; }
  .yk-obd-model__body { padding: 0 8px 10px !important; }
  .yk-obd-features__head { grid-template-columns: 1fr; }
  .yk-obd-feature { min-height: 68px; }
}

@media (min-width: 721px) and (max-width: 900px) {
  .home-hero--premium .premium-home-slide__actions {
    right: 52% !important;
  }

  .home-hero--premium .premium-home-slide__lead {
    max-width: 92% !important;
  }
}

/* Live search uses the same stock/purchase rules as catalog and product pages. */
.search-result-card {
  position: relative;
  isolation: isolate;
  cursor: pointer;
}

.search-result-card-link {
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
}

.search-result-card-link:focus-visible {
  outline: 3px solid rgba(0, 123, 119, .42);
  outline-offset: 2px;
}

.search-result-image,
.search-result-body {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.search-result-actions {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

.search-result-pricing {
  display: grid;
  justify-items: start;
  gap: 2px;
  margin-top: 2px;
}

.search-result-total {
  color: #172231;
  font-size: 16px;
  font-weight: 760;
  line-height: 1.2;
}

.search-result-installment-label {
  color: #627187 !important;
  font-size: 10.5px !important;
  font-weight: 680 !important;
  line-height: 1.2;
}

.search-result-price {
  line-height: 1.15;
}

.search-result-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  min-width: 190px;
}

.search-result-actions.is-single {
  display: block;
}

.search-result-actions.is-single > button {
  width: 100% !important;
}

.search-result-actions > button,
.search-result-actions > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  width: 100% !important;
  max-width: none;
  padding: 0 10px;
  border: 1px solid #d7e1eb;
  border-radius: 10px;
  font: inherit;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  cursor: pointer;
}

.search-result-cart {
  background: #fff;
  color: #172231;
}

.search-result-cart:hover {
  border-color: #b9c7d6;
  background: #f5f8fb;
}

.search-result-buy {
  border-color: #e31b35 !important;
  background: #e31b35;
  color: #fff;
  box-shadow: 0 8px 18px rgba(227, 27, 53, .16);
}

.search-result-buy:hover {
  border-color: #bf142b !important;
  background: #bf142b;
  color: #fff;
}

.search-result-notify,
.search-result-pending {
  grid-column: 1 / -1;
}

.search-result-notify {
  border-color: #e31b35 !important;
  background: #fff4f6;
  color: #b3162b;
}

.search-result-notify:hover {
  background: #e31b35;
  color: #fff;
}

.search-result-pending {
  border-color: #dce5ee !important;
  background: #f3f6f9;
  color: #64748a;
  cursor: wait !important;
}

.search-result-card.is-out-of-stock {
  border-color: #efc1c8;
  background: linear-gradient(90deg, #fff8f9 0, #fff 36%);
}

@media (max-width: 720px) {
  .search-result-card {
    grid-template-rows: auto auto;
    align-items: stretch;
  }

  .search-result-image {
    grid-row: 1 / span 2;
    height: 100% !important;
    min-height: 142px;
  }

  .search-result-actions {
    grid-column: 2;
    gap: 6px;
    min-width: 0;
  }

  .search-result-actions > button,
  .search-result-actions > a {
    min-height: 35px;
    padding-inline: 7px;
    border-radius: 8px;
    font-size: 10px;
  }
}

@media (max-width: 390px) {
  .search-result-actions > button,
  .search-result-actions > a {
    min-height: 34px;
    padding-inline: 5px;
    font-size: 9.5px;
  }
}

/* Desktop showcase: give product information and slider controls their own
   stable rows so price, actions and progress never compete for the same space. */
@media (min-width: 721px) {
  .home-hero--premium .premium-showcase-stage,
  .home-hero--premium .premium-home-slide {
    height: 590px !important;
    min-height: 590px !important;
  }

  .home-hero--premium .premium-home-slide__media {
    height: 562px !important;
    min-height: 562px !important;
  }

  .home-hero--premium .premium-home-slide__media img {
    height: 456px !important;
  }

  .home-hero--premium .premium-home-slide__media::after {
    background: linear-gradient(180deg, transparent 38%, rgba(14, 27, 41, .3) 52%, rgba(12, 25, 38, .94) 72%, #0d1d2b 100%) !important;
  }

  .home-hero--premium .premium-home-slide__eyebrow {
    top: 287px !important;
  }

  .home-hero--premium .premium-home-slide h1,
  .home-hero--premium .premium-home-slide h2 {
    top: 310px !important;
  }

  .home-hero--premium .premium-home-slide__lead {
    top: 361px !important;
    max-height: 38px;
    overflow: hidden;
  }

  .home-hero--premium .premium-home-slide__features {
    top: 402px !important;
    height: 31px;
    align-items: center;
    overflow: hidden;
  }

  .home-hero--premium .premium-home-slide__features span {
    min-height: 29px;
    padding-inline: 11px;
  }

  .home-hero--premium .premium-home-slide__price {
    top: 439px !important;
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr);
    grid-template-areas:
      "label label"
      "total monthly";
    align-items: end !important;
    gap: 2px 13px !important;
    min-height: 54px !important;
  }

  .home-hero--premium .premium-home-slide__price span {
    grid-area: label;
  }

  .home-hero--premium .premium-home-slide__price strong {
    grid-area: total;
    line-height: .95;
  }

  .home-hero--premium .premium-home-slide__price small {
    grid-area: monthly;
    align-self: end;
    padding-bottom: 3px;
  }

  .home-hero--premium .premium-home-slide__actions {
    top: 500px !important;
    right: calc(50% + 8px) !important;
    bottom: auto !important;
  }

  .home-hero--premium .premium-showcase-timer {
    top: 500px !important;
    right: 34px !important;
    bottom: auto !important;
    left: calc(50% + 12px) !important;
    min-height: 42px;
  }

  .home-hero--premium .premium-showcase-nav {
    top: 546px !important;
    right: 34px !important;
    bottom: auto !important;
    left: auto !important;
  }
}

/* 2026-07-21 catalog typography balance
   Pesin/toplam rakami onceki olcuden %5 buyuk, aylik taksit rakami %5 kucuk. */
.product-card .product-title,
.product-card h3,
.product-card h3 a,
main:not(.home-page) .product-card .product-title,
main:not(.home-page) .product-card h3,
main:not(.home-page) .product-card h3 a {
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}

.product-card .product-info > small,
.product-card__body > small,
main:not(.home-page) .product-card .product-info > small,
main:not(.home-page) .product-card__body > small {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .025em !important;
}

.product-card .price-row strong,
.product-card .monthly strong,
main:not(.home-page) .product-card .price-row strong,
main:not(.home-page) .product-card .monthly strong {
  font-size: clamp(18.145px, 1.34vw, 20.71px) !important;
  font-weight: 760 !important;
  letter-spacing: -.018em !important;
}

.product-card .price-row em,
.product-card .monthly em,
.product-card .monthly span,
main:not(.home-page) .product-card .price-row em,
main:not(.home-page) .product-card .monthly em,
main:not(.home-page) .product-card .monthly span {
  font-size: 10px !important;
  font-weight: 620 !important;
}

.product-card .total-price,
.product-card .total,
main:not(.home-page) .product-card .total-price,
main:not(.home-page) .product-card .total {
  font-size: clamp(18.375px, 1.365vw, 20.475px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.product-card .old-price,
main:not(.home-page) .product-card .old-price {
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

.product-card .badges span,
.product-card .yk-card-facts span,
main:not(.home-page) .product-card .badges span,
main:not(.home-page) .product-card .yk-card-facts span {
  font-size: 9.5px !important;
  font-weight: 600 !important;
}

.product-card .card-actions button,
.product-card .card-actions a,
.product-card .actions button,
.product-card .actions a,
main:not(.home-page) .product-card .card-actions button,
main:not(.home-page) .product-card .card-actions a,
main:not(.home-page) .product-card .actions button,
main:not(.home-page) .product-card .actions a {
  font-size: 11px !important;
  font-weight: 680 !important;
}

@media (max-width: 680px) {
  main .product-card .product-title,
  main .product-card h3,
  main .product-card h3 a,
  main:not(.home-page) .product-card .product-title {
    font-size: 12px !important;
    font-weight: 640 !important;
    line-height: 1.34 !important;
  }

  main .product-card .product-info > small,
  main .product-card__body > small {
    font-size: 8.5px !important;
    font-weight: 580 !important;
  }

  html body main .product-card .price-row strong,
  html body main .product-card .monthly strong,
  html body main:not(.home-page) .product-card .price-row strong,
  html body main:not(.home-page) .product-card .monthly strong {
    font-size: clamp(15.58px, 4.46vw, 17.765px) !important;
    font-weight: 750 !important;
  }

  main .product-card .price-row em,
  main .product-card .monthly em,
  main .product-card .monthly span {
    font-size: 8.2px !important;
    font-weight: 600 !important;
  }

  html body main .product-card .total,
  html body main .product-card .total-price,
  html body main:not(.home-page) .product-card .total,
  html body main:not(.home-page) .product-card .total-price {
    font-size: clamp(13.44px, 3.73vw, 15.225px) !important;
    font-weight: 690 !important;
  }

  main .product-card .old-price {
    font-size: 8.7px !important;
    font-weight: 480 !important;
  }

  main .product-card .yk-card-facts span,
  main .product-card .badges span {
    font-size: 7.9px !important;
    font-weight: 580 !important;
  }

  main .product-card .card-actions button,
  main .product-card .card-actions a,
  main .product-card .actions button,
  main .product-card .actions a,
  main:not(.home-page) .product-card .card-actions button,
  main:not(.home-page) .product-card .card-actions a {
    font-size: 9px !important;
    font-weight: 650 !important;
  }
}
.yk-catalog-clear{min-height:42px;padding:0 13px;border:1px solid #d5dee8;border-radius:10px;background:#fff;color:#b4162b;font-weight:800;cursor:pointer;white-space:nowrap}
.yk-catalog-clear:hover{border-color:#e31b35;background:#fff4f5}
.yk-catalog-clear[hidden]{display:none!important}

/* Inner-page video cards: valid controls, compact layout and in-site playback. */
main:not(.home-page) .media-trust-videos {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: 10px;
  min-height: 210px;
  max-height: none;
  padding: 4px 2px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

main:not(.home-page) .media-trust-video {
  display: flex;
  flex: 0 0 clamp(380px, 78%, 440px);
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  min-height: 210px;
  height: 210px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d7e2ed;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(17, 31, 46, .06);
  scroll-snap-align: start;
}

main:not(.home-page) .media-trust-video__open {
  display: grid;
  grid-template-columns: minmax(165px, 44%) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 210px;
  height: 100%;
  padding: 14px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

main:not(.home-page) .media-trust-video__open:hover {
  background: #f7fafc;
}

main:not(.home-page) .media-trust-video__open:focus-visible {
  outline: 3px solid rgba(227, 27, 53, .22);
  outline-offset: -3px;
}

main:not(.home-page) .media-trust-video__image {
  width: 100%;
  border-radius: 9px;
}

main:not(.home-page) .media-trust-video__image i {
  width: 50px;
  height: 50px;
}

main:not(.home-page) .media-trust-video b {
  font-size: 15px;
  line-height: 1.4;
  -webkit-line-clamp: 4;
}

main:not(.home-page) .media-trust-video small {
  margin-top: 8px;
  font-size: 11.5px;
  line-height: 1.4;
}

main:not(.home-page) .media-trust-video .yk-video-related {
  display: none !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin: 0 10px 10px;
  padding: 6px 10px;
  border: 1px solid rgba(227, 27, 53, .16);
  border-radius: 8px;
  background: #fff5f7;
  color: #c91f35;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

main:not(.home-page) .media-trust-video .yk-video-related:hover {
  border-color: rgba(227, 27, 53, .34);
  background: #ffecef;
  color: #a91429;
}

@media (max-width: 560px) {
  main:not(.home-page) .media-trust-videos {
    min-height: 150px;
  }

  main:not(.home-page) .media-trust-video {
    flex-basis: min(320px, 86vw);
    min-height: 150px;
    height: 150px;
  }

  main:not(.home-page) .media-trust-video__open {
    grid-template-columns: 126px minmax(0, 1fr);
    gap: 10px;
    min-height: 150px;
    padding: 10px;
  }

  main:not(.home-page) .media-trust-video b {
    font-size: 12.5px;
    line-height: 1.35;
    -webkit-line-clamp: 3;
  }

  main:not(.home-page) .media-trust-video small {
    margin-top: 5px;
    font-size: 10px;
  }
}

/* Simplified cart step: one product list and one compact total area. */
.yk-checkout-page .checkout-layout--simple {
  grid-template-columns: minmax(0, 1fr);
}

.yk-checkout-page .checkout-layout--simple .checkout-main {
  width: 100%;
}

.checkout-cart-summary-inline {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dce6f1;
}

.checkout-cart-summary-inline[hidden] {
  display: none !important;
}

.checkout-cart-summary-inline .summary-total {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dbe5ef;
  border-radius: 12px;
  background: #f7fafc;
  color: #162233;
}

.checkout-cart-summary-inline .summary-total b {
  display: grid;
  align-content: center;
  justify-content: stretch;
  gap: 5px;
  min-height: 72px;
  padding: 12px 16px;
  border-right: 1px solid #dbe5ef;
  font-size: 17px;
}

.checkout-cart-summary-inline .summary-total b:last-child {
  border-right: 0;
  background: #162233;
  color: #fff;
}

.checkout-cart-summary-inline .summary-total b span:first-child {
  color: #68788d;
  font-size: 11px;
  font-weight: 780;
}

.checkout-cart-summary-inline .summary-total b:first-child span:last-child {
  color: #d52238;
}

.checkout-cart-summary-inline .summary-total b:nth-child(2) span:last-child {
  color: #137247;
}

.checkout-cart-summary-inline .summary-total b:last-child span:first-child {
  color: rgba(255, 255, 255, .72);
}

.checkout-cart-summary-inline .summary-total b:last-child span:last-child {
  color: #fff;
  font-size: 20px;
}

.checkout-cart-summary-inline .summary-badges {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.checkout-cart-summary-inline .summary-badges span {
  justify-content: center;
  min-height: 38px;
  padding: 8px 10px;
  text-align: center;
}

.checkout-cart-actions-inline .yk-cart-actions-suite {
  grid-template-columns: minmax(230px, .42fr) minmax(0, 1fr);
  align-items: start;
  margin-top: 0;
}

.checkout-cart-actions-inline .yk-cart-whatsapp {
  grid-column: 1;
  grid-row: 1;
  min-height: 50px;
}

.checkout-cart-actions-inline .yk-reminder-box {
  grid-column: 2;
  grid-row: 1;
}

.checkout-cart-actions-inline .yk-cart-share-link {
  grid-column: 1 / -1;
}

@media (max-width: 720px) {
  .checkout-cart-summary-inline .summary-total,
  .checkout-cart-summary-inline .summary-badges,
  .checkout-cart-actions-inline .yk-cart-actions-suite {
    grid-template-columns: 1fr;
  }

  .checkout-cart-summary-inline .summary-total b {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 54px;
    border-right: 0;
    border-bottom: 1px solid #dbe5ef;
  }

  .checkout-cart-summary-inline .summary-total b:last-child {
    border-bottom: 0;
  }

  .checkout-cart-actions-inline .yk-cart-whatsapp,
  .checkout-cart-actions-inline .yk-reminder-box,
  .checkout-cart-actions-inline .yk-cart-share-link {
    grid-column: 1;
    grid-row: auto;
  }
}

/* Checkout progress always stays on one line. */
.yk-checkout-page .checkout-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 720px) {
  .yk-checkout-page .checkout-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
    padding: 4px;
  }

  .yk-checkout-page .checkout-tab {
    gap: 4px;
    min-height: 42px;
    padding: 0 3px;
    font-size: 10px;
    white-space: nowrap;
  }

  .yk-checkout-page .checkout-tab span {
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    font-size: 10px;
  }

  .yk-checkout-page .checkout-tab::after {
    display: none;
  }
}

/* Compact totals with trust badges on the right. */
.checkout-cart-summary-inline {
  grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
  align-items: stretch;
}

.checkout-cart-summary-inline .summary-total {
  grid-column: 1;
}

.checkout-cart-summary-inline .summary-total b {
  min-height: 68px;
  padding: 10px 14px;
}

.checkout-cart-summary-inline .summary-badges {
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  margin: 0;
}

.checkout-cart-summary-inline .summary-badges span {
  justify-content: flex-start;
  min-height: 20px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 10.5px;
  line-height: 1.1;
  text-align: left;
}

.checkout-cart-actions-inline {
  grid-column: 1 / -1;
}

@media (max-width: 720px) {
  .checkout-cart-summary-inline {
    grid-template-columns: 1fr;
  }

  .checkout-cart-summary-inline .summary-total {
    grid-column: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .checkout-cart-summary-inline .summary-total b {
    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
    align-items: start;
    gap: 4px;
    min-height: 58px;
    padding: 8px;
    border-right: 1px solid #dbe5ef;
    border-bottom: 0;
  }

  .checkout-cart-summary-inline .summary-total b:last-child {
    border-right: 0;
  }

  .checkout-cart-summary-inline .summary-total b span:first-child {
    font-size: 8.5px;
  }

  .checkout-cart-summary-inline .summary-total b span:last-child,
  .checkout-cart-summary-inline .summary-total b:last-child span:last-child {
    font-size: 14px;
  }

  .checkout-cart-summary-inline .summary-badges {
    grid-column: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  .checkout-cart-summary-inline .summary-badges span {
    justify-content: center;
    min-height: 28px;
    padding: 4px 5px;
    font-size: 8.5px;
    text-align: center;
  }
}

/* Keep the optional cart reminder compact and below the primary continue action. */
.checkout-cart-step-actions {
  display: grid;
  grid-template-columns: minmax(280px, 333px) minmax(420px, 470px);
  grid-template-areas:
    "whatsapp continue"
    ". reminder";
  justify-items: stretch;
  justify-content: space-between;
  align-items: start;
  gap: 8px;
}

.checkout-cart-step-actions .step-next--primary {
  grid-area: continue;
  width: 100%;
  min-height: 56px;
}

.checkout-cart-reminder-inline {
  grid-area: reminder;
  width: min(100%, 470px);
}

.checkout-cart-actions-inline:empty,
.checkout-cart-reminder-inline:empty {
  display: none;
}

.checkout-cart-mobile-actions {
  grid-area: whatsapp;
  width: 100%;
}

.checkout-cart-mobile-actions:empty {
  display: none;
}

.checkout-cart-mobile-actions .yk-cart-actions-suite {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  width: 100%;
  margin: 0;
}

.checkout-cart-step-actions .checkout-cart-mobile-actions .yk-cart-whatsapp {
  width: 100%;
  min-height: 50px;
  border: 1px solid #bad8cc;
  background: #eef7f3;
  color: #34705a;
  box-shadow: none;
}

.checkout-cart-reminder-inline .yk-reminder-box {
  padding: 10px 12px;
  border-radius: 12px;
}

.checkout-cart-reminder-inline .yk-reminder-box h3 {
  margin-bottom: 2px;
  font-size: 13px;
}

.checkout-cart-reminder-inline .yk-reminder-box p {
  margin-bottom: 7px;
  font-size: 10.5px;
  line-height: 1.35;
}

.checkout-cart-reminder-inline .yk-reminder-fields {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
}

.checkout-cart-reminder-inline .yk-reminder-fields input,
.checkout-cart-reminder-inline .yk-reminder-fields button {
  min-height: 36px;
}

.checkout-cart-reminder-inline .yk-reminder-consents {
  gap: 5px;
  margin-top: 6px;
}

.checkout-cart-reminder-inline .yk-reminder-consent--marketing {
  padding: 6px 8px;
  font-size: 9px;
  line-height: 1.35;
}

.checkout-cart-reminder-inline .yk-reminder-consent a {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.checkout-cart-reminder-inline [data-yektek-reminder-status] {
  min-height: 0;
  margin-top: 4px;
}

@media (max-width: 720px) {
  .checkout-cart-step-actions {
    grid-template-columns: 1fr;
    grid-template-areas:
      "continue"
      "whatsapp"
      "reminder";
    justify-items: stretch;
    justify-content: stretch;
  }

  .checkout-cart-step-actions .step-next--primary {
    justify-self: end;
  }

  .checkout-cart-reminder-inline {
    width: 100%;
  }

  .checkout-cart-step-actions .checkout-cart-mobile-actions .yk-cart-whatsapp {
    min-height: 48px;
  }
}

/* Product detail decision hierarchy: title, image, price, required options, purchase. */
.yk-product-lead {
  display: none;
}

.product-page[data-yektek-layout-ready="true"] {
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .86fr);
  gap: clamp(18px, 2.2vw, 28px);
  align-items: start;
  padding-top: 14px;
}

.product-page[data-yektek-layout-ready="true"] > .gallery {
  padding: 14px;
}

.product-page[data-yektek-layout-ready="true"] .gallery-main {
  min-height: clamp(360px, 38vw, 500px);
  padding: clamp(16px, 2.2vw, 26px);
}

.product-page[data-yektek-layout-ready="true"] .gallery-main img {
  max-height: 430px;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel {
  padding: 18px;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel > h1 {
  margin: 0;
  font-size: clamp(23px, 1.85vw, 31px);
  line-height: 1.14;
  letter-spacing: -.025em;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel > h1 + p {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 8px;
  color: #607086;
  font-size: 13px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .buy-price {
  gap: 7px;
  margin-top: 12px;
  padding: 14px 15px;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .buy-price .total strong {
  font-size: clamp(30px, 2.4vw, 36px);
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .buy-price .monthly {
  padding-top: 9px;
  font-size: clamp(20px, 1.65vw, 24px);
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .buy-price > p {
  font-size: 11px;
  line-height: 1.4;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel > .yk-product-options {
  margin: 10px 0 0 !important;
  padding: 0;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .product-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .product-actions .primary-action {
  order: 1;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .product-actions .dark-action {
  order: 2;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .product-actions .yk-product-whatsapp {
  order: 3;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .product-actions > * {
  min-height: 46px;
  padding-inline: 10px;
  font-size: 12.5px;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .feature-grid {
  gap: 7px;
  margin-top: 10px;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .feature {
  min-height: 41px;
  padding: 8px 10px;
  font-size: 11.5px;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .yk-product-review-trust {
  margin-top: 9px;
}

.product-page[data-yektek-layout-ready="true"] > .buy-panel .yk-delivery-details,
.product-page[data-yektek-layout-ready="true"] > .buy-panel .yk-product-list-toggles {
  margin-top: 8px;
}

@media (max-width: 1100px) and (min-width: 1021px) {
  .product-page[data-yektek-layout-ready="true"] {
    grid-template-columns: minmax(0, 1fr) minmax(370px, .82fr);
    gap: 18px;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .product-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .product-actions .yk-product-whatsapp {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1020px) {
  .product-page[data-yektek-layout-ready="true"] {
    display: flex !important;
    flex-direction: column;
    gap: 11px;
    padding-top: 9px;
  }

  .product-page[data-yektek-layout-ready="true"] > .yk-product-lead {
    display: grid;
    order: 0;
    width: 100%;
    gap: 5px;
    padding: 4px 2px 2px;
  }

  .yk-product-lead__eyebrow {
    color: #d7192f;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .12em;
  }

  .yk-product-lead__title {
    max-width: 900px;
    color: #141e2b;
    font-size: clamp(24px, 4.5vw, 31px);
    font-weight: 900;
    letter-spacing: -.025em;
    line-height: 1.13;
    text-wrap: balance;
  }

  .yk-product-lead__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
  }

  .yk-product-lead__meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 27px;
    padding: 4px 9px;
    border: 1px solid #d8e3ec;
    border-radius: 999px;
    background: #f7fafc;
    color: #42566a;
    font-size: 10px;
    font-weight: 800;
  }

  .yk-product-lead__meta span.is-available {
    border-color: #c6e7d4;
    background: #effaf3;
    color: #087547;
  }

  .yk-product-lead__meta span.is-unavailable {
    border-color: #f0d4d9;
    background: #fff4f5;
    color: #b52236;
  }

  .product-page[data-yektek-layout-ready="true"] > .gallery {
    order: 1;
    width: 100%;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel {
    order: 2;
    position: static;
    width: 100%;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel > h1,
  .product-page[data-yektek-layout-ready="true"] > .buy-panel > h1 + p {
    display: none;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .buy-price {
    margin-top: 0;
  }

  .product-page[data-yektek-layout-ready="true"] .gallery-main {
    min-height: clamp(300px, 58vw, 430px);
  }

  .product-page[data-yektek-layout-ready="true"] .gallery-main img {
    max-height: 380px;
  }
}

@media (max-width: 720px) {
  .product-page[data-yektek-layout-ready="true"] {
    gap: 9px;
  }

  .yk-product-lead__title {
    font-size: clamp(21px, 6.2vw, 27px);
  }

  .yk-product-lead__meta span {
    min-height: 25px;
    padding: 3px 8px;
    font-size: 9.5px;
  }

  .product-page[data-yektek-layout-ready="true"] > .gallery {
    padding: 9px;
  }

  .product-page[data-yektek-layout-ready="true"] .gallery-main {
    min-height: clamp(270px, 76vw, 340px);
    padding: 12px;
  }

  .product-page[data-yektek-layout-ready="true"] .gallery-main img {
    max-height: 300px;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel {
    padding: 13px;
    border-radius: 16px;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .buy-price {
    padding: 13px 14px;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .buy-price .total strong {
    font-size: 31px;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .buy-price .monthly {
    font-size: 21px;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .product-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .product-actions .yk-product-whatsapp {
    grid-column: 1 / -1;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 380px) {
  .yk-product-lead__meta span:last-child {
    display: none;
  }

  .product-page[data-yektek-layout-ready="true"] > .buy-panel .feature-grid {
    grid-template-columns: 1fr;
  }
}

/* Keep the add-to-cart confirmation anchored to one predictable viewport position. */
html body > .yk-cart-toast {
  position: fixed !important;
  z-index: 2147483000 !important;
  top: max(88px, calc(env(safe-area-inset-top, 0px) + 12px)) !important;
  right: max(16px, env(safe-area-inset-right, 0px)) !important;
  bottom: auto !important;
  left: auto !important;
  width: min(420px, calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 112px);
  box-sizing: border-box;
  margin: 0 !important;
  overflow: auto;
  overscroll-behavior: contain;
  visibility: hidden !important;
  transform: translate3d(0, -12px, 0) scale(.985) !important;
  transform-origin: top right;
}

html body > .yk-cart-toast.is-visible {
  visibility: visible !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (min-width: 681px) and (max-width: 1024px) {
  html body > .yk-cart-toast {
    top: max(76px, calc(env(safe-area-inset-top, 0px) + 12px)) !important;
    right: max(12px, env(safe-area-inset-right, 0px)) !important;
  }
}

@media (max-width: 680px) {
  html body > .yk-cart-toast {
    top: auto !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 24px);
    transform: translate3d(0, 14px, 0) scale(.985) !important;
    transform-origin: bottom center;
  }

  html body:has(.yk-mobile-buybar) > .yk-cart-toast {
    bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    max-height: calc(100dvh - 104px);
  }

  html body > .yk-cart-toast.is-visible {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }
}