/* MD Teknoloji Adaptive Layout 2026 A1
   Native 100% browser zoom. No CSS zoom/scale.
   Mobile <=767px is intentionally left to R3.6. */

:root{
  --md-a-gutter: 24px;
  --md-a-section-y: 52px;
  --md-a-card-gap: 22px;
  --md-a-radius: 12px;
  --md-a-body: 16px;
  --md-a-h1: 42px;
  --md-a-h2: 30px;
  --md-a-h3: 21px;
}

html,body{width:100%;max-width:100%;}
body{font-size:var(--md-a-body);}
img,video,iframe,svg{max-width:100%;}

/* Keep long-form reading comfortable at every desktop size. */
.md-news-article-body,
.md-news-reader-body,
.pjd-copy,
.pjd-section-copy,
.mdvision-copy,
.mdvision-card p{
  line-height:1.65;
}

/* Native adaptive container. Overrides old Bootstrap fixed widths only above mobile. */
@media (min-width:768px){
  .container{
    width:calc(100% - (var(--md-a-gutter) * 2)) !important;
    max-width:var(--md-a-container) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .container-fluid{padding-left:var(--md-a-gutter)!important;padding-right:var(--md-a-gutter)!important;}

  /* Shared vertical rhythm */
  section,.mdvision-section,.pjd-section,.md-news-section,.htc__product__container{
    scroll-margin-top:90px;
  }
  .pt--100{padding-top:var(--md-a-section-y)!important;}
  .pb--100{padding-bottom:var(--md-a-section-y)!important;}
  .pt--80{padding-top:calc(var(--md-a-section-y) * .82)!important;}
  .pb--80{padding-bottom:calc(var(--md-a-section-y) * .82)!important;}
  .pt--70,.mt--70{padding-top:0;margin-top:calc(var(--md-a-section-y) * .72)!important;}
  .pb--70{padding-bottom:calc(var(--md-a-section-y) * .72)!important;}
  .mt--60{margin-top:calc(var(--md-a-section-y) * .62)!important;}
  .mb--40{margin-bottom:calc(var(--md-a-section-y) * .42)!important;}

  h1,.h1{font-size:var(--md-a-h1);line-height:1.12;}
  h2,.h2,.section-title,.title__line{font-size:var(--md-a-h2);line-height:1.2;}
  h3,.h3{font-size:var(--md-a-h3);line-height:1.28;}

  /* Desktop header: compact but not tiny. */
  #sticky-header-with-topbar .container.border-bottom{padding-top:0!important;padding-bottom:0!important;}
  #sticky-header-with-topbar .row{display:flex!important;align-items:center!important;min-height:var(--md-a-header-h);padding:6px 0!important;}
  #sticky-header-with-topbar .logos{display:flex!important;align-items:center!important;}
  #sticky-header-with-topbar .logo img,.logos .logo img,#header .logo img{
    width:auto!important;height:var(--md-a-logo-h)!important;max-height:var(--md-a-logo-h)!important;object-fit:contain!important;
  }
  .md2026-search-form{min-height:var(--md-a-search-h)!important;}
  .md2026-search-input{height:var(--md-a-search-h)!important;font-size:var(--md-a-nav-font)!important;}
  .md2026-search-form button{height:var(--md-a-search-h)!important;min-width:var(--md-a-search-h)!important;}
  .mainmenu__nav a,.md2026-header-actions,.md2026-quick-strip{font-size:var(--md-a-nav-font)!important;}
  .md2026-quick-strip .container{min-height:var(--md-a-quick-h)!important;align-items:center!important;}

  /* Card/grid density without changing content semantics. */
  .mdvision-grid,.pjd-products,.pjd-related,.md-news-grid-2026,.md-gallery-grid{
    gap:var(--md-a-card-gap)!important;
  }
  .mdvision-card,.pjd-product,.pjd-related-card,.md-news-card-2026{
    border-radius:var(--md-a-radius)!important;
  }
  .mdvision-card{padding:var(--md-a-card-pad)!important;}

  /* Product cards */
  .product__details{padding:var(--md-a-product-pad)!important;}
  .product__details h2,.product__details h2 a{font-size:var(--md-a-product-title)!important;line-height:1.35!important;}
  .product__price li{font-size:var(--md-a-product-price)!important;}

  /* Hero/banner heights use viewport + breakpoint, not fixed giant pixels. */
  .mdvision-hero,.pjd-hero,.md-news-hero{
    min-height:var(--md-a-hero-min)!important;
  }
  .parallax{min-height:var(--md-a-parallax-min)!important;}

  /* Footer stays readable, not oversized. */
  footer,.footer__container{font-size:var(--md-a-footer-font)!important;}
  .md-store-badge{height:var(--md-a-store-h)!important;max-height:var(--md-a-store-h)!important;}
  .md-payment-logos{height:var(--md-a-pay-h)!important;max-height:var(--md-a-pay-h)!important;}
}

/* Tablet portrait / landscape */
@media (min-width:768px) and (max-width:1023px){
  :root{
    --md-a-container: 960px;
    --md-a-gutter: 20px;
    --md-a-section-y: 44px;
    --md-a-card-gap: 18px;
    --md-a-card-pad: 18px;
    --md-a-body: 16px;
    --md-a-h1: 34px;
    --md-a-h2: 27px;
    --md-a-h3: 20px;
    --md-a-header-h: 76px;
    --md-a-logo-h: 50px;
    --md-a-search-h: 44px;
    --md-a-nav-font: 13px;
    --md-a-quick-h: 38px;
    --md-a-product-pad: 14px;
    --md-a-product-title: 15px;
    --md-a-product-price: 15px;
    --md-a-hero-min: 360px;
    --md-a-parallax-min: 250px;
    --md-a-footer-font: 14px;
    --md-a-store-h: 34px;
    --md-a-pay-h: 26px;
  }
}

/* Small laptop */
@media (min-width:1024px) and (max-width:1365px){
  :root{
    --md-a-container: 1180px;
    --md-a-gutter: 22px;
    --md-a-section-y: 46px;
    --md-a-card-gap: 18px;
    --md-a-card-pad: 18px;
    --md-a-body: 15px;
    --md-a-h1: 36px;
    --md-a-h2: 28px;
    --md-a-h3: 20px;
    --md-a-header-h: 74px;
    --md-a-logo-h: 48px;
    --md-a-search-h: 42px;
    --md-a-nav-font: 12.5px;
    --md-a-quick-h: 36px;
    --md-a-product-pad: 13px;
    --md-a-product-title: 14px;
    --md-a-product-price: 15px;
    --md-a-hero-min: 380px;
    --md-a-parallax-min: 250px;
    --md-a-footer-font: 13px;
    --md-a-store-h: 34px;
    --md-a-pay-h: 26px;
  }
}

/* Laptop 1366-1599 */
@media (min-width:1366px) and (max-width:1599px){
  :root{
    --md-a-container: 1320px;
    --md-a-gutter: 24px;
    --md-a-section-y: 46px;
    --md-a-card-gap: 18px;
    --md-a-card-pad: 18px;
    --md-a-body: 15px;
    --md-a-h1: 37px;
    --md-a-h2: 28px;
    --md-a-h3: 20px;
    --md-a-header-h: 72px;
    --md-a-logo-h: 46px;
    --md-a-search-h: 42px;
    --md-a-nav-font: 12.5px;
    --md-a-quick-h: 35px;
    --md-a-product-pad: 13px;
    --md-a-product-title: 14px;
    --md-a-product-price: 15px;
    --md-a-hero-min: 390px;
    --md-a-parallax-min: 250px;
    --md-a-footer-font: 13px;
    --md-a-store-h: 35px;
    --md-a-pay-h: 27px;
  }
}

/* Desktop 1600-1919 */
@media (min-width:1600px) and (max-width:1919px){
  :root{
    --md-a-container: 1480px;
    --md-a-gutter: 32px;
    --md-a-section-y: 48px;
    --md-a-card-gap: 20px;
    --md-a-card-pad: 20px;
    --md-a-body: 15.5px;
    --md-a-h1: 39px;
    --md-a-h2: 29px;
    --md-a-h3: 20px;
    --md-a-header-h: 72px;
    --md-a-logo-h: 47px;
    --md-a-search-h: 43px;
    --md-a-nav-font: 12.5px;
    --md-a-quick-h: 35px;
    --md-a-product-pad: 14px;
    --md-a-product-title: 14.5px;
    --md-a-product-price: 15.5px;
    --md-a-hero-min: 400px;
    --md-a-parallax-min: 260px;
    --md-a-footer-font: 13.5px;
    --md-a-store-h: 36px;
    --md-a-pay-h: 28px;
  }
}

/* Main reference desktop: 1920x1080 and similar */
@media (min-width:1920px) and (max-width:2559px){
  :root{
    --md-a-container: 1680px;
    --md-a-gutter: 44px;
    --md-a-section-y: 50px;
    --md-a-card-gap: 20px;
    --md-a-card-pad: 20px;
    --md-a-body: 16px;
    --md-a-h1: 40px;
    --md-a-h2: 30px;
    --md-a-h3: 21px;
    --md-a-header-h: 70px;
    --md-a-logo-h: 46px;
    --md-a-search-h: 42px;
    --md-a-nav-font: 12.5px;
    --md-a-quick-h: 34px;
    --md-a-product-pad: 14px;
    --md-a-product-title: 14.5px;
    --md-a-product-price: 15.5px;
    --md-a-hero-min: 410px;
    --md-a-parallax-min: 270px;
    --md-a-footer-font: 13.5px;
    --md-a-store-h: 36px;
    --md-a-pay-h: 28px;
  }
  /* Wide desktop should show more content, not bigger content. */
  .mdvision-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .md-news-grid-2026{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .pjd-related{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* 2K / QHD */
@media (min-width:2560px) and (max-width:3439px){
  :root{
    --md-a-container: 1880px;
    --md-a-gutter: 64px;
    --md-a-section-y: 54px;
    --md-a-card-gap: 22px;
    --md-a-card-pad: 22px;
    --md-a-body: 16.5px;
    --md-a-h1: 43px;
    --md-a-h2: 32px;
    --md-a-h3: 22px;
    --md-a-header-h: 74px;
    --md-a-logo-h: 49px;
    --md-a-search-h: 44px;
    --md-a-nav-font: 13px;
    --md-a-quick-h: 36px;
    --md-a-product-pad: 15px;
    --md-a-product-title: 15px;
    --md-a-product-price: 16px;
    --md-a-hero-min: 440px;
    --md-a-parallax-min: 290px;
    --md-a-footer-font: 14px;
    --md-a-store-h: 38px;
    --md-a-pay-h: 29px;
  }
  .mdvision-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

/* Ultrawide / 4K / TV: cap readable line lengths and grow canvas gently. */
@media (min-width:3440px){
  :root{
    --md-a-container: 2080px;
    --md-a-gutter: 80px;
    --md-a-section-y: 58px;
    --md-a-card-gap: 24px;
    --md-a-card-pad: 24px;
    --md-a-body: 17px;
    --md-a-h1: 46px;
    --md-a-h2: 34px;
    --md-a-h3: 23px;
    --md-a-header-h: 78px;
    --md-a-logo-h: 52px;
    --md-a-search-h: 46px;
    --md-a-nav-font: 13.5px;
    --md-a-quick-h: 38px;
    --md-a-product-pad: 16px;
    --md-a-product-title: 15.5px;
    --md-a-product-price: 16.5px;
    --md-a-hero-min: 470px;
    --md-a-parallax-min: 310px;
    --md-a-footer-font: 14.5px;
    --md-a-store-h: 40px;
    --md-a-pay-h: 30px;
  }
  .mdvision-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .md-news-grid-2026{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

/* Safety: native layout only. */
@media (min-width:768px){
  html,body,#anadiv,.wrapper{zoom:1!important;transform:none!important;}
}