/* MXonnowell v0.3.20 — Sistem geneli mobil/tablet medya, kart ve ürün geometrisi.
   Sayfa omurgasını değiştirmez; kaynak oranını korur ve istem dışı yatay taşmayı önler. */
:root{
  --mx320-page-gutter:clamp(10px,3vw,22px);
  --mx320-radius:clamp(14px,2vw,20px);
  --mx320-line:#dbe6e1;
  --mx320-ink:#102d43;
  --mx320-muted:#52656f;
  --mx320-green:#08783f;
  --mx320-blue:#075da8;
}

html,body{max-width:100%;overflow-x:clip}
img,video{max-width:100%}

/* Cihaz ve gerçek kaynak oranı ana medya kasasını belirler. */
.mx302-video-first__frame,
.mx302-video-card__frame,
.mx302-hero__media,
.mx302-split__media,
.mx302-media-card figure,
.mx302-story-card figure{
  min-width:0;
  background-color:#07182b;
  background-image:linear-gradient(135deg,rgba(3,28,57,.86),rgba(5,104,111,.64)),url("../images/mxon-leaf-blue-landscape.webp");
  background-position:center;
  background-size:cover;
  overflow:hidden;
}
.mx302-video-first__frame.is-mx320-landscape,
.mx302-video-card__frame.is-mx320-landscape{aspect-ratio:16/9!important}
.mx302-video-first__frame.is-mx320-square,
.mx302-video-card__frame.is-mx320-square{aspect-ratio:1/1!important}
.mx302-video-first__frame.is-mx320-portrait,
.mx302-video-card__frame.is-mx320-portrait{aspect-ratio:9/16!important}
.mx302-video-first__frame video,
.mx302-video-card__frame video,
.mx302-video-first__frame .mx302-video-poster{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}

/* Eski/genel sayfa video kabukları da aynı gerçek oran ve kırpmasız sunumu kullanır. */
html body .mxon62-public-video-shell,
html body .mx-device-video,
html body .mx302-info-video>div{
  background-color:#07182b!important;
  background-image:linear-gradient(135deg,rgba(3,28,57,.88),rgba(5,104,111,.58)),url("../images/mxon-leaf-blue-landscape.webp")!important;
  background-position:center!important;
  background-size:cover!important;
  overflow:hidden!important;
}
html body .mxon62-public-video-shell video,
html body .mx-device-video video,
html body .mx302-info-video video,
html body .mx302-info-video img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
html body .mxon62-public-video-shell.is-source-landscape-v0163{aspect-ratio:16/9!important}
html body .mxon62-public-video-shell.is-source-square-v0163{aspect-ratio:1/1!important}
html body .mxon62-public-video-shell.is-source-portrait-v0163{aspect-ratio:9/16!important}
html body .mx302-info-video>div.is-mx320-landscape{aspect-ratio:16/9!important}
html body .mx302-info-video>div.is-mx320-square{aspect-ratio:1/1!important}
html body .mx302-info-video>div.is-mx320-portrait{aspect-ratio:9/16!important}
.mx302-video-card__frame img,
.mx302-hero__media img,
.mx302-split__media img,
.mx302-media-card figure img,
.mx302-story-card figure img,
.mx302-product-card__media img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
.mx302-hero__media.is-mx320-landscape,
.mx302-split__media.is-mx320-landscape,
.mx302-media-card figure.is-mx320-landscape,
.mx302-story-card figure.is-mx320-landscape{aspect-ratio:16/9!important}
.mx302-hero__media.is-mx320-square,
.mx302-split__media.is-mx320-square,
.mx302-media-card figure.is-mx320-square,
.mx302-story-card figure.is-mx320-square{aspect-ratio:1/1!important}
.mx302-hero__media.is-mx320-portrait,
.mx302-split__media.is-mx320-portrait,
.mx302-media-card figure.is-mx320-portrait,
.mx302-story-card figure.is-mx320-portrait{aspect-ratio:4/5!important}
.mx302-hero__media[class*="is-mx320-"] img,
.mx302-split__media[class*="is-mx320-"] img,
.mx302-media-card figure[class*="is-mx320-"] img,
.mx302-story-card figure[class*="is-mx320-"] img{height:100%!important;object-fit:cover!important}

/* Ürün görselleri bilgi afişi de olsa kırpılmaz. */
.mx302-product-card__media,
.mx-public-product-image,
.mx-product-card__image,
.mx90-main-media,
.mx90-related-card>a>img{
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.mx302-product-card__media img,
.mx-public-product-image img,
.mx-product-card__image img,
.mx90-main-media img,
.mx90-related-card>a>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:clamp(2px,.6vw,7px)!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}

/* Dar tablet ve mobil: her kart gerçekten kendi ekran sütununda kalır. */
@media(max-width:1023px){
  .mx302-video-first>.mx-wrap,
  .mx302-hero>.mx-wrap,
  .mx302-section>.mx-wrap,
  .mx302-cta>.mx-wrap,
  .mx309-flow>.mx-wrap{width:calc(100% - (var(--mx320-page-gutter) * 2))!important;max-width:none!important}

  .mx302-hero__grid,.mx302-split__grid{min-width:0!important}
  .mx302-feature-card,.mx302-steps article,.mx302-explore-card,
  .mx302-story-card,.mx302-media-card,.mx302-video-card,
  .mx302-product-card{min-width:0!important;height:auto!important;min-height:0!important}

  .mx302-video-first__frame.is-mx320-portrait,
  .mx302-video-first__frame.is-mx317-portrait{
    width:min(72vw,480px)!important;
    max-width:100%!important;
    max-height:none!important;
    aspect-ratio:9/16!important;
    margin-inline:auto!important;
  }
  .mx302-video-first__frame.is-mx320-square,
  .mx302-video-first__frame.is-mx317-square{
    width:min(76vw,600px)!important;
    max-width:100%!important;
    aspect-ratio:1/1!important;
    margin-inline:auto!important;
  }
  html body .mxon62-public-video-shell.is-source-portrait-v0163,
  html body .mx302-info-video>div.is-mx320-portrait{
    width:min(72vw,480px)!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }

  .mx302-media-grid,.mx302-video-card-grid,.mx302-story-grid{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 0 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:0!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:thin;
  }
  .mx302-media-card,.mx302-video-card,.mx302-story-card{
    scroll-snap-align:start!important;
    scroll-snap-stop:always;
  }
  .mx302-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}

  .mx-public-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .mx-public-product-card{height:auto!important;min-height:0!important}

  .mx90-product-detail{padding-bottom:calc(158px + env(safe-area-inset-bottom,0px))!important}
  .mx272-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .mx272-service-card,.mx277-review-note,.mx293-review-note,
  .mx293-review-trust-card,.mx293-review-score-card{height:auto!important;min-height:0!important;padding:20px!important}
  .mx90-final-cta{
    color:#fff!important;
    background:linear-gradient(125deg,#063c72,#087a80 58%,#16823f)!important;
    border-color:transparent!important;
  }
  .mx90-final-cta h2,.mx90-final-cta p{color:#fff!important}
  .mx90-final-cta .mx-btn{background:#fff!important;border-color:#fff!important;color:#075b39!important}
  .mx90-final-cta .mx-btn--ghost{background:transparent!important;border-color:rgba(255,255,255,.65)!important;color:#fff!important}
}

@media(max-width:767px){
  body.mx-has-mobile-dock{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
  .mx302-video-first{padding:6px 0 12px!important}
  .mx302-video-first>.mx-wrap{width:calc(100% - 12px)!important}
  .mx302-video-first__frame{border-radius:var(--mx320-radius)!important}
  .mx302-video-first__frame.is-mx320-landscape,
  .mx302-video-first__frame.is-mx317-landscape,
  .mx302-video-first__frame:not(.is-mx320-portrait):not(.is-mx320-square):not(.is-mx317-portrait):not(.is-mx317-square){
    width:100%!important;
    aspect-ratio:16/9!important;
  }
  .mx302-video-first__frame.is-mx320-portrait,
  .mx302-video-first__frame.is-mx317-portrait{
    width:min(calc(100vw - 24px),430px)!important;
    aspect-ratio:9/16!important;
    max-height:none!important;
  }
  .mx302-video-first__frame.is-mx320-square,
  .mx302-video-first__frame.is-mx317-square{
    width:min(calc(100vw - 24px),520px)!important;
  }
  html body .mxon62-public-video-shell.is-source-portrait-v0163,
  html body .mx302-info-video>div.is-mx320-portrait{
    width:min(calc(100vw - 24px),430px)!important;
    max-height:none!important;
    aspect-ratio:9/16!important;
  }
  .mx302-video-first__badge{left:10px!important;right:10px!important;bottom:10px!important;max-width:calc(100% - 20px)!important}

  .mx302-hero__grid,.mx302-split__grid{display:grid!important;grid-template-columns:1fr!important;border-radius:var(--mx320-radius)!important;overflow:hidden!important}
  .mx302-hero__media,.mx302-split__media{
    order:1!important;
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    border-radius:var(--mx320-radius) var(--mx320-radius) 0 0!important;
  }
  .mx302-hero__copy,.mx302-split__copy{order:2!important;padding:22px 18px 24px!important}
  .mx302-hero__media:not([class*="is-mx320-"]),
  .mx302-split__media:not([class*="is-mx320-"]){aspect-ratio:auto!important;background:#fff!important}
  .mx302-hero__media:not([class*="is-mx320-"]) img,
  .mx302-split__media:not([class*="is-mx320-"]) img{height:auto!important;object-fit:contain!important}

  .mx302-heading{margin-bottom:18px!important}
  .mx302-heading h2{font-size:clamp(27px,8vw,38px)!important;line-height:1.08!important}
  .mx302-heading p{font-size:14px!important;line-height:1.55!important}
  .mx302-feature-grid,.mx302-steps,.mx302-explore-grid{grid-template-columns:1fr!important;gap:10px!important}
  .mx302-feature-card,.mx302-steps article,.mx302-explore-card{
    min-height:0!important;
    padding:18px 16px!important;
    border-radius:15px!important;
  }
  .mx302-feature-card .mx302-icon,.mx302-steps .mx302-icon,.mx302-explore-card .mx302-icon{width:46px!important;height:46px!important;margin-bottom:10px!important}
  .mx302-feature-card p,.mx302-steps article p,.mx302-explore-card p{margin-top:7px!important;font-size:13px!important;line-height:1.48!important}

  .mx302-media-grid,.mx302-video-card-grid,.mx302-story-grid{display:flex!important;gap:10px!important}
  .mx302-media-card,.mx302-video-card,.mx302-story-card{
    flex:0 0 calc(100% - 2px)!important;
    width:calc(100% - 2px)!important;
    max-width:none!important;
  }
  .mx302-media-card figure,.mx302-video-card__frame,.mx302-story-card figure{width:100%!important;border-radius:15px!important}
  .mx302-video-card__frame.is-mx320-portrait{width:min(100%,410px)!important;margin-inline:auto!important;aspect-ratio:9/16!important}
  .mx302-media-card figure:not([class*="is-mx320-"]),
  .mx302-story-card figure:not([class*="is-mx320-"]){aspect-ratio:auto!important;background:#fff!important}

  .mx307-story-featured__card,.mx307-story-featured__grid{grid-template-columns:1fr!important}
  .mx307-story-featured__media{min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
  .mx307-story-featured__media img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
  .mx307-story-featured__copy{padding:20px 18px!important}

  [data-mx-builder-key="products-grid"] .mx302-product-grid,
  .mx302-product-grid{grid-template-columns:1fr!important;max-width:none!important;margin:0!important;gap:12px!important}
  .mx302-product-card{
    display:grid!important;
    grid-template-columns:minmax(132px,42%) minmax(0,1fr)!important;
    align-items:stretch!important;
    width:100%!important;
    overflow:hidden!important;
    border-radius:16px!important;
  }
  .mx302-product-card__media{aspect-ratio:1/1!important;min-height:132px!important;border-radius:0!important}
  .mx302-product-card__body{justify-content:center!important;padding:15px 13px!important}
  .mx302-product-card h3{font-size:16px!important;line-height:1.25!important}
  .mx302-mini-btn{margin-top:12px!important;min-height:42px!important}

  .mx-public-product-grid{grid-template-columns:1fr!important;gap:12px!important}
  .mx-public-product-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(132px,42%) minmax(0,1fr)!important;
    align-items:stretch!important;
    width:100%!important;
    min-height:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .mx-public-product-image{width:100%!important;aspect-ratio:1/1!important;min-height:132px!important;border-radius:0!important}
  .mx-public-product-card>div:last-child{justify-content:center!important;padding:14px 12px!important}
  .mx-public-product-card h3{margin:6px 0!important;font-size:16px!important;line-height:1.25!important}
  .mx90-catalog-commerce{gap:3px!important;margin:3px 0 8px!important}
  .mx90-catalog-commerce strong{font-size:15px!important}
  .mx52-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding-top:8px!important}
  .mx52-card-actions button,.mx52-card-actions a{min-height:42px!important;padding:6px!important;font-size:11px!important}
  .mx52-card-actions .mx52-card-cart{grid-column:1/-1!important}
  .mx85-card-edit{z-index:4!important}

  .mx90-product-detail{width:calc(100% - 20px)!important;padding-bottom:calc(176px + env(safe-area-inset-bottom,0px))!important}
  .mx90-main-media{aspect-ratio:1/1!important;border-radius:16px!important}
  .mx90-main-media img{padding:3px!important}
  .mx90-section,.mx272-commerce-section,.mx272-reviews,.mx272-service{margin-top:24px!important;padding:20px 0!important}
  .mx272-service-grid{grid-template-columns:1fr!important;gap:9px!important}
  .mx272-service-card,.mx277-review-note,.mx293-review-note,
  .mx293-review-trust-card,.mx293-review-score-card{padding:16px!important;border-radius:15px!important}
  .mx272-service-card p,.mx277-review-note span,.mx293-review-note span,.mx293-review-trust-card p{font-size:14px!important;line-height:1.5!important}
  .mx293-review-overview{grid-template-columns:1fr!important;gap:10px!important}
  .mx90-final-cta{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding:22px 18px!important;border-radius:18px!important}
  .mx90-final-cta>div:last-child{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .mx90-mobile-buybar{
    left:10px!important;
    right:10px!important;
    bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;
    z-index:1640!important;
    grid-template-columns:minmax(0,1fr) minmax(116px,42%)!important;
    min-height:64px!important;
    padding:8px!important;
    border:1px solid var(--mx320-line)!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 12px 30px rgba(7,36,25,.18)!important;
  }
  .mx90-mobile-buybar a{min-height:48px!important;border-radius:12px!important;background:var(--mx320-green)!important;color:#fff!important;text-decoration:none!important}
  .mx-mobile-dock{z-index:1650!important}

  /* Ürün detayındaki ilişkili ürünler de küçük iki sütun yerine okunabilir tam kart olur. */
  .mx90-related-grid{grid-template-columns:1fr!important;gap:10px!important}
  body .mx90-related-card,
  body.mx-product-detail-page-v0276 .mx276-product-standard .mx272-commerce-section .mx90-related-card{
    min-height:0!important;
    height:auto!important;
    border-radius:16px!important;
  }
  body .mx90-related-card>a,
  body.mx-product-detail-page-v0276 .mx276-product-standard .mx272-commerce-section .mx90-related-card>a{
    display:grid!important;
    grid-template-columns:minmax(126px,40%) minmax(0,1fr)!important;
    align-items:stretch!important;
    min-height:126px!important;
  }
  body .mx90-related-card>a>img,
  body.mx-product-detail-page-v0276 .mx276-product-standard .mx272-commerce-section .mx90-related-card>a>img{
    width:100%!important;
    height:100%!important;
    min-height:126px!important;
    aspect-ratio:1/1!important;
    padding:5px!important;
    border:0!important;
    border-right:1px solid #eef3f0!important;
  }
  body .mx90-related-card>a>div,
  body.mx-product-detail-page-v0276 .mx276-product-standard .mx272-commerce-section .mx90-related-card>a>div{
    justify-content:center!important;
    padding:14px 12px!important;
  }
  body .mx90-related-card h3,
  body.mx-product-detail-page-v0276 .mx276-product-standard .mx272-commerce-section .mx90-related-card h3{
    min-height:0!important;
    margin:5px 0 8px!important;
    font-size:15px!important;
  }
}

@media(min-width:768px) and (max-width:1023px){
  .mx302-media-card,.mx302-video-card,.mx302-story-card{flex:0 0 calc(50% - 7px)!important;width:calc(50% - 7px)!important}
  .mx302-feature-grid.mx302-cols-4,.mx302-feature-grid.mx302-cols-5,.mx302-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mx302-feature-card,.mx302-explore-card{min-height:0!important;padding:22px!important}
  .mx-public-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mx302-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:479px){
  .mx302-section{padding-top:34px!important;padding-bottom:34px!important}
  .mx302-hero__copy h1{font-size:clamp(38px,12vw,54px)!important;line-height:1.02!important}
  .mx302-split__copy h2{font-size:clamp(30px,9vw,42px)!important;line-height:1.08!important}
  .mx302-product-card,.mx-public-product-card{grid-template-columns:minmax(126px,41%) minmax(0,1fr)!important}
  .mx302-product-card__media,.mx-public-product-image{min-height:126px!important}
  .mx302-product-card__body,.mx-public-product-card>div:last-child{padding:12px 10px!important}
  .mx302-product-card h3,.mx-public-product-card h3{font-size:15px!important}
}

@media(max-width:374px){
  :root{--mx320-page-gutter:8px}
  .mx-header-v0148 .mx-header__in{width:calc(100% - 10px)!important;gap:4px!important}
  .mx280-saved-actions--mobile-head{gap:2px!important}
  .mx280-saved-actions--mobile-head .mx280-saved-action{width:34px!important;min-width:34px!important;min-height:38px!important}
  .mx280-saved-actions--mobile-head .mx280-saved-count{top:-3px!important;right:-3px!important;min-width:16px!important;width:16px!important;height:16px!important;font-size:8px!important}
  .mx37-cart-trigger--mobile{min-width:42px!important;width:42px!important}
  .mx302-product-card,.mx-public-product-card{grid-template-columns:118px minmax(0,1fr)!important}
  .mx302-product-card__media,.mx-public-product-image{min-height:118px!important}
  .mx52-card-actions{grid-template-columns:1fr!important}
  .mx52-card-actions .mx52-card-cart{grid-column:auto!important}
}

@media(max-height:560px) and (orientation:landscape){
  .mx302-video-first__frame.is-mx320-portrait,
  .mx302-video-first__frame.is-mx317-portrait{width:auto!important;height:min(72svh,480px)!important;aspect-ratio:9/16!important}
  .mx90-mobile-buybar{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .mx302-media-grid,.mx302-video-card-grid,.mx302-story-grid{scroll-behavior:auto!important}
}