.mega-site-header{z-index:80;display:block;min-height:0;padding:0;background:#fffffff8;isolation:isolate}
.mega-header-main{display:grid;min-height:76px;grid-template-columns:180px minmax(280px,620px) auto;align-items:center;justify-content:space-between;gap:34px;padding:0 3.5vw}
.mega-header-main .brand-link{justify-self:start}.mega-header-main .brand-logo{max-height:58px}
.mega-search{position:relative;display:flex;height:42px;align-items:center;border:1px solid #dfe6ee;border-radius:4px;background:#f4f7fb;transition:border-color .2s,box-shadow .2s}
.mega-search:focus-within{border-color:#168cff;box-shadow:0 0 0 4px #168cff12;background:#fff}.mega-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mega-search input{width:100%;height:100%;border:0!important;outline:0;background:transparent!important;padding:0 45px 0 15px!important;color:#081c35;font-size:12px;box-shadow:none!important}.mega-search input::placeholder{color:#8090a3}
.mega-search>button{position:absolute;right:4px;display:grid;width:34px;height:34px;place-items:center;border:0;background:transparent;color:#0b2846;padding:0}.mega-search>button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.mega-search-results{position:absolute;z-index:95;top:calc(100% + 8px);right:0;left:0;overflow:hidden;border:1px solid #dce5ed;border-radius:4px;background:#fff;padding:7px;box-shadow:0 20px 55px #071b3030}.mega-search-results[hidden]{display:none}.mega-search-results a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;padding:10px;color:#102a46;font-size:11px;font-weight:750}.mega-search-results a:last-child{border:0}.mega-search-results a:hover,.mega-search-results a:focus{outline:0;background:#edf7ff;color:#0877e8;padding-left:14px}.mega-search-results a .mega-result-name{color:inherit}.mega-search-results a b{color:#168cff;font-size:14px}.mega-search-results p{margin:0;padding:15px;color:#718398;font-size:10px;text-align:center}
.mega-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.mega-phone{display:flex;flex-direction:column;color:#0b2846;line-height:1.1;white-space:nowrap}
.mega-phone small{color:#8594a5;font-size:8px;font-weight:800;text-transform:uppercase}
.mega-phone b{margin-top:5px;font-size:11px}
.mega-header-actions .header-cta{position:static;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:118px;height:40px;padding:0 14px;border-radius:9px;background:#0284c7;color:#fff;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .2s}
.mega-header-actions .header-cta:hover{background:#0369a1;box-shadow:0 3px 10px rgba(2,132,199,.25)}
.header-cta-icon{font-size:15px;line-height:1}
.mega-mobile-toggle{display:none;width:44px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #dce5ed;background:#fff;padding:0}
.mega-mobile-toggle i{display:block;width:20px;height:2px;background:#0b2846;transition:transform .2s,opacity .2s}
.mega-nav-row{border-top:1px solid #edf1f5;background:#fff}.mega-product-nav{height:47px;justify-content:center;gap:3px}.mega-product-nav>a{position:relative;display:flex;height:47px;align-items:center;padding:0 13px;color:#112a45;font-size:10px;font-weight:850;white-space:nowrap;transition:color .18s,background .18s}.mega-product-nav>a:after{position:absolute;right:12px;bottom:0;left:12px;height:3px;background:#168cff;content:"";transform:scaleX(0);transition:transform var(--mega-speed) ease}.mega-product-nav>a:hover,.mega-product-nav>a.active{background:#f1f7fd;color:#0877e8}.mega-product-nav>a.active:after,.mega-product-nav>a:hover:after{transform:scaleX(1)}.mega-product-nav .nav-summary span{margin-left:7px;color:#168cff;font-size:13px;transition:transform var(--mega-speed)}.mega-product-nav .nav-summary.active span{transform:rotate(180deg)}
.mega-menu-shell{position:absolute;z-index:82;top:100%;right:0;left:0;opacity:0;visibility:hidden;overflow:hidden;border-top:1px solid #dce5ed;background:#fff;box-shadow:0 26px 65px #071b302b;transform:translateY(-8px);transition:opacity var(--mega-speed),visibility var(--mega-speed),transform var(--mega-speed)}.mega-open .mega-menu-shell{opacity:1;visibility:visible;transform:none}.mega-menu-stage{position:relative;width:min(1440px,93vw);height:320px;margin:auto;transition:height var(--mega-speed) ease}
.mega-panel{position:absolute;top:0;right:0;left:0;display:grid;min-height:286px;grid-template-columns:240px minmax(380px,1fr) minmax(340px,430px);gap:32px;align-items:stretch;opacity:0;visibility:hidden;padding:22px 0 24px;transform:translateX(14px);transition:opacity var(--mega-speed),visibility var(--mega-speed),transform var(--mega-speed)}.mega-panel.active{z-index:1;opacity:1;visibility:visible;transform:none}
.mega-panel-intro{display:flex;align-items:flex-start;flex-direction:column;border-right:1px solid #e3e9ef;padding:8px 28px 8px 0}.mega-panel-intro>span{color:#168cff;font-size:8px;font-weight:950;letter-spacing:1.6px}.mega-panel-intro h2{margin:12px 0 9px;color:#071b30;font-size:28px;line-height:1.02;letter-spacing:-1px}.mega-panel-intro p{margin:0;color:#718398;font-size:11px;line-height:1.6}.mega-panel-intro>a{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;border:1px solid #dce5ed;padding:12px 13px;color:#102a46;font-size:10px;font-weight:850}.mega-panel-intro>a:hover{border-color:#168cff;color:#0877e8}.mega-panel-intro>a b{color:#168cff;font-size:16px}
.mega-product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:26px}.mega-product-links>a{display:flex;min-height:42px;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;color:#152c45;font-size:11px;font-weight:750;transition:color .18s,padding .18s}.mega-product-links>a:hover{padding-left:5px;color:#0877e8}.mega-product-links>a b{opacity:0;color:#168cff;transition:opacity .18s,transform .18s}.mega-product-links>a:hover b{opacity:1;transform:translateX(2px)}
.mega-link-copy{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.mega-link-copy strong{font-size:12px;color:#112a45;font-weight:800;display:block}.mega-link-copy small{font-size:10px;color:#64748b;font-weight:500;line-height:1.3;display:block}
.mega-product-links>a.preview-active{padding-left:7px;background:#f1f7fd;color:#0877e8}.mega-product-links>a.preview-active b{opacity:1}
.mega-product-preview{display:grid;min-height:255px;overflow:hidden;border:1px solid #dfe7ee;border-radius:5px;background:#f7fafc;grid-template-columns:minmax(125px,44%) minmax(0,1fr);transition:opacity .14s,transform .14s}.mega-product-preview.is-changing{opacity:.45;transform:translateY(3px)}.mega-product-preview>img{width:100%;height:100%;min-height:255px;object-fit:cover;background:#edf2f6}.mega-product-preview>div{display:flex;min-width:0;align-items:flex-start;flex-direction:column;padding:23px 20px}.mega-product-preview>div>span{color:#168cff;font-size:8px;font-weight:950;letter-spacing:1.5px}.mega-product-preview h3{margin:10px 0 8px;color:#071b30;font-size:20px;line-height:1.08;letter-spacing:-.4px}.mega-product-preview p{display:-webkit-box;overflow:hidden;margin:0;color:#718398;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:4}.mega-product-preview a{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid #dce5ed;padding-top:14px;color:#102a46;font-size:9px;font-weight:900}.mega-product-preview a b{color:#168cff;font-size:17px}.mega-product-preview.empty{grid-template-columns:1fr}.mega-product-preview.empty>div{justify-content:center}
.mega-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mega-featured>a{display:flex;min-width:0;flex-direction:column;border:1px solid #e0e7ee;border-radius:4px;background:#fafcfe;padding:9px;color:#132b45;transition:border-color .2s,transform .2s,box-shadow .2s}.mega-featured>a:hover{border-color:#168cff;transform:translateY(-3px);box-shadow:0 13px 30px #168cff16}.mega-featured img{width:100%;height:150px;object-fit:cover;border-radius:3px;background:#eef3f7}.mega-featured span{margin-top:10px;font-size:10px;font-weight:850;line-height:1.35}.mega-featured b{margin-top:auto;padding-top:7px;color:#168cff;font-size:8px}
.mega-density-compact .mega-menu-stage{height:286px}.mega-density-compact .mega-panel{min-height:255px;grid-template-columns:210px minmax(350px,1fr) minmax(310px,390px);gap:24px;padding-top:16px;padding-bottom:17px}.mega-density-compact .mega-panel-intro h2{font-size:24px}.mega-density-compact .mega-product-links>a{min-height:36px;font-size:10px}.mega-density-compact .mega-product-preview,.mega-density-compact .mega-product-preview>img{min-height:220px}.mega-density-compact .mega-product-preview>div{padding:18px 16px}
.mega-menu-backdrop{position:fixed;z-index:79;inset:123px 0 0;display:block;border:0;background:#06152566;padding:0;opacity:0;visibility:hidden;backdrop-filter:blur(2px);transition:opacity var(--mega-speed),visibility var(--mega-speed)}.mega-open .mega-menu-backdrop{opacity:1;visibility:visible}.mega-menu-shell{z-index:81}.mega-header-main{position:relative;z-index:84}.mega-nav-row{position:relative;z-index:83}
.mobile-mega-accordion{display:none}
@media(max-width:1180px){.mega-header-main{grid-template-columns:150px minmax(260px,1fr) auto;gap:18px;padding:0 20px}.mega-phone{display:none}.mega-product-nav>a{padding:0 9px;font-size:9px}.mega-panel{grid-template-columns:210px minmax(330px,1fr) 330px;gap:22px}.mega-featured img{height:130px}}
@media(max-width:900px){
  body:has(.mega-site-header.mobile-nav-open){overflow:hidden}
  .mega-site-header{min-height:62px}
  .mega-header-main{
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 12px;
    gap:8px;
  }
  .mega-header-main .brand-link{flex-shrink:0}
  .mega-header-main .brand-logo{max-height:42px;max-width:115px;object-fit:contain}
  .mega-search{display:none}
  .mega-phone{display:none}
  
  .mega-header-actions{
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex-shrink:0;
  }
  
  .mega-header-actions .member-trigger{
    display:inline-flex !important;
    width:38px !important;
    height:38px !important;
    min-height:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    padding:0 !important;
    border-radius:50% !important;
    border:1px solid #dce5ed !important;
    background:#f8fafc !important;
    justify-content:center !important;
    align-items:center !important;
    flex-shrink:0 !important;
    box-shadow:0 1px 3px rgba(0,0,0,.04);
  }
  .mega-header-actions .member-trigger .member-trigger-label{
    display:none !important;
  }
  .mega-header-actions .member-trigger .member-trigger-icon{
    width:24px;
    height:24px;
    background:transparent;
  }
  
  .mega-header-actions .header-cta{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:5px;
    height:38px;
    min-height:38px;
    min-width:0;
    padding:0 12px;
    border-radius:20px;
    background:linear-gradient(135deg,#0284c7,#0369a1);
    color:#fff;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
    box-shadow:0 2px 8px rgba(2,132,199,.25);
    flex-shrink:0;
  }
  .header-cta-icon{font-size:14px;line-height:1}
  .header-cta-arrow{display:none}
  
  .mega-mobile-toggle{
    display:inline-flex !important;
    width:38px;
    height:38px;
    min-height:38px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    border:1px solid #dce5ed;
    border-radius:9px;
    background:#fff;
    padding:0;
    cursor:pointer;
    flex-shrink:0;
    box-shadow:0 1px 3px rgba(0,0,0,.06);
    touch-action:manipulation;
    pointer-events:auto !important;
    position:relative;
    z-index:105 !important;
  }
  .mega-mobile-toggle i{
    display:block;
    width:18px;
    height:2px;
    background:#0f2744;
    border-radius:1px;
    transition:transform .2s,opacity .2s;
    pointer-events:none;
  }
  .mobile-nav-open .mega-mobile-toggle{border-color:#0284c7;background:#f0f9ff}
  .mobile-nav-open .mega-mobile-toggle i:first-child{transform:translateY(6px) rotate(45deg)}
  .mobile-nav-open .mega-mobile-toggle i:nth-child(2){opacity:0}
  .mobile-nav-open .mega-mobile-toggle i:last-child{transform:translateY(-6px) rotate(-45deg)}
  
  .mega-nav-row{
    position:fixed!important;
    z-index:9999!important;
    top:62px;
    right:0;
    bottom:0;
    left:0;
    display:block;
    overflow-y:auto;
    border-top:1px solid #dce5ed;
    background:#fff;
    padding:10px 16px 30px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .2s,visibility .2s,transform .2s;
  }
  .mobile-nav-open .mega-nav-row{
    opacity:1;
    visibility:visible;
    pointer-events:auto !important;
    transform:none;
  }
  .mega-product-nav{display:flex;width:100%;height:auto;align-items:stretch;flex-direction:column;overflow:visible;padding:0}
  .mega-product-nav>a{width:100%;height:52px;flex:0 0 auto;justify-content:space-between;border-bottom:1px solid #e7edf2;padding:0 4px;font-size:12px}
  .mega-product-nav>a:after{display:none}
  .mega-product-nav>a:hover,.mega-product-nav>a.active{background:transparent;color:#0877e8}
  .mega-product-nav .nav-summary span{font-size:18px}
  .mega-menu-shell,.mega-menu-backdrop{display:none!important}
  .mobile-mega-accordion{display:block;overflow:hidden;border-bottom:1px solid #dce5ed;background:#f7fafd;padding:17px;animation:mobileMegaOpen var(--mega-speed) ease}
  .mobile-mega-accordion .mega-panel-intro{display:block;border:0;padding:0 0 14px}
  .mobile-mega-accordion .mega-panel-intro>span{display:none}
  .mobile-mega-accordion .mega-panel-intro h2{margin:0 0 6px;font-size:20px}
  .mobile-mega-accordion .mega-panel-intro p{font-size:10px}
  .mobile-mega-accordion .mega-panel-intro>a{margin-top:13px;background:#fff}
  .mobile-mega-accordion .mega-product-links{grid-template-columns:1fr}
  .mobile-mega-accordion .mega-product-links a{min-height:43px;font-size:11px}
  @keyframes mobileMegaOpen{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
}
@media(max-width:380px){
  .header-cta-text{display:none}
  .mega-header-actions .header-cta{
    width:38px;
    height:38px;
    padding:0;
    border-radius:50%;
  }
  .mega-header-main .brand-logo{max-width:95px}
}
@media(prefers-reduced-motion:reduce){.mega-site-header *{transition:none!important;animation:none!important}}
/* Hakkımızda: görselsiz, metin odaklı kurumsal anlatım */
.content-hero.about-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);min-height:0;overflow:hidden;background:linear-gradient(135deg,#f7fbff 0%,#fff 60%);border-bottom:1px solid var(--line)}
.content-hero.about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0877e80a 1px,transparent 1px),linear-gradient(#0877e80a 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.content-hero.about-hero:after{content:"";position:absolute;right:-170px;top:-220px;width:520px;height:520px;border:85px solid #00b9ee12;border-radius:50%;pointer-events:none}
.about-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:105px 7vw 95px!important}
.content-hero.about-hero h1{max-width:940px;font-size:clamp(58px,6.6vw,104px);line-height:.9}
.content-hero.about-hero .about-hero-copy>p:last-child{max-width:800px;margin:34px 0 0;color:var(--muted);font-size:18px;line-height:1.8}
.about-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:14px;padding:60px 5vw 60px 0}
.about-facts article{border:1px solid var(--line);border-left:4px solid var(--blue);background:#ffffffdc;padding:22px 20px;box-shadow:0 12px 35px #081c350a;border-radius:6px}
.about-facts article:nth-child(2){border-left-color:var(--pink)}.about-facts article:nth-child(3){border-left-color:var(--cyan)}.about-facts article:nth-child(4){border-left-color:#159d75}
.about-facts strong{display:block;color:var(--blue);font-size:36px;letter-spacing:-.04em;line-height:1}.about-facts article:nth-child(2) strong{color:var(--pink)}.about-facts article:nth-child(3) strong{color:#009ccc}.about-facts article:nth-child(4) strong{color:#159d75}
.about-facts h3{margin:7px 0 5px;font-size:16px}.about-facts p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.about-section{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(45px,7vw,110px);padding:95px 7vw;border-bottom:1px solid var(--line)}
.about-section:nth-of-type(even){background:var(--soft)}
.about-heading{align-self:start}.about-heading h2{margin:0;letter-spacing:-.02em;font-size:clamp(38px,4.5vw,68px);line-height:1.2}.about-heading>p:last-child:not(.kicker){max-width:500px;margin:25px 0 0;color:var(--muted);font-size:15px;line-height:1.8}
.about-copy{max-width:860px}.about-copy>p{margin:0 0 23px;color:var(--muted);font-size:16px;line-height:1.95}.about-copy>p:first-child{color:var(--ink);font-size:18px;font-weight:600}.about-copy .btn{margin-top:14px}
.about-services{display:block;background:var(--ink)!important;color:#fff}.about-services .about-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:48px}.about-services .about-heading .kicker{grid-column:1/-1;margin-bottom:-28px}.about-services .about-heading>p:last-child{color:#aab9ca;align-self:end}
.about-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.about-service-grid article{display:flex;min-height:300px;flex-direction:column;border:1px solid #ffffff20;background:#ffffff08;padding:26px 24px;border-radius:8px;transition:border-color .25s,transform .25s,background .25s}.about-service-grid article:hover{border-color:var(--cyan);background:#ffffff0e;transform:translateY(-4px)}
.about-service-grid span{color:var(--cyan);font-size:11px;font-weight:900}.about-service-grid h3{margin:28px 0 12px;font-size:20px;line-height:1.25;color:#fff}.about-service-grid p{margin:0;color:#aab9ca;font-size:13px;line-height:1.7}
.about-experience{background:#fff!important}.about-process{display:block}.about-process .about-heading{max-width:930px;margin-bottom:50px}.about-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.about-process-grid article{border-top:4px solid var(--blue);padding:25px 12px 0 0}.about-process-grid article:nth-child(2){border-color:var(--pink)}.about-process-grid article:nth-child(3){border-color:#d9a900}.about-process-grid article:nth-child(4){border-color:#159d75}.about-process-grid strong{color:var(--blue);font-size:11px}.about-process-grid h3{margin:28px 0 12px;font-size:21px}.about-process-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.about-values{background:#fff!important}
@media(max-width:1050px){.content-hero.about-hero{grid-template-columns:1fr}.about-facts{grid-template-columns:repeat(2,1fr);padding:0 5vw 60px}.about-section{grid-template-columns:1fr;gap:38px;padding:75px 5vw}.about-service-grid{grid-template-columns:repeat(2,1fr)}.about-process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.about-hero-copy{padding:60px 20px 35px!important}.content-hero.about-hero h1{font-size:42px}.content-hero.about-hero .about-hero-copy>p:last-child{font-size:15px}.about-facts{grid-template-columns:1fr;padding:0 20px 45px}.about-section{padding:55px 20px}.about-heading h2{font-size:36px}.about-services .about-heading{grid-template-columns:1fr;gap:18px}.about-services .about-heading .kicker{grid-column:auto;margin-bottom:8px}.about-service-grid,.about-process-grid{grid-template-columns:1fr}.about-service-grid article{min-height:0;padding:22px 18px}.about-process-grid{gap:28px}}

/* İletişim sayfası konum seçimleri */
.contact-location{padding:0 5vw 85px;background:#fafafa;color:#081c35}.contact-location-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 25px}.contact-location-head span{color:#0877e8;font-size:10px;font-weight:900;letter-spacing:1.8px}.contact-location-head h2{margin:10px 0 7px;font-size:clamp(32px,4vw,54px);letter-spacing:-.055em;line-height:1}.contact-location-head p{margin:0;color:#5e738b;font-size:14px;line-height:1.6}.contact-location-head>a{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;flex:0 0 auto;min-height:46px;border:1px solid #0877e8;border-radius:5px;background:#0877e8;padding:0 17px;color:#fff;font-size:12px;font-weight:850;transition:background .2s}.contact-location-head>a:hover{background:#061b34;color:#fff}.contact-location-frame{overflow:hidden;height:var(--map-height);border:1px solid #d7e4ef;border-radius:var(--map-radius);background:#e9eff5;box-shadow:0 20px 55px #071e3512}.contact-location-frame iframe{display:block;width:100%;height:100%;border:0}@media(max-width:680px){.contact-location{padding:0 18px 65px}.contact-location-head{align-items:stretch;flex-direction:column}.contact-location-head>a{align-self:flex-start}}
.contact-page-cards article:first-child{min-height:360px}
.contact-map-actions{display:grid;width:100%;gap:10px;margin-top:auto;padding-top:24px}
.contact-page-cards .contact-map-button{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:12px;width:100%;min-height:68px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink);box-shadow:0 8px 24px #081c3508;transition:border-color .2s,box-shadow .2s,transform .2s}
.contact-page-cards .contact-map-button:hover{color:var(--ink);transform:translateY(-2px);box-shadow:0 13px 30px #081c3517}
.contact-map-button svg{width:38px;height:38px}.contact-map-button span{min-width:0}.contact-map-button b,.contact-map-button small{display:block}.contact-map-button b{font-size:11px}.contact-map-button small{margin-top:4px;color:var(--muted);font-size:9px}.contact-map-button>i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--soft);font-size:13px;font-style:normal}
.contact-page-cards .google-map-button:hover{border-color:#4285f4}.contact-page-cards .yandex-map-button:hover{border-color:#fc3f4d}
@media(max-width:680px){.contact-page-cards article:first-child{min-height:0}.contact-map-actions{margin-top:8px}.contact-page-cards .contact-map-button{min-height:64px}}

/* KVKK ve çerez politikası */
.legal-hero{position:relative;display:grid;min-height:520px;overflow:hidden;background:#081c35;color:#fff;grid-template-columns:minmax(0,1.25fr) minmax(310px,.55fr);isolation:isolate}.legal-hero:before{position:absolute;z-index:-1;top:-310px;right:17%;width:620px;height:620px;border:100px solid #168cff28;border-radius:50%;content:""}.legal-hero:after{position:absolute;z-index:-1;right:-70px;bottom:-120px;width:420px;height:340px;background:radial-gradient(circle,#25bfe2 1.5px,transparent 1.8px);background-size:22px 22px;content:"";opacity:.3}.legal-hero>div{display:flex;justify-content:center;flex-direction:column;padding:105px 7vw 95px}.legal-hero .kicker{color:#b9cee2}.legal-hero h1{margin:22px 0 26px;font-size:clamp(58px,7vw,108px);line-height:.86;letter-spacing:-.07em}.legal-hero h1 em{color:#20b9eb;font-family:serif;font-weight:400}.legal-hero>div>p:last-child{max-width:760px;margin:0;color:#b7c7d8;font-size:17px;line-height:1.75}.legal-hero aside{display:flex;justify-content:center;flex-direction:column;border-left:1px solid #ffffff20;background:#ffffff09;padding:60px 5vw}.legal-hero aside span{color:#20b9eb;font-size:9px;font-weight:900;letter-spacing:1.5px}.legal-hero aside strong{margin:17px 0;color:#fff;font-size:25px}.legal-hero aside p{margin:0;color:#afc1d3;font-size:13px;line-height:1.7}.cookie-legal-hero h1 em{color:#f3ce17}.cookie-legal-hero:before{border-color:#f3ce1727}.cookie-legal-hero aside span{color:#f3ce17}
.legal-layout{display:grid;width:min(1360px,88vw);margin:0 auto;grid-template-columns:250px minmax(0,1fr);gap:clamp(50px,7vw,110px);padding:95px 0 120px}.legal-index{position:sticky;top:105px;display:flex;height:max-content;align-self:start;flex-direction:column;border-top:4px solid #168cff;padding-top:22px}.legal-index strong{margin-bottom:15px;color:#081c35;font-size:15px}.legal-index a{border-bottom:1px solid #e2e9ef;padding:13px 0;color:#718398;font-size:11px;font-weight:750}.legal-index a:hover{color:#0877e8;padding-left:5px}.legal-content{min-width:0}.legal-content>section{scroll-margin-top:110px;border-bottom:1px solid #dfe7ee;padding:0 0 70px;margin:0 0 70px}.legal-content>section:last-child{margin-bottom:0}.legal-number{display:block;color:#168cff;font-size:10px;font-weight:950;letter-spacing:1.7px}.legal-content h2{margin:13px 0 28px;color:#081c35;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.055em}.legal-content p,.legal-content li{color:#526a82;font-size:15px;line-height:1.9}.legal-content p{margin:0 0 20px}.legal-content ul{display:grid;gap:13px;margin:25px 0;padding:0;list-style:none}.legal-content li{position:relative;border:1px solid #e0e8ef;background:#f8fbfd;padding:18px 22px 18px 44px}.legal-content li:before{position:absolute;top:26px;left:21px;width:8px;height:8px;border-radius:50%;background:#168cff;content:""}.legal-content a{color:#0877e8;text-decoration:underline;text-underline-offset:3px}.legal-contact-grid{display:grid;margin-top:32px;border:1px solid #dfe7ee;background:#f8fbfd;grid-template-columns:1.25fr .75fr}.legal-contact-grid>div{display:flex;flex-direction:column;padding:25px}.legal-contact-grid>div+div{border-left:1px solid #dfe7ee}.legal-contact-grid small{margin-bottom:10px;color:#168cff;font-size:9px;font-weight:900;letter-spacing:1.3px}.legal-contact-grid p{margin:0;color:#172e46;font-size:13px}.legal-contact-grid a{margin:2px 0;color:#172e46;font-size:13px;text-decoration:none}.legal-callout{margin-top:34px;border-left:5px solid #168cff;background:#081c35;padding:28px 30px;color:#fff}.legal-callout strong{font-size:19px}.legal-callout p{margin:8px 0 20px;color:#b7c7d8;font-size:13px}.legal-callout button,.legal-preference-button{min-height:46px;border:0;background:#168cff;padding:0 20px;color:#fff;font-size:11px;font-weight:900;cursor:pointer}.cookie-table-wrap{overflow-x:auto;margin:28px 0}.cookie-table{width:100%;border-collapse:collapse;border:1px solid #dfe7ee}.cookie-table th{background:#081c35;padding:15px 17px;color:#fff;font-size:10px;text-align:left;letter-spacing:.6px}.cookie-table td{border-bottom:1px solid #e2e9ef;padding:17px;color:#526a82;font-size:12px;line-height:1.6;vertical-align:top}.cookie-table tr:last-child td{border-bottom:0}.cookie-table code{color:#0877e8;font-size:11px;font-weight:800}.legal-preference-button{margin:7px 0 25px;background:#081c35}.footer-bottom nav button{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}.footer-bottom nav button:hover{color:var(--cyan)}

/* Açık tercihe dayalı çerez yönetimi */
.cookie-consent{position:fixed;z-index:1500;bottom:24px;left:24px;width:min(560px,calc(100vw - 48px));border:1px solid #29415b;border-radius:18px;background:#081c35f7;padding:23px;color:#fff;box-shadow:0 24px 75px #020d1880;backdrop-filter:blur(16px)}.cookie-consent[hidden]{display:none}.cookie-consent-head{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:13px}.cookie-brand-mark{display:grid;width:48px;height:48px;place-items:center;overflow:hidden;border:1px solid #ffffffb8;border-radius:13px;background:#fff;box-shadow:0 7px 20px #0000002e}.cookie-brand-mark img{display:block;width:43px;height:43px;object-fit:contain}.cookie-consent-head small{color:#6fbaff;font-size:8px;font-weight:950;letter-spacing:1.4px}.cookie-consent h2{margin:4px 0 0;color:#fff;font-size:19px;line-height:1.15}.cookie-close{display:grid;width:34px;height:34px;place-items:center;border:1px solid #ffffff20;border-radius:50%;background:transparent;color:#b8c8d8;font-size:23px;cursor:pointer}.cookie-consent>p{margin:18px 0;color:#b8c8d8;font-size:12px;line-height:1.65}.cookie-links{display:flex;gap:17px;margin:16px 0}.cookie-links a{color:#9db2c7;font-size:10px;text-decoration:underline;text-underline-offset:3px}.cookie-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cookie-actions button{min-height:44px;border:1px solid #3a526b;border-radius:9px;background:#102942;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.cookie-actions button:hover,.cookie-actions button:focus{border-color:#20b9eb;outline:0}.cookie-actions [data-cookie-accept],.cookie-actions [data-cookie-save]{border-color:#168cff;background:#168cff}.cookie-actions [data-cookie-save]{grid-column:1/-1}.cookie-preferences{display:grid;gap:8px;margin:18px 0}.cookie-preferences[hidden]{display:none}.cookie-preferences>div,.cookie-preferences>label{display:flex;min-height:61px;align-items:center;justify-content:space-between;gap:15px;border:1px solid #ffffff17;border-radius:10px;background:#ffffff08;padding:10px 13px}.cookie-preferences span{display:flex;min-width:0;flex-direction:column}.cookie-preferences b{font-size:11px}.cookie-preferences small{margin-top:4px;color:#9eb2c6;font-size:9px}.cookie-preferences strong{color:#5dc894;font-size:9px;white-space:nowrap}.cookie-preferences label{position:relative;cursor:pointer}.cookie-preferences input{position:absolute;opacity:0}.cookie-preferences label>i{position:relative;width:42px;height:23px;flex:0 0 auto;border-radius:20px;background:#53677a;transition:background .2s}.cookie-preferences label>i:after{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;content:"";transition:transform .2s}.cookie-preferences input:checked+i{background:#168cff}.cookie-preferences input:checked+i:after{transform:translateX(19px)}
@media(max-width:850px){.legal-hero{grid-template-columns:1fr}.legal-hero>div{padding:78px 6vw 50px}.legal-hero aside{border-top:1px solid #ffffff20;border-left:0;padding:28px 6vw 42px}.legal-layout{width:min(100% - 48px,900px);grid-template-columns:1fr;padding:62px 0 80px}.legal-index{position:static;display:grid;grid-template-columns:repeat(2,1fr);border-top-width:3px}.legal-index strong{grid-column:1/-1}.legal-content>section{padding-bottom:52px;margin-bottom:52px}}
@media(max-width:560px){.legal-hero h1{font-size:57px}.legal-hero>div{padding:66px 24px 42px}.legal-hero aside{padding:25px 24px 36px}.legal-layout{width:calc(100% - 40px);padding-top:48px}.legal-index{grid-template-columns:1fr}.legal-contact-grid{grid-template-columns:1fr}.legal-contact-grid>div+div{border-top:1px solid #dfe7ee;border-left:0}.legal-content h2{font-size:39px}.legal-content p,.legal-content li{font-size:14px}.cookie-consent{bottom:10px;left:10px;width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto;border-radius:15px;padding:17px}.cookie-consent-head{grid-template-columns:42px minmax(0,1fr) 30px}.cookie-brand-mark{width:42px;height:42px}.cookie-brand-mark img{width:37px;height:37px}.cookie-consent h2{font-size:16px}.cookie-consent>p{margin:14px 0}.cookie-actions{grid-template-columns:1fr}.cookie-actions [data-cookie-save]{grid-column:auto}.cookie-links{flex-wrap:wrap;margin:13px 0}}

/* Ürün sayfaları: kompakt galeri, güçlü açıklama ve ürün rehberi */
.detail-hero.product-detail-v2{min-height:610px;background:linear-gradient(135deg,#fff 0%,#f8fbfe 100%);grid-template-columns:minmax(360px,41%) minmax(0,59%)}
.product-detail-v2 .detail-visual{order:1;min-height:610px;border-right:1px solid var(--line);background:#eef3f7}
.product-detail-v2 .detail-copy{position:relative;order:2;align-items:flex-start;padding:72px clamp(48px,6vw,105px) 62px;overflow:hidden}
.product-detail-v2 .detail-copy:after{position:absolute;z-index:0;right:-115px;bottom:-145px;width:360px;height:360px;border:60px solid #168cff0d;border-radius:50%;content:"";pointer-events:none}
.product-detail-v2 .detail-copy>*{position:relative;z-index:1}
.product-detail-v2 .breadcrumbs{margin-bottom:42px}
.product-detail-v2 .detail-copy h1{max-width:900px;font-size:clamp(55px,6vw,92px);line-height:.9}
.product-detail-v2 .detail-summary{max-width:760px;margin:25px 0 27px;color:#526a82;font-size:18px;line-height:1.75}
.product-hero-highlights{display:grid;width:100%;max-width:820px;margin:0 0 29px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr))}
.product-hero-highlights span{display:flex;min-width:0;min-height:77px;align-items:flex-start;flex-direction:column;justify-content:center;padding:11px 18px}
.product-hero-highlights span+span{border-left:1px solid var(--line)}
.product-hero-highlights small{margin-bottom:6px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:1.2px}
.product-hero-highlights b{color:#18324e;font-size:13px;line-height:1.4}
.product-detail-v2 .hero-actions{margin-top:0}
.product-detail-v2 .product-gallery>img{object-position:center}
.product-gallery-single{position:relative;overflow:hidden}
.product-brand-overlay, .detail-index{display:none!important}
.product-detail-v2 .gallery-thumbnails{right:auto;max-width:calc(100% - 40px)}
.product-detail-v2 .gallery-thumbnails button{width:72px;height:54px;border-width:2px}

.seo-content-section.product-seo-v2{align-items:start;border-top:0;background:#fff;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(55px,8vw,125px);padding:110px 7vw}
.product-seo-heading{position:sticky;top:115px}
.product-seo-heading .kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase}
.product-seo-heading .kicker span{display:inline-block;width:24px;height:3px;background:var(--blue);border-radius:2px}
.product-seo-heading h2{margin:0;font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.05em;color:var(--ink)}
.product-seo-heading h2 em{color:var(--blue);font-style:italic;font-family:Georgia,serif}
.product-seo-heading>p:not(.kicker){max-width:520px;margin:25px 0 0;color:#526a82;font-size:16px;line-height:1.8}
.product-seo-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.product-seo-tags span{border:1px solid #dce5ed;background:#f8fbfd;padding:10px 14px;color:#193550;font-size:12px;font-weight:800;border-radius:6px}
.product-seo-copy{display:grid;gap:0}
.product-seo-copy>section{border-top:1px solid var(--line);padding:38px 0 44px}
.product-seo-copy>section:first-child{border-top:4px solid var(--blue);padding-top:32px}
.product-seo-copy small{display:inline-flex;align-items:center;gap:8px;color:var(--blue)!important;font-size:13px!important;font-weight:900!important;letter-spacing:1.8px!important;text-transform:uppercase;margin-bottom:8px}
.product-seo-copy small::before{content:"";display:inline-block;width:14px;height:3px;background:var(--blue);border-radius:2px}
.product-seo-copy h3{margin:10px 0 16px!important;color:var(--ink);font-size:clamp(23px,2.3vw,34px)!important;line-height:1.2;font-weight:850}
.product-seo-copy p{margin:0 0 13px!important;color:#526a82!important;font-size:15.5px!important;line-height:1.9!important}
.product-inline-note{border-left:4px solid var(--cyan);background:#f3f9fd;padding:15px 18px!important;color:#25435f!important;border-radius:0 6px 6px 0;font-size:14.5px!important}

.detail-body{background:#f7fafc;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(55px,8vw,120px)}
.detail-body>div:first-child{align-self:start}
.detail-description>p{margin-bottom:28px;color:#3d5670;font-size:19px;line-height:1.9}
.detail-description .btn{margin-top:7px}
.detail-features .feature-column{padding-top:76px;padding-bottom:76px}

.product-faq{display:grid;border-top:1px solid var(--line);background:#fff;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(55px,8vw,125px);padding:105px 7vw}
.product-faq .kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase}
.product-faq .kicker span{display:inline-block;width:24px;height:3px;background:var(--blue);border-radius:2px}
.product-faq h2{margin:0;font-size:clamp(43px,5vw,72px);line-height:.95;letter-spacing:-.06em}
.product-faq h2 em{color:var(--blue);font-style:italic;font-family:Georgia,serif}
.product-faq details{border-top:1px solid var(--line)}
.product-faq details:last-child{border-bottom:1px solid var(--line)}
.product-faq summary{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;color:#17314d;font-size:16px;font-weight:850}
.product-faq summary span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--blue);font-size:19px;transition:transform .2s}
.product-faq details[open] summary span{transform:rotate(45deg)}
.product-faq details p{max-width:820px;margin:-4px 55px 27px 0;color:#526a82;font-size:14px;line-height:1.85}

@media(max-width:1050px){.detail-hero.product-detail-v2{grid-template-columns:44% 56%}.product-detail-v2 .detail-copy{padding:62px 42px 52px}.product-hero-highlights{grid-template-columns:1fr}.product-hero-highlights span{min-height:54px;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:9px 4px}.product-hero-highlights span+span{border-top:1px solid var(--line);border-left:0}.product-hero-highlights small{margin:0}.seo-content-section.product-seo-v2,.product-faq{gap:50px;padding-right:5vw;padding-left:5vw}}
@media(max-width:760px){.detail-hero.product-detail-v2{display:flex;min-height:0;flex-direction:column}.product-detail-v2 .detail-copy{order:1;padding:53px 24px 48px}.product-detail-v2 .detail-visual{order:2;min-height:360px;border-top:1px solid var(--line);border-right:0}.product-detail-v2 .breadcrumbs{margin-bottom:34px}.product-detail-v2 .detail-copy h1{font-size:58px}.product-detail-v2 .detail-summary{font-size:16px}.product-hero-highlights{margin-bottom:25px}.seo-content-section.product-seo-v2,.product-faq{grid-template-columns:1fr;gap:38px;padding:72px 24px}.product-seo-heading{position:static}.product-seo-copy>section{padding:30px 0 35px}.detail-body{grid-template-columns:1fr;gap:45px}.product-faq summary{min-height:74px;font-size:14px}.product-faq details p{margin-right:0}.product-faq h2{font-size:45px}}

/* ==========================================================================
   ULAŞ MATBAA — GELİŞMİŞ MOBİL ENTEGRASYON & RESPONSIVE SİSTEMİ (TÜM SAYFALAR)
   ========================================================================== */

/* 1. Global Viewport, Yatay Taşma Önleme & Tipografi Güvenliği */
html, body {
  overflow-x: clip !important;
  max-width: 100vw !important;
  width: 100% !important;
  -webkit-text-size-adjust: 100%;
}
@supports not (overflow-x: clip) {
  html, body {
    overflow-x: hidden !important;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* Mobil cihazlarda uzun Türkçe kelimelerin ekranı dışarı taşırmasını önleme */
h1, h2, h3, h4, h5, h6, .kicker, p, .breadcrumbs {
  overflow-wrap: break-word;
  word-break: normal;
}

/* iOS Safari: Form alanlarına odaklanıldığında istemsiz ekran yakınlaşmasını (auto-zoom) engelleme */
@media (max-width: 768px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* 2. Mobil Header & Gezinme Çubuğu */
@media (max-width: 900px) {
  .mega-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 2px 14px rgba(8, 28, 53, 0.07);
    min-height: 64px !important;
  }

  .mega-header-main {
    min-height: 64px !important;
    grid-template-columns: auto 1fr !important;
    gap: 12px !important;
    padding: 0 16px !important;
  }

  .mega-header-main .brand-logo {
    max-height: 48px !important;
    width: auto !important;
  }

  .mega-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
  }

  /* Mobilde Tek Tıkla Arama Butonu (Header içinde telefon simgesi) */
  .mega-phone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 9px !important;
    background: #eef6ff !important;
    border: 1px solid #cbe3fd !important;
    color: #0877e8 !important;
    padding: 0 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(8, 119, 232, 0.1) !important;
    transition: background 0.2s, transform 0.15s;
  }
  .mega-phone:active {
    transform: scale(0.95);
    background: #d8ebff !important;
  }
  .mega-phone small, .mega-phone b {
    display: none !important;
  }
  .mega-phone::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
  }

  .mega-mobile-toggle {
    width: 42px !important;
    height: 42px !important;
    border-radius: 9px !important;
    border: 1px solid #dce5ed !important;
  }

  /* Mobil Menü Açılır Paneli */
  .mega-nav-row {
    top: 64px !important;
    padding: 16px 16px 40px !important;
    max-height: calc(100vh - 64px) !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  /* Mobil Menü Açıldığında Arama Çubuğu */
  .mobile-nav-open .mega-search {
    display: flex !important;
    width: 100% !important;
    margin-bottom: 16px !important;
    height: 46px !important;
    border-radius: 9px !important;
  }

  .mega-product-nav > a {
    min-height: 50px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #edf2f7 !important;
    display: flex !important;
    align-items: center !important;
  }

  .mobile-mega-accordion {
    border-radius: 8px !important;
    margin: 4px 0 12px !important;
    border: 1px solid #e1eaf2 !important;
  }
}

/* 3. Ana Sayfa Hero Banner (Slayt & Slider) Mobil Optimizasyonu */
@media (max-width: 900px) {
  .top-banner {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    position: relative !important;
  }

  .banner-copy {
    min-height: auto !important;
    padding: 36px 18px 22px !important;
    order: 1 !important;
    align-items: flex-start !important;
  }

  .banner-copy .home-location {
    font-size: 12px !important;
    margin-bottom: 14px !important;
  }

  .banner-copy h2 {
    font-size: clamp(30px, 8vw, 42px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em !important;
    max-width: 100% !important;
  }

  .banner-copy > p:not(.kicker) {
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin: 16px 0 18px !important;
  }

  .banner-products {
    gap: 6px !important;
    margin-bottom: 22px !important;
  }

  .banner-products span {
    font-size: 10px !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
  }

  .hero-actions {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
  }

  .hero-actions .btn {
    width: 100% !important;
    justify-content: center !important;
    min-height: 48px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
  }

  .banner-visual {
    order: 2 !important;
    min-height: 270px !important;
    max-height: 360px !important;
    position: relative !important;
    width: 100% !important;
  }

  .banner-visual img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  /* Fragile hardcoded bottom offset yerine görsel üzerine şık ve ortalanmış kontrol çubuğu */
  .banner-controls {
    position: absolute !important;
    top: auto !important;
    bottom: 14px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    max-width: calc(100% - 32px) !important;
    justify-content: center !important;
    gap: 8px !important;
    z-index: 10 !important;
    background: rgba(8, 28, 53, 0.65) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 5px 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    width: fit-content !important;
    margin: 0 !important;
  }

  .banner-controls button {
    width: auto !important;
    min-width: 36px !important;
    min-height: 36px !important;
    gap: 5px !important;
  }

  .banner-controls button b {
    color: #fff !important;
    font-size: 10px !important;
  }

  .banner-controls button > span {
    background: rgba(255, 255, 255, 0.4) !important;
    width: 18px !important;
  }

  .banner-controls button.active > span:after {
    background: #fff !important;
  }

  .banner-controls .banner-pause {
    color: #fff !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }
}

/* 4. Ana Sayfa Bölümleri Mobil Düzeltmeleri */
@media (max-width: 768px) {
  /* Sözümüzün Arkasında / Güven Kartları */
  .promise-section {
    padding: 55px 16px !important;
  }
  .promise-heading h2 {
    font-size: clamp(30px, 7.5vw, 42px) !important;
    line-height: 1.05 !important;
    letter-spacing: -1px !important;
  }
  .promise-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    gap: 12px !important;
    padding: 0 4px 16px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .promise-grid::-webkit-scrollbar {
    display: none;
  }
  .promise-card {
    flex: 0 0 78vw !important;
    max-width: 290px !important;
    scroll-snap-align: start !important;
    min-height: 190px !important;
    border-radius: 10px !important;
  }

  /* İş Grupları (5 Ana Kutu) */
  .product-section {
    padding: 55px 16px !important;
  }
  .section-intro h2 {
    font-size: clamp(30px, 7.5vw, 42px) !important;
    line-height: 1.05 !important;
    letter-spacing: -1px !important;
  }
  .category-boxes {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .category-box {
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .category-box img {
    height: 185px !important;
  }

  /* 15 Dakikada Acil Kaşe */
  .stamp-express-section {
    grid-template-columns: 1fr !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .stamp-express-image {
    min-height: 230px !important;
    max-height: 290px !important;
  }
  .stamp-express-copy {
    padding: 32px 18px !important;
  }
  .stamp-express-copy h2 {
    font-size: clamp(28px, 7vw, 38px) !important;
    line-height: 1.08 !important;
  }

  /* Örnek Ürünler Vitrini */
  .showcase-section {
    padding: 55px 16px !important;
  }
  .showcase-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .showcase-card {
    border-radius: 10px !important;
  }
  .showcase-image {
    aspect-ratio: 16/10 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  /* Hakkımızda Özet Bölümü */
  .about-home {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 55px 18px !important;
  }
  .about-home h2 {
    font-size: clamp(30px, 7.5vw, 42px) !important;
  }

  /* 3 Adımda Kolay Süreç */
  .process-section {
    padding: 55px 16px !important;
  }
  .process-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .process-grid article {
    border-radius: 10px !important;
    padding: 24px 20px !important;
  }

  /* Ana Sayfa Hızlı Teklif */
  .quote-section {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 55px 18px !important;
  }
  .quote-copy h2 {
    font-size: clamp(30px, 7.5vw, 42px) !important;
  }
  .quote-form {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .quote-form label.full {
    grid-column: auto !important;
  }
  .quote-button {
    width: 100% !important;
    min-height: 50px !important;
    font-size: 13px !important;
    justify-content: center !important;
    border-radius: 8px !important;
  }

  /* Sık Sorulanlar */
  .print-faq {
    padding: 55px 18px !important;
  }
  .print-faq h2 {
    font-size: clamp(26px, 6.5vw, 38px) !important;
  }
  .print-faq details {
    padding: 16px 0 !important;
  }
  .print-faq summary {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  /* Alt İletişim Önizleme */
  .contact-section {
    padding: 55px 18px !important;
  }
  .contact-title h2 {
    font-size: clamp(32px, 8vw, 46px) !important;
  }
  .contact-info {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* 5. Kategori & Ürün Detay Sayfaları */
@media (max-width: 768px) {
  /* Kategori Sayfaları */
  .category-hero {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .category-hero > div:first-child {
    padding: 36px 18px 24px !important;
  }
  .category-hero h1 {
    font-size: clamp(30px, 8vw, 44px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
  }
  .category-gallery {
    min-height: 260px !important;
    max-height: 340px !important;
  }
  .category-products {
    padding: 45px 16px !important;
  }
  .category-product-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .category-product-card {
    border-radius: 10px !important;
  }

  /* Ürün Detay Sayfaları */
  .detail-hero,
  .detail-hero.product-detail-v2 {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .product-detail-v2 .detail-visual {
    order: 1 !important;
    width: 100% !important;
    min-height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 10.66 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--line) !important;
  }
  .product-detail-v2 .detail-copy,
  .detail-copy {
    order: 2 !important;
    padding: 36px 18px 24px !important;
    width: 100% !important;
  }
  .breadcrumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 8px !important;
    margin-bottom: 22px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  .breadcrumbs a,
  .breadcrumbs span,
  .breadcrumbs b {
    display: inline !important;
    white-space: normal !important;
  }
  .detail-copy h1,
  .product-detail-v2 .detail-copy h1 {
    font-size: clamp(30px, 8vw, 44px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
  }
  .detail-summary,
  .product-detail-v2 .detail-summary {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 0 22px !important;
    max-width: 100% !important;
  }
  .product-hero-highlights {
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin: 0 0 24px !important;
    width: 100% !important;
  }
  .product-hero-highlights span {
    min-height: 52px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 10px 8px !important;
  }
  .product-hero-highlights span + span {
    border-top: 1px solid var(--line) !important;
    border-left: 0 !important;
  }
  .product-hero-highlights small {
    margin: 0 !important;
  }
  .detail-visual {
    min-height: 280px !important;
    max-height: 380px !important;
  }
  .detail-features {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .feature-column {
    padding: 40px 18px !important;
    width: 100% !important;
    border-right: 0 !important;
  }
  .feature-column + .feature-column {
    border-top: 1px solid var(--line) !important;
  }

  /* Galeri Küçük Resimleri (Thumbnails) */
  .gallery-thumbnails {
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
    gap: 8px !important;
    overflow-x: auto !important;
  }
  .gallery-thumbnails button {
    width: 62px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
    border-width: 2px !important;
    border-radius: 6px !important;
  }

  /* Ürün Seçenekleri (Kartvizit vb. Standart, Özel, Pro) */
  .card-options-section {
    padding: 55px 16px !important;
  }
  .card-options-title h2 {
    font-size: clamp(28px, 7vw, 40px) !important;
    line-height: 1.05 !important;
  }
  .card-option-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .card-option {
    border-radius: 10px !important;
    padding: 0 16px 20px !important;
  }
  .card-option-image {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .card-option > a {
    min-height: 48px !important;
    align-items: center !important;
    font-size: 12px !important;
    border-radius: 6px !important;
  }

  /* Detay Açıklama & Kalite Notu */
  .detail-body {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 55px 18px !important;
  }

  /* İlgili Ürünler */
  .related-section {
    padding: 55px 16px !important;
  }
  .related-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
  .related-grid a {
    border-radius: 8px !important;
  }
}
@media (max-width: 480px) {
  .related-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 6. Teklif Al, İletişim & Hakkımızda Sayfaları */
@media (max-width: 700px) {
  /* Detaylı Teklif Sayfası (/teklif) */
  .quote-page-hero > div {
    padding: 42px 18px 28px !important;
  }
  .quote-page-hero h1 {
    font-size: clamp(30px, 8vw, 42px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
  }
  .quote-page-trust {
    flex-direction: column !important;
    gap: 8px !important;
  }
  .quote-page-content {
    padding: 38px 16px 65px !important;
    gap: 28px !important;
  }
  .detailed-quote-form {
    padding: 20px 16px !important;
    border-radius: 12px !important;
  }
  .quote-form-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .quote-submit-actions {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .quote-submit-actions .quote-submit {
    min-height: 52px !important;
    font-size: 13px !important;
    justify-content: center !important;
    border-radius: 8px !important;
  }
  .quote-consent {
    font-size: 12px !important;
    align-items: flex-start !important;
  }
  .quote-consent input {
    width: 20px !important;
    height: 20px !important;
    margin-top: 2px !important;
  }

  /* İletişim Sayfası (/iletisim) */
  .contact-page {
    padding: 42px 18px 26px !important;
  }
  .contact-page h1 {
    font-size: clamp(30px, 8vw, 44px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
  }
  .contact-page-cards {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 16px 55px !important;
  }
  .contact-page-cards article {
    border-radius: 12px !important;
    padding: 24px 18px !important;
  }
  .contact-map-button {
    min-height: 56px !important;
    padding: 10px 12px !important;
    border-radius: 9px !important;
  }

  /* Hakkımızda Sayfası (/hakkimizda) */
  .about-hero-copy {
    padding: 42px 18px 28px !important;
  }
  .about-hero h1 {
    font-size: clamp(30px, 8vw, 44px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
  }
  .about-facts {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 18px 36px !important;
  }
  .about-facts article {
    border-radius: 8px !important;
  }
  .about-section {
    padding: 48px 18px !important;
    gap: 22px !important;
  }
  .about-heading h2 {
    font-size: clamp(28px, 7vw, 38px) !important;
    line-height: 1.05 !important;
  }
  .about-service-grid, .about-process-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .about-service-grid article {
    min-height: auto !important;
    border-radius: 8px !important;
  }
}

/* 7. Footer & Güvenli Alan Insetleri */
@media (max-width: 768px) {
  .site-footer {
    padding: 48px 18px max(28px, env(safe-area-inset-bottom, 20px)) !important;
  }
  .footer-brand {
    margin-bottom: 28px !important;
  }
  .footer-directory {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px 14px !important;
  }
  .footer-directory .footer-group-title {
    font-size: 13px !important;
  }
  .footer-directory a {
    font-size: 11px !important;
    padding: 4px 0 !important;
  }
  .footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-top: 22px !important;
    margin-top: 32px !important;
  }
  .footer-bottom nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 16px !important;
  }
  .footer-bottom nav a, .footer-bottom nav button {
    font-size: 11px !important;
  }
}
@media (max-width: 480px) {
  .footer-directory {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

/* 8. Kayan Hızlı İletişim Butonları (FAB) & WhatsApp */
.floating-fab-group {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9990;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
.floating-fab-group .floating-wa {
  position: static !important;
}
.floating-fab-item.fab-call {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 18px 0 14px;
  border-radius: 24px;
  background: #0b2545;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 8px 24px rgba(11, 37, 69, 0.28);
  transition: transform 0.2s, background 0.2s, box-shadow 0.2s;
  text-decoration: none;
}
.floating-fab-item.fab-call:hover {
  transform: translateY(-2px);
  background: #0877e8;
  box-shadow: 0 12px 28px rgba(8, 119, 232, 0.35);
  color: #fff;
}
.floating-fab-item.fab-call svg {
  flex: 0 0 auto;
}
@media (max-width: 680px) {
  .floating-fab-group {
    right: max(16px, env(safe-area-inset-right, 16px)) !important;
    bottom: max(18px, env(safe-area-inset-bottom, 18px)) !important;
    z-index: 9999 !important;
    gap: 10px !important;
  }
  .floating-fab-item.fab-call {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 50% !important;
  }
  .floating-fab-item.fab-call .fab-label {
    display: none !important;
  }
  .wa-action-wrap, .wa-action {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
  }
  .wa-action svg {
    width: 28px !important;
  }
}

/* Mobil menü: arama ve teklif bağlantısı panel içinde, panel tam ekran. */
@media (max-width: 900px) {
  .mega-site-header {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .mega-nav-row {
    height: calc(100vh - 64px) !important;
    height: calc(100dvh - 64px) !important;
    max-height: none !important;
    padding-bottom: max(32px, env(safe-area-inset-bottom)) !important;
  }
  .mega-nav-row .mega-search {
    display: flex !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 0 12px !important;
  }
  .mega-nav-row .header-cta {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }
  .mega-product-nav > a {
    min-height: 52px !important;
  }
  .mega-header-actions .header-cta {
    display: flex !important;
    width: auto !important;
    min-width: 82px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 9px !important;
    font-size: 11px !important;
    white-space: nowrap;
  }
  body:has(.mobile-nav-open) .floating-wa,
  body:has(#detailed-quote-form) .floating-wa {
    display: none !important;
  }
}
@media (max-width: 380px) {
  .mega-header-actions .mega-phone { display: none !important; }
  .mega-header-actions { gap: 8px !important; }
}

/* Kurumsal CMYK: kategori sırasına göre ölçülü menü vurguları. */
.mega-product-nav > a.nav-summary:nth-of-type(4n + 2),
.mega-panel:nth-child(4n + 1) { --menu-accent: #0099d6; --menu-tint: #e9f7fc; }
.mega-product-nav > a.nav-summary:nth-of-type(4n + 3),
.mega-panel:nth-child(4n + 2) { --menu-accent: #c9247a; --menu-tint: #fcebf3; }
.mega-product-nav > a.nav-summary:nth-of-type(4n + 4),
.mega-panel:nth-child(4n + 3) { --menu-accent: #d2a600; --menu-tint: #fff8dd; }
.mega-product-nav > a.nav-summary:nth-of-type(4n + 5),
.mega-panel:nth-child(4n + 4) { --menu-accent: #10263f; --menu-tint: #eaf0f5; }
.mega-product-nav > a.nav-summary::after { background: var(--menu-accent); }
.mega-product-nav > a.nav-summary > span { color: var(--menu-accent); }
.mega-product-nav > a.nav-summary:hover,
.mega-product-nav > a.nav-summary.active,
.mega-product-nav > a.nav-summary:focus-visible { background: var(--menu-tint); color: #10263f; }
.mega-product-nav > a.nav-summary:focus-visible { outline: 2px solid var(--menu-accent); outline-offset: -2px; }
.mega-panel.active { border-top: 3px solid var(--menu-accent); }
.mega-panel-intro > span,
.mega-panel-intro > a b,
.mega-product-preview > div > span,
.mega-product-preview a b { color: var(--menu-accent); }
.mega-panel .mega-product-links > a.preview-active { border-left: 3px solid var(--menu-accent); background: var(--menu-tint); color: #10263f; }
@media (max-width: 900px) {
  .mega-product-nav > a.nav-summary:hover,
  .mega-product-nav > a.nav-summary.active,
  .mega-product-nav > a.nav-summary:focus-visible { background: var(--menu-tint); }
  .mega-product-nav > a.nav-summary.active { border-left: 3px solid var(--menu-accent); padding-left: 12px; }
}

/* Daha okunur, dengeli masaüstü menüsü. Etkileşim ve geçiş kuralları korunur. */
@media (min-width: 901px) {
  .mega-site-header::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #08a8d8 0 25%, #e5297c 25% 50%, #f2be18 50% 75%, #182b3d 75%);
    content: "";
    pointer-events: none;
  }
  .mega-header-main { min-height: 88px; grid-template-columns: 180px minmax(260px, 1fr) auto; gap: clamp(18px, 3vw, 50px); }
  .mega-header-main .brand-logo { max-height: 65px; }
  .mega-search { height: 47px; border-radius: 9px; background: #f5f8fa; }
  .mega-search input { font-size: 14px; }
  .mega-header-actions { gap: 22px; }
  .mega-phone small { font-size: 10px; }
  .mega-phone b { font-size: 14px; }
  .mega-header-actions .header-cta { min-width: 144px; height: 47px; border-radius: 8px; font-size: 14px; }
  .mega-nav-row { border-top-color: #dfe7ed; }
  .mega-product-nav {
    width: min(1440px, calc(100% - 7vw));
    height: 60px;
    margin: auto;
    justify-content: space-between;
    gap: 5px;
  }
  .mega-product-nav > a {
    flex: 0 0 auto;
    height: 60px;
    padding: 0 clamp(8px, .75vw, 15px);
    border-radius: 8px 8px 0 0;
    color: #10263f;
    font-size: clamp(13px, 1.06vw, 15px);
    font-weight: 800;
  }
  .mega-product-nav > a::after { right: 8px; left: 8px; height: 4px; }
  .mega-product-nav > a.nav-summary { gap: 8px; }
  .mega-product-nav > a.nav-summary::before {
    width: 4px;
    height: 19px;
    border-radius: 3px;
    background: var(--menu-accent);
    content: "";
  }
  .mega-product-nav .nav-summary span { margin-left: 0; font-size: 15px; }
  .mega-menu-shell { border-top-color: #dfe7ed; background: #fff; box-shadow: 0 26px 55px #071b302b; }
  .mega-menu-stage { width: min(1440px, 94vw); }
  .mega-panel,
  .mega-density-compact .mega-panel {
    min-height: 365px;
    grid-template-columns: minmax(240px, 1fr) minmax(360px, 1.45fr) minmax(330px, 1.25fr);
    gap: clamp(20px, 2.8vw, 42px);
    padding: 18px 0 20px;
  }
  .mega-panel-intro {
    border: 0;
    border-left: 4px solid var(--menu-accent);
    border-radius: 0 14px 14px 0;
    background: #f2f7fa;
    padding: 28px 25px;
  }
  .mega-panel-intro > span { color: var(--menu-accent); font-size: 11px; }
  .mega-panel-intro h2,
  .mega-density-compact .mega-panel-intro h2 { margin: 24px 0 17px; font-size: clamp(28px, 2.6vw, 38px); line-height: 1.04; }
  .mega-panel-intro p { font-size: 14px; line-height: 1.55; }
  .mega-panel-intro > a {
    width: auto;
    min-height: 46px;
    margin-top: auto;
    border: 0;
    border-radius: 8px;
    background: #0a2440;
    padding: 0 16px;
    color: #fff;
    font-size: 13px;
    gap: 19px;
  }
  .mega-panel-intro > a:hover { border: 0; background: #0877e8; color: #fff; }
  .mega-panel-intro > a b { color: #fff; }
  .mega-product-links { grid-template-columns: minmax(0, 1fr); align-content: start; }
  .mega-product-links:not(:has(> a:nth-child(4))) { align-content: center; }
  .mega-product-links > a,
  .mega-density-compact .mega-product-links > a {
    min-height: 63px;
    gap: 16px;
    padding: 7px 14px;
    border-bottom-color: #e1e9ef;
    border-radius: 8px;
    font-size: 15px;
  }
  .mega-product-links > a:hover { padding-left: 17px; }
  .mega-link-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  .mega-link-copy strong { color: inherit; font-size: 15px; line-height: 1.25; }
  .mega-link-copy small { overflow: hidden; color: #708398; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
  .mega-product-links > a b { flex: 0 0 auto; font-size: 16px; }
  .mega-product-preview,
  .mega-density-compact .mega-product-preview {
    display: flex;
    min-height: 0;
    flex-direction: column;
    border-radius: 16px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #dfe7ee;
    box-shadow: 0 10px 30px rgba(7, 27, 48, 0.05);
  }
  .mega-product-preview > img,
  .mega-density-compact .mega-product-preview > img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10.66;
    min-height: 0;
    border-radius: 12px;
    object-fit: contain;
    background: #090d16;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  }
  .mega-product-preview > div,
  .mega-density-compact .mega-product-preview > div { flex: 1; padding: 18px 4px 4px; }
  .mega-product-preview > div > span { font-size: 10px; }
  .mega-product-preview h3 { margin: 10px 0 7px; font-size: 22px; }
  .mega-product-preview p { font-size: 12px; line-height: 1.6; }
  .mega-product-preview a { margin-top: 14px; padding-top: 10px; font-size: 12px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
  .mega-product-nav { width: calc(100% - 28px); gap: 2px; }
  .mega-product-nav > a { padding: 0 7px; font-size: clamp(11px, 1.1vw, 13px); }
  .mega-product-nav > a.nav-summary { gap: 5px; }
  .mega-product-nav > a.nav-summary::before { width: 3px; height: 16px; }
  .mega-product-nav .nav-summary span { font-size: 12px; }
  .mega-panel,
  .mega-density-compact .mega-panel { grid-template-columns: minmax(200px, .9fr) minmax(290px, 1.3fr) minmax(260px, 1.1fr); gap: 18px; }
  .mega-panel-intro { padding: 23px 18px; }
  .mega-product-preview > img,
  .mega-density-compact .mega-product-preview > img { height: auto; aspect-ratio: 16 / 10.66; }
}
@media (max-width: 900px) {
  .mobile-mega-accordion .mega-link-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  .mobile-mega-accordion .mega-link-copy strong { font-size: 12px; }
  .mobile-mega-accordion .mega-link-copy small { overflow: hidden; color: #718398; font-size: 10px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
}

/* ========================================================
   Müşteri Deneyimi / Sosyal Kanıt Bölümü (Testimonials)
   ======================================================== */
.social-proof-section {
  position: relative;
  padding: 95px 7vw 85px;
  background: linear-gradient(180deg, #f7fafc 0%, #fff 100%);
  border-bottom: 1px solid #e1eaf0;
}
.social-proof-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 45px;
}
.proof-title-wrap h2 {
  margin: 12px 0 10px;
  color: #081d33;
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 1.05;
}
.proof-title-wrap h2 em {
  color: #0877e8;
  font-style: normal;
}
.proof-lead {
  max-width: 580px;
  margin: 0;
  color: #587189;
  font-size: 15px;
  line-height: 1.65;
}
.google-rating-card {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  border: 1px solid #dce8f2;
  border-radius: 12px;
  background: #fff;
  padding: 16px 20px;
  text-decoration: none;
  box-shadow: 0 8px 24px #081c350a;
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.google-rating-card:hover {
  transform: translateY(-2px);
  border-color: #4285f4;
  box-shadow: 0 12px 30px #4285f420;
}
.google-stars-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.google-logo-icon {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: #4285f4;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}
.google-stars-row .stars {
  color: #f59e0b;
  font-size: 16px;
  letter-spacing: 2px;
}
.google-stars-row strong {
  color: #0a2440;
  font-size: 15px;
  font-weight: 900;
}
.google-rating-card small {
  margin-top: 4px;
  color: #0877e8;
  font-size: 11px;
  font-weight: 700;
}
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.testimonial-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #dce7f0;
  border-radius: 14px;
  background: #fff;
  padding: 24px 22px;
  box-shadow: 0 6px 20px #081c3506;
  transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s;
}
.testimonial-card:hover {
  transform: translateY(-4px);
  border-color: #aed5ec;
  box-shadow: 0 16px 36px #081c3512;
}
.card-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.card-stars {
  color: #f59e0b;
  font-size: 14px;
  letter-spacing: 2px;
}
.google-verify-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #e1ecf4;
  border-radius: 4px;
  background: #f4f9fd;
  padding: 2px 6px;
  color: #4285f4;
  font-size: 10px;
  font-weight: 800;
}
.testimonial-card blockquote {
  flex: 1;
  margin: 0 0 18px;
  color: #1a354f;
  font-size: 13.5px;
  line-height: 1.65;
  font-style: normal;
}
.card-author {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-top: 12px;
  border-top: 1px dashed #e5eef5;
}
.author-avatar {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #0877e8, #0654a5);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  flex-shrink: 0;
}
.card-author strong {
  display: block;
  color: #081d33;
  font-size: 13px;
  font-weight: 800;
}
.card-author small {
  display: block;
  color: #6a8298;
  font-size: 11px;
  margin-top: 1px;
}
.service-tag {
  display: inline-block;
  align-self: flex-start;
  border-radius: 5px;
  background: #edf6fd;
  padding: 4px 9px;
  color: #0877e8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

/* ========================================================
   Hızlı WhatsApp Danışma & Fiyatlandırma Bandı
   ======================================================== */
.fast-wa-banner {
  position: relative;
  overflow: hidden;
  padding: 75px 7vw;
  background: radial-gradient(circle at 92% 20%, #104273 0%, #06172d 65%);
  color: #fff;
  border-bottom: 1px solid #142a42;
}
.fast-wa-banner::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
              linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  pointer-events: none;
}
.fast-wa-shell {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
}
.fast-wa-copy {
  max-width: 680px;
}
.fast-wa-kicker {
  display: inline-block;
  color: #38bdf8;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: 1.6px;
  margin-bottom: 12px;
}
.fast-wa-copy h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(30px, 3.4vw, 46px);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 1.1;
}
.fast-wa-copy h2 em {
  color: #38bdf8;
  font-style: normal;
}
.fast-wa-copy p {
  margin: 0 0 20px;
  color: #c4d6e6;
  font-size: 15px;
  line-height: 1.7;
}
.fast-wa-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 700;
}
.fast-wa-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
  min-width: 290px;
}
.fast-wa-btn-primary {
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 12px;
  background: #25d366;
  padding: 16px 22px;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(37, 211, 102, 0.35);
  transition: transform 0.2s, background 0.2s, box-shadow 0.2s;
}
.fast-wa-btn-primary:hover {
  background: #1ebd5a;
  transform: translateY(-2px);
  box-shadow: 0 14px 38px rgba(37, 211, 102, 0.45);
}
.fast-wa-btn-primary svg {
  flex-shrink: 0;
}
.fast-wa-btn-primary strong {
  display: block;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}
.fast-wa-btn-primary small {
  display: block;
  color: rgba(255, 255, 255, 0.88);
  font-size: 11px;
  font-weight: 600;
  margin-top: 2px;
}
.fast-wa-btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  padding: 12px 18px;
  color: #e2e8f0;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.fast-wa-btn-secondary:hover {
  border-color: #38bdf8;
  background: rgba(56, 189, 248, 0.12);
  color: #fff;
}
.fast-wa-btn-secondary b {
  margin-left: 6px;
  color: #38bdf8;
  font-size: 14px;
}

@media (max-width: 1180px) {
  .testimonials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fast-wa-shell { flex-direction: column; align-items: flex-start; gap: 32px; }
  .fast-wa-actions { width: 100%; min-width: 0; }
  .fast-wa-btn-primary { justify-content: center; }
}
@media (max-width: 680px) {
  .social-proof-section { padding: 65px 24px; }
  .social-proof-head { flex-direction: column; align-items: flex-start; gap: 20px; }
  .google-rating-card { width: 100%; align-items: flex-start; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .fast-wa-banner { padding: 55px 20px; }
  .fast-wa-badges { gap: 10px; font-size: 11px; }
}

/* ==========================================================================
   3D KURUMSAL KARTVİZİT YAPILANDIRICI & NUMUNE ÖNİZLEME (SENARYO 3)
   ========================================================================== */
.card-customizer-section {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  min-height: 720px;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  width: 100%;
}
.card-customizer-shell {
  display: contents;
}
.customizer-stage-col {
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border-right: 1px solid #e2e8f0;
  padding: 36px clamp(20px, 3.5vw, 45px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 80px;
  align-self: start;
  user-select: none;
}
.customizer-stage-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 10;
}
.customizer-stage-toprow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customizer-live-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 900;
  color: #0f172a;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.customizer-live-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25);
  animation: pulseDot 2s infinite;
}
@keyframes pulseDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(0.85); }
}
.customizer-dimension-badge {
  font-size: 12px;
  color: #475569;
  font-weight: 700;
  background: #ffffff;
  padding: 6px 14px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}
.customizer-cam-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  background: #ffffff;
  padding: 6px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}
.customizer-cam-btn {
  border: 0;
  background: transparent;
  padding: 8px 4px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
  color: #64748b;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s;
}
.customizer-cam-btn:hover {
  color: #0f172a;
  background: #f1f5f9;
}
.customizer-cam-btn.active {
  background: #0f172a;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.25);
}
.customizer-hint {
  font-size: 11px;
  color: #64748b;
  text-align: center;
  margin: 0;
  font-weight: 500;
}

/* 3D Model Sahnesi */
.customizer-3d-stage {
  perspective: 1500px;
  perspective-origin: 50% 50%;
  min-height: 450px;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
  z-index: 10;
  overflow: hidden;
}
.card-3d-model {
  transform-style: preserve-3d;
  width: 440px;
  height: 282px;
  max-width: 100%;
  position: relative;
  cursor: pointer;
  border-radius: 0px;
  will-change: transform;
  transition: transform 0.15s ease-out, border-radius 0.3s ease, width 0.35s ease, height 0.35s ease;
}
.card-3d-model.is-vert {
  width: 282px;
  height: 440px;
}
.card-3d-model.smooth-cam {
  transition: transform 0.65s cubic-bezier(0.2, 0.9, 0.2, 1), border-radius 0.3s ease, width 0.35s ease, height 0.35s ease;
}

/* Kalınlık Katmanları */
.thickness-700gr {
  box-shadow: 
    1px 1px 0px #e2e8f0,
    2px 2px 0px #cbd5e1,
    3px 3px 0px #94a3b8,
    4px 4px 0px #64748b,
    5px 5px 0px #475569,
    6px 6px 0px #334155,
    7px 7px 0px #1e293b,
    22px 34px 65px rgba(15, 23, 42, 0.25),
    0 8px 22px rgba(0, 0, 0, 0.1);
}
.thickness-350gr {
  box-shadow: 
    1px 1px 0px #cbd5e1,
    2px 2px 0px #94a3b8,
    10px 20px 40px rgba(15, 23, 42, 0.14),
    0 3px 10px rgba(0, 0, 0, 0.05);
}

/* Kart Yüzleri */
/* Kart Yüzleri (Lüks Koyu Grafit & Gece Mavisi Zemin) */
.card-face-front, .card-face-back {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.card-face-front {
  background: linear-gradient(135deg, #111827 0%, #1e293b 60%, #0f172a 100%);
  backface-visibility: hidden;
  color: #ffffff;
}
.card-face-back {
  background: linear-gradient(145deg, #090d14 0%, #111827 55%, #030712 100%);
  transform: rotateY(180deg);
  backface-visibility: hidden;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
}

/* Kesim Formları */
.cut-straight {
  border-radius: 0px !important;
}
.cut-oval {
  border-radius: 24px !important;
}
.cut-custom-diagonal {
  border-radius: 38px 0px 38px 0px !important;
}

/* Selefon Parlama Katmanı (Çizgisiz, Pürüzsüz & Doğal Yansıma) */
.surface-matte,
.surface-gloss {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 4;
}

.surface-matte {
  background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 65%);
  opacity: 0.45;
  mix-blend-mode: screen;
  transition: opacity 0.3s ease, background 0.2s ease;
}

.surface-gloss {
  background: 
    linear-gradient(135deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.10) 30%, rgba(255, 255, 255, 0.02) 60%, rgba(255, 255, 255, 0.15) 100%),
    radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.14) 38%, rgba(255, 255, 255, 0) 70%);
  opacity: 1;
  mix-blend-mode: screen;
  box-shadow: 
    inset 0 1px 1.5px rgba(255, 255, 255, 0.45),
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    inset 0 0 35px rgba(255, 255, 255, 0.09);
  backdrop-filter: brightness(1.06) contrast(1.04);
  transition: opacity 0.3s ease, background 0.15s ease;
}

.card-3d-model.is-gloss .card-face-front,
.card-3d-model.is-gloss .card-face-back {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 20px 45px rgba(15, 23, 42, 0.22);
}

/* Varak Yaldız */
.foil-gold-luxury {
  background: linear-gradient(120deg, #b8860b 0%, #ffd700 20%, #fff8db 40%, #d4af37 60%, #aa771c 80%, #ffd700 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 250% 250%;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 8px rgba(245, 158, 11, 0.5));
  animation: foilShimmer 4.5s ease infinite;
}
.foil-silver-luxury {
  background: linear-gradient(120deg, #71717a 0%, #e4e4e7 20%, #ffffff 40%, #a1a1aa 60%, #52525b 80%, #f4f4f5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 250% 250%;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 8px rgba(226, 232, 240, 0.5));
  animation: foilShimmer 4.5s ease infinite;
}
@keyframes foilShimmer {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* 3D Kabartma Lak (Spot UV - Cam Berraklığında Vernik ve Kabartma) */
.spot-uv-embossed {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), 0 -1px 1px rgba(0, 0, 0, 0.95), 0 3px 6px rgba(0, 0, 0, 0.7);
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 1px rgba(255, 255, 255, 0.65));
}
.card-real-logo.spot-uv-embossed {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 4px rgba(56, 189, 248, 0.6));
}

/* Kart İçi Tipografi ve Düzen */
.card-front-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.card-logo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
}
.card-real-logo {
  height: 48px;
  width: auto;
  max-width: 145px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45));
}
.card-brand-title {
  font-size: 19px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 0.8px;
  line-height: 1;
}
.card-brand-sub {
  font-size: 9px;
  font-weight: 800;
  color: #38bdf8;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-top: 5px;
}
.card-uv-badge {
  padding: 5px 11px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,255,255,0.14), rgba(255,255,255,0.04));
  color: #ffffff;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.25);
  box-shadow: 0 4px 14px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.3);
  backdrop-filter: blur(4px);
}
.card-foil-divider {
  height: 2px;
  width: 55px;
  background: rgba(255, 255, 255, 0.18);
  margin: 10px 0;
  transition: all 0.3s;
}
.card-front-bottom {
  position: relative;
  z-index: 2;
}
.card-person-name {
  font-size: 22px;
  font-weight: 900;
  color: #ffffff;
  margin: 0;
  line-height: 1.1;
  letter-spacing: -0.2px;
}
.card-person-title {
  font-size: 12.5px;
  font-weight: 600;
  color: #94a3b8;
  margin: 4px 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.card-person-title b {
  color: #38bdf8;
  font-weight: 800;
}
.card-contact-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 600;
  color: #cbd5e1;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 10px;
}

/* Durum Çubuğu */
.customizer-status-bar {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 12px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  z-index: 10;
}
.customizer-status-bar strong {
  color: #0f172a;
  font-weight: 800;
}
.customizer-status-bar span.recommended {
  color: #059669;
  font-weight: 800;
}

/* SAĞ KOLON: KONTROLLER (İç kaydırmasız, tek parça bütünleşik akış) */
.customizer-controls-col {
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: visible;
  max-height: none;
}
.customizer-controls-head {
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 16px;
}
.customizer-controls-head .eyebrow {
  display: inline-block;
  font-size: 10px;
  font-weight: 900;
  color: #0284c7;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background: #f0f9ff;
  padding: 3px 10px;
  border-radius: 6px;
}
.customizer-controls-head h2 {
  font-size: 26px;
  font-weight: 900;
  color: #0f172a;
  margin: 6px 0 4px;
  letter-spacing: -0.5px;
}
.customizer-controls-head p {
  font-size: 12px;
  color: #64748b;
  margin: 0;
}

.customizer-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.customizer-group-label {
  font-size: 11px;
  font-weight: 900;
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customizer-group-label a {
  font-size: 10px;
  color: #0284c7;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
}
.customizer-group-label a:hover {
  text-decoration: underline;
}

.studio-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.studio-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.studio-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.studio-btn {
  border: 1px solid #e2e8f0;
  background: #ffffff;
  border-radius: 11px;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: inherit;
}
.studio-btn:hover {
  border-color: #0284c7;
  background: #f8fafc;
  transform: translateY(-1px);
}
.studio-btn.active {
  border-color: #0284c7;
  background: #f0f9ff;
  box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25);
}
.studio-btn strong {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
}
.studio-btn small {
  display: block;
  font-size: 10px;
  color: #64748b;
  margin-top: 3px;
  line-height: 1.35;
}
.studio-btn .badge-prestige {
  font-size: 8px;
  background: #e0f2fe;
  color: #0369a1;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 900;
  text-transform: uppercase;
}
.studio-btn .badge-rec {
  font-size: 8px;
  background: #d1fae5;
  color: #065f46;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 900;
}
.studio-btn-center {
  text-align: center;
  align-items: center;
}

/* Bilgilendirme Kutusu */
.customizer-notice-box {
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 14px;
  padding: 14px 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.customizer-notice-box span {
  font-size: 18px;
  line-height: 1;
}
.customizer-notice-box p {
  margin: 0;
  font-size: 11px;
  color: #78350f;
  line-height: 1.55;
  font-weight: 500;
}
.customizer-notice-box strong {
  font-weight: 800;
  color: #451a03;
}

/* Aksiyon Butonları */
.customizer-action-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  border-top: 1px solid #e2e8f0;
  padding-top: 18px;
  margin-top: 6px;
}
.customizer-btn-wa, .customizer-btn-form {
  border: 0;
  padding: 15px 18px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s;
  font-family: inherit;
}
.customizer-btn-wa {
  background: #16a34a;
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(22, 163, 74, 0.25);
}
.customizer-btn-wa:hover {
  background: #15803d;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(22, 163, 74, 0.35);
  color: #ffffff;
}
.customizer-btn-form {
  background: #0f172a;
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.2);
}
.customizer-btn-form:hover {
  background: #0284c7;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(2, 132, 199, 0.3);
  color: #ffffff;
}

/* Teklif Formu İçi Kompakt Kartvizit Yapılandırıcı */
.quote-card-customizer {
  margin-top: 20px;
  margin-bottom: 24px;
  background: #ffffff;
  border: 1px solid #dce5ed;
  border-radius: 16px;
  padding: 22px 24px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}
.quote-card-customizer[hidden] {
  display: none !important;
}
.quote-customizer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.quote-customizer-header b {
  font-size: 13px;
  color: #0f172a;
  font-weight: 900;
}
.quote-customizer-header span {
  font-size: 11px;
  color: #0284c7;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .card-customizer-section {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    padding: 0 !important;
  }
  .card-customizer-shell {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  /* 1. SEÇENEKLER & KONTROLLER MOBİLDE EN ÜSTTE */
  .customizer-controls-col {
    order: 1 !important;
    width: 100% !important;
    padding: 28px 20px 20px !important;
    border-bottom: 0 !important;
  }

  /* 2. 3D ANİMASYON & MODEL SAHNESİ MOBİLDE SEÇENEKLERİN ALTINDA */
  .customizer-stage-col {
    order: 2 !important;
    width: 100% !important;
    position: static !important;
    top: auto !important;
    border-right: 0 !important;
    border-top: 2px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 24px 16px 28px !important;
    min-height: auto !important;
    background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%) !important;
  }

  .customizer-3d-stage {
    min-height: 250px !important;
    margin: 12px 0 !important;
  }
}

@media (max-width: 680px) {
  .card-customizer-section {
    padding: 0 !important;
  }

  .customizer-controls-col {
    padding: 22px 14px 16px !important;
    gap: 13px !important;
  }

  .customizer-controls-head {
    padding-bottom: 12px !important;
  }
  .customizer-controls-head h2 {
    font-size: 21px !important;
    line-height: 1.2 !important;
  }
  .customizer-controls-head p {
    font-size: 11px !important;
  }

  .customizer-group-label {
    font-size: 10.5px !important;
  }

  /* Seçenek Butonları - Kompakt ve İki/Üç Sütunlu Ergonomik Izgara */
  .studio-grid-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .studio-grid-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
  }
  .studio-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
  }

  .studio-btn {
    padding: 8px 8px !important;
    border-radius: 9px !important;
    min-height: 44px !important;
  }
  .studio-btn strong {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  .studio-btn small {
    font-size: 9px !important;
    margin-top: 2px !important;
    line-height: 1.2 !important;
  }
  .studio-btn .badge-prestige,
  .studio-btn .badge-rec {
    font-size: 7.5px !important;
    padding: 1px 4px !important;
  }

  /* 3D Model & Sahne Ölçüleri (Mobil Ekran Orantısı) */
  .customizer-3d-stage {
    min-height: 240px !important;
    margin: 8px 0 !important;
  }
  .card-3d-model {
    width: 275px !important;
    height: 175px !important;
  }
  .card-3d-model.is-vert {
    width: 175px !important;
    height: 275px !important;
  }

  .card-face-front, .card-face-back {
    padding: 14px 16px !important;
  }
  .card-real-logo {
    width: 88px !important;
  }
  .card-person-name {
    font-size: 14.5px !important;
  }
  .card-person-title {
    font-size: 10px !important;
    margin: 2px 0 6px !important;
  }
  .card-contact-row {
    font-size: 8.5px !important;
    padding-top: 6px !important;
  }

  /* Kamera Açı Butonları */
  .customizer-cam-bar {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 10px !important;
  }
  .customizer-cam-btn {
    padding: 7px 2px !important;
    font-size: 9.5px !important;
  }
  .customizer-hint {
    font-size: 10px !important;
  }
  .customizer-status-bar {
    padding: 10px 12px !important;
    font-size: 10px !important;
    border-radius: 12px !important;
  }

  /* Aksiyon Butonları */
  .customizer-action-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
  }
  .customizer-btn-wa, .customizer-btn-form {
    padding: 14px 16px !important;
    font-size: 12.5px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
  }
}

/* ==========================================================================
   ULAŞ MATBAA — SİTE GENELİ TİPOGRAFİ & FONT DÜZELTMELERİ (SIFIR ÇAKIŞMA)
   ========================================================================== */
body, html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Başlık 1 (H1) - Tüm sayfalarda ferah, çakışmasız satır yüksekliği */
h1,
.home-hero h1,
.hero-content h1,
.content-hero h1,
.content-hero.about-hero h1,
.category-hero h1,
.detail-copy h1,
.product-detail-v2 .detail-copy h1,
.legal-hero h1,
.contact-page h1,
.quote-page-hero h1 {
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Başlık 2 (H2) - Tüm bölümlerde kusursuz harf ve satır aralığı */
h2,
.banner-copy h2,
.promise-heading h2,
.section-intro h2,
.related-title h2,
.detail-body h2,
.detail-cta h2,
.contact-title h2,
.category-page-title h2,
.card-options-title h2,
.about-heading h2,
.product-faq h2,
.legal-content h2,
.quote-copy h2,
.quote-page-intro h2,
.contact-location-head h2 {
  line-height: 1.22 !important;
  letter-spacing: -0.02em !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Başlık 3 (H3) ve Kart Başlıkları */
.category-heading h3,
.category-box h3,
.showcase-card h3,
.promise-card h3,
.process-grid h3,
.related-grid h3,
.category-product-card h3,
.about-facts h3,
.about-service-grid h3,
.about-process-grid h3,
.card-option h3,
.mega-product-preview h3,
.contact-page-cards h2,
.about-facts strong {
  line-height: 1.30;
  letter-spacing: -0.015em;
  word-break: normal;
}

/* Vurgulu İtalik Başlık Kelimeleri (em) */
h1 em, h2 em, h3 em {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: normal;
  display: inline-block;
  padding: 0 2px;
}

/* Paragraf ve Açıklama Metinleri (P, Summary, Copy) */
.detail-summary,
.about-copy p,
.seo-content-section p,
.category-seo-section p,
.legal-content p,
.hero-content > p,
.banner-copy > p,
.category-hero p,
.detail-description > p,
.promise-card p,
.showcase-card p,
.category-box p,
.category-product-card p {
  line-height: 1.72;
  letter-spacing: 0;
}

/* Kicker ve Üst Bilgi Başlıkları */
.category-page-title > span,
.category-number,
.contact-title > span,
.detail-cta small,
.promise-card > b,
.about-facts span {
  line-height: 1.4;
  letter-spacing: 0.14em;
}

/* ==========================================================================
   ULAŞ MATBAA — TÜM SİTEDE 16:10.66 GÖRSEL ORAN STANDARDI (KIRPILMAYAN WEBp)
   ========================================================================== */

/* 1. Kategori Sayfası Ürün Kartları */
.category-product-card > div {
  aspect-ratio: 16 / 10.66 !important;
  background: #090d16 !important;
  overflow: hidden !important;
  position: relative !important;
}
.category-product-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.4s ease !important;
}
.category-product-card:hover img {
  transform: scale(1.03) !important;
}

/* 2. Ana Sayfa Vitrin (Showcase) Kartları */
.showcase-image {
  aspect-ratio: 16 / 10.66 !important;
  background: #090d16 !important;
  overflow: hidden !important;
  position: relative !important;
}
.showcase-image > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.4s ease !important;
}
.showcase-card:hover .showcase-image > img {
  transform: scale(1.03) !important;
}

/* 3. İlgili Ürünler (Related Products) Kartları */
.related-grid a {
  background: #fff;
  overflow: hidden;
}
.related-grid img {
  aspect-ratio: 16 / 10.66 !important;
  background: #090d16 !important;
  object-fit: contain !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}
.related-grid a:hover img {
  transform: scale(1.03) !important;
}

/* 4. Kartvizit / Ürün Seçenekleri (Card Options) Görselleri */
.card-option-image {
  aspect-ratio: 16 / 10.66 !important;
  background: #090d16 !important;
  overflow: hidden !important;
}
.card-option-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.4s ease !important;
}

/* 5. Ana Sayfa Kategori Kutuları (Category Boxes) */
.category-box > img {
  aspect-ratio: 16 / 10.66 !important;
  background: #090d16 !important;
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

/* 6. Ürün Detay & Kategori Hero Galerileri */
.category-gallery .product-gallery,
.detail-visual .product-gallery,
.product-gallery {
  background: #090d16 !important;
}
.category-gallery .product-gallery img,
.detail-visual .product-gallery img,
.product-gallery > img {
  object-fit: contain !important;
  background: #090d16 !important;
  width: 100% !important;
  height: 100% !important;
}

/* 7. Mega Menü Önizleme Görselleri */
.mega-product-preview > img {
  aspect-ratio: 16 / 10.66 !important;
  object-fit: contain !important;
  background: #090d16 !important;
}
.mega-featured img {
  aspect-ratio: 16 / 10.66 !important;
  object-fit: contain !important;
  background: #090d16 !important;
  height: auto !important;
}

/* Mobil Tipografi Uyumluluğu */
@media (max-width: 768px) {
  h1,
  .home-hero h1,
  .hero-content h1,
  .content-hero h1,
  .category-hero h1,
  .detail-copy h1,
  .product-detail-v2 .detail-copy h1 {
    font-size: clamp(34px, 8vw, 54px) !important;
    line-height: 1.18 !important;
  }
  h2,
  .banner-copy h2,
  .promise-heading h2,
  .section-intro h2,
  .about-heading h2 {
    font-size: clamp(28px, 6.5vw, 40px) !important;
    line-height: 1.22 !important;
  }
}