/* Çekirdek Atölye final responsive/performance polish */
:root{
  --mobile-nav-height:70px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
*{-webkit-tap-highlight-color:transparent}
html{scroll-padding-top:84px}
body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;image-rendering:auto}
button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(84,218,199,.45);outline-offset:3px}

/* Browser fallbacks for older iOS/Android */
.site-nav,.filters-bar{background:rgba(255,254,253,.96)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
[data-theme="dark"] .site-nav,[data-theme="dark"] .filters-bar{background:rgba(33,24,39,.96)!important}
@supports (background:color-mix(in srgb, white 50%, transparent)){
  .site-nav{background:color-mix(in srgb,var(--surface,#fffefd) 94%,transparent)!important}
  .filters-bar{background:color-mix(in srgb,var(--surface,#fffefd) 95%,transparent)!important}
}

/* Header / navigation */
.site-nav{position:sticky!important;top:0;z-index:1200;border-bottom:1px solid var(--line,#eadde9)}
.nav-inner{width:min(1240px,100%);min-height:70px;margin:0 auto;padding:.72rem clamp(1rem,3vw,1.5rem)!important;display:flex;align-items:center;gap:1rem}
.nav-logo{min-width:0;display:flex;align-items:center;gap:.7rem;font-weight:900;white-space:nowrap}
.nav-logo img{height:44px!important;width:auto!important;max-width:190px;object-fit:contain!important;border-radius:0!important;flex:0 0 auto}
.nav-links{align-items:center;gap:.35rem}
.nav-links a,.nav-links button{min-height:42px;display:flex!important;align-items:center;justify-content:center}
.hamburger{width:44px!important;height:44px!important;min-width:44px!important;border:1px solid var(--line,#eadde9)!important;border-radius:999px!important;background:var(--surface,#fff)!important;color:var(--text,#30263a)!important;line-height:1!important;font-size:1.25rem!important;z-index:1300}
.theme-toggle{z-index:1301}

/* Hero and sections */
.hero{min-height:auto!important;padding:clamp(3rem,7vw,5rem) clamp(1rem,3vw,1.5rem) clamp(2.4rem,6vw,4rem)!important}
.hero-inner{width:min(1240px,100%);grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);gap:clamp(1.4rem,4vw,3rem)}
.hero h1{font-size:clamp(2.35rem,7vw,6rem)!important;letter-spacing:-.045em;word-break:normal;overflow-wrap:balance}
.hero-copy{font-size:clamp(.98rem,2vw,1.16rem)}
.showcase{min-height:unset!important;border-radius:clamp(18px,4vw,28px)}
.showcase-main{min-height:unset!important;aspect-ratio:1/1;border-radius:clamp(14px,3vw,20px)}
.showcase-main img{width:100%;height:100%;max-height:none!important;object-fit:contain!important;padding:clamp(.7rem,2vw,1.2rem)}
.section{padding:clamp(3.2rem,7vw,5rem) clamp(1rem,3vw,1.25rem)!important}
.section-inner,.page-head-inner,.footer-inner,.footer-copy{width:min(1240px,100%)}

/* Product/catalog card image system */
.products-section{width:min(1240px,100%);padding:0 clamp(1rem,3vw,1.5rem)!important;margin:clamp(1.4rem,4vw,2.2rem) auto clamp(3rem,7vw,4rem)!important}
.products-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;gap:clamp(.9rem,2vw,1.35rem)!important;align-items:stretch}
.prod-card{height:100%;display:flex;flex-direction:column;border-radius:18px!important;overflow:hidden;contain:layout paint;will-change:transform;transform:translateZ(0)}
.prod-card:hover{transform:translateY(-4px)}
.prod-img,.product-img,.feature-img,.slide-visual,.cat-card img,.mini-feature img,.thumb,.preview img{
  object-fit:contain!important;object-position:center!important;background:linear-gradient(180deg,var(--surface-2,#f4edf8),var(--surface,#fffefd))!important
}
.prod-img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;padding:clamp(.75rem,2vw,1rem)!important;display:block;flex:0 0 auto}
.prod-body{display:flex;flex-direction:column;flex:1}.prod-desc{flex:1}.prod-cta{margin-top:auto;min-height:42px}
.feature-img{aspect-ratio:1/1;min-height:0!important}.feature-img img{width:100%;height:100%;object-fit:contain!important;padding:clamp(.7rem,2vw,1rem)}
.mini-feature img{aspect-ratio:1/1;height:auto!important}.cat-card img{width:100%;aspect-ratio:1/1;height:auto!important;padding:.85rem;border-radius:14px}
.design-slide .slide-visual{min-height:0!important;aspect-ratio:1/1}.slide-visual img{width:100%;height:100%;object-fit:contain!important;padding:1rem}

/* Filters */
.filters-bar{position:sticky!important;top:70px!important;z-index:900;padding:.85rem clamp(1rem,3vw,1.5rem)!important}
.filters-inner{width:min(1240px,100%);margin:0 auto;display:grid;gap:.75rem}
.filter-cats,.filter-subcats{display:flex;gap:.45rem;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:.18rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-cats::-webkit-scrollbar,.filter-subcats::-webkit-scrollbar{display:none}
.filter-btn,.filter-sub{white-space:nowrap;min-height:38px}
.search-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-input{width:min(100%,460px);max-width:none!important;min-height:42px}.count-label{margin-left:auto;white-space:nowrap}

/* Product detail modal */
.modal-overlay{position:fixed!important;inset:0!important;z-index:3000!important;padding:clamp(.6rem,2vw,1rem)!important;background:rgba(13,27,42,.84)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overscroll-behavior:contain}
.modal-overlay.open{display:flex!important;align-items:center!important;justify-content:center!important}
.modal-box-wrap{width:min(1040px,100%);max-height:calc(100dvh - 2rem);position:relative;display:grid;align-items:center}
.modal-box{width:100%!important;max-width:none!important;max-height:calc(100dvh - 2rem)!important;overflow:hidden!important;border-radius:24px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);background:var(--surface,#fff)!important;color:var(--text,#30263a)!important}
.modal-img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important;border-radius:24px 0 0 24px!important;padding:clamp(.7rem,2vw,1rem)!important;background:linear-gradient(180deg,var(--surface-2,#f4edf8),var(--surface,#fffefd))!important;align-self:center}
.modal-body{padding:clamp(1rem,3vw,1.6rem)!important;min-width:0;overflow:auto;max-height:calc(100dvh - 2rem);-webkit-overflow-scrolling:touch}
.modal-name{font-size:clamp(1.2rem,3vw,1.65rem)!important;line-height:1.18}.modal-desc{font-size:.95rem}.modal-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:.7rem}.modal-actions>*{width:100%;min-height:44px}.modal-link{grid-column:1/-1}.modal-close{top:.7rem!important;right:.7rem!important;z-index:2;width:44px!important;height:44px!important}
body.modal-open{overflow:hidden!important;touch-action:none}

/* Footer */
.site-footer{padding:clamp(2.6rem,6vw,3.4rem) clamp(1rem,3vw,1.25rem) 1.2rem!important}.footer-inner{grid-template-columns:1.25fr .9fr .9fr;gap:clamp(1.2rem,4vw,2rem);margin:0 auto}.footer-brand img{height:46px!important;width:auto!important;object-fit:contain}
.footer-col a,.legal-btn{min-height:32px}.legal-box{width:min(760px,96vw)!important;max-height:min(86vh,760px)!important;-webkit-overflow-scrolling:touch}

/* Admin */
.login-card,.panel,.list-panel{max-width:100%}.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.thumb{width:76px!important;height:76px!important;aspect-ratio:1/1!important}.preview{aspect-ratio:1/1;height:auto!important;min-height:180px}

@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr}.showcase{max-width:560px;width:100%;margin:0 auto}.featured-grid,.feature-card.large{grid-template-columns:1fr!important}.categories,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-inner{grid-template-columns:1fr 1fr!important}
}
@media(max-width:820px){
  html{scroll-padding-top:76px}.nav-inner{min-height:66px}.nav-logo img{height:40px!important;max-width:160px}.hamburger{display:flex!important;align-items:center;justify-content:center;margin-left:auto!important}.theme-toggle{margin-left:0!important;order:3}.nav-links{position:fixed!important;top:66px!important;left:12px!important;right:12px!important;display:grid!important;gap:.35rem!important;padding:.85rem!important;border:1px solid var(--line,#eadde9)!important;border-radius:18px!important;background:var(--surface,#fff)!important;box-shadow:0 22px 70px rgba(23,19,33,.22)!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.22s ease;z-index:1250!important;max-height:calc(100dvh - 84px);overflow:auto}.nav-links.open,.nav-links.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.nav-links li{list-style:none}.nav-links a,.nav-links button{width:100%;justify-content:flex-start!important;border-radius:12px!important;padding:.85rem!important;background:transparent}.filters-bar{top:66px!important}.page-header,.page-head{padding-top:3.4rem!important}.hero{padding-top:2.4rem!important}.hero-metrics{grid-template-columns:1fr!important}.section-head{display:grid!important;gap:.8rem}.modal-box{grid-template-columns:1fr!important;max-height:calc(100dvh - 1.2rem)!important;overflow:auto!important}.modal-img{border-radius:24px 24px 0 0!important;max-height:48dvh!important}.modal-body{max-height:none!important;overflow:visible!important}.modal-actions{grid-template-columns:1fr!important}.modal-link{grid-column:auto}.footer-inner{grid-template-columns:1fr!important}.row{grid-template-columns:1fr!important}.actions{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.8rem!important}.prod-body{padding:.82rem!important}.prod-name{font-size:.9rem!important}.prod-desc{font-size:.78rem!important;-webkit-line-clamp:2}.prod-badge{font-size:.66rem!important}.prod-cta{font-size:.78rem!important;padding:.56rem!important}.categories,.process-grid{grid-template-columns:1fr!important}.cta-band{display:grid!important;padding:1.25rem!important;border-radius:20px!important}.search-row{display:grid}.count-label{margin-left:0}.filter-btn,.filter-sub{font-size:.78rem;padding:.42rem .7rem}.modal-overlay{padding:.4rem!important}.modal-box-wrap{max-height:calc(100dvh - .8rem)}.modal-box{border-radius:18px!important;max-height:calc(100dvh - .8rem)!important}.modal-img{border-radius:18px 18px 0 0!important;max-height:42dvh!important;padding:.65rem!important}.modal-body{padding:1rem!important}.modal-close{top:.55rem!important;right:.55rem!important}.showcase-info{align-items:flex-start;display:grid!important}.hero-actions .btn{width:100%}
}
@media(max-width:380px){.products-grid{grid-template-columns:1fr!important}.nav-logo img{max-width:135px}.hero h1{font-size:2.05rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}