/* DentifyLab Hero V3 - six images / mobile first / green brand palette */
.dl-hero,.dl-hero *{box-sizing:border-box}
.dl-hero{--dl-ink:#173b2b;--dl-green:#26b34b;--dl-cream:#f6faf7;--dl-border:#dcebe0;color:var(--dl-ink);background:var(--dl-cream);font-family:Inter,Arial,sans-serif;width:100%}
.dl-hero__layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:25px;padding:16px 16px 22px}
.dl-hero__copy{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.dl-hero__main h1{color:var(--dl-ink);font-family:inherit;font-size:clamp(31px,7.5vw,42px);font-weight:750;letter-spacing:-.045em;line-height:1.075;margin:0 0 16px}
.dl-hero__lead{font-size:17px;line-height:1.55;color:#30483a;margin:0 0 8px}
.dl-hero__secondary{font-size:15px;color:#858683;margin:0 0 22px;line-height:1.5}
.dl-hero__buttons{display:flex;flex-wrap:wrap;gap:11px;margin:0 0 14px}
.dl-hero__btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:14px;text-decoration:none!important;border-radius:999px;padding:12px 20px;border:1.5px solid var(--dl-ink);transition:transform .15s,background .15s}
.dl-hero__btn:hover{transform:translateY(-1px)}
.dl-hero__btn--primary{background:var(--dl-green);border-color:#15943a;color:#fff!important}
.dl-hero__btn--primary:hover{background:#15943a;color:#fff!important}
.dl-hero__btn--outline{background:transparent;color:var(--dl-ink)!important}
.dl-hero__btn--outline:hover{background:var(--dl-ink);color:#fff!important}
.dl-hero__small{color:#84847f;font-size:13px;line-height:1.55;margin:0 0 9px}
.dl-hero__pill{display:inline-block;border:1px solid #c7e8d0;background:#eaf8ee;border-radius:99px;font-size:12px;font-weight:700;color:#176b36;padding:6px 11px}
.dl-hero__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dl-hero__benefit{min-width:0;background:#fff;border:1px solid var(--dl-border);border-radius:13px;box-shadow:0 3px 12px rgba(15,35,25,.05);padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.dl-hero__benefit-icon{display:inline-flex;align-items:center;justify-content:center;background:#e1f5e7;border-radius:100%;color:#16863a;height:22px;width:22px;font-size:14px;margin-bottom:3px}
.dl-hero__benefit strong{font-size:12px;line-height:1.3;color:#222;display:block}
.dl-hero__benefit small{font-size:11px;line-height:1.3;color:#93918f;display:block}
/* Six independent 4:3 images in 2 columns x 3 rows */
.dl-hero__visual{min-width:0;align-self:start;order:-1;border-radius:20px;overflow:hidden;background:#eaf5ed}
.dl-hero__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;background:#eaf5ed}
.dl-hero__tile{position:relative;margin:0;min-width:0;aspect-ratio:4/3;overflow:hidden;background:#dfeee4}
.dl-hero__tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.dl-hero__tag{position:absolute;z-index:2;top:10px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;line-height:1.2;letter-spacing:.02em;font-weight:800;border-radius:100px;background:#fff;color:#15352e;padding:7px 12px;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.dl-hero__tag--green{background:var(--dl-green);color:#fff}
.dl-hero__visual-pills{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 8px 12px;background:#e5f2e9}
.dl-hero__visual-pills span{background:#fff;border-radius:99px;padding:7px 10px;font-size:10px;color:#204b31;box-shadow:0 2px 8px rgba(0,0,0,.05);white-space:nowrap}
@media(min-width:768px){.dl-hero__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:26px 20px;gap:22px}.dl-hero__visual{order:0}.dl-hero__copy{gap:30px;padding:30px 0 4px}.dl-hero__main h1{font-size:clamp(34px,3.1vw,47px)}.dl-hero__lead{font-size:18px}.dl-hero__benefits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.dl-hero__layout{gap:38px;padding:26px 18px}.dl-hero__copy{padding:45px 0 2px}.dl-hero__main h1{font-size:46px}.dl-hero__btn{padding:13px 25px}.dl-hero__benefit{min-height:99px}}
@media(max-width:575px){.dl-hero__tag{font-size:clamp(9px,2.4vw,11px);padding:6px 8px}.dl-hero__gallery{gap:2px}.dl-hero__visual-pills span{font-size:9px}}
@media(max-width:380px){.dl-hero__layout{padding-left:12px;padding-right:12px}.dl-hero__buttons{flex-direction:column}.dl-hero__btn{width:100%}.dl-hero__main h1{font-size:31px}}

/* DENTIFYLAB - HERO HEADER ALTINDA TAM GENISLIK */

body#checkout .dl-home-hero {
  display: none;
}

.dl-home-hero {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  clear: both;
}

.dl-home-hero .home_widget_top_column,
.dl-home-hero .home_widget_top_column > .container,
.dl-home-hero .ybc-widget-display-top-column,
.dl-home-hero .ybc-widget-item,
.dl-home-hero .ybc-widget-item-wrap,
.dl-home-hero .ybc-widget-item-content,
.dl-home-hero .ybc-widget-description-content,
.dl-home-hero .ybc-widget-description {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  flex: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.dl-home-hero .ybc-widget-display-top-column {
  display: block !important;
  padding: 0 !important;
  list-style: none;
}

.dl-home-hero .ybc-widget-item {
  display: block !important;
  padding: 0 !important;
}

.dl-home-hero .dl-hero__layout {
  max-width: 1240px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .dl-home-hero {
    padding: 0;
  }
}

/* ==========================================
   DENTIFYLAB HERO V3
   MOBILE LAYOUT REPAIR
   ========================================== */

@media (max-width: 767px) {

  /* Eski tema widget yerlesimini sifirla */

  #header .dl-home-hero,
  #header .dl-home-hero .home_widget_top_column,
  #header .dl-home-hero .home_widget_top_column > .container,
  #header .dl-home-hero .ybc-widget-display-top-column,
  #header .dl-home-hero .ybc-widget-item,
  #header .dl-home-hero .ybc-widget-item-wrap,
  #header .dl-home-hero .ybc-widget-item-content,
  #header .dl-home-hero .ybc-widget-description-content,
  #header .dl-home-hero .ybc-widget-description {

    display: block !important;
    position: static !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;

    float: none !important;
    clear: both !important;

    margin: 0 !important;
    padding: 0 !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
  }

  /* Tam ekran genisliginde Hero */

  #header .dl-home-hero {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  #header .dl-home-hero
  .ybc-widget-display-top-column {

    list-style: none !important;
    display: block !important;
  }

  /* Ana Hero alani */

  #header .dl-home-hero .dl-hero {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Mobile First: gorsel ustte, metin altta */

  #header .dl-home-hero .dl-hero__layout {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 22px !important;
    margin: 0 !important;
    padding: 16px !important;
  }

  #header .dl-home-hero .dl-hero__visual {
    order: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #header .dl-home-hero .dl-hero__copy {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 6 gorsel: 2 sutun, 3 satir */

  #header .dl-home-hero .dl-hero__gallery {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 3px !important;
    width: 100% !important;
  }

  #header .dl-home-hero .dl-hero__tile {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
  }

  #header .dl-home-hero .dl-hero__tile img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Baslik */

  #header .dl-home-hero .dl-hero__main h1 {
    font-size: clamp(30px, 7vw, 38px) !important;
    line-height: 1.1 !important;
    overflow-wrap: break-word !important;
    margin: 0 0 16px !important;
  }

  /* Avantaj kartlari */

  #header .dl-home-hero .dl-hero__benefits {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
  }

  /* Butonlar */

  #header .dl-home-hero .dl-hero__buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  /* Yatay kaymayi engelle */

  #header .dl-home-hero .dl-hero__layout,
  #header .dl-home-hero .dl-hero__copy,
  #header .dl-home-hero .dl-hero__visual {
    box-sizing: border-box !important;
  }
}

/* DENTIFYLAB - MOBIL YATAY KAYMA DUZELTMESI */

@media (max-width: 767px) {

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
  }

  #wrapper,
  #header,
  #content-wrapper,
  #main {
    max-width: 100%;
    min-width: 0;
  }

  .dl-home-hero,
  .dl-hero,
  .dl-hero__layout,
  .dl-hero__visual,
  .dl-hero__gallery,
  .dl-hero__copy {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .dl-hero__gallery {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  .dl-hero__tile img {
    max-width: 100% !important;
  }
}
