/* =========================================================
   MD Teknoloji - Global Responsive Foundation 2026 R1
   Scope: public site only, loaded LAST from /head.asp
   Goal: 320px phones -> tablets -> desktop -> 4K/TV
   ========================================================= */

:root{
  --md-r-page-max:1480px;
  --md-r-copy-max:900px;
  --md-r-pad:clamp(14px,2.6vw,42px);
  --md-r-section:clamp(44px,6vw,92px);
  --md-r-radius:clamp(10px,1.2vw,18px);
  --md-r-text:#262626;
  --md-r-muted:#666;
  --md-r-line:#e2e2e2;
  --md-r-red:#8f1833;
}

html{
  width:100%;
  max-width:100%;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
video,canvas{max-width:100%;height:auto}
iframe{max-width:100%;border:0}
pre,code{max-width:100%;overflow:auto}
table{max-width:100%}
input,select,textarea,button{max-width:100%}
h1,h2,h3,h4,h5,h6,p,a,li,td,th{overflow-wrap:break-word;word-wrap:break-word}

/* Legacy mobile CSS accidentally hides whole wrapper on <=767px. Never hide page. */
.fixed__footer{display:block!important}
.wrapper,.wrap__box__style--1,.wrap__box__style--2{max-width:100%;overflow-x:clip}

/* ---------- Universal page/container rhythm ---------- */
.container,
.mdvision-container,
.pjd-c,
.pbr>.pjd-c{
  max-width:var(--md-r-page-max);
}

@media (min-width:1600px){
  .container{width:min(var(--md-r-page-max),calc(100% - 96px))!important}
  .mdvision-container{width:min(var(--md-r-page-max),calc(100% - 96px))!important}
}
@media (min-width:1200px) and (max-width:1599px){
  .container{width:min(1180px,calc(100% - 56px))!important}
}
@media (min-width:992px) and (max-width:1199px){
  .container{width:calc(100% - 44px)!important}
}
@media (max-width:991px){
  .container{width:100%!important;padding-left:20px!important;padding-right:20px!important}
}
@media (max-width:575px){
  .container{padding-left:14px!important;padding-right:14px!important}
}

/* ---------- Typography: readable at phone, desktop and TV ---------- */
body{font-size:16px;line-height:1.65;color:var(--md-r-text)}
.section__title h1,.section__title h2,.title__line{
  font-size:clamp(26px,3.2vw,44px)!important;
  line-height:1.15!important;
  letter-spacing:-.02em;
}
.section__title p,.mdcms-rich,.mdvision-prose,.blog-details-top p{
  font-size:clamp(16px,1.15vw,19px)!important;
  line-height:1.78!important;
}

/* ---------- Header / navigation ---------- */
#header,#sticky-header-with-topbar,.siteler{max-width:100%}
#sticky-header-with-topbar .container{max-width:var(--md-r-page-max)}
.md2026-search-form,.md2026-search-input{min-width:0}
.md2026-search-input{width:100%!important}

@media (max-width:991px){
  .siteler{padding:2px 0!important}
  .siteler .row{min-height:42px!important}
  .siteler .md2026-top-account{min-width:0!important}
  .siteler ul.notification{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px 10px!important}
  .siteler ul.notification>li{float:none!important;margin:0!important}
  #sticky-header-with-topbar .row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;padding:10px 0!important}
  #sticky-header-with-topbar .logos{order:1!important;flex:0 0 100%!important;max-width:100%!important;text-align:center!important;margin:0 0 8px!important}
  #sticky-header-with-topbar .gorunme{order:2!important;display:block!important;flex:0 0 100%!important;max-width:100%!important;margin:0!important}
  #header .logo img,.logo img,.logos .logo img{width:min(230px,72vw)!important;max-height:62px!important}
  .md2026-header-search{max-width:720px!important;margin:0 auto!important;padding:4px 0 8px!important}
  .md2026-search-hints{display:none!important}
  #megaMenu{display:none!important}
  .md2026-quick-strip .container{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
  .md2026-quick-strip .container::-webkit-scrollbar{display:none}
}
@media (max-width:575px){
  .siteler .md2026-top-account .log_btn{font-size:12px!important;padding:5px 7px!important}
  .md2026-search-form,.md2026-search-form input,.md2026-search-form button{height:44px!important;min-height:44px!important}
  .md2026-search-form input{font-size:14px!important;line-height:44px!important;padding-left:13px!important}
  .md2026-search-form button{width:48px!important}
}

/* ---------- Home / corporate CMS ---------- */
.mdvision-wrap,.mdcms-page{overflow:hidden}
.mdvision-subhero{padding:clamp(48px,7vw,90px) 0!important}
.mdvision-subhero h1{font-size:clamp(32px,5vw,56px)!important;line-height:1.08!important}
.mdvision-subhero p{font-size:clamp(16px,1.6vw,20px)!important;max-width:850px!important}
.mdvision-section{padding:var(--md-r-section) 0!important}
.mdvision-head{max-width:980px}
.mdvision-grid{gap:clamp(14px,2vw,24px)!important}
.mdvision-card{height:100%;min-width:0;padding:clamp(18px,2vw,28px)!important}
.mdcms-card-img,.mdcms-gallery-item img{width:100%;object-fit:cover}
.mdcms-video{width:100%;aspect-ratio:16/9;padding:0!important;height:auto!important}
.mdcms-video iframe{position:absolute;inset:0;width:100%;height:100%}
@media (max-width:991px){
  .mdvision-grid,.mdcms-cols-4,.mdcms-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .mdvision-grid,.mdcms-cols-4,.mdcms-cols-3,.mdcms-cols-2{grid-template-columns:1fr!important}
  .mdvision-card{min-height:0!important}
  .mdcms-card-img{height:auto!important;aspect-ratio:16/10}
}

/* ---------- News listing: touch devices must not depend on hover ---------- */
.blog__wrap{
  width:min(var(--md-r-page-max),calc(100% - (var(--md-r-pad) * 2)));
  margin-left:auto!important;
  margin-right:auto!important;
}
.blog__wrap>.row{margin-left:-10px!important;margin-right:-10px!important}
.blog__wrap .newss{padding-left:10px!important;padding-right:10px!important;margin-bottom:20px}
.news{margin-top:0!important;border-radius:var(--md-r-radius);background:#111;box-shadow:0 8px 26px rgba(0,0,0,.09)}
.news_img img{width:100%!important;height:100%!important;left:0!important;transform:none!important;object-fit:cover!important;object-position:center!important}
.news_text{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88) 100%)!important}
.news_text_inner{opacity:1!important;visibility:visible!important;color:#fff!important;padding:50px 18px 18px!important;width:100%}
.news_text_inner b{display:block;color:#fff!important;font-size:clamp(16px,1.35vw,20px)!important;line-height:1.35;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.news_date{left:12px!important;top:12px!important;width:auto!important;min-width:58px;border-radius:9px;padding:7px 9px!important;box-shadow:0 4px 14px rgba(0,0,0,.12)}
@media (min-width:992px){.blog__wrap .newss{width:33.333333%}}
@media (min-width:576px) and (max-width:991px){.blog__wrap .newss{width:50%;float:left}}
@media (max-width:575px){
  .blog__wrap{width:calc(100% - 28px)}
  .blog__wrap .newss{width:100%;float:none}
  .news{padding-bottom:62%!important}
}

/* ---------- News detail / gallery / contact ---------- */
.htc__shop__sidebar,.htc__blog__area,.htc__contact__area{overflow:hidden}
.htc__shop__sidebar .section__title img,
.blog__thumb img{max-width:100%;height:auto!important}
.map-contacts iframe{width:100%!important;min-height:360px}
@media (max-width:991px){
  .htc__shop__sidebar{padding-top:30px!important;padding-bottom:44px!important}
  .htc__shop__left__sidebar{margin-bottom:24px!important}
  .htc__shop__left__sidebar .sidebar__list{max-height:260px;overflow:auto;padding-right:6px}
  .htc__contact__container,.contact-form-wrap,.map-contacts{max-width:760px;margin-left:auto;margin-right:auto}
  .map-contacts iframe{min-height:320px}
}
@media (max-width:575px){
  .map-contacts iframe{min-height:260px}
  .contact__title{font-size:26px!important}
  .single-contact-form input,.single-contact-form textarea{font-size:16px!important}
}

/* ---------- Product/category listing ---------- */
.prod_list>.col-md-4,.prod_list>.col-lg-4,.prod_list>.col-sm-4{min-width:0}
.product{height:100%}
.product__details h2,.product__details h2 a{overflow-wrap:anywhere}
.pro__thumb img{max-width:100%;height:auto;object-fit:contain}
.filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filter select,.filter input{min-height:42px}
@media (min-width:768px) and (max-width:991px){
  .prod_list>.col-md-4,.prod_list>.col-lg-4,.prod_list>.col-sm-4{width:50%!important;float:left!important}
  .prod_list>.clearfix{display:none!important}
}
@media (max-width:767px){
  .prod_list>.col-md-4,.prod_list>.col-lg-4,.prod_list>.col-sm-4{width:100%!important;float:none!important}
  .prod_list>.clearfix{display:none!important}
  .htc__shop__sidebar .col-md-3,.htc__shop__sidebar .col-md-9{width:100%!important}
  .filter{align-items:stretch}
  .filter select,.filter input,.filtrele{width:100%!important;max-width:100%!important}
  .satirtoplam{margin-bottom:10px}
}

/* ---------- Gallery cards ---------- */
.blog--page .blog__inner{border-radius:var(--md-r-radius);overflow:hidden}
.blog--page .blog__thumb{aspect-ratio:16/10;overflow:hidden}
.blog--page .blog__thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
@media (min-width:576px) and (max-width:991px){
  .blog--page>.col-md-4,.blog--page .col-sm-6{width:50%!important;float:left!important}
}
@media (max-width:575px){
  .blog--page>.col-md-4,.blog--page .col-sm-6{width:100%!important;float:none!important}
}

/* ---------- Project details / block system ---------- */
body.md-project-detail .pjd-c,
body.md-project-detail .pjd-hero .pjd-c,
body.md-project-detail .pbr>.pjd-c{width:min(1180px,calc(100% - 48px))!important}
body.md-project-detail .pjd-hero{min-height:clamp(500px,72vh,760px)!important}
body.md-project-detail .pjd-section,body.md-project-detail .pbr{padding:clamp(52px,6vw,90px) 0!important}
body.md-project-detail .pjd-text,body.md-project-detail .pbr-text{font-size:clamp(16px,1.2vw,19px)!important;line-height:1.8!important}
body.md-project-detail .pjd-gallery img{max-width:100%}
body.md-project-detail .pjd-products,body.md-project-detail .pjd-related{align-items:stretch}

/* Technical support CTA: no more crooked single-column button/paragraph flow. */
body.md-project-detail .pjd-support{padding:clamp(48px,5vw,72px) 0!important}
body.md-project-detail .pjd-support .pjd-c{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:clamp(24px,4vw,64px)!important;
  align-items:center!important;
  text-align:left!important;
}
body.md-project-detail .pjd-support-copy{max-width:820px;min-width:0}
body.md-project-detail .pjd-support h2{margin:0 0 12px!important;max-width:800px}
body.md-project-detail .pjd-support .pjd-text{margin:0!important;max-width:760px!important}
body.md-project-detail .pjd-support-action{display:flex;justify-content:flex-end;align-items:center;min-width:190px}
body.md-project-detail .pjd-support .pjd-btn{margin:0!important;white-space:nowrap}

@media (max-width:991px){
  body.md-project-detail .pjd-c,body.md-project-detail .pjd-hero .pjd-c,body.md-project-detail .pbr>.pjd-c{width:calc(100% - 36px)!important}
  body.md-project-detail .pjd-hero .pjd-info{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.md-project-detail .pjd-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}
  body.md-project-detail .pjd-gallery figure,body.md-project-detail .pjd-gallery figure:first-child{grid-column:auto!important;grid-row:auto!important}
  body.md-project-detail .pjd-gallery figure:first-child img,body.md-project-detail .pjd-gallery img{height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important}
  body.md-project-detail .pjd-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.md-project-detail .pjd-related{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.md-project-detail .pjd-support .pjd-c{grid-template-columns:1fr!important;text-align:left!important}
  body.md-project-detail .pjd-support-action{justify-content:flex-start!important;min-width:0}
}
@media (max-width:575px){
  body.md-project-detail .pjd-c,body.md-project-detail .pjd-hero .pjd-c,body.md-project-detail .pbr>.pjd-c{width:calc(100% - 24px)!important}
  body.md-project-detail .pjd-hero{min-height:500px!important}
  body.md-project-detail .pjd-hero .pjd-info{grid-template-columns:1fr!important}
  body.md-project-detail .pjd-gallery{grid-template-columns:1fr!important;gap:12px!important}
  body.md-project-detail .pjd-products,body.md-project-detail .pjd-related{grid-template-columns:1fr!important}
  body.md-project-detail .pjd-support .pjd-btn{width:100%;white-space:normal;text-align:center}
}

/* ---------- Footer ---------- */
.htc__foooter__area{max-width:100%;overflow:hidden}
.htc__foooter__area .footer__container{display:flex;flex-wrap:wrap;align-items:flex-start}
.htc__foooter__area .ft__logo img{max-width:min(260px,100%);height:auto}
.htc__foooter__area .news__input input{width:100%!important;min-width:0!important}
.htc__foooter__area .footer__menu{display:flex;flex-wrap:wrap;gap:8px 18px}
@media (max-width:991px){
  .htc__foooter__area .footer__container>[class*="col-"]{margin-bottom:26px}
  .htc__foooter__area .footer__menu{justify-content:center!important}
  .htc__foooter__area .copyright{text-align:center!important}
}
@media (max-width:575px){
  .htc__foooter__area{padding-bottom:88px!important}
  .htc__foooter__area .footer__container>[class*="col-"]{width:100%!important;float:none!important;text-align:center}
  .htc__foooter__area .ft__widget{max-width:420px;margin-left:auto;margin-right:auto}
  .htc__foooter__area .social__icon{display:flex;justify-content:center;flex-wrap:wrap}
  .htc__foooter__area .footer__menu{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;gap:8px!important}
  .whatsapp-button{right:12px!important;bottom:12px!important;transform:scale(.86);transform-origin:bottom right}
  .md26-ai-fab{left:12px!important;right:auto!important;bottom:14px!important;max-width:calc(100vw - 95px)!important;font-size:12px!important}
}

/* ---------- Very wide monitors / TV ---------- */
@media (min-width:1920px){
  body{font-size:17px}
  .section__title p,.mdcms-rich,.mdvision-prose{font-size:19px!important}
  .mdvision-card{padding:30px!important}
  .product__details h2 a{font-size:16px}
}

/* ---------- Accessibility / touch ---------- */
@media (hover:none){
  .news_text_inner{opacity:1!important;visibility:visible!important}
  .mdvision-card:hover,.pjd-product:hover,.pjd-related-card:hover{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* =========================================================
   MD Teknoloji - Responsive 2026 R2
   Editorial pages, news, gallery, contact and final alignment
   ========================================================= */

/* Editorial pages should feel corporate, not like a catalogue. */
body.md-editorial .md2026-quick-strip{display:none!important}
body.md-editorial #megaMenu{display:none!important}
body.md-editorial.md-news-detail .htc__shop__sidebar,
body.md-editorial.md-gallery-page .htc__blog__area{padding:0!important}

.md-list-page,.md-article-page,.md-contact-2026{background:#fff;color:#262626}
.md-list-page{padding:clamp(40px,6vw,84px) 0 clamp(56px,7vw,100px)}
.md-list-hero{max-width:920px;margin:0 0 clamp(30px,4vw,54px)}
.md-list-hero>span,.md-section-head>span{display:block;margin-bottom:8px;color:#8f1833;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.md-list-hero h1{margin:0 0 14px;color:#111;font-size:clamp(34px,5vw,64px);line-height:1.04;letter-spacing:-.035em}
.md-list-hero p{max-width:760px;margin:0;color:#555;font-size:clamp(16px,1.3vw,20px);line-height:1.7}

/* News list */
.md-news-grid-2026{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,30px)}
.md-news-card-2026{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e7e7e7;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.055)}
.md-news-card-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#eee}
.md-news-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.md-news-card-body{display:flex;flex:1;flex-direction:column;padding:20px}
.md-news-card-body time{display:block;margin-bottom:9px;color:#7a7a7a;font-size:13px}
.md-news-card-body h2{margin:0 0 18px;color:#171717;font-size:clamp(18px,1.6vw,24px);line-height:1.3}
.md-news-card-body h2 a{color:inherit}
.md-text-link{margin-top:auto;color:#8f1833;font-weight:700}
@media (hover:hover){.md-news-card-2026:hover .md-news-card-img img{transform:scale(1.035)}}

/* News detail */
.md-article-page{padding:clamp(34px,5vw,72px) 0 clamp(62px,8vw,110px)}
.md-article-shell{width:min(980px,100%);margin:0 auto}
.md-article-header{width:min(860px,100%);margin:0 auto clamp(26px,4vw,46px)}
.md-article-back{display:inline-flex;margin-bottom:18px;color:#8f1833;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.md-article-header h1{margin:0;color:#111;font-size:clamp(34px,5.2vw,66px);line-height:1.06;letter-spacing:-.038em}
.md-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:#777;font-size:14px}
.md-article-hero{margin:0 0 clamp(30px,5vw,54px);overflow:hidden;border-radius:clamp(12px,2vw,22px);background:#eee}
.md-article-hero img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}
.md-article-body{width:min(860px,100%);margin:0 auto;color:#333;font-size:clamp(17px,1.25vw,20px);line-height:1.82}
.md-article-body>*:first-child{margin-top:0}
.md-article-body p{margin:0 0 1.35em}
.md-article-body h2{margin:2em 0 .7em;color:#151515;font-size:clamp(27px,3vw,40px);line-height:1.15}
.md-article-body h3{margin:1.7em 0 .6em;color:#1d1d1d;font-size:clamp(22px,2.2vw,30px);line-height:1.2}
.md-article-body img{display:block;max-width:100%!important;height:auto!important;margin:28px auto;border-radius:12px}
.md-article-body iframe,.md-article-body video{display:block;width:100%!important;max-width:100%!important;aspect-ratio:16/9;height:auto!important;margin:30px auto;border-radius:12px}
.md-article-body table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.md-article-body pre{white-space:pre-wrap}
.md-related-news{width:min(1180px,100%);margin:clamp(58px,8vw,100px) auto 0;padding-top:clamp(34px,5vw,58px);border-top:1px solid #e5e5e5}
.md-section-head{margin-bottom:24px}.md-section-head h2{margin:0;color:#111;font-size:clamp(27px,3vw,40px)}
.md-related-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.md-related-news-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border:1px solid #e9e9e9;border-radius:13px;color:#222;background:#fff}
.md-related-news-img{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:#eee}
.md-related-news-img img{width:100%;height:100%;object-fit:cover}
.md-related-news-copy{min-width:0}.md-related-news-copy strong{display:block;font-size:15px;line-height:1.35}.md-related-news-copy small{display:block;margin-top:6px;color:#777}

/* Gallery */
.md-gallery-tabs{display:flex;gap:9px;overflow-x:auto;margin:0 0 28px;padding:2px 0 8px;white-space:nowrap;scrollbar-width:none}
.md-gallery-tabs::-webkit-scrollbar{display:none}
.md-gallery-tabs a{display:inline-flex;flex:0 0 auto;align-items:center;min-height:40px;padding:8px 14px;border:1px solid #ddd;border-radius:999px;color:#333;background:#fff;font-weight:700}
.md-gallery-tabs a.active{border-color:#8f1833;color:#fff;background:#8f1833}
.md-gallery-grid-2026{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.md-gallery-card{position:relative;display:block;min-width:0;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#111}
.md-gallery-card:nth-child(7n+1){grid-column:span 2;grid-row:span 2;aspect-ratio:auto;min-height:420px}
.md-gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.md-gallery-overlay{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding:42px 16px 15px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.md-gallery-overlay strong{font-size:15px;line-height:1.35}.md-gallery-overlay i{font-size:20px}
.md-empty-state{grid-column:1/-1;padding:34px;border:1px dashed #ccc;border-radius:14px;color:#666;text-align:center}
@media (hover:hover){.md-gallery-card:hover img{transform:scale(1.035)}}

/* Contact */
.md-contact-2026{padding:clamp(40px,6vw,84px) 0 clamp(60px,8vw,110px)}
.md-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
.md-contact-panel{padding:clamp(22px,3vw,34px);border:1px solid #e5e5e5;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(0,0,0,.045)}
.md-contact-panel h2{margin:0 0 24px;color:#111;font-size:clamp(25px,2.6vw,36px)}
.md-contact-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid #eee}
.md-contact-item:last-child{border-bottom:0}.md-contact-item>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#8f1833;background:#f6eef1;font-size:18px}
.md-contact-item strong{display:block;margin-bottom:4px;color:#222}.md-contact-item p{margin:0;color:#555;line-height:1.65}
.md-contact-form{display:grid;gap:16px}.md-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.md-contact-form label{display:grid;gap:7px;color:#333;font-size:14px;font-weight:700}
.md-contact-form input,.md-contact-form textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #d7d7d7;border-radius:10px;background:#fff;font-size:16px;font-weight:400;outline:none}
.md-contact-form textarea{min-height:150px;resize:vertical}
.md-contact-form input:focus,.md-contact-form textarea:focus{border-color:#8f1833;box-shadow:0 0 0 3px rgba(143,24,51,.09)}
.md-contact-form button{justify-self:start;min-width:150px;min-height:48px;border-radius:10px}
.md-map-panel{margin-top:24px;overflow:hidden;border-radius:18px;background:#eee}
.md-map-panel iframe{display:block;width:100%;height:clamp(300px,42vw,560px);border:0}

/* Project CTA final alignment */
body.md-project-detail .pjd-support .pjd-c{width:min(1180px,calc(100% - 48px))!important}
body.md-project-detail .pjd-support-copy{display:block!important}
body.md-project-detail .pjd-support-copy .pjd-eyebrow{margin-bottom:10px!important}
body.md-project-detail .pjd-support h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.14!important}
body.md-project-detail .pjd-support .pjd-text{margin:0!important;color:#d4d4d4!important}
body.md-project-detail .pjd-support-action{align-self:center!important}
body.md-project-detail .pjd-support .pjd-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:13px 22px!important}

@media (max-width:1199px){
  .md-news-grid-2026{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md-related-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md-gallery-grid-2026{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md-gallery-card:nth-child(7n+1){grid-column:span 1;grid-row:span 1;min-height:0;aspect-ratio:4/3}
}
@media (max-width:767px){
  body.md-editorial .container{padding-left:16px!important;padding-right:16px!important}
  .md-news-grid-2026{grid-template-columns:1fr}
  .md-related-news-grid{grid-template-columns:1fr}
  .md-related-news-card{grid-template-columns:92px minmax(0,1fr)}
  .md-gallery-grid-2026{grid-template-columns:1fr}
  .md-gallery-card,.md-gallery-card:nth-child(7n+1){aspect-ratio:4/3;min-height:0}
  .md-contact-grid{grid-template-columns:1fr}
  .md-form-row{grid-template-columns:1fr}
  .md-contact-form button{width:100%}
  .md-article-hero{margin-left:-4px;margin-right:-4px;border-radius:12px}
  body.md-project-detail .pjd-support .pjd-c{width:calc(100% - 28px)!important;gap:22px!important}
  body.md-project-detail .pjd-support-action{width:100%!important}
  body.md-project-detail .pjd-support .pjd-btn{width:100%!important}
}
@media (max-width:420px){
  .md-article-page,.md-list-page,.md-contact-2026{padding-top:28px}
  .md-list-hero h1,.md-article-header h1{font-size:32px}
  .md-article-body{font-size:17px;line-height:1.72}
  .md-related-news-card{grid-template-columns:78px minmax(0,1fr);gap:11px;padding:8px}
}
@media (min-width:1920px){
  .md-article-shell{width:min(1080px,100%)}
  .md-article-header,.md-article-body{width:min(900px,100%)}
  .md-news-grid-2026{gap:30px}
}


/* =========================================================
   MD Teknoloji - Responsive 2026 R3
   Header / mobile navigation / commerce separation
   ========================================================= */
.md2026-mobile-nav-trigger,.md2026-mobile-drawer,.md2026-mobile-drawer-backdrop{display:none}

@media (max-width:991px){
  body.md2026-mobile-nav-open{overflow:hidden!important}
  .siteler .md2026-top-sites,.siteler .md2026-top-center{display:none!important}
  .siteler .md2026-top-account{width:100%!important;float:none!important;text-align:center!important}
  .siteler{min-height:34px!important}

  #sticky-header-with-topbar .container.border-bottom{padding-top:0!important;padding-bottom:0!important}
  #sticky-header-with-topbar .row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:\"logo actions\" \"search search\"!important;gap:8px 12px!important;align-items:center!important;justify-content:stretch!important;padding:10px 0 12px!important}
  #sticky-header-with-topbar .logos{grid-area:logo!important;display:block!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;text-align:left!important}
  #sticky-header-with-topbar .gorunme{grid-area:search!important;display:block!important;width:100%!important;max-width:none!important;margin:0!important}
  #sticky-header-with-topbar .menus{grid-area:actions!important;display:flex!important;width:auto!important;max-width:none!important;min-width:0!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;padding:0!important}
  #header .logo img,.logo img,.logos .logo img{width:min(210px,56vw)!important;max-width:100%!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important}
  .md2026-header-search{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .md2026-header-search .md2026-search-hints{display:none!important}
  .md2026-search-form{width:100%!important;margin:0!important}

  /* Replace the legacy plugin menu with one controlled drawer. */
  .mobile-menu,.mobile-menu-area,#mobile_dropdown{display:none!important}
  .mainmenu__nav{display:none!important}
  .md2026-header-actions .menu-extra{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;background:none!important}
  .md2026-header-actions .menu-extra>li{float:none!important;margin:0!important}
  .md2026-header-actions .search__open,.md2026-header-actions .md26-header-compare{display:none!important}
  .md2026-header-actions .cart__menu{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;margin:0!important;border:1px solid #e0e0e0!important;border-radius:10px!important;background:#fff!important}
  .md2026-header-actions .cart__menu>span{font-size:21px!important}
  .md2026-header-actions .countsepet{top:-6px!important;right:-4px!important}

  .md2026-mobile-nav-trigger{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:46px;height:42px;padding:5px;border:1px solid #dedede;border-radius:10px;background:#fff;color:#111}
  .md2026-mobile-nav-trigger span{display:block;width:19px;height:2px;border-radius:2px;background:#111}
  .md2026-mobile-nav-trigger b{display:block;margin-top:1px;font-size:9px;line-height:1;font-weight:800;letter-spacing:.03em}

  .md2026-mobile-drawer-backdrop{position:fixed;z-index:99997;inset:0;display:block!important;background:rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:opacity .22s ease}
  .md2026-mobile-drawer{position:fixed;z-index:99998;top:0;right:0;display:flex!important;flex-direction:column;width:min(88vw,390px);height:100dvh;overflow-y:auto;padding:0 18px 28px;background:#fff;box-shadow:-18px 0 50px rgba(0,0,0,.2);transform:translateX(105%);transition:transform .25s ease;-webkit-overflow-scrolling:touch}
  body.md2026-mobile-nav-open .md2026-mobile-drawer{transform:translateX(0)}
  body.md2026-mobile-nav-open .md2026-mobile-drawer-backdrop{opacity:1;pointer-events:auto}
  .md2026-mobile-drawer-head{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 12px;border-bottom:1px solid #eee;background:#fff}
  .md2026-mobile-drawer-logo img{display:block;width:170px;max-height:52px;object-fit:contain;object-position:left center}
  .md2026-mobile-drawer-close{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:10px;background:#f3f3f3;color:#111;font-size:30px;line-height:1}
  .md2026-mobile-drawer-nav{display:grid;padding:12px 0}
  .md2026-mobile-drawer-nav a{display:flex;align-items:center;min-height:46px;padding:9px 5px;border-bottom:1px solid #f0f0f0;color:#222;font-size:16px;font-weight:700}
  .md2026-mobile-drawer-nav a.is-shop{margin:7px 0;padding:10px 12px;border:0;border-radius:10px;background:#111;color:#fff}
  .md2026-mobile-drawer-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0;border-top:1px solid #e7e7e7}
  .md2026-mobile-drawer-tools a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px;border:1px solid #ddd;border-radius:9px;color:#333;background:#fafafa;font-size:13px;font-weight:700;text-align:center}
  .md2026-mobile-drawer-account{display:flex;gap:8px;margin-top:auto;padding-top:16px}
  .md2026-mobile-drawer-account a{display:flex;flex:1;align-items:center;justify-content:center;min-height:44px;padding:9px;border-radius:9px;background:#8f1833;color:#fff;font-weight:800;text-align:center}

  /* On phones, shopping shortcuts are available inside the drawer. */
  .md2026-quick-strip{display:none!important}
  body.md-home-page .md2026-quick-strip,body.md-shop-page .md2026-quick-strip{display:block!important}
  body.md-home-page .md2026-quick-strip .container,body.md-shop-page .md2026-quick-strip .container{padding-top:7px!important;padding-bottom:7px!important}
}

@media (max-width:575px){
  .siteler{display:none!important}
  #sticky-header-with-topbar .row{gap:7px 8px!important;padding-top:8px!important}
  #header .logo img,.logo img,.logos .logo img{width:min(185px,53vw)!important;max-height:50px!important}
  .md2026-mobile-nav-trigger{width:43px;height:40px}
  .md2026-header-actions .cart__menu{width:40px!important;height:40px!important}
  .md2026-search-form,.md2026-search-form input,.md2026-search-form button{height:43px!important;min-height:43px!important}
  .md2026-search-form input{font-size:14px!important;padding-left:12px!important}
  .md2026-mobile-drawer{width:min(92vw,370px);padding-left:16px;padding-right:16px}
  .md2026-mobile-drawer-tools{grid-template-columns:1fr 1fr}
}

@media (min-width:992px){
  .md2026-mobile-drawer,.md2026-mobile-drawer-backdrop,.md2026-mobile-nav-trigger{display:none!important}
}

/* R3.1 safety guards */
@media (min-width:992px){
  .mobile-menu,.mobile-menu-area,#mobile_dropdown{display:none!important;}
  .md2026-mobile-drawer,.md2026-mobile-drawer-backdrop,.md2026-mobile-nav-trigger{display:none!important;}
}

/* Homepage corporate content must never depend on Smart Shopping toggle. */
#mdHomeAlwaysVisible,
.mdHomeAlwaysVisible {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}
\n\n/* ============================================================\n   MD Teknoloji R3.2A - targeted shop controls/payment fix\n   ============================================================ */\n.md-shop-controls{\n  display:flex !important;\n  flex-wrap:wrap !important;\n  align-items:center !important;\n  gap:10px 14px !important;\n  width:100% !important;\n}\n.md-shop-controls .md-sort-label{\n  flex:0 0 auto !important;\n  font-weight:600 !important;\n  color:#303030 !important;\n  white-space:nowrap !important;\n}\n.md-shop-controls #sortSel{\n  flex:0 1 420px !important;\n  width:auto !important;\n  min-width:220px !important;\n  max-width:420px !important;\n  margin:0 !important;\n}\n.md-shop-controls .md-stock-only{\n  display:inline-flex !important;\n  align-items:center !important;\n  gap:7px !important;\n  margin:0 !important;\n  min-height:42px !important;\n  cursor:pointer !important;\n  font-weight:400 !important;\n  white-space:nowrap !important;\n}\n.md-shop-controls .md-stock-only #stokOnly{\n  width:18px !important;\n  height:18px !important;\n  min-height:0 !important;\n  margin:0 !important;\n  flex:0 0 18px !important;\n}\n.md-payment-logos{\n  height:30px !important;\n  width:auto !important;\n  max-width:190px !important;\n  max-height:30px !important;\n  object-fit:contain !important;\n}\n@media (max-width:767px){\n  .md-shop-controls{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;}\n  .md-shop-controls .md-sort-label{display:block !important;}\n  .md-shop-controls #sortSel{width:100% !important;min-width:0 !important;max-width:none !important;}\n  .md-shop-controls .md-stock-only{width:max-content !important;max-width:100% !important;white-space:normal !important;}\n  .md-payment-logos{height:26px !important;max-height:26px !important;max-width:165px !important;}\n}\n