/* WordPress/WooCommerce integration around the supplied visual component rules. */
body.cd-v2 { margin:0; background:radial-gradient(ellipse at 50% 15%,#fff 0,#edf6ff 55%,#e1efff 100%); }
body.home.cd-v2 { margin-top:0; padding-top:0; }
/* Keep the page frame tall enough to pin the footer on short pages while
   allowing long archives and product lists to grow naturally. */
body.cd-v2 > .site-shell {
  --container:1500px;
  overflow:visible;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

/* Reference-inspired shipping card, scaled to the desktop header. */
@media(min-width:1151px) {
  body.cd-v2 .cd-design .header-cutoff.shipping-countdown {
    width:clamp(224px,18vw,280px);
    height:52px;
    min-height:52px;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer--compact .cepdeposu-cutoff-timer__card {
    width:100%;
    min-height:52px;
    padding:6px 8px;
    border:1px solid rgba(255,255,255,.96);
    border-radius:15px;
    background:
      radial-gradient(circle at 22% 50%,rgba(255,196,54,.1),transparent 36%),
      linear-gradient(120deg,#fff 0%,#fbfdff 58%,#f3f7ff 100%);
    box-shadow:0 7px 22px rgba(44,86,154,.13),inset 0 0 0 1px rgba(206,222,247,.52);
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer--compact .cepdeposu-cutoff-timer__card:hover {
    border-color:#d7e5fb;
    box-shadow:0 9px 26px rgba(44,86,154,.17),inset 0 0 0 1px rgba(186,207,241,.65);
    transform:translateY(-1px);
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__card-row {
    width:100%;
    gap:7px;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__carrier {
    flex:1 1 auto;
    gap:8px;
    min-width:0;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__logo-slot {
    display:grid;
    width:38px;
    height:38px;
    flex:0 0 38px;
    place-items:center;
    overflow:hidden;
    border:1px solid #dce7f5;
    border-radius:11px;
    background:linear-gradient(145deg,#fff,#f1f6fd);
    box-shadow:0 4px 10px rgba(42,82,145,.1),inset 0 1px 0 rgba(255,255,255,.9);
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__logo {
    width:auto !important;
    height:auto !important;
    max-width:32px !important;
    max-height:21px !important;
    object-fit:contain;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__ctext {
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
    gap:4px;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__cname {
    overflow:hidden;
    color:#0b1d3f;
    font-size:11.5px;
    font-weight:850;
    line-height:1;
    letter-spacing:-.02em;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__label {
    display:flex;
    width:max-content;
    max-width:100%;
    align-items:center;
    gap:4px;
    overflow:hidden;
    padding:2px 6px;
    border-radius:999px;
    color:#5f6f8e;
    background:rgba(255,247,230,.92);
    font-size:8px;
    font-weight:650;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__label::before {
    content:'';
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:#ffad16;
    box-shadow:0 0 0 2px rgba(255,173,22,.13);
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__col {
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:4px;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__clock {
    min-width:64px;
    padding:0 2px;
    border:0;
    border-radius:0;
    color:#5c6d91;
    background:transparent;
    font-family:inherit;
    font-size:12px;
    font-weight:750;
    font-variant-numeric:tabular-nums;
    letter-spacing:.08em;
    line-height:1;
    text-align:right;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__more {
    display:inline-flex;
    min-height:20px;
    align-items:center;
    gap:5px;
    padding:3px 7px 3px 9px;
    border:1px solid rgba(255,255,255,.95);
    border-radius:999px;
    color:#0d56e8;
    background:rgba(255,255,255,.82);
    box-shadow:0 3px 9px rgba(55,101,180,.12),inset 0 0 0 1px rgba(213,226,248,.7);
    font-size:8px;
    font-weight:750;
    line-height:1;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__more::after {
    content:'›';
    font-size:14px;
    font-weight:500;
    line-height:.6;
  }
  body.cd-v2 .cd-design .header-cutoff .cepdeposu-cutoff-timer__more:hover {
    color:#0646c4;
    background:#fff;
    box-shadow:0 4px 11px rgba(55,101,180,.17),inset 0 0 0 1px rgba(196,215,246,.8);
  }
}
body.cd-v2 > .site-shell > main#content { flex:1 0 auto; width:100%; }
body.cd-v2 > .site-shell > .cd-design:last-child { margin-top:auto; }
.cd-design { background:transparent; }
.cd-design [hidden] { display:none!important; }
.cd-design .site-header { position:relative; inset:auto; padding:0; border:0; border-radius:31px 31px 0 0; background:transparent; box-shadow:none; }
.cd-design .header-search { position:relative; }
.cd-design .header-search.hsearch { flex:1; width:auto; max-width:none; margin:0; }
.cd-design .header-search .hsearch__panel { z-index:100; background:#fff; color:#07163f; }
.cd-design .header-search .hsearch__clear { position:static; flex:0 0 24px; }
.cd-design .header-search .hsearch__input { padding:0; height:auto; background:transparent; box-shadow:none; border:0; }
.cd-design .shipping-countdown { padding:0; }
.cd-design .header-cutoff > * { width:100%; }
.cd-design .cepdeposu-cutoff-timer--compact .cepdeposu-cutoff-timer__card { background:transparent; border:0; }
.cd-design .cepdeposu-cutoff-timer--compact .cepdeposu-cutoff-timer__cname { color:var(--navy); }
.cd-design .cepdeposu-cutoff-timer--compact .cepdeposu-cutoff-timer__label { color:var(--muted); }
.cd-design .cepdeposu-cutoff-timer--compact .cepdeposu-cutoff-timer__more { color:var(--blue); border-color:var(--line); }
.cd-design .header-cutoff.shipping-countdown {
  width:220px;
  height:44px;
  min-height:44px;
  padding:0;
  gap:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.cd-design .header-cutoff .cepdeposu-cutoff-timer--compact { width:100%; max-width:none; }
.cd-design .header-cutoff .cepdeposu-cutoff-timer--compact .cepdeposu-cutoff-timer__card {
  width:100%;
  padding:3px 6px;
  border:1px solid #d7e6ff;
  border-radius:10px;
  background:#f7fbff;
}
.cd-design .header-cutoff .cepdeposu-cutoff-timer__card-row { gap:5px; }
.cd-design .header-cutoff .cepdeposu-cutoff-timer__carrier { gap:5px; }
.cd-design .header-cutoff .cepdeposu-cutoff-timer__logo { height:16px !important; max-width:48px !important; }
.cd-design .header-cutoff .cepdeposu-cutoff-timer__cname { font-size:10px; }
.cd-design .header-cutoff .cepdeposu-cutoff-timer__label { font-size:9px; }
.cd-design .header-cutoff .cepdeposu-cutoff-timer__clock { font-size:11px; padding:2px 6px; }
.cd-design .header-cutoff .cepdeposu-cutoff-timer__more { font-size:9px; padding:1px 6px; }
.cd-design .logo .brand-logo-dark { display:none; }
.cd-design .logo img { object-fit:contain; width:100%; height:auto; max-height:64px; }
.cd-design .logo:has(img) { background:none; }
.cd-design .catnav { background:#fff; border-top:1px solid var(--line); color:var(--navy); }
.cd-design .catnav { position:relative; z-index:100; overflow:visible; }
.cd-design .catnav > .container { max-width:none; width:auto; margin:0; padding:0 63px; }
.cd-design .catnav .brand-scroll { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:57px; padding:8px 0; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }
.cd-design .catnav .brand-scroll::-webkit-scrollbar { display:none; }
.cd-design .catnav .brand-chip { display:flex; align-items:center; justify-content:center; gap:0; min-height:41px; padding:8px 14px; border:1px solid #ccdeff; border-radius:24px; background:#ffffffba; color:var(--navy); white-space:nowrap; font-size:12px; font-weight:700; }
.cd-design .catnav .brand-chip.active { color:#fff; background:var(--blue); border-color:var(--blue); }
.cd-design .catnav .brand-chip:hover { border-color:var(--blue); }
.cd-design .catnav .brand-chip-wrap { flex-shrink:0; }
.cd-design .catnav .more-brands { flex:1; justify-content:space-around; min-width:130px; }
.cd-design .brand-asset { width:30px; height:23px; overflow:hidden; }
.cd-design .brand-asset img { width:100%; height:100%; object-fit:contain; transform:scale(2.1); }
.cd-design .brand-asset--apple img { transform:none; }
.cd-design .brand-asset--honor img,.cd-design .brand-asset--infinix img { transform:scale(1.65); }
.cd-design .catnav .mega { color:#07163f; background:white; z-index:80; }
.cd-design .catnav .mega-host { position:relative; z-index:110; }
.cd-design .catnav .mega__links { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.cd-design .catnav .mega__links .mega__all { display:inline-flex; }
@media (min-width:701px) {
  .cd-design .catnav .brand-scroll { overflow-x:visible; }
  .cd-design .catnav .brand-scroll > .brand-chip:first-child { flex:0 0 auto; }
  .cd-design .catnav .brand-chip-wrap { flex:1 1 0; }
  .cd-design .catnav .brand-chip-wrap .brand-chip { width:100%; }
}
.cd-design .hero { padding:0; margin:0; }
.cd-design .hero-layout { align-items:start; }
.cd-design .hero-main-column { min-width:0; display:flex; flex-direction:column; }
.cd-design .hero-main-column > .hero-detailed-search { width:auto; margin:9px 0 0; }
@media (min-width: 701px) {
  body.home .cd-design .hero-layout { margin-top:10px; }
}
.cd-design .popular-searches a { font-size:inherit; }
.cd-design .popular-searches { flex-wrap:wrap; }
.cd-design .popular-searches a { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cd-design .finder-brands a { display:flex; flex-direction:column; gap:0; align-items:center; justify-content:center; min-width:0; height:69px; padding:5px 2px; border:1px solid #d7e6ff; border-radius:9px; background:#fff; box-shadow:var(--shadow); }
.cd-design .finder-brands a:hover { border-color:var(--blue); background:#e4efff; }
.cd-design #featured-products.product-collection[data-view=showcase] .quality-badge { display: none; }
.cd-design #featured-products.product-collection[data-view=showcase] .product-attributes { display: none; }
.cd-design .finder-brands .brand-asset { width:44px; max-width:100%; height:28px; }
.cd-design .finder-brand-label { display:none; }
.cd-design .live-product-photo { display:block; background:none!important; width:100%; height:100%; }
.cd-design .product-media { position:relative; }
.cd-design .live-product-link { display:flex; width:100%; height:100%; justify-content:center; align-items:center; }
.cd-design .cd-quick-view { display:none; }
.cd-design .cd-quick-view .icon { width:16px; height:16px; }
.cd-design .product-collection[data-view=list] .cd-quick-view { opacity:0; }
.cd-design .product-collection[data-view=list] .product-media:hover .cd-quick-view,
.cd-design .product-collection[data-view=list] .product-media:focus-within .cd-quick-view { opacity:1; }
.cd-design .product-collection[data-view=list] .live-product-photo { position:static; transform:none; }
.cd-design .product-attributes { max-width:100%; min-width:0; overflow:auto; scrollbar-width:none; }
.cd-design .product-attributes > * { flex-shrink:0; }
.cd-design .product-sku { max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.cd-design .live-product-photo img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.cd-design .product-collection[data-view=list] .stock-status { white-space:nowrap; min-width:max-content; }
.cd-design .product-collection[data-view=showcase] > .list-header { display:none; }

/* Ana sayfa vitrini: yatay carousel yerine tüm seçili ürünleri 4 sütunda
   göster; 20 ürün böylece masaüstünde 5 satır olarak görünür. */
.cd-design #featured-products.product-collection[data-view=showcase] {
  grid-auto-flow: row;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: auto;
  overflow: visible;
  scroll-snap-type: none;
}
.cd-design .featured-section .carousel-controls { display: none; }
@media (max-width: 900px) {
  .cd-design #featured-products.product-collection[data-view=showcase] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .cd-design #featured-products.product-collection[data-view=showcase] { grid-template-columns: 1fr; }
}

/* Ana sayfa modüllerini hero'nun iç rayıyla hizala. Diğer WooCommerce
   ekranlarının panel ölçülerini etkilememesi için yalnızca front page'e
   uygulanır. */
body.home .cd-design > .featured-section,
body.home .cd-design > .panel {
  margin-left: 11px;
  margin-right: 11px;
}
body.home .cd-design > .featured-section .section-heading {
  margin-left: 8px;
  margin-right: 8px;
}
body.home .cd-design > .service-banners-section {
  margin: 9px 11px 0;
}
body.home .cd-design > .service-banners-section .service-banners {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-left: 0;
  margin-right: 0;
}
body.home .cd-design > .finder-section .finder-main {
  padding: 12px 27px;
}
body.home .cd-design > .finder-section .finder-brands {
  width: 100%;
  flex: 1 1 100%;
  justify-content: space-between;
}
body.home .cd-design > .finder-section .finder-main::after { display: none; }
body.home .cd-design .hero-detailed-search {
  margin: 9px 11px 0;
}
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici__arama {
  display: none;
}
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici {
  margin: 0;
  border-color: #d7e6ff;
  border-radius: 14px;
  background: #fff;
  gap: 0;
  font-family: inherit;
}
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik {
  width: 100%;
  justify-content: space-between;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #d7e6ff;
  border-radius: 10px;
  background: #fff;
  color: var(--navy, #10234e);
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik:hover {
  border-color: var(--blue, #145cff);
  background: #f5f9ff;
  text-decoration: none;
}
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici__detay {
  margin-top: 8px;
  padding: 16px;
  border: 1px solid #d7e6ff;
  border-radius: 12px;
  background: #fff;
  gap: 14px;
}
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici__field > label,
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici__opsiyonel-baslik {
  font-family: inherit;
  letter-spacing: .04em;
  font-size: 11px;
  color: #56709f;
}
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici__grid:not(.cepdeposu-cihaz-secici__grid--opsiyonel) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici input[type="text"],
body.home .cd-design .hero-detailed-search .cepdeposu-cihaz-secici select {
  min-height: 44px;
  border-color: #cbdcf7;
  border-radius: 8px;
  background: #f8fbff;
  font-family: inherit;
  font-size: 13px;
}
body.home .cd-design .hero-detailed-search #cepdeposu-cihaz-secici-git {
  min-height: 42px;
  border: 0;
  border-radius: 8px;
  background: var(--blue, #145cff);
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 720px) {
  body.home .cd-design > .service-banners-section .service-banners { grid-template-columns: 1fr; }
  body.home .cd-design > .finder-section .finder-brands { justify-content: flex-start; }
}
.cd-design .product-price { min-width:0; }
.cd-design .product-price del { display:block; font-size:.72em; color:var(--muted); }
.cd-design .product-price ins { text-decoration:none; background:transparent; }
.cd-design .product-price .pcard-tier { font-size:10px; white-space:normal; line-height:1.25; margin:4px 0 0; }
.cd-design .product-attributes .pbadges { position:static; display:contents; }
.cd-design .product-attributes .qv-open { font-size:10px; color:var(--blue); padding:2px; }
.cd-design .stock-status.s-out { color:#a62a2a; }
.cd-design .stock-status.s-back,.cd-design .stock-status.s-low { color:#916300; }
.cd-design .add-to-cart.loading { opacity:.5; pointer-events:none; }
.cd-design .product-card > .added_to_cart { grid-column:1/-1; font-size:12px; color:var(--blue); }
.cd-design .product-card .add-to-cart { text-align:center; }
.cd-design .product-collection[data-view=list] .add-to-cart,
.cd-design #viewTablo .qtable .row-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  margin-inline: auto;
}
.cd-design .product-collection[data-view=list] .add-to-cart .icon,
.cd-design #viewTablo .qtable .row-add .icon { margin: 0; }
.cd-design .product-collection[data-view=list] .add-to-cart.added::after,
.cd-design #viewTablo .qtable .row-add.added::after { content: none !important; display: none !important; }
.cd-design a.added_to_cart,
.cd-design a.added_to_cart.wc-forward { display: none !important; }
.cd-design #viewTablo .qtable td:last-child { text-align: center; }
.cd-design .modeldir__all-parts {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #cbdcff;
  border-radius: 9px;
  background: #fff;
  color: var(--blue, #145cff);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  vertical-align: top;
}
.cd-design .modeldir__search { display: inline-flex; margin-right: 8px; vertical-align: top; }
.cd-design .modeldir__all-parts:hover {
  border-color: var(--blue, #145cff);
  background: #f3f7ff;
}
@media (max-width: 640px) {
  .cd-design .modeldir__all-parts { width: 100%; margin-top: -8px; margin-bottom: var(--sp-4); }
}

/* Mobile service cards use a light directory artwork; keep its copy readable. */
@media (max-width: 700px) {
  .cd-design .service-banner.directory-banner { color: var(--navy, #07163f); }
  .cd-design .service-banner.directory-banner h3 { color: var(--navy, #07163f); }
  .cd-design .service-banner.directory-banner p { color: #58719f; }

  /* The payment advantage card is a single centered stack on narrow screens. */
  .cd-design .bank-tier {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    text-align: center;
    padding: 9px 16px;
  }
  .cd-design .bank-tier .discount-icon,
  .cd-design .bank-tier b,
  .cd-design .bank-tier strong,
  .cd-design .bank-tier > span:last-child {
    grid-column: auto;
    grid-row: auto;
    justify-self: auto;
    align-self: auto;
    transform: none;
    margin: 0;
  }
  .cd-design .bank-tier .discount-icon { flex: 0 0 25px; }
  .cd-design .bank-tier strong { font-size: 20px; }
  .cd-design .bank-tier > span:last-child { font-size: 13px; }
}
.cd-design .device-selector { margin:16px 24px; }
.cd-design .device-selector > summary { cursor:pointer; color:var(--blue); padding:12px; }
.cd-design .discount-tier strong { font-size:22px; line-height:1.15; }
.cd-design .discount-tier,.cd-design .discount-tier > * { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.cd-design .discount-tier .pcard-tier { margin:0; font-size:12px; }
.cd-design .footer-column ul { list-style:none; padding:0; margin:0; }
.cd-design .footer-column li { margin:0; }
.cd-design .footer-category-links > ul { display:contents; }
.cd-design .footer-brand img { max-height:64px; width:auto; }
.cd-design .footer-main > * { min-width:0; }
.cd-design .footer-brand .logo { width:165px; max-width:100%; height:auto; min-height:35px; }
.cd-design .footer-brand .logo img { width:100%; max-height:35px; }
.cd-design .footer-column a,.cd-design .footer-delivery a { font-size:inherit; line-height:1.5; }
@media(min-width:1151px) {
  .cd-design .footer-main { grid-template-columns:1.35fr 1.55fr 1fr 1.23fr 1.25fr auto; gap:30px; }
  .cd-design .footer-delivery { display:block; }
  .cd-design .site-footer { min-height:116px; display:flex; flex-direction:column; }
  .cd-design .footer-bottom { margin-top:auto; padding-top:8px; }
}
@media(min-width:701px) and (max-width:1400px) {
  .cd-design .catnav > .container { padding:0 20px; }
  .cd-design .catnav .brand-scroll { gap:8px; }
  .cd-design .catnav .brand-chip { padding:8px 10px; gap:6px; font-size:11px; }
}
@media(min-width:701px) and (max-width:1450px) {
  .cd-design .finder-brands { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .cd-design .finder-brands a:nth-child(n+9) { display:flex; }
}
@media(max-width:700px) {
  body.cd-v2 > .site-shell { min-height:calc(100vh - 70px); }
  .site-shell > .cd-design { padding-bottom:0 !important; }
  /* The fixed bottom nav has its own layer; its design wrapper must not add a
     second 70px block after the footer and leave a pale strip below it. */
  body.cd-v2 { padding-bottom:0 !important; }
  body.cd-v2 > .cd-design:has(> .mobile-bottom-nav) {
    height:0;
    min-height:0;
    padding:0 !important;
    overflow:visible;
  }
  body.cd-v2 > .site-shell > main#content { padding-bottom:72px; }
  .cd-design .mobile-bottom-nav {
    transition:transform .26s ease,opacity .2s ease,visibility .2s linear;
    will-change:transform;
  }
  .cd-design .mobile-bottom-nav.is-footer-visible {
    visibility:hidden;
    pointer-events:none;
    opacity:0;
    transform:translateY(calc(100% + env(safe-area-inset-bottom,0px)));
  }
  .cd-design .finder-brands a { height:58px; }
  .cd-design .finder-brands a:nth-child(n+10) { display:none; }
  .cd-design .finder-brands .brand-asset { height:24px; }
}

@media(max-width:700px) and (prefers-reduced-motion:reduce) {
  .cd-design .mobile-bottom-nav { transition:none; }
}

/* Keep the popular model shortcuts attached to the hero search field.  This
   final layer intentionally wins over the legacy strip positioning above. */
body.home .cd-design .hero-main-column > .hero .popular-searches {
  display:flex !important;
  position:absolute !important;
  top:317px !important;
  right:auto !important;
  bottom:auto !important;
  left:55px !important;
  width:min(575px,calc(100% - 110px)) !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#e6f3ff;
  font-size:11px;
  line-height:1.2;
  z-index:3;
}
body.home .cd-design .hero-main-column > .hero .popular-searches > span {
  margin-right:3px;
  color:#e6f3ff;
  font-size:11px;
  font-weight:700;
}
body.home .cd-design .hero-main-column > .hero .popular-searches a {
  display:inline-flex;
  align-items:center;
  max-width:180px;
  overflow:hidden;
  padding:4px 9px;
  border:1px solid #76a6ed !important;
  border-radius:15px;
  background:#0846b5 !important;
  color:#fff !important;
  font-size:10px;
  font-weight:700;
  line-height:1.1;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.home .cd-design .hero-main-column > .hero .popular-searches a:hover {
  background:#003292;
}
@media(min-width:1151px) and (max-width:1390px) {
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    left:35px !important;
    width:min(575px,calc(100% - 70px)) !important;
  }
}

/* Mobile header and brand rail must remain in normal document flow. The
   earlier visual-comparison offsets pulled the hero underneath the rail. */
@media(max-width:700px) {
  html, body { margin-top:0 !important; padding-top:0 !important; }
  body.home .site-shell,
  body.home.cd-v2 > .site-shell { margin-top:0 !important; }
  body.home main#content.cd-design { margin-top:0 !important; padding-top:0 !important; }
  body.home .cd-design .hero-layout { margin-top:0 !important; }
  body.home .cd-design .catnav { position:relative; z-index:100; margin-bottom:0 !important; }
}
@media(min-width:701px) and (max-width:1150px) {
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    top:auto !important;
    bottom:19px !important;
    left:26px !important;
    width:calc(100% - 45px) !important;
  }
}
@media(max-width:700px) {
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    top:auto !important;
    right:16px !important;
    bottom:10px !important;
    left:16px !important;
    width:auto !important;
    min-height:0 !important;
    padding:2px 0 !important;
    gap:4px;
    font-size:9px;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches > span {
    font-size:9px;
    color:#e6f3ff;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches a {
    max-width:115px;
    padding:3px 6px;
    border-color:#76a6ed !important;
    background:#0846b5 !important;
    color:#fff !important;
    font-size:8px;
  }
  /* Reserve a compact blue footer inside the hero for the shortcuts, so
     they remain directly below the search field instead of floating outside. */
  body.home .cd-design .hero-main-column > .hero {
    min-height:330px !important;
  }
  body.home .cd-design .hero-main-column > .hero .hero-search {
    bottom:55px !important;
  }
}

/* Final mobile flow reset: keep the header, brand rail and hero stacked. */
@media(max-width:700px) {
  html, body { margin-top:0 !important; padding-top:0 !important; }
  body.home .site-shell,
  body.home.cd-v2 > .site-shell { margin-top:0 !important; }
  body.home main#content.cd-design { margin-top:0 !important; padding-top:0 !important; }
  body.home .cd-design .hero-layout { margin-top:0 !important; }
  body.home .cd-design .catnav { position:relative; z-index:100; margin-bottom:0 !important; }
}

/* Popular model shortcuts belong to the hero search, so keep them directly
   below the field instead of treating them as a separate colored banner. */
body.home .cd-design .hero-main-column > .hero .popular-searches {
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  width:min(575px,calc(100% - 110px));
  height:auto;
  min-height:0;
  margin:14px 0 0 55px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  flex-wrap:wrap;
  white-space:normal;
}
body.home .cd-design .hero-main-column > .hero .hero-detailed-search {
  left:auto;
  right:14px;
}
@media(max-width:700px) {
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    bottom:-44px !important;
    width:auto;
    margin:0;
    padding:2px 0;
    gap:4px;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches > span {
    color:#56709f;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches a {
    border-color:#c6dcfb;
    background:#eaf3ff;
    color:#145cff;
  }
}
.cd-design .menu-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0; }
.cd-design .menu-grid a { padding:12px; background:var(--blue-light); border-radius:8px; }
.cd-legacy-content { --accent:#ff5800; --blue:#0052ff; --primary:#0052ff; --navy:#07163f; min-height:45vh; }
body.cd-v2 .qv-modal { z-index:2000; }
body.cd-v2 .cepdeposu-qbar {
  z-index:900;
  background:
    radial-gradient(circle at 88% 20%, rgba(43, 112, 255, .55), transparent 33%),
    linear-gradient(125deg, #123f96, #061d4c);
}
body.cd-v2 .cepdeposu-qbar .qbar-notice {
  display:none;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  width:100%;
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-align:center;
}
body.cd-v2 .cepdeposu-qbar .qbar-notice__icon {
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#16a36a;
}
body.cd-v2 .cepdeposu-qbar .qbar-notice__text {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.cd-v2 .cepdeposu-qbar.is-notifying .qbar-info,
body.cd-v2 .cepdeposu-qbar.is-notifying .qbar-actions { display:none; }
body.cd-v2 .cepdeposu-qbar.is-notifying .qbar-notice { display:flex; }
.archive-list-controls-shell {
  width:100%;
  padding-bottom:0!important;
  background:transparent;
}
.cepdeposu-product-archive .archive-list-controls button.button.bulk-add,
.cepdeposu-product-archive .archive-list-controls button.button.bulk-add:disabled,
.cepdeposu-product-archive .archive-list-controls button.button.bulk-add:disabled[disabled] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:32px!important;
  height:32px;
  padding:6px 8px!important;
  border:1px solid #ff6400!important;
  border-radius:var(--radius-sm);
  color:#fff!important;
  background:linear-gradient(110deg,#ff6400,#ff5100)!important;
  box-shadow:none;
  text-shadow:none;
  font-size:10px!important;
  font-weight:700;
  line-height:14px!important;
  opacity:.48!important;
}
.archive-list-controls .bulk-add .icon { width:16px; height:16px; flex:0 0 16px; }
html[data-theme=dark] .cd-design { --navy:#e4ecff; --muted:#b6c8eb; --surface:#16233b; --line:#334567; --page:#142039; color:var(--navy); }
html[data-theme=dark] body.cd-v2 { background:#0e182b; }
html[data-theme=dark] .cd-design :is(.site-header,.catnav,.panel,.product-card,.product-media,.finder-main,.quantity-control,.quantity-control input) { background:var(--surface); color:var(--navy); }
html[data-theme=dark] .cd-design .logo.has-dark-logo .custom-logo { display:none; }
html[data-theme=dark] .cd-design .logo.has-dark-logo .brand-logo-dark { display:block; }
html[data-theme=dark] .cd-design .live-product-photo img { mix-blend-mode:normal; }
html[data-fontscheme=warm] .cd-design { font-family:'Nunito Sans',Arial,sans-serif; }
html[data-fontscheme=simple] .cd-design { font-family:Inter,Arial,sans-serif; }
html[data-fontscheme=industrial] .cd-design { font-family:Archivo,Arial,sans-serif; }
@media(max-width:700px) {
  html, body { margin:0 !important; padding-top:0 !important; }
  body.cd-v2 { padding-bottom:72px; }
  body.home.cd-v2 .cd-design > .site-shell { margin:0 !important; padding:0 !important; }
  body.home.cd-v2 > .site-shell { margin:0 !important; padding:0 !important; }
  body.home .cd-design,
  body.home .cd-design .site-header { margin-top:0 !important; padding-top:0 !important; }
  body.home .cd-design > .site-shell { margin-top:0 !important; }
  body.home .site-shell { margin-top:-24px !important; }
  /* The header shell is a separate block on mobile; pull the content back up
     so the hero follows the brand rail without the inherited shell gap. */
  body.home main#content.cd-design { margin-top:-48px !important; padding-top:0 !important; }
  body.home main#content > .woocommerce-notices-wrapper { display:none !important; height:0 !important; margin:0 !important; padding:0 !important; }
  /* Keep the brand rail above the mobile hero so the main entry points remain visible. */
  .cd-design .catnav { display:block; height:57px; min-height:57px; max-height:57px; margin:0 !important; padding:0 !important; border-top:0; }
  .cd-design .catnav > .container { padding:0 8px; }
  .cd-design .catnav .brand-row { height:57px; min-height:0; }
  .cd-design .catnav .brand-scroll { height:57px; min-height:0; padding:6px 0 7px; gap:6px; justify-content:flex-start; }
  .cd-design .catnav .brand-chip { min-height:38px; min-width:58px; padding:6px 10px; border-radius:12px; font-size:10px; }
  .cd-design .catnav .brand-chip-wrap { flex:0 0 auto; }
  .cd-design .catnav .brand-asset { width:34px; height:23px; }
  .cd-design .catnav .brand-chip:first-child { min-width:auto; }
  .cd-design .catnav .mega-host { display:block; position:static; }
  .cd-design .catnav .mega:not([hidden]) {
    position:relative;
    margin:8px 0 10px;
    padding:12px;
    border:1px solid #d7e6ff;
    border-radius:12px;
    box-shadow:0 10px 24px rgba(7,22,63,.10);
  }
  .cd-design .catnav .mega:not([hidden]) .mega__search { margin-right:42px; }
  .cd-design .catnav .mega__models { max-height:38vh; overflow-y:auto; columns:2; column-gap:18px; }
  .cd-design .catnav .mega__models a { color:#10234e; font-size:12px; }
  .cd-design .catnav .mega__close { display:grid; place-items:center; position:absolute; top:10px; right:10px; width:30px; height:30px; padding:0; border:1px solid #cbdcf7; border-radius:8px; background:#f6f9ff; color:#10234e; }
  body.home .cd-design .hero-layout { margin-top:-48px !important; }
  .cd-design .discount-tier strong { font-size:17px; }
  .cd-design .discount-tiers { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cd-design .discount-tier { grid-template-columns:32px minmax(0,1fr); }
  .cd-design .discount-tier strong { font-size:14px; }
  .cd-design .bank-tier { grid-template-columns:32px minmax(0,1fr); }
  .cd-design .bank-tier b,.cd-design .bank-tier strong,.cd-design .bank-tier > span:last-child { grid-column:2; grid-row:auto; transform:none; max-width:100%; }
  .cd-design .device-selector { margin:10px 4px; }
  body.cd-v2 .cepdeposu-qbar {
    left:50%;
    right:auto;
    bottom:68px;
    width:min(400px, calc(100vw - 20px));
    box-sizing:border-box;
    gap:8px;
    padding:7px 8px 7px 14px;
    transform:translateX(-50%);
  }
  body.cd-v2 .cepdeposu-qbar .qbar-info { flex:1 1 auto; gap:8px; }
  body.cd-v2 .cepdeposu-qbar .qbar-total strong { font-size:14px; }
  body.cd-v2 .cepdeposu-qbar .qbar-actions { flex:0 0 auto; gap:5px; flex-wrap:nowrap; }
  body.cd-v2 .cepdeposu-qbar .qbar-empty { width:32px; height:32px; }
  body.cd-v2 .cepdeposu-qbar .qbar-actions .btn-accent {
    min-height:34px;
    padding:0 12px;
    font-size:12px;
  }
  body.cd-v2 .qorder-bar { bottom:68px; }
}
@media(max-width:640px) {
  .cd-legacy-content .filterpop__panel { width:min(320px,calc(100vw - 40px)); }
}
@media(max-width:420px) {
  .cd-legacy-content .woocommerce-cart-form .page-actions { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* The detailed finder is part of the hero surface.  Its trigger is a small
   attached tab instead of a full-width block between the hero and products;
   the form itself still opens in the existing modal. */
body.home .cd-design .hero-main-column > .hero {
  overflow:visible;
  z-index:2;
}
body.home .cd-design .hero-main-column > .hero .popular-searches {
  padding-bottom:0;
  top:auto !important;
  height:47px;
  min-height:47px;
}
body.home .cd-design .hero-main-column > .hero .hero-detailed-search {
  position:absolute;
  left:14px;
  right:auto;
  bottom:-18px;
  z-index:6;
  width:auto;
  height:auto;
  margin:0;
  overflow:visible;
}
body.home .cd-design .hero-main-column > .hero .hero-detailed-search .cepdeposu-cihaz-secici {
  margin:0;
  border:0;
  background:transparent;
}
body.home .cd-design .hero-main-column > .hero .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:36px;
  width:auto;
  margin:0;
  padding:8px 12px;
  border:1px solid #b9d2f7;
  border-radius:10px;
  background:#fff;
  color:#10234e;
  box-shadow:0 5px 14px rgba(7,22,63,.14);
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  text-align:left;
}
body.home .cd-design .hero-main-column > .hero .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik:hover {
  border-color:#145cff;
  background:#f5f9ff;
  color:#145cff;
}
body.home .cd-design .hero-main-column > .hero .hero-detailed-search .cepdeposu-cihaz-secici__detay {
  display:none !important;
}
@media(min-width:701px) {
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    position:absolute;
    left:55px;
    bottom:22px;
    margin:0;
  }
}

/* Give the wholesale band a designed right-hand finish. The original grid
   reserved five columns for only three cards, which left an empty block. */
@media(min-width:701px) {
  body.home .cd-design .wholesale-section {
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 88% 30%, rgba(255,255,255,.82) 0 3px, transparent 4px),
      radial-gradient(circle at 94% 68%, rgba(0,82,255,.12) 0 5px, transparent 6px),
      linear-gradient(110deg,#e7f2ff,#dcecff 75%,#e7f2ff);
  }
  body.home .cd-design .wholesale-section::after {
    content:'%';
    position:absolute;
    right:58px;
    top:50%;
    z-index:0;
    color:rgba(0,82,255,.10);
    font-size:190px;
    font-weight:900;
    line-height:.8;
    letter-spacing:-.16em;
    transform:translateY(-44%) rotate(-10deg);
    pointer-events:none;
  }
  body.home .cd-design .wholesale-section::before {
    content:'Daha fazla al  ↗';
    position:absolute;
    right:32px;
    bottom:19px;
    z-index:1;
    color:#1762df;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
    transform:rotate(-7deg);
    pointer-events:none;
  }
  body.home .cd-design .wholesale-section > * { position:relative; z-index:1; }
  body.home .cd-design .wholesale-section .discount-tiers {
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-width:620px;
  }
}
@media(max-width:700px) {
  body.home .cd-design .hero-main-column { padding-bottom:100px; }
  body.home .cd-design .hero-main-column > .hero {
    overflow:visible;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    display:flex;
    position:absolute;
    top:auto !important;
    left:16px;
    right:16px;
    bottom:-44px;
    width:auto;
    max-width:none;
    height:auto;
    min-height:42px;
    margin:0;
    flex-wrap:wrap;
    overflow:visible;
    white-space:normal;
    gap:4px;
    font-size:9px;
    z-index:3;
    padding:5px 7px;
    border:1px solid rgba(117,174,255,.72);
    border-radius:10px;
    background:linear-gradient(110deg,rgba(4,58,164,.98),rgba(8,91,211,.96));
    box-shadow:0 5px 14px rgba(7,36,103,.16);
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches > span {
    font-size:8px;
    line-height:1;
    color:#fff;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches a {
    max-width:115px;
    padding:2px 6px;
    font-size:8px;
    line-height:1.15;
    border-color:rgba(198,226,255,.78);
    background:rgba(2,48,145,.38);
    color:#fff;
  }
  body.home .cd-design .hero-main-column > .hero .hero-detailed-search {
    left:10px;
    right:auto;
    bottom:-92px;
  }
  body.home .cd-design .hero-main-column > .hero .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik {
    min-height:40px;
    padding:9px 12px;
    border-radius:11px;
    font-size:12px;
  }
  body.home .cd-design .wholesale-section::before,
  body.home .cd-design .wholesale-section::after { display:none; }
}

/* The detailed device finder opens as a focused modal so it never competes
   with the hero search field or the artwork. */
body.home .cd-design .hero-main-column > .hero-detailed-search {
  position:relative;
  z-index:5;
  margin:10px 0 0;
}
body.home .cd-design .hero-main-column > .hero-detailed-search .cepdeposu-cihaz-secici {
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
}
body.home .cd-design .hero-main-column > .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik {
  display:inline-flex;
  width:auto;
  justify-content:flex-start;
  margin:0;
  padding:9px 12px;
  border:1px solid #d7e6ff;
  border-radius:10px;
  background:#fff;
  color:#10234e;
  font-size:12px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
body.home .cd-design .hero-main-column > .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik:hover {
  border-color:#145cff;
  background:#f5f9ff;
  color:#145cff;
}
body.home .cd-design .hero-main-column > .hero-detailed-search .cepdeposu-cihaz-secici__detay {
  display:none !important;
}
.device-selector-modal {
  width:min(760px,calc(100vw - 32px));
  max-width:none;
  max-height:min(850px,calc(100vh - 32px));
  padding:0;
  border:0;
  border-radius:18px;
  background:#fff;
  color:var(--navy,#10234e);
  box-shadow:0 24px 80px rgba(7,22,63,.24);
}
.device-selector-modal::backdrop { background:rgba(7,22,63,.58); backdrop-filter:blur(3px); }
.device-selector-modal__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid #e2ebf8;
}
.device-selector-modal__head h2 { margin:0; color:#10234e; font-size:18px; line-height:1.25; }
.device-selector-modal__close {
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid #cbdcf7;
  border-radius:10px;
  background:#f6f9ff;
  color:#10234e;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.device-selector-modal__body { max-height:min(720px,calc(100vh - 120px)); overflow:auto; padding:20px; }
.device-selector-modal .cepdeposu-cihaz-secici__detay {
  display:grid !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  gap:14px;
}
.device-selector-modal .cepdeposu-cihaz-secici__detay-tetik { display:none !important; }
/* Keep the model suggestions attached to the model field. The generic
   selector list is content-sized, which lets it drift over the optional
   filters in the modal at narrow widths. */
.device-selector-modal .cepdeposu-cihaz-secici__detay { overflow:visible !important; }
.device-selector-modal .cepdeposu-cihaz-secici__grid { position:relative; z-index:1; }
.device-selector-modal .cepdeposu-cihaz-secici__field:has(#cepdeposu-cihaz-model-sonuclar) { z-index:20; }
.device-selector-modal #cepdeposu-cihaz-model-sonuclar {
  top:calc(100% + 5px);
  left:0;
  width:100%;
  min-width:0;
  max-width:none;
  max-height:min(230px,35vh);
  overflow-y:auto;
  z-index:80;
  box-sizing:border-box;
}
@media(max-width:700px) {
  body.home .cd-design .hero-main-column > .hero-detailed-search { margin:10px 10px 0; }
  .device-selector-modal {
    width:100%;
    max-width:none;
    max-height:90vh;
    margin:auto 0 0;
    border-radius:18px 18px 0 0;
  }
  .device-selector-modal__head { padding:16px; }
  .device-selector-modal__head h2 { font-size:16px; }
  .device-selector-modal__body { max-height:calc(90vh - 72px); padding:16px; }
}

/* Final precedence: popular model links stay immediately below hero search. */
body.home .cd-design .hero-main-column > .hero .popular-searches {
  display:flex !important;
  position:absolute !important;
  top:317px !important;
  right:auto !important;
  bottom:auto !important;
  left:55px !important;
  width:min(575px,calc(100% - 110px)) !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#e6f3ff;
  font-size:11px;
  line-height:1.2;
  z-index:3;
}
body.home .cd-design .hero-main-column > .hero .popular-searches > span {
  margin-right:3px;
  color:#e6f3ff !important;
  font-size:11px;
  font-weight:700;
}
body.home .cd-design .hero-main-column > .hero .popular-searches a {
  display:inline-flex;
  align-items:center;
  max-width:180px;
  overflow:hidden;
  padding:4px 9px;
  border:1px solid #76a6ed !important;
  border-radius:15px;
  background:#0846b5 !important;
  color:#fff !important;
  font-size:10px;
  font-weight:700;
  line-height:1.1;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.home .cd-design .hero-main-column > .hero .popular-searches a:hover {
  background:#003292 !important;
}
@media(min-width:1151px) and (max-width:1390px) {
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    left:35px !important;
    width:min(575px,calc(100% - 70px)) !important;
  }
}
@media(min-width:701px) and (max-width:1150px) {
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    top:auto !important;
    bottom:19px !important;
    left:26px !important;
    width:calc(100% - 45px) !important;
  }
}
@media(max-width:700px) {
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    top:auto !important;
    right:16px !important;
    bottom:10px !important;
    left:16px !important;
    width:auto !important;
    min-height:0 !important;
    padding:2px 0 !important;
    gap:4px;
    font-size:9px;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches > span {
    font-size:9px;
    color:#e6f3ff !important;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches a {
    max-width:115px;
    padding:3px 6px;
    border-color:#76a6ed !important;
    background:#0846b5 !important;
    color:#fff !important;
    font-size:8px;
  }
  body.home .cd-design .hero-main-column > .hero {
    min-height:330px !important;
  }
  body.home .cd-design .hero-main-column > .hero .hero-search {
    bottom:55px !important;
  }
}

/* Final mobile flow reset: keep header, brand rail and hero stacked. */
@media(max-width:700px) {
  html, body { margin-top:0 !important; padding-top:0 !important; }
  body.home .site-shell,
  body.home.cd-v2 > .site-shell { margin-top:0 !important; }
  body.home main#content.cd-design { margin-top:0 !important; padding-top:0 !important; }
  body.home .cd-design .hero-layout { margin-top:0 !important; }
  body.home .cd-design .catnav { position:relative; z-index:100; margin-bottom:0 !important; }
}

/* Contain the mobile brand rail to the viewport; only the rail scrolls. */
@media(max-width:700px) {
  body.cd-v2 .cd-design .catnav,
  body.cd-v2 .cd-design .catnav > .container,
  body.cd-v2 .cd-design .catnav .brand-row {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box;
  }
  body.cd-v2 .cd-design .catnav > .container,
  body.cd-v2 .cd-design .catnav .brand-row { overflow:hidden; }
  body.cd-v2 .cd-design .catnav .brand-scroll {
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  body.cd-v2 .cd-design .catnav .brand-scroll::-webkit-scrollbar { display:none; }
  body.cd-v2 .cd-design .catnav .brand-scroll > .brand-chip,
  body.cd-v2 .cd-design .catnav .brand-scroll > .brand-chip-wrap {
    flex:0 0 auto !important;
  }
}

/* Remove the empty skip-link wrapper gap on mobile. */
@media(max-width:700px) {
  body.home > .cd-design:has(.skip-link),
  body.home > .cd-design:has(.skip-link) + .site-shell {
    margin:0 !important;
    padding:0 !important;
  }
  body.home > .cd-design:has(.skip-link) {
    display:block !important;
    height:0 !important;
    min-height:0 !important;
    line-height:0 !important;
    overflow:visible !important;
  }
  body.home.cd-v2 > .site-shell {
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

/* Give the mobile hero copy enough room above the search field. */
@media(max-width:700px) {
  body.home .cd-design .hero-main-column > .hero {
    min-height:360px !important;
  }
  body.home .cd-design .hero-main-column > .hero .hero-copy {
    position:relative;
    z-index:3;
  }
  body.home .cd-design .hero-main-column > .hero .hero-description {
    max-width:190px;
  }
  body.home .cd-design .hero-main-column > .hero .hero-search {
    z-index:4;
    bottom:55px !important;
  }
}

/* Keep header autocomplete results above the category rail and page content. */
.cd-design .site-header .header-main {
  position:relative;
  z-index:120;
}
.cd-design .site-header .header-search .hsearch__panel {
  z-index:1000 !important;
}
@media(max-width:700px) {
  .cd-design .site-header .header-main {
    z-index:200 !important;
  }
}

/* Refine the mobile hero rhythm: center the field, give model shortcuts air,
   and attach the detailed finder as a full-width tab below the hero. */
@media(max-width:700px) {
  body.home .cd-design .hero-main-column > .hero .hero-search {
    left:50% !important;
    right:auto !important;
    width:calc(100% - 48px) !important;
    transform:translateX(-50%);
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    left:24px !important;
    right:24px !important;
    bottom:3px !important;
  }
  body.home .cd-design .hero-main-column > .hero .hero-detailed-search {
    left:16px !important;
    right:16px !important;
    bottom:-58px !important;
    width:auto !important;
  }
  body.home .cd-design .hero-main-column > .hero .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik {
    display:flex !important;
    width:100% !important;
    box-sizing:border-box;
    justify-content:space-between;
  }
}

/* Keep the detailed finder on the blue hero surface on mobile. */
@media(max-width:700px) {
  /* The logo sprite has transparent space on its right edge; offset the
     element so the visible wordmark sits between the account and cart controls. */
  .cd-design .site-header .header-main > .logo {
    transform:translateX(22px) !important;
  }
  body.home .cd-design .hero-main-column {
    padding-bottom:16px !important;
  }
  body.home .cd-design .hero-main-column > .hero {
    min-height:410px !important;
  }
  body.home .cd-design .hero-main-column > .hero .hero-search {
    bottom:96px !important;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches {
    bottom:50px !important;
  }
  body.home .cd-design .hero-main-column > .hero .hero-detailed-search {
    bottom:6px !important;
  }
}

/* Keep the desktop technician panel in the hero's right column. On mobile
   the second copy below the featured products becomes the visible one. */
@media(min-width:701px) {
  body.home .cd-design .hero-layout {
    display:grid !important;
    grid-template-columns:minmax(0,3.15fr) minmax(270px,1fr) !important;
    gap:15px !important;
    margin-left:11px !important;
    margin-right:11px !important;
    padding-right:16px !important;
    background:linear-gradient(120deg,#1166e7,#b7d6ff) !important;
  }
  body.home .cd-design .hero-main-column {
    width:auto !important;
  }
  body.home .cd-design > .technician-panel--mobile {
    display:none !important;
  }
}
@media(max-width:700px) {
  body.home .cd-design .technician-panel--desktop {
    display:none !important;
  }
  body.home .cd-design > .technician-panel--mobile {
    display:block !important;
    margin-left:10px;
    margin-right:10px;
    margin-top:16px;
  }
}

/* Keep the detailed finder as the final compact item in the popular-model
   row, so it follows the last shortcut instead of floating underneath it. */
body.home .cd-design .hero-main-column > .hero .popular-searches {
  display:flex !important;
  align-items:center;
  align-content:flex-start;
  flex-wrap:wrap;
  gap:5px;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.home .cd-design .hero-main-column > .hero .popular-searches .hero-detailed-search {
  position:static !important;
  display:inline-flex !important;
  flex:0 0 auto;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  z-index:6;
}
body.home .cd-design .hero-main-column > .hero .popular-searches .hero-detailed-search .cepdeposu-cihaz-secici,
body.home .cd-design .hero-main-column > .hero .popular-searches .hero-detailed-search .cepdeposu-cihaz-secici__detay {
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.home .cd-design .hero-main-column > .hero .popular-searches .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik {
  display:inline-flex !important;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  width:auto !important;
  min-height:27px !important;
  margin:0 !important;
  padding:5px 8px !important;
  border:1px solid #b9d2f7 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#10234e !important;
  box-shadow:0 3px 8px rgba(7,22,63,.12) !important;
  font-size:10px !important;
  font-weight:700;
  line-height:1.1;
  text-decoration:none !important;
  white-space:nowrap;
}
body.home .cd-design .hero-main-column > .hero .popular-searches .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik:hover {
  border-color:#145cff !important;
  background:#f5f9ff !important;
  color:#145cff !important;
}
@media(max-width:700px) {
  body.home .cd-design .hero-main-column > .hero .popular-searches .hero-detailed-search {
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
  }
  body.home .cd-design .hero-main-column > .hero .popular-searches .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik {
    min-height:27px !important;
    padding:5px 8px !important;
    font-size:9px !important;
  }
}

/* The skip-link wrapper carries the mobile bottom-nav padding on every
   template. Collapse that empty wrapper globally so inner pages start at the
   same header position as the home page. */
@media(max-width:700px) {
  body.cd-v2 > .cd-design:has(.skip-link),
  body.cd-v2 > .cd-design:has(.skip-link) + .site-shell {
    margin:0 !important;
    padding:0 !important;
  }
  body.cd-v2 > .cd-design:has(.skip-link) {
    display:block !important;
    height:0 !important;
    min-height:0 !important;
    line-height:0 !important;
    overflow:visible !important;
  }
  body.cd-v2 > .site-shell {
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

/* Use one mobile page frame for the home page and all inner templates. The
   earlier home-only offsets made the header and brand rail start at different
   vertical positions on shop, product, account and cart screens. */
@media(max-width:700px) {
  html,
  body {
    margin:0 !important;
    padding-top:0 !important;
    overflow-x:hidden;
  }
  body.cd-v2 > .site-shell {
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  body.cd-v2 > .site-shell > .cd-design:first-child,
  body.cd-v2 > .site-shell > .cd-design:first-child .site-header {
    margin-top:0 !important;
    padding-top:0 !important;
  }
  body.cd-v2 > .site-shell > main#content {
    margin-top:0 !important;
    padding-top:0 !important;
  }
  body.cd-v2 .catnav {
    width:100% !important;
    max-width:100vw;
    overflow:hidden !important;
  }
  body.cd-v2 .catnav > .container {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 8px !important;
  }
  body.cd-v2 .catnav .brand-scroll {
    width:100%;
    max-width:100%;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  body.cd-v2 .catnav .brand-scroll::-webkit-scrollbar { display:none; }
  body.cd-v2 .catnav .brand-chip-wrap { flex:0 0 auto; }
}

/* Keep archive, shop and model-directory pages on the same content frame as
   the home page. Brand archives previously had an unboxed heading while shop
   archives used a card, so the first content block changed shape by route. */
body.cd-v2 > .site-shell > main.cd-legacy-content {
  background:transparent;
  color:var(--navy, #07163f);
}
body.cd-v2 > .site-shell > main.cd-legacy-content > .container {
  width:100%;
  max-width:1500px;
  padding-inline:39px;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .crumbs {
  padding-block:18px 0;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head {
  margin:10px 0 14px;
  padding:20px 22px;
  border:1px solid var(--border, #d7e6ff);
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 8%, rgba(0,82,255,.08), transparent 34%),
    var(--surface, #fff);
  box-shadow:0 10px 30px rgba(7,22,63,.07);
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing {
  margin-top:10px;
  padding:14px 16px;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing .crumbs--inside {
  margin-bottom:4px;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing {
  position:relative;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head__actions {
  position:absolute;
  top:50%;
  right:22px;
  transform:translateY(-50%);
}
.shop-filter-launch {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--border, #d7e6ff);
  border-radius:9px;
  background:var(--surface, #fff);
  color:var(--navy, #07163f);
  font:inherit;
  font-size:12px;
  font-weight:700;
  box-shadow:0 4px 12px rgba(7,22,63,.08);
}
.shop-filter-launch svg {
  width:15px;
  height:15px;
}
.shop-filter-launch:hover,
.shop-filter-launch:focus-visible {
  border-color:var(--blue, #0052ff);
  color:var(--blue, #0052ff);
}
.page-head--listing #cepdeposu-shop-search {
  flex:0 0 100%;
  width:100%;
  margin:10px 0 0;
  padding:8px;
  border:1px solid var(--border, #d7e6ff);
  border-radius:10px;
  background:rgba(255,255,255,.72);
  box-shadow:none;
}
.page-head--listing #cepdeposu-shop-search .shopsearch__brand,
.page-head--listing #cepdeposu-shop-search .shopsearch__box {
  height:40px;
  border-radius:9px;
}
.page-head--listing .activefilters--toolbar {
  flex:0 0 100%;
  margin:6px 0 0;
  padding:0 2px;
  gap:5px;
}
.page-head--listing .activefilters--toolbar .pill--filter {
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.shop-controls > .container:last-child .shop-filter-bar .filterpop__btn {
  display:none;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head .crumbs--inside {
  margin:0 0 8px;
  padding:0;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head .crumbs--inside a,
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head .crumbs--inside span {
  font-size:11px;
}

@media(max-width:700px) {
  body.cd-v2 > .site-shell > main.cd-legacy-content > .container {
    padding-inline:16px;
  }
  body.cd-v2 > .site-shell > main.cd-legacy-content .crumbs {
    padding-block:14px 0;
  }
  body.cd-v2 > .site-shell > main.cd-legacy-content .page-head .crumbs--inside {
    margin-bottom:7px;
  }
  body.cd-v2 > .site-shell > main.cd-legacy-content .page-head {
    margin:8px 0 14px;
    padding:16px;
    border-radius:14px;
  }
  body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing {
    padding:12px 14px;
  }
  body.cd-v2 > .site-shell > main.cd-legacy-content .page-head__actions {
    right:14px;
  }
  .shop-filter-launch {
    min-height:32px;
    padding:6px 9px;
  }
  .page-head--listing #cepdeposu-shop-search {
    display:grid;
    grid-template-columns:minmax(112px, 34%) minmax(0, 1fr);
    gap:6px;
  }
  .page-head--listing #cepdeposu-shop-search .shopsearch__brand,
  .page-head--listing #cepdeposu-shop-search .shopsearch__box {
    width:100%;
    height:38px;
  }
  .page-head--listing #cepdeposu-shop-search .shopsearch__input {
    font-size:13px;
  }
}
@media(max-width:480px) {
  .shop-filter-launch span {
    display:none;
  }
  .shop-filter-launch {
    width:34px;
    padding-inline:0;
  }
  .page-head--listing #cepdeposu-shop-search {
    grid-template-columns:minmax(100px, 32%) minmax(0, 1fr);
  }
}

/* Wholesale advantage panel — shared dark card language used by cart/account. */
body.home .cd-design .wholesale-section {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  align-items:stretch;
  gap:28px;
  min-height:206px;
  margin-top:18px;
  padding:28px;
  border:1px solid rgba(99,157,255,.42);
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 91% 18%,rgba(57,123,255,.52) 0 15%,transparent 15.3%),
    radial-gradient(circle at 91% 18%,rgba(81,145,255,.22) 0 26%,transparent 26.3%),
    linear-gradient(118deg,#061f5d 0%,#083b9f 58%,#075ee0 100%);
  box-shadow:0 18px 42px rgba(5,35,101,.18);
}
body.home .cd-design .wholesale-section::before {
  content:'';
  position:absolute;
  z-index:0;
  top:-150px;
  right:-105px;
  display:block;
  width:320px;
  height:320px;
  border:48px solid rgba(255,255,255,.055);
  border-radius:50%;
  transform:none;
  pointer-events:none;
}
body.home .cd-design .wholesale-section::after {
  content:'%';
  position:absolute;
  z-index:0;
  top:20px;
  right:35px;
  display:block;
  color:rgba(255,255,255,.09);
  font-size:108px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.12em;
  transform:rotate(-9deg);
  pointer-events:none;
}
body.home .cd-design .wholesale-section > * {
  position:relative;
  z-index:1;
}
body.home .cd-design .wholesale-intro {
  display:flex;
  width:31%;
  padding-right:8px;
  flex-direction:column;
  justify-content:center;
}
body.home .cd-design .wholesale-intro .eyebrow {
  color:#8ec6ff;
  font-size:10px;
  letter-spacing:.14em;
}
body.home .cd-design .wholesale-intro h2 {
  margin-top:8px;
  color:#fff;
  font-size:clamp(25px,2.25vw,34px);
  line-height:1.02;
  letter-spacing:-1.15px;
}
body.home .cd-design .wholesale-intro > p:last-child {
  max-width:360px;
  margin-top:12px;
  color:rgba(229,240,255,.82);
  font-size:13px;
  line-height:1.5;
}
body.home .cd-design .discount-tiers {
  width:auto;
  max-width:none;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body.home .cd-design .discount-tier,
body.home .cd-design .discount-tier.bank-tier {
  min-width:0;
  min-height:148px;
  padding:56px 16px 16px;
  align-items:flex-start;
  justify-content:flex-start;
  border:1px solid rgba(190,219,255,.27);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px rgba(0,19,75,.12);
  text-align:left;
  white-space:normal;
}
body.home .cd-design .discount-tier:not(:last-child)::after {
  display:none;
}
body.home .cd-design .discount-tier .discount-icon {
  position:absolute;
  top:15px;
  left:15px;
  display:flex;
  width:34px;
  height:34px;
  color:#fff;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(207,228,255,.28);
  border-radius:10px;
}
body.home .cd-design .discount-tier .discount-icon .icon {
  width:19px;
  height:19px;
}
body.home .cd-design .discount-tier b,
body.home .cd-design .discount-tier:first-child b {
  margin:0;
  padding:0;
  border:0;
  color:#fff;
  font-size:15px;
  line-height:1.2;
}
body.home .cd-design .discount-tier strong {
  margin-top:5px;
  color:#9ecbff;
  font-size:14px;
  line-height:1.18;
  letter-spacing:0;
}
body.home .cd-design .discount-tier > span:last-child,
body.home .cd-design .discount-tier > div {
  margin-top:8px;
  color:rgba(224,237,255,.74);
  font-size:11px;
  line-height:1.35;
}
body.home .cd-design .discount-tier.bank-tier {
  border-color:rgba(255,167,95,.55);
  background:linear-gradient(145deg,rgba(255,117,35,.24),rgba(255,255,255,.08));
}
body.home .cd-design .discount-tier.bank-tier .discount-icon {
  color:#fff;
  background:linear-gradient(135deg,#ff7a1a,#ff5100);
  border-color:rgba(255,204,164,.66);
}
body.home .cd-design .discount-tier.bank-tier strong {
  color:#ffd1ad;
}
body.home .cd-design .discount-tier.bank-tier {
  align-items:center;
  text-align:center;
}
body.home .cd-design .discount-tier.bank-tier .discount-icon {
  left:50%;
  transform:translateX(-50%);
}
body.home .cd-design .handwritten {
  display:none;
}

/* Brand finder — give the logo grid a clear purpose and denser card rhythm. */
body.home .cd-design > .finder-section {
  margin-top:16px;
  margin-bottom:clamp(18px,2.2vw,30px);
  padding:20px;
  border:1px solid #d6e5fb;
  border-radius:22px;
  background:
    radial-gradient(circle at 94% 0,rgba(63,131,255,.15),transparent 31%),
    linear-gradient(145deg,#f8fbff,#edf5ff);
  box-shadow:0 14px 34px rgba(20,62,126,.09);
}
body.home .cd-design .finder-heading {
  display:flex;
  margin-bottom:15px;
  padding:0 2px 14px;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(133,171,226,.34);
}
body.home .cd-design .finder-heading .eyebrow {
  color:#0863ed;
  font-size:9px;
  letter-spacing:.14em;
}
body.home .cd-design .finder-heading h2 {
  margin-top:5px;
  color:#071a48;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.55px;
}
body.home .cd-design .finder-heading > p {
  max-width:310px;
  margin:0;
  color:#657696;
  font-size:11px;
  line-height:1.4;
  text-align:right;
}
body.home .cd-design > .finder-section .finder-main {
  padding:0;
}
body.home .cd-design > .finder-section .finder-brands {
  width:100%;
  gap:8px;
}
body.home .cd-design > .finder-section .finder-brands a {
  position:relative;
  height:80px;
  padding:10px 7px 8px;
  gap:6px;
  overflow:hidden;
  border:1px solid #d3e2f8;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#f7faff);
  box-shadow:0 6px 16px rgba(16,60,126,.06);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.home .cd-design > .finder-section .finder-brands a::after {
  content:'';
  position:absolute;
  right:12px;
  bottom:0;
  left:12px;
  height:2px;
  border-radius:2px 2px 0 0;
  background:#0967f5;
  opacity:0;
  transform:scaleX(.45);
  transition:opacity .18s ease,transform .18s ease;
}
body.home .cd-design > .finder-section .finder-brands a:hover,
body.home .cd-design > .finder-section .finder-brands a:focus-visible {
  border-color:#8bb9ff;
  background:#fff;
  box-shadow:0 10px 22px rgba(8,87,215,.12);
  transform:translateY(-2px);
}
body.home .cd-design > .finder-section .finder-brands a:hover::after,
body.home .cd-design > .finder-section .finder-brands a:focus-visible::after {
  opacity:1;
  transform:scaleX(1);
}
body.home .cd-design > .finder-section .finder-brands .brand-asset {
  width:64px;
  height:28px;
}
body.home .cd-design > .finder-section .finder-brand-name {
  color:#60708e;
  font-size:9px;
  font-weight:700;
  line-height:1;
}
body.home .cd-design > .finder-section .brand-mark:not(.brand-asset) + .finder-brand-name {
  display:none;
}

@media(max-width:700px) {
  body.home .cd-design .wholesale-section {
    display:block;
    min-height:0;
    margin:17px 11px 0;
    padding:19px 14px 14px;
    border-radius:18px;
    background:
      radial-gradient(circle at 105% 0,rgba(60,133,255,.48) 0 21%,transparent 21.4%),
      linear-gradient(145deg,#061f5d,#0844b2 68%,#075bd5);
  }
  body.home .cd-design .wholesale-section::before {
    top:-102px;
    right:-86px;
    width:210px;
    height:210px;
    border-width:34px;
  }
  body.home .cd-design .wholesale-section::after {
    top:17px;
    right:28px;
    font-size:72px;
  }
  body.home .cd-design .wholesale-intro {
    width:100%;
    padding:0 3px;
  }
  body.home .cd-design .wholesale-intro .eyebrow {
    color:#9ed0ff;
    font-size:9px;
  }
  body.home .cd-design .wholesale-intro h2 {
    max-width:285px;
    margin-top:7px;
    color:#fff;
    font-size:26px;
    line-height:1.04;
  }
  body.home .cd-design .wholesale-intro > p:last-child {
    max-width:315px;
    margin-top:9px;
    color:rgba(229,240,255,.8);
    font-size:12px;
    line-height:1.45;
  }
  body.home .cd-design .discount-tiers {
    display:grid;
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:16px;
  }
  body.home .cd-design .discount-tier,
  body.home .cd-design .discount-tier.bank-tier {
    display:flex;
    min-height:132px;
    margin:0;
    padding:51px 12px 12px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    border-radius:14px;
  }
  body.home .cd-design .discount-tier .discount-icon {
    top:12px;
    left:12px;
    width:32px;
    height:32px;
    border-radius:9px;
  }
  body.home .cd-design .discount-tier .discount-icon .icon {
    width:18px;
    height:18px;
  }
  body.home .cd-design .discount-tier b,
  body.home .cd-design .discount-tier:first-child b {
    font-size:13px;
  }
  body.home .cd-design .discount-tier strong {
    margin-top:4px;
    font-size:12px;
  }
  body.home .cd-design .discount-tier > span:last-child,
  body.home .cd-design .discount-tier > div {
    margin-top:6px;
    font-size:10px;
    line-height:1.3;
  }
  body.home .cd-design .discount-tier.bank-tier {
    min-height:106px;
    grid-column:1 / -1;
    align-items:center;
    text-align:center;
  }
  body.home .cd-design > .finder-section {
    margin:16px 11px 20px;
    padding:16px 14px 14px;
    border-radius:18px;
  }
  body.home .cd-design .finder-heading {
    display:block;
    margin-bottom:12px;
    padding:0 1px 12px;
  }
  body.home .cd-design .finder-heading h2 {
    font-size:20px;
  }
  body.home .cd-design .finder-heading > p {
    max-width:none;
    margin-top:6px;
    font-size:10px;
    text-align:left;
  }
  body.home .cd-design > .finder-section .finder-main {
    padding:0 !important;
  }
  body.home .cd-design > .finder-section .finder-brands {
    gap:7px;
    margin-top:0;
  }
  body.home .cd-design > .finder-section .finder-brands a {
    height:72px;
    padding:9px 5px 7px;
    gap:5px;
    border-radius:12px;
  }
  body.home .cd-design > .finder-section .finder-brands .brand-asset {
    width:58px;
    height:25px;
  }
  body.home .cd-design > .finder-section .finder-brand-name {
    font-size:8px;
  }

  /* Mobile technician card — same premium visual language as wholesale. */
  body.home .cd-design > .technician-panel--mobile {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin:16px 11px 0;
    padding:19px 15px 14px;
    border:1px solid rgba(105,164,255,.48);
    border-radius:18px;
    color:#fff;
    background:
      radial-gradient(circle at 105% 0,rgba(61,134,255,.48) 0 24%,transparent 24.4%),
      linear-gradient(145deg,#061f5d,#0842ab 66%,#075bd5);
    box-shadow:0 15px 34px rgba(5,35,101,.16);
  }
  body.home .cd-design > .technician-panel--mobile::before {
    content:'';
    position:absolute;
    z-index:0;
    top:-112px;
    right:-90px;
    width:218px;
    height:218px;
    border:34px solid rgba(255,255,255,.055);
    border-radius:50%;
    pointer-events:none;
  }
  body.home .cd-design > .technician-panel--mobile::after {
    content:'B2B';
    position:absolute;
    z-index:0;
    top:23px;
    right:19px;
    color:rgba(255,255,255,.08);
    font-size:48px;
    font-weight:900;
    line-height:1;
    letter-spacing:-.08em;
    transform:rotate(-8deg);
    pointer-events:none;
  }
  body.home .cd-design > .technician-panel--mobile > * {
    position:relative;
    z-index:1;
  }
  body.home .cd-design > .technician-panel--mobile .eyebrow {
    color:#9fd0ff;
    font-size:9px;
    letter-spacing:.13em;
    gap:9px;
  }
  body.home .cd-design > .technician-panel--mobile .crown {
    display:inline-flex;
    width:31px;
    height:31px;
    align-items:center;
    justify-content:center;
    flex:0 0 31px;
    border:1px solid rgba(255,206,151,.72);
    border-radius:9px;
    color:#fff;
    background:linear-gradient(135deg,#ff8a22,#ff5600);
    box-shadow:0 6px 14px rgba(116,36,0,.22);
    font-size:18px;
  }
  body.home .cd-design > .technician-panel--mobile h2 {
    max-width:330px;
    margin-top:10px;
    color:#fff;
    font-size:24px;
    line-height:1.05;
    letter-spacing:-.85px;
  }
  body.home .cd-design > .technician-panel--mobile > p:not(.eyebrow) {
    max-width:340px;
    margin-top:8px;
    color:rgba(228,240,255,.8);
    font-size:12px;
    line-height:1.45;
  }
  body.home .cd-design > .technician-panel--mobile .membership-tiers {
    gap:7px;
    margin:15px 0 10px;
  }
  body.home .cd-design > .technician-panel--mobile .membership-tiers > span {
    min-width:0;
    min-height:48px;
    gap:7px;
    border:1px solid rgba(205,227,255,.25);
    border-radius:13px;
    color:#fff;
    background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.07));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
    font-size:12px;
  }
  body.home .cd-design > .technician-panel--mobile .membership-tiers .bronze {
    border-color:rgba(226,154,110,.52);
    background:linear-gradient(145deg,rgba(196,102,50,.28),rgba(255,255,255,.07));
  }
  body.home .cd-design > .technician-panel--mobile .membership-tiers .silver {
    border-color:rgba(198,216,239,.45);
    background:linear-gradient(145deg,rgba(184,204,229,.2),rgba(255,255,255,.07));
  }
  body.home .cd-design > .technician-panel--mobile .membership-tiers .gold {
    border-color:rgba(255,199,72,.58);
    background:linear-gradient(145deg,rgba(239,174,15,.27),rgba(255,255,255,.07));
  }
  body.home .cd-design > .technician-panel--mobile .membership-tiers i {
    width:21px;
    height:21px;
    box-shadow:inset 2px 2px 3px rgba(255,255,255,.5),inset -2px -2px 3px rgba(0,0,0,.17),0 3px 8px rgba(0,0,0,.15);
  }
  body.home .cd-design > .technician-panel--mobile > .button {
    min-height:44px;
    border:1px solid rgba(255,146,75,.66);
    border-radius:12px;
    color:#fff;
    background:linear-gradient(110deg,#ff6d0a,#ff4f00);
    box-shadow:0 8px 18px rgba(121,39,0,.2);
    font-size:12px;
  }
  body.home .cd-design > .technician-panel--mobile > .button:hover,
  body.home .cd-design > .technician-panel--mobile > .button:focus-visible {
    background:linear-gradient(110deg,#ff7a19,#ff5907);
    box-shadow:0 10px 22px rgba(121,39,0,.28);
  }
  body.home .cd-design > .technician-panel--mobile .member-benefits {
    display:none;
  }
}

/* Mobil bilgi bandında masaüstündeki teslimat mesajını eksiksiz göster. */
@media(max-width:700px) {
  body.cd-v2 .cd-design .info-bar .info-left {
    gap:8px;
    white-space:nowrap;
  }
  body.cd-v2 .cd-design .info-bar .info-left .retail {
    display:flex;
  }
  body.cd-v2 .cd-design .info-bar .shipping-desktop {
    display:inline;
  }
  body.cd-v2 .cd-design .info-bar .info-left > span:last-child .icon {
    display:none;
  }
}

/* Marka dizini: ad satırları yerine mevcut taksonomi logolarını kullanan kartlar. */
body.cd-v2 .modeldir--brands .modeldir__list {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
body.cd-v2 .modeldir--brands .modeldir__brand-card {
  display:flex;
  min-height:112px;
  padding:16px 12px 13px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:11px;
  color:var(--text, #10213f);
  text-align:center;
  text-decoration:none;
  background:#fff;
  border:1px solid var(--border, #d7e2f2);
  border-radius:16px;
  box-shadow:0 5px 16px rgba(14, 45, 91, .05);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.cd-v2 .modeldir--brands .modeldir__brand-card:hover,
body.cd-v2 .modeldir--brands .modeldir__brand-card:focus-visible {
  border-color:var(--blue, #0767f8);
  box-shadow:0 8px 22px rgba(7, 103, 248, .12);
  transform:translateY(-2px);
}
body.cd-v2 .modeldir--brands .modeldir__brand-logo {
  display:flex;
  width:100%;
  height:42px;
  align-items:center;
  justify-content:center;
  color:var(--blue, #0767f8);
  font-size:24px;
  font-weight:800;
}
body.cd-v2 .modeldir--brands .modeldir__brand-logo img {
  display:block;
  width:auto;
  max-width:112px;
  height:auto;
  max-height:38px;
  object-fit:contain;
}
body.cd-v2 .modeldir--brands .modeldir__brand-name {
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

@media(max-width:720px) {
  body.cd-v2 .modeldir--brands .modeldir__list {
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }
  body.cd-v2 .modeldir--brands .modeldir__brand-card {
    min-height:98px;
    padding:13px 8px 11px;
    border-radius:13px;
  }
  body.cd-v2 .modeldir--brands .modeldir__brand-logo {
    height:36px;
  }
  body.cd-v2 .modeldir--brands .modeldir__brand-logo img {
    max-width:92px;
    max-height:32px;
  }
}

/* Mobile brand mega menu: the normal rail is intentionally 57px high, but an
   opened panel must expand that frame instead of being clipped inside it. */
@media(max-width:700px) {
  body.cd-v2 .cd-design .catnav.mega-open {
    height:auto !important;
    min-height:57px !important;
    max-height:calc(100dvh - 70px) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    opacity:1 !important;
  }
  body.cd-v2 .cd-design .catnav.mega-open > .container {
    overflow:visible !important;
  }
  body.cd-v2.cd-mega-open .catnav {
    max-height:calc(100dvh - 70px) !important;
    opacity:1 !important;
  }
  body.home.cd-mega-open main#content.cd-design {
    margin-top:0 !important;
  }
}

/* Canonical hero control flow. Only this outer frame is positioned; search,
   popular models and the detailed finder remain in normal layout flow so
   their heights can never overlap each other. */
body.home .cd-design .hero-main-column > .hero .hero-controls {
  position:absolute;
  left:55px;
  bottom:18px;
  z-index:8;
  display:grid;
  width:min(575px, calc(100% - 110px));
  gap:7px;
}
body.home .cd-design .hero-main-column > .hero .hero-controls > .hero-search {
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  margin:0 !important;
  transform:none !important;
}
body.home .cd-design .hero-main-column > .hero .hero-shortcuts {
  display:flex;
  align-items:center;
  align-content:flex-start;
  flex-wrap:wrap;
  gap:5px;
  min-width:0;
}
body.home .cd-design .hero-main-column > .hero .hero-controls .popular-searches {
  display:contents !important;
  position:static !important;
  inset:auto !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.home .cd-design .hero-main-column > .hero .hero-controls .hero-detailed-search {
  position:static !important;
  inset:auto !important;
  display:inline-flex !important;
  flex:0 0 auto;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.home .cd-design .hero-main-column > .hero .hero-controls .hero-detailed-search .cepdeposu-cihaz-secici,
body.home .cd-design .hero-main-column > .hero .hero-controls .hero-detailed-search .cepdeposu-cihaz-secici__detay {
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.home .cd-design .hero-main-column > .hero .hero-controls .hero-detailed-search .cepdeposu-cihaz-secici__detay-tetik {
  display:inline-flex !important;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  width:auto !important;
  min-height:27px !important;
  margin:0 !important;
  padding:5px 8px !important;
  border:1px solid #b9d2f7 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#10234e !important;
  box-shadow:0 3px 8px rgba(7,22,63,.12) !important;
  font-size:10px !important;
  font-weight:700;
  line-height:1.1;
  white-space:nowrap;
}

@media(min-width:701px) and (max-width:1390px) {
  body.home .cd-design .hero-main-column > .hero .hero-controls {
    left:35px;
    width:min(575px, calc(100% - 70px));
  }
}
@media(max-width:700px) {
  body.home .cd-design .hero-main-column > .hero .hero-controls {
    left:24px;
    right:24px;
    bottom:10px;
    width:auto;
    gap:6px;
  }
  body.home .cd-design .hero-main-column > .hero .hero-shortcuts {
    row-gap:6px;
  }
  body.home .cd-design .hero-main-column > .hero .hero-controls .hero-detailed-search {
    flex-basis:100%;
  }
}

/* Shop controls are one compact discovery block: brand/model search first,
   part types immediately below, then the active filter chips. The listing
   AJAX target remains unchanged inside the wrapper. */
.shop-controls > .container:first-child {
  padding-bottom:0;
}
.shop-controls > .container:first-child .shopsearch {
  margin-bottom:0;
  padding:10px 10px 8px;
  border-radius:14px 14px 0 0;
  border-bottom:0;
  box-shadow:none;
}
.shop-controls > .container:last-child {
  padding-top:0;
}
.shop-controls > .container:last-child .listing {
  padding-top:0;
}
.shop-controls > .container:last-child .shop-filter-bar {
  margin:0;
  padding:0 10px 8px;
  border:1px solid var(--border, #d7e6ff);
  border-top:0;
  border-radius:0 0 14px 14px;
  background:var(--surface, #fff);
}
.shop-controls > .container:last-child .shop-filter-bar .toolbar {
  margin-bottom:0;
}
.shop-controls > .container:last-child .parttypes-row {
  display:flex;
  align-items:flex-start;
  gap:6px;
  min-width:0;
  padding:7px 0 8px;
  border-bottom:1px solid var(--border, #d7e6ff);
}
.shop-controls > .container:last-child .parttypes-row > .filterpop {
  flex:none;
}
.shop-controls > .container:last-child .parttypes-row > .filterpop .filterpop__btn {
  display:inline-flex;
  width:40px;
  min-width:40px;
  min-height:34px;
  justify-content:center;
  padding-inline:0;
  border-radius:8px;
}
.shop-controls > .container:last-child .parttypes--inline {
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:0;
  gap:6px;
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:none;
  border-bottom:0;
}
.shop-controls > .container:last-child .parttypes--inline::-webkit-scrollbar {
  display:none;
}
.shop-controls > .container:last-child .parttype {
  padding:6px 10px;
  white-space:nowrap;
}
.shop-controls > .container:last-child .activefilters {
  margin:0;
  padding:7px 0 0;
  gap:5px;
}
.shop-controls > .container:last-child .shop-filter-bar .toolbar {
  margin:8px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.shop-controls > .container:last-child .shop-filter-bar .toolbar--no-active-filters {
  display:none;
}
.shop-controls > .container:last-child .shop-filter-bar .filterpop__btn {
  width:40px;
  min-width:40px;
  justify-content:center;
  padding-inline:0;
}
.shop-controls > .container:last-child .shop-filter-bar .activefilters--toolbar {
  margin:0 0 0 auto;
  min-width:0;
  white-space:nowrap;
}
.shop-controls > .container:last-child .shop-filter-bar .activefilters--toolbar .pill--filter {
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.filterpop__ordering {
  margin:0 var(--sp-4) var(--sp-4);
  padding-top:var(--sp-3);
  border-top:1px solid var(--border);
}
.filterpop__ordering h3 {
  margin:0 0 var(--sp-2);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--muted);
}
.filterpop__ordering .woocommerce-ordering {
  float:none;
  margin:0;
}
.filterpop__ordering .woocommerce-ordering select {
  width:100%;
}
.shop-controls > .container:last-child .shop-filter-bar {
  margin-bottom:10px;
}

@media(max-width:700px) {
  .shop-controls > .container:first-child .shopsearch {
    display:grid;
    grid-template-columns:minmax(112px, 34%) minmax(0, 1fr);
    gap:6px;
    padding:8px;
  }
  .shop-controls > .container:first-child .shopsearch__brand,
  .shop-controls > .container:first-child .shopsearch__box {
    width:100%;
    height:40px;
  }
  .shop-controls > .container:first-child .shopsearch__brand {
    min-width:0;
  }
  .shop-controls > .container:first-child .shopsearch__box {
    border-radius:10px;
    padding-inline:9px;
  }
  .shop-controls > .container:first-child .shopsearch__input {
    font-size:13px;
  }
  .shop-controls > .container:first-child .shopsearch__submit {
    min-width:52px;
    height:30px;
    padding-inline:9px;
    font-size:12px;
  }
  .shop-controls > .container:last-child .parttypes--inline {
    padding-block:0;
  }
  .shop-controls > .container:last-child .parttypes-row {
    padding-block:6px 7px;
  }
  .shop-controls > .container:last-child .shop-filter-bar {
    padding-inline:8px;
    padding-bottom:8px;
  }
  .shop-controls > .container:last-child .shop-filter-bar .toolbar {
    gap:6px;
  }
  .shop-controls > .container:last-child .shop-filter-bar .filterpop__btn {
    width:38px;
    min-width:38px;
  }
  .shop-controls > .container:last-child .shop-filter-bar .activefilters--toolbar {
    gap:4px;
    overflow:hidden;
  }
  .shop-controls > .container:last-child .shop-filter-bar .activefilters--toolbar .pill--filter {
    max-width:100px;
  }
}

/* Shop heading controls use the open space beside the brand summary. */
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls {
  display:grid;
  grid-template-columns:minmax(0, 1fr) clamp(220px, 38%, 360px);
  grid-template-areas:
    "main actions"
    "main search"
    "main active"
    "types types";
  align-items:start;
  column-gap:16px;
  row-gap:6px;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls .page-head__main {
  grid-area:main;
  min-width:0;
  align-self:center;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls .page-head__actions {
  grid-area:actions;
  position:static;
  justify-self:end;
  transform:none;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls #cepdeposu-shop-search {
  grid-area:search;
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:6px;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls #cepdeposu-shop-search .shopsearch__brand,
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls #cepdeposu-shop-search .shopsearch__box {
  width:100%;
  height:38px;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls .activefilters--toolbar {
  grid-area:active;
  width:100%;
  margin:0;
  padding:0;
  justify-content:flex-start;
}

body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls > .parttypes--inline {
  grid-area:types;
  display:flex;
  width:100%;
  min-width:0;
  margin:2px 0 0;
  padding:8px 0 0;
  gap:6px;
  flex-wrap:nowrap;
  overflow-x:auto;
  border-top:1px solid var(--border, #d7e6ff);
  scrollbar-width:none;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls > .parttypes--inline::-webkit-scrollbar {
  display:none;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls > .parttypes--inline .parttype {
  flex:none;
  padding:6px 10px;
  white-space:nowrap;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls > .parttypes--inline .viewtoggle {
  flex:none;
  align-self:center;
  padding:2px;
  border-radius:8px;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls > .parttypes--inline .viewtoggle button {
  min-height:30px;
  padding:6px 9px;
  gap:0;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls > .parttypes--inline .viewtoggle .vt-label {
  display:none;
}
body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls > .parttypes--inline .viewtoggle svg {
  width:15px;
  height:15px;
}
#cepdeposu-shop-listing.parts-in-heading .shop-filter-bar {
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
#cepdeposu-shop-listing.parts-in-heading .parttypes-row {
  height:0;
  margin:0;
  padding:0;
  border:0;
}
#cepdeposu-shop-listing.parts-in-heading .parttypes-row > .filterpop > .filterpop__btn {
  display:none;
}
#cepdeposu-shop-listing.parts-in-heading .shop-filter-bar .toolbar {
  display:none;
}

.shop-controls > .container:last-child .parttypes--inline .viewtoggle {
  flex:none;
  align-self:center;
  padding:2px;
  border-radius:8px;
}
.shop-controls > .container:last-child .parttypes--inline .viewtoggle button {
  min-height:30px;
  padding:6px 9px;
  gap:0;
}
.shop-controls > .container:last-child .parttypes--inline .viewtoggle .vt-label {
  display:none;
}
.shop-controls > .container:last-child .parttypes--inline .viewtoggle svg {
  width:15px;
  height:15px;
}
.shop-controls > .container:last-child .shop-filter-bar .toolbar {
  margin-top:0;
}

@media(max-width:480px) {
  body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls {
    grid-template-columns:minmax(0, 1fr);
    grid-template-areas:
      "main"
      "actions"
      "search"
      "active"
      "types";
    row-gap:7px;
  }
  body.cd-v2 > .site-shell > main.cd-legacy-content .page-head--listing.has-shop-controls .page-head__actions {
    justify-self:end;
    margin-top:-40px;
  }
}

/* Featured products — bright editorial surface with restrained brand accents. */
body.home .cd-design > .featured-section {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:18px 11px 0;
  padding:24px 20px 18px;
  border:1px solid #d9e5f6;
  border-radius:24px;
  background:
    radial-gradient(circle at 96% 0,rgba(44,112,239,.09),transparent 27%),
    linear-gradient(150deg,#fff 0%,#fbfdff 52%,#f4f8ff 100%);
  box-shadow:0 16px 38px rgba(17,54,111,.09);
}
body.home .cd-design > .featured-section::before {
  content:'';
  position:absolute;
  z-index:0;
  top:0;
  right:24px;
  left:24px;
  height:3px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,#0967f5 0 62%,#ff6400 62% 75%,transparent 75%);
}
body.home .cd-design > .featured-section > * {
  position:relative;
  z-index:1;
}
body.home .cd-design > .featured-section .section-heading {
  margin:0 2px 16px;
  padding:0 2px;
}
body.home .cd-design > .featured-section .section-heading .eyebrow {
  display:inline-flex;
  width:max-content;
  padding:5px 9px;
  align-items:center;
  gap:7px;
  border:1px solid #d6e6ff;
  border-radius:999px;
  color:#075edb;
  background:#eef5ff;
  font-size:9px;
  letter-spacing:.13em;
}
body.home .cd-design > .featured-section .section-heading .eyebrow::before {
  content:'';
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#ff6400;
  box-shadow:0 0 0 3px rgba(255,100,0,.12);
}
body.home .cd-design > .featured-section .section-heading h2 {
  margin-top:9px;
  color:#071a48;
  font-size:clamp(25px,2.25vw,34px);
  line-height:1.05;
  letter-spacing:-1.1px;
}
body.home .cd-design > .featured-section .section-heading p:not(.eyebrow) {
  max-width:620px;
  margin-top:7px;
  color:#647594;
  font-size:13px;
  line-height:1.45;
}
body.home .cd-design > .featured-section .list-controls {
  min-height:48px;
  margin:0 0 10px;
  padding:6px;
  border:1px solid #dbe7f8;
  border-radius:15px;
  background:rgba(238,244,253,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
body.home .cd-design > .featured-section .view-switch {
  padding:3px;
  border:1px solid #d5e2f5;
  border-radius:11px;
  background:#fff;
  box-shadow:0 3px 10px rgba(22,60,116,.06);
}
body.home .cd-design > .featured-section .view-switch button {
  border-radius:8px;
}
.cd-design #featured-products.product-collection {
  gap:9px;
}
.cd-design #featured-products .product-card {
  border:1px solid #dce7f6;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#f9fbff);
  box-shadow:0 5px 16px rgba(23,61,118,.055);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.cd-design #featured-products .product-card:hover {
  border-color:#a9c9f7;
  box-shadow:0 10px 24px rgba(19,76,165,.1);
  transform:translateY(-1px);
}
.cd-design #featured-products .product-media {
  border-color:#e3ebf7;
  background:linear-gradient(145deg,#f2f7fd,#eaf2fb);
}
body.home .cd-design > .featured-section .mobile-all-products {
  border-color:#c7daf7;
  color:#174a9b;
  background:#fff;
}

@media(max-width:700px) {
  body.home .cd-design > .featured-section {
    margin:16px 11px 0;
    padding:20px 12px 12px;
    border-radius:19px;
  }
  body.home .cd-design > .featured-section::before {
    right:16px;
    left:16px;
  }
  body.home .cd-design > .featured-section .section-heading {
    margin:0 2px 14px;
  }
  body.home .cd-design > .featured-section .section-heading h2 {
    max-width:430px;
    font-size:25px;
    line-height:1.06;
  }
  body.home .cd-design > .featured-section .section-heading p:not(.eyebrow) {
    font-size:12px;
  }
  body.home .cd-design > .featured-section .list-controls {
    min-height:48px;
    margin-bottom:9px;
    padding:5px;
    border-radius:13px;
  }
  .cd-design #featured-products.product-collection {
    gap:8px;
  }
  .cd-design #featured-products .product-card {
    border-radius:14px;
  }
  body.home .cd-design > .featured-section .mobile-all-products {
    min-height:39px;
    margin-top:9px;
    border-radius:11px;
  }
}

@media(min-width:701px) {
  /* Desktop technician card mirrors the premium mobile B2B panel. */
  body.home .cd-design .hero-layout .technician-panel--desktop {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin:15px 0 10px;
    padding:19px 16px 15px;
    border:1px solid rgba(104,163,255,.5);
    border-radius:24px;
    color:#fff;
    background:
      radial-gradient(circle at 112% 0,rgba(61,134,255,.48) 0 25%,transparent 25.4%),
      linear-gradient(150deg,#061f5d,#083c9c 63%,#075bd5);
    box-shadow:0 15px 34px rgba(5,35,101,.18);
  }
  body.home .cd-design .hero-layout .technician-panel--desktop::before {
    content:'';
    position:absolute;
    z-index:0;
    top:-118px;
    right:-102px;
    width:228px;
    height:228px;
    border:35px solid rgba(255,255,255,.055);
    border-radius:50%;
    pointer-events:none;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop::after {
    content:'B2B';
    position:absolute;
    z-index:0;
    top:22px;
    right:17px;
    color:rgba(255,255,255,.075);
    font-size:46px;
    font-weight:900;
    line-height:1;
    letter-spacing:-.08em;
    transform:rotate(-8deg);
    pointer-events:none;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop > * {
    position:relative;
    z-index:1;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .eyebrow {
    color:#9fd0ff;
    font-size:9px;
    letter-spacing:.13em;
    gap:8px;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .crown {
    display:inline-flex;
    width:31px;
    height:31px;
    align-items:center;
    justify-content:center;
    flex:0 0 31px;
    border:1px solid rgba(255,206,151,.72);
    border-radius:9px;
    color:#fff;
    background:linear-gradient(135deg,#ff8a22,#ff5600);
    box-shadow:0 6px 14px rgba(116,36,0,.22);
    font-size:18px;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop h2 {
    margin-top:11px;
    color:#fff;
    font-size:22px;
    line-height:1.08;
    letter-spacing:-.75px;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop > p:not(.eyebrow) {
    margin-top:9px;
    color:rgba(228,240,255,.8);
    font-size:12px;
    line-height:1.45;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .membership-tiers {
    gap:6px;
    margin:13px 0 10px;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .membership-tiers > span {
    min-width:0;
    min-height:44px;
    padding:4px;
    gap:5px;
    border:1px solid rgba(205,227,255,.25);
    border-radius:12px;
    color:#fff;
    background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.07));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
    font-size:11px;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .membership-tiers .bronze {
    border-color:rgba(226,154,110,.52);
    background:linear-gradient(145deg,rgba(196,102,50,.28),rgba(255,255,255,.07));
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .membership-tiers .silver {
    border-color:rgba(198,216,239,.45);
    background:linear-gradient(145deg,rgba(184,204,229,.2),rgba(255,255,255,.07));
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .membership-tiers .gold {
    border-color:rgba(255,199,72,.58);
    background:linear-gradient(145deg,rgba(239,174,15,.27),rgba(255,255,255,.07));
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .membership-tiers i {
    width:19px;
    height:19px;
    box-shadow:inset 2px 2px 3px rgba(255,255,255,.5),inset -2px -2px 3px rgba(0,0,0,.17),0 3px 8px rgba(0,0,0,.15);
  }
  body.home .cd-design .hero-layout .technician-panel--desktop > .button {
    min-height:42px;
    border:1px solid rgba(255,146,75,.66);
    border-radius:11px;
    color:#fff;
    background:linear-gradient(110deg,#ff6d0a,#ff4f00);
    box-shadow:0 8px 18px rgba(121,39,0,.2);
    font-size:11px;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .member-benefits {
    margin-top:11px;
    padding-top:9px;
    border-top:1px solid rgba(193,219,255,.28);
    color:rgba(234,243,255,.85);
    font-size:11px;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .member-benefits li {
    margin:5px 0;
    padding-left:25px;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop .member-benefits li::before {
    width:17px;
    height:17px;
    color:#fff;
    background:rgba(255,255,255,.16);
    box-shadow:inset 0 0 0 1px rgba(206,227,255,.3);
  }

  /* Let the two hero cards stand on their own and share one exact row height. */
  body.home .cd-design .hero-layout {
    align-items:stretch !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }
  body.home .cd-design .hero-layout .hero-main-column {
    align-self:stretch;
    height:100%;
  }
  body.home .cd-design .hero-layout .hero-main-column > .hero {
    height:100%;
    min-height:100%;
  }
  body.home .cd-design .hero-layout .technician-panel--desktop {
    align-self:stretch;
    height:100%;
    min-height:100%;
    margin:0 !important;
  }
}

/* Keep the directory service in the same dark, photographic banner family. */
body.home .cd-design .service-banner.directory-banner {
  color:#fff;
  border-color:rgba(157,198,255,.34);
  background:linear-gradient(115deg,#061f5d 0%,#083c91 62%,#0a62c9 100%);
  box-shadow:0 10px 24px rgba(7,31,82,.12);
}
body.home .cd-design .service-banner.directory-banner::after {
  content:'';
  display:block !important;
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(4,24,68,.98) 0%,rgba(5,36,91,.91) 48%,rgba(7,60,137,.58) 72%,rgba(11,85,177,.22) 100%);
  pointer-events:none;
}
body.home .cd-design .service-banner.directory-banner > * { position:relative; z-index:1; }
body.home .cd-design .service-banner.directory-banner > div { max-width:72%; }
body.home .cd-design .service-banner.directory-banner h3 { color:#fff; }
body.home .cd-design .service-banner.directory-banner p { color:rgba(231,241,255,.88); }
body.home .cd-design .service-banner.directory-banner .action-icon {
  color:#fff;
  border:1px solid rgba(185,215,255,.27);
  background:rgba(255,255,255,.13);
  --pin-center:#1767d6;
}
body.home .cd-design .service-banner.directory-banner .button {
  border-color:rgba(255,255,255,.72);
  color:#0b4db7;
  background:#fff;
  box-shadow:0 6px 15px rgba(2,22,62,.15);
}
body.home .cd-design .service-banner.directory-banner .map-art {
  width:50%;
  opacity:.28;
  filter:saturate(.72) contrast(1.08);
  mask-image:linear-gradient(90deg,transparent,#000 38%);
}

/* Three columns become cramped before the mobile breakpoint. */
@media(min-width:701px) and (max-width:950px) {
  body.home .cd-design > .service-banners-section .service-banners {
    grid-template-columns:1fr;
    gap:9px;
  }
  body.home .cd-design .service-banner {
    min-height:106px;
    align-items:center;
    padding:14px 18px;
  }
  body.home .cd-design .service-banner > div { max-width:62%; }
  body.home .cd-design .service-banner h3 { font-size:19px; }
  body.home .cd-design .service-banner p { font-size:12px; line-height:1.4; }
  body.home .cd-design .service-banner .button { margin-top:10px; }
}

@media(max-width:700px) {
  body.home .cd-design .service-banner.directory-banner {
    color:#fff;
    border-color:rgba(157,198,255,.34);
    background:radial-gradient(circle at 92% 50%,rgba(28,116,235,.46),transparent 40%),linear-gradient(110deg,#061f5d,#0754bd) !important;
  }
  body.home .cd-design .service-banner.directory-banner::after { display:none !important; }
  body.home .cd-design .service-banner.directory-banner > div { max-width:none; }
  body.home .cd-design .service-banner.directory-banner h3 { color:#fff; }
  body.home .cd-design .service-banner.directory-banner p { color:rgba(235,244,255,.9); }
  body.home .cd-design .service-banner.directory-banner .mobile-banner-arrow { color:#fff; }
}

/* Mobile showcase: compact retail cards with a clear product/action hierarchy. */
@media(max-width:700px) {
  .cd-design #featured-products.product-collection[data-view=showcase] {
    gap:10px;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-card {
    display:grid;
    grid-template-columns:104px minmax(0,1fr) 96px;
    grid-template-rows:minmax(36px,auto) 15px 22px 18px 27px 40px;
    min-height:176px;
    padding:10px;
    column-gap:10px;
    row-gap:2px;
    border:1px solid #dbe6f4;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 22px rgba(7,35,83,.07);
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-media {
    grid-column:1;
    grid-row:1 / 7;
    width:104px;
    height:100%;
    min-height:156px;
    padding:16px 10px;
    align-self:stretch;
    border:1px solid #edf2f8;
    border-radius:12px;
    background:linear-gradient(145deg,#f7faff,#eef4fb);
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-photo {
    width:100%;
    height:100%;
    max-width:82px;
    max-height:118px;
    aspect-ratio:auto;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .live-product-photo img {
    object-fit:contain;
    filter:drop-shadow(0 8px 10px rgba(22,43,73,.09));
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-name {
    grid-column:2 / 4;
    grid-row:1;
    align-self:start;
    margin:0;
    color:#0b1d46;
    font-size:13px;
    font-weight:780;
    line-height:1.24;
    letter-spacing:-.2px;
    text-transform:none;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-name a {
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-sku {
    grid-column:2 / 4;
    grid-row:2;
    align-self:center;
    color:#71819d;
    font-size:8.5px;
    font-weight:650;
    line-height:1;
    letter-spacing:.01em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .quality-badge {
    position:static;
    display:inline-flex;
    grid-column:2 / 4;
    grid-row:3;
    align-self:center;
    width:max-content;
    max-width:100%;
    padding:3px 6px;
    border:1px solid #cfe0fb;
    border-radius:6px;
    color:#245897;
    background:#edf5ff;
    font-size:8.5px;
    font-weight:700;
    line-height:1.1;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .quality-badge__icon {
    width:10px;
    height:10px;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .stock-status {
    grid-column:2 / 4;
    grid-row:4;
    min-height:0;
    align-self:center;
    gap:5px;
    padding:0;
    font-size:10px;
    font-weight:700;
    line-height:1;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .stock-status::before {
    width:7px;
    height:7px;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-price {
    grid-column:2 / 4;
    grid-row:5;
    align-self:center;
    color:#081b43;
    font-size:20px;
    font-weight:850;
    line-height:1;
    letter-spacing:-.55px;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .quantity-control {
    grid-column:2;
    grid-row:6;
    width:100%;
    height:40px;
    justify-self:stretch;
    border-color:#cfe0f7;
    border-radius:10px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .quantity-control button {
    min-width:30px;
    color:#315d96;
    font-size:15px;
    font-weight:700;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .quantity-control input {
    width:32px;
    height:100%;
    font-size:12px;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .add-to-cart {
    grid-column:3;
    grid-row:6;
    width:96px;
    height:35px;
    min-height:35px;
    align-self:center;
    justify-self:stretch;
    gap:4px;
    padding:5px;
    border-radius:var(--radius-sm);
    box-shadow:none;
    font-size:9px;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .add-to-cart .icon {
    width:14px;
    height:14px;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .add-to-cart span {
    display:block;
    font-size:9px;
    font-weight:700;
    white-space:nowrap;
  }
}

@media(max-width:380px) {
  .cd-design #featured-products.product-collection[data-view=showcase] .product-card {
    grid-template-columns:96px minmax(0,1fr) 92px;
    padding:9px;
    column-gap:8px;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-media {
    width:96px;
    min-height:158px;
  }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-name { font-size:12px; }
  .cd-design #featured-products.product-collection[data-view=showcase] .product-price { font-size:18px; }
  .cd-design #featured-products.product-collection[data-view=showcase] .add-to-cart { width:92px; padding-inline:4px; }
}

/* Modern site footer */
.cd-design .site-footer.site-footer--modern {
  position:relative;
  isolation:isolate;
  display:block;
  min-height:0;
  margin:28px 0 0;
  padding:0;
  overflow:hidden;
  color:#fff;
  border:1px solid rgba(91,166,255,.72);
  border-radius:24px;
  background:
    radial-gradient(circle at 78% -40%,rgba(0,111,255,.7),transparent 43%),
    linear-gradient(135deg,#071d45 0%,#003c94 48%,#061a3c 100%);
  box-shadow:0 20px 48px rgba(3,28,71,.18),inset 0 1px 0 rgba(255,255,255,.16);
}
.cd-design .site-footer--modern::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 0 32%,rgba(0,115,255,.12) 50%,transparent 66%);
}
.cd-design .footer-benefits {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  min-height:84px;
  padding:12px 34px;
  border-bottom:1px solid rgba(72,143,241,.36);
}
.cd-design .footer-benefit {
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:16px;
  min-width:0;
  padding:0 30px;
}
.cd-design .footer-benefit:first-child { padding-left:0; }
.cd-design .footer-benefit:last-child { padding-right:0; }
.cd-design .footer-benefit + .footer-benefit { border-left:1px solid rgba(137,181,239,.38); }
.cd-design .footer-benefit__icon {
  display:grid;
  width:58px;
  height:58px;
  place-items:center;
  border:1px solid rgba(140,191,255,.16);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,rgba(42,116,230,.9),rgba(15,71,169,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 10px 22px rgba(0,26,72,.18);
}
.cd-design .footer-benefit__icon .icon { width:28px; height:28px; stroke-width:1.8; }
.cd-design .footer-benefit > span:last-child { display:flex; min-width:0; flex-direction:column; gap:4px; }
.cd-design .footer-benefit strong {
  color:#fff;
  font-size:15px;
  font-weight:780;
  line-height:1.18;
  letter-spacing:-.2px;
}
.cd-design .footer-benefit small { color:#b8cbe7; font-size:13px; line-height:1.25; }

.cd-design .footer-panel {
  display:grid;
  grid-template-columns:minmax(390px,1.7fr) repeat(4,minmax(120px,.65fr));
  gap:28px;
  margin:10px 14px 0;
  padding:24px 34px 22px;
  border:1px solid rgba(61,139,242,.6);
  border-radius:24px;
  background:linear-gradient(110deg,rgba(5,33,76,.84),rgba(2,49,109,.74));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.cd-design .footer-brand-panel {
  min-width:0;
  padding-right:34px;
  border-right:1px solid rgba(126,174,235,.42);
}
.cd-design .footer-modern-logo {
  display:block;
  width:min(230px,100%);
  min-height:0;
  margin:0 0 1px;
  color:#fff;
}
.cd-design .footer-modern-logo > .logo { width:100%; }
.cd-design .footer-modern-logo img {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:54px;
  object-fit:contain;
  object-position:left center;
}
.cd-design .footer-brand-panel__tagline {
  display:block;
  margin:0 0 8px 65px;
  color:#d7e5f7;
  font-size:12px;
  font-weight:650;
  line-height:1.2;
}
.cd-design .footer-brand-panel p {
  max-width:450px;
  margin:0;
  color:#c2d2e8;
  font-size:13px;
  line-height:1.35;
}
.cd-design .footer-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:12px; margin-top:14px; }
.cd-design .footer-action {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:42px;
  padding:9px 14px;
  border:1px solid rgba(203,222,249,.52);
  border-radius:11px;
  color:#fff;
  font-size:13px;
  font-weight:750;
  line-height:1;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.cd-design .footer-action:hover { transform:translateY(-1px); border-color:#fff; }
.cd-design .footer-action--whatsapp { border-color:#14cf70; background:linear-gradient(135deg,#06ae55,#0bc46a); box-shadow:0 8px 22px rgba(4,173,84,.22); }
.cd-design .footer-action--whatsapp:hover { background:linear-gradient(135deg,#09bc5d,#10d174); }
.cd-design .footer-action--contact { background:rgba(3,21,51,.32); }
.cd-design .footer-action__symbol { font-size:18px; line-height:1; }
.cd-design .footer-action .icon { width:16px; height:16px; margin-left:auto; }

.cd-design .footer-link-group { min-width:0; }
.cd-design .footer-link-group h2 {
  margin:1px 0 12px;
  color:#fff;
  font-size:15px;
  font-weight:780;
  line-height:1.15;
  letter-spacing:-.1px;
}
.cd-design .footer-link-group a {
  position:relative;
  display:block;
  padding:3px 0 3px 18px;
  color:#c1d1e7;
  font-size:13px;
  line-height:1.3;
  transition:color .16s ease,transform .16s ease;
}
.cd-design .footer-link-group a::before {
  content:"›";
  position:absolute;
  top:2px;
  left:1px;
  color:#fff;
  font-size:18px;
  line-height:1;
}
.cd-design .footer-link-group a:hover { color:#fff; transform:translateX(2px); }
.cd-design .footer-link-group a:focus-visible,
.cd-design .footer-action:focus-visible { outline:2px solid #fff; outline-offset:3px; }

.cd-design .footer-meta {
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto minmax(360px,1fr);
  align-items:center;
  gap:28px;
  min-height:48px;
  padding:7px 34px;
  color:#a9bdd8;
  font-size:11px;
}
.cd-design .footer-social,
.cd-design .footer-payment { display:flex; align-items:center; justify-content:center; gap:10px; }
.cd-design .footer-social i {
  display:grid;
  width:25px;
  height:25px;
  place-items:center;
  border:1px solid rgba(176,205,245,.18);
  border-radius:7px;
  color:#e8f2ff;
  background:rgba(255,255,255,.08);
  font-size:11px;
  font-style:normal;
  font-weight:800;
}
.cd-design .footer-payment { justify-content:flex-end; }
.cd-design .footer-secure { display:inline-flex; align-items:center; gap:6px; padding-right:14px; border-right:1px solid rgba(156,191,234,.36); }
.cd-design .footer-secure .icon { width:16px; height:16px; color:#fff; }
.cd-design .footer-payment strong { color:#eef5ff; font-size:15px; font-style:italic; letter-spacing:-.5px; }
.cd-design .footer-mastercard { position:relative; display:inline-block; width:34px; height:20px; }
.cd-design .footer-mastercard i { position:absolute; top:2px; width:18px; height:18px; border-radius:50%; background:#f04b35; }
.cd-design .footer-mastercard i:first-child { left:1px; }
.cd-design .footer-mastercard i:last-child { right:1px; background:#ffad18; opacity:.94; }
.cd-design .footer-troy { text-transform:lowercase; }

@media(max-width:1180px) {
  .cd-design .footer-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding-block:8px; }
  .cd-design .footer-benefit { min-height:66px; }
  .cd-design .footer-benefit:nth-child(3) { border-left:0; }
  .cd-design .footer-benefit:nth-child(n+3) { border-top:1px solid rgba(137,181,239,.24); }
  .cd-design .footer-panel { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .cd-design .footer-brand-panel { grid-column:1 / -1; padding:0 0 22px; border-right:0; border-bottom:1px solid rgba(126,174,235,.36); }
  .cd-design .footer-brand-panel p { max-width:720px; }
  .cd-design .footer-actions { max-width:520px; }
  .cd-design .footer-meta { grid-template-columns:1fr auto; }
  .cd-design .footer-social { justify-content:flex-end; }
  .cd-design .footer-payment { grid-column:1 / -1; justify-content:center; padding-top:8px; border-top:1px solid rgba(126,174,235,.22); }
}

@media(max-width:700px) {
  .cd-design .site-footer.site-footer--modern { margin-top:18px; border-radius:20px; }
  .cd-design .footer-benefits { padding:8px 12px; }
  .cd-design .footer-benefit { grid-template-columns:40px minmax(0,1fr); gap:9px; min-height:64px; padding:8px 10px; }
  .cd-design .footer-benefit__icon { width:40px; height:40px; border-radius:12px; }
  .cd-design .footer-benefit__icon .icon { width:21px; height:21px; }
  .cd-design .footer-benefit strong { font-size:11px; letter-spacing:0; }
  .cd-design .footer-benefit small { font-size:9px; }
  .cd-design .footer-panel { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; margin:8px 8px 0; padding:20px 18px; border-radius:18px; }
  .cd-design .footer-brand-panel { grid-column:1 / -1; padding-bottom:18px; }
  .cd-design .footer-modern-logo { width:190px; }
  .cd-design .footer-brand-panel__tagline { margin-left:52px; font-size:10px; }
  .cd-design .footer-brand-panel p { font-size:11px; line-height:1.45; }
  .cd-design .footer-actions { gap:8px; }
  .cd-design .footer-action { min-height:40px; padding:8px 10px; font-size:10px; }
  .cd-design .footer-action__symbol { font-size:15px; }
  .cd-design .footer-link-group h2 { margin-bottom:8px; font-size:13px; }
  .cd-design .footer-link-group a { padding-block:3px; padding-left:14px; font-size:10.5px; }
  .cd-design .footer-link-group a::before { font-size:15px; }
  .cd-design .footer-meta { display:flex; min-height:0; flex-direction:column; gap:10px; padding:15px 18px 18px; text-align:center; }
  .cd-design .footer-social { order:1; }
  .cd-design .footer-payment { order:2; flex-wrap:wrap; padding-top:10px; }
  .cd-design .footer-copyright { order:3; }
}

@media(max-width:390px) {
  .cd-design .footer-benefit { grid-template-columns:34px minmax(0,1fr); padding-inline:7px; }
  .cd-design .footer-benefit__icon { width:34px; height:34px; border-radius:10px; }
  .cd-design .footer-benefit__icon .icon { width:18px; height:18px; }
  .cd-design .footer-actions { grid-template-columns:1fr; }
}