/* ========================================================================== FE İnşaat — "Mühendislik Defteri" (Technical Drawing) teması Konsept: mimari çizim / yapı ruhsatı estetiği — lacivert zemin, pirinç (brass) vurgu, ölçü çizgileri ve köşe kayıt işaretleri "mühendis mührü" gibi davranır. Rakamlı adımlama yerine teknik doküman referans kodları kullanılır (örn. N-01), çünkü içerik gerçek bir sıra değil bir kataloğu temsil ediyor. Yazı tipleri (HTML içine eklenmeli): ========================================================================== */ :root{ --ink:#12161b; --ink-2:#1b232b; --steel:#28333d; --steel-2:#3a4a56; --brass:#ab7a35; --brass-dark:#8a611f; --brass-light:#c99a52; --brass-soft:#f3e6c9; --paper:#f3efe6; --paper-2:#e8e2d2; --line:#dad2bd; --ink-line:rgba(255,255,255,.10); --text:#1a1f24; --text-soft:#5c6570; --white:#ffffff; --radius:4px; --radius-lg:6px; --shadow:0 20px 44px -20px rgba(18,22,27,.4); --shadow-sm:0 10px 22px -14px rgba(18,22,27,.32); --grid: linear-gradient(var(--ink-line) 1px, transparent 1px) 0 0/34px 34px, linear-gradient(90deg, var(--ink-line) 1px, transparent 1px) 0 0/34px 34px; font-size:16px; } *,*::before,*::after{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; font-family:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,sans-serif; color:var(--text); background:var(--paper); line-height:1.6; -webkit-font-smoothing:antialiased; } h1,h2,h3,h4,h5{ font-family:'Big Shoulders Display',Inter,sans-serif; font-weight:700; text-transform:uppercase; color:var(--ink); line-height:1.05; margin:0 0 .5em; letter-spacing:.01em; } p{margin:0 0 1em;color:var(--text-soft);} a{color:inherit;text-decoration:none;} ul{list-style:none;margin:0;padding:0;} img{max-width:100%;display:block;} button{font-family:inherit;cursor:pointer;} .wrap{width:min(1240px,92%);margin-inline:auto;} .ikon{width:22px;height:22px;flex-shrink:0;} .ikon-sm{width:17px;height:17px;flex-shrink:0;} /* Mono utility text — kod, meta, etiket, ölçü */ .mono,.urun-birim,.meta-pill span,.footer-bottom-inner,.kat-count,.urun-badge{ font-family:'IBM Plex Mono','Courier New',monospace; } /* ---------- Blueprint köşe işaretleri (imza öğesi) ---------- */ .blueprint{position:relative;} .blueprint::before,.blueprint::after{ content:"";position:absolute;width:16px;height:16px; border:2px solid var(--brass);pointer-events:none; } .blueprint::before{top:-1px;left:-1px;border-right:0;border-bottom:0;} .blueprint::after{bottom:-1px;right:-1px;border-left:0;border-top:0;} /* ---------- Buttons ---------- */ .btn{ display:inline-flex;align-items:center;gap:.55em; padding:.85em 1.6em; border-radius:var(--radius); font-weight:700; font-size:.86rem; letter-spacing:.03em; text-transform:uppercase; border:1.5px solid transparent; transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease; white-space:nowrap; } .btn:active{transform:translateY(1px);} .btn-primary{background:var(--brass);color:var(--ink);box-shadow:0 10px 24px -10px rgba(171,122,53,.55);} .btn-primary:hover{background:var(--brass-light);box-shadow:0 14px 28px -10px rgba(171,122,53,.6);} .btn-outline{background:transparent;border-color:var(--ink-line);color:var(--white);} .btn-outline:hover{border-color:var(--brass-light);color:var(--brass-light);} .btn-ghost{background:var(--paper-2);color:var(--ink);} .btn-ghost:hover{background:var(--line);} .btn-block{width:100%;justify-content:center;} .btn-sm{padding:.6em 1.15em;font-size:.76rem;} /* ---------- Topbar ---------- */ .topbar{background:var(--ink);color:#aab0bd;font-size:.8rem;border-bottom:1px solid var(--ink-line);} .topbar-inner{display:flex;align-items:center;gap:1.8em;padding:.55em 0;} .topbar-item{display:flex;align-items:center;gap:.5em;} .topbar-item a:hover{color:var(--brass-light);} .topbar-right{margin-left:auto;color:#7d8492;font-family:'IBM Plex Mono',monospace;font-size:.78rem;} .topbar-item .ikon-sm{color:var(--brass);} /* ---------- Header ---------- */ .site-header{ background:var(--white); border-bottom:1px solid var(--line); position:sticky;top:0;z-index:60; } .header-inner{ display:flex;align-items:center;gap:1.6em; padding:.9em 0; } .brand{display:flex;align-items:center;gap:.7em;flex-shrink:0;} .brand-mark{ display:grid;place-items:center; width:46px;height:46px;border-radius:var(--radius); background:var(--ink);color:var(--brass-light); font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:1.3rem; position:relative; overflow:hidden; border:1px solid var(--ink-line); } .brand-mark::after{ content:"";position:absolute;inset:3px; border:1px solid rgba(201,154,82,.45); } .brand-text{ display:flex;flex-direction:column;line-height:1.1; font-family:'Big Shoulders Display',sans-serif;font-weight:700;color:var(--ink); font-size:1.25rem;text-transform:uppercase; } .brand-text em{font-style:normal;font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-dark);font-family:'IBM Plex Mono',monospace;} .main-nav ul{display:flex;align-items:center;gap:.3em;} .main-nav a{ display:block;padding:.6em .9em;border-radius:var(--radius); font-weight:600;font-size:.92rem;color:var(--text); transition:background .15s ease, color .15s ease; } .main-nav a:hover,.main-nav a.aktif{background:var(--paper-2);color:var(--brass-dark);} .has-mega{position:relative;} .mega{ position:absolute;top:100%;left:50%;transform:translate(-50%,8px); width:640px;max-width:80vw; background:var(--white); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow); padding:1em; opacity:0;visibility:hidden;pointer-events:none; transition:opacity .18s ease, transform .18s ease; z-index:70; } .has-mega:hover .mega,.has-mega:focus-within .mega{ opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0); } .mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.3em;} .mega-item{ display:flex;align-items:center;gap:.7em; padding:.7em .8em;border-radius:var(--radius);font-weight:600;font-size:.88rem; color:var(--text); } .mega-item .ikon-sm{color:var(--brass-dark);} .mega-item:hover{background:var(--paper-2);color:var(--brass-dark);} .header-search{ display:flex;align-items:center; background:var(--paper-2); border-radius:var(--radius); padding:.3em .3em .3em 1.1em; flex:1;max-width:320px; border:1.5px solid transparent; transition:border-color .15s ease; } .header-search:focus-within{border-color:var(--brass);} .header-search input{ border:0;background:transparent;outline:none; flex:1;font-size:.9rem;font-family:inherit;color:var(--text); } .header-search button{ display:grid;place-items:center; width:36px;height:36px;border-radius:calc(var(--radius) - 1px);border:0; background:var(--ink);color:var(--white); } .header-search button:hover{background:var(--brass);color:var(--ink);} .header-cta{flex-shrink:0;} .menu-toggle{ display:none;background:none;border:0;color:var(--ink);padding:.4em; } .mobile-search{display:none;padding:0 0 .8em;} .mobile-search form{display:flex;gap:.5em;background:var(--paper-2);border-radius:var(--radius);padding:.3em .3em .3em 1.1em;} .mobile-search input{flex:1;border:0;background:transparent;outline:none;font-family:inherit;} .mobile-search button{width:36px;height:36px;border-radius:calc(var(--radius) - 1px);border:0;background:var(--ink);color:var(--white);display:grid;place-items:center;} /* ---------- Hero ---------- */ .hero{ position:relative; background:linear-gradient(165deg,var(--ink) 0%,var(--ink-2) 55%,var(--steel) 100%); color:var(--white); overflow:hidden; padding:5.5em 0 6em; } .hero::before{ content:"";position:absolute;inset:0; background-image:var(--grid); mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 75%); pointer-events:none; } .hero::after{ content:"";position:absolute;right:-6%;top:-15%;width:520px;height:520px; background:radial-gradient(circle,rgba(171,122,53,.22),transparent 70%); pointer-events:none; } .hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:3em;align-items:center;} .hero-eyebrow{ display:inline-flex;align-items:center;gap:.6em; color:var(--brass-light);font-weight:600;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase; margin-bottom:1.1em;font-family:'IBM Plex Mono',monospace; } .hero-eyebrow::before{content:"";width:26px;height:1px;background:var(--brass-light);} .hero h1{font-size:clamp(2.3rem,4.4vw,3.6rem);color:var(--white);max-width:15ch;} .hero h1 span{color:var(--brass-light);} .hero-lead{color:#b7bdc9;font-size:1.05rem;max-width:46ch;font-family:'IBM Plex Sans',sans-serif;} /* Ölçü çizgisi — imza öğesi: mimari çizimlerdeki boyut çizgisi */ .hero-dim{ display:flex;align-items:center;gap:.9em;margin:1.6em 0 1.8em; font-family:'IBM Plex Mono',monospace;color:#8b92a1;font-size:.78rem;letter-spacing:.04em; } .hero-dim::before,.hero-dim::after{content:"";flex:1;height:1px;background:var(--ink-line);position:relative;} .hero-dim::before{background-image:linear-gradient(var(--ink-line),var(--ink-line)),linear-gradient(var(--ink-line),var(--ink-line));background-size:1px 6px;background-position:left center,right center;background-repeat:no-repeat;} .hero-dim span{white-space:nowrap;color:var(--brass-light);} .hero-actions{display:flex;gap:1em;flex-wrap:wrap;} .hero-stats{display:flex;gap:2.2em;margin-top:3em;flex-wrap:wrap;} .hero-stat b{display:block;font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:1.9rem;color:var(--brass-light);} .hero-stat span{font-size:.78rem;color:#8b92a1;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.04em;} .hero-panel{ position:relative; background:var(--ink-2); border:1px solid var(--ink-line); border-radius:var(--radius-lg); padding:1.8em; box-shadow:var(--shadow); } .hero-panel-head{display:flex;align-items:center;gap:.8em;margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid var(--ink-line);} .hero-panel-head .ikon{color:var(--brass-light);width:28px;height:28px;} .hero-panel-head strong{color:var(--white);font-family:'Big Shoulders Display',sans-serif;text-transform:uppercase;} .hero-panel-head small{display:block;color:#8b92a1;font-size:.76rem;font-family:'IBM Plex Mono',monospace;} .hero-panel-list{display:flex;flex-direction:column;gap:.75em;} .hero-panel-list li{display:flex;align-items:center;gap:.7em;color:#d3d7de;font-size:.9rem;} .hero-panel-list .ikon-sm{color:var(--brass-light);flex-shrink:0;} /* ---------- Sections generic ---------- */ section{padding:5em 0;} .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2em;margin-bottom:2.4em;flex-wrap:wrap;} .section-head h2{font-size:clamp(1.7rem,3.2vw,2.4rem);max-width:20ch;} .section-eyebrow{ display:inline-flex;align-items:center;gap:.6em; color:var(--brass-dark);font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.7em; font-family:'IBM Plex Mono',monospace; } .section-eyebrow::before{content:"";width:22px;height:1px;background:var(--brass-dark);} .section-desc{color:var(--text-soft);max-width:52ch;} .section-alt{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);} /* ---------- Category grid ---------- */ .kat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4em;} .kat-card{ position:relative; background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:1.8em 1.6em; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; overflow:hidden; } .kat-card::before,.kat-card::after{ content:"";position:absolute;width:14px;height:14px; border:2px solid var(--brass);opacity:0;transition:opacity .18s ease; } .kat-card::before{top:8px;left:8px;border-right:0;border-bottom:0;} .kat-card::after{bottom:8px;right:8px;border-left:0;border-top:0;} .kat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:transparent;} .kat-card:hover::before,.kat-card:hover::after{opacity:1;} .kat-icon{ display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius); background:var(--paper-2);color:var(--brass-dark);margin-bottom:1.1em; } .kat-card h3{font-size:1.15rem;margin-bottom:.4em;} .kat-card p{font-size:.88rem;margin-bottom:1.1em;} .kat-link{display:inline-flex;align-items:center;gap:.4em;font-weight:700;font-size:.8rem;color:var(--ink);text-transform:uppercase;letter-spacing:.03em;} .kat-link .ikon-sm{width:15px;height:15px;transition:transform .15s ease;color:var(--brass-dark);} .kat-card:hover .kat-link .ikon-sm{transform:translateX(4px);} .kat-count{ position:absolute;top:1.4em;right:1.5em; font-weight:600;color:var(--line);font-size:.85rem;letter-spacing:.02em; } /* ---------- Product grid / cards ---------- */ .urun-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4em;} .urun-card{ background:var(--white);border:1px solid var(--line);border-radius:var(--radius); overflow:hidden;display:flex;flex-direction:column; transition:box-shadow .18s ease, transform .18s ease; } .urun-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px);} .urun-media{ position:relative;height:130px; background:linear-gradient(150deg,var(--ink) 0%,var(--steel) 100%); display:grid;place-items:center; overflow:hidden; } .urun-media::before{ content:"";position:absolute;inset:0; background-image:var(--grid);background-size:17px 17px;opacity:.5; } .urun-media .ikon{width:38px;height:38px;color:var(--brass-light);position:relative;} .urun-badge{ position:absolute;top:.8em;left:.8em; background:rgba(171,122,53,.18);color:var(--brass-light); border:1px solid rgba(171,122,53,.45); font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase; padding:.35em .7em;border-radius:2px; } .urun-body{padding:1.3em 1.4em 1.5em;display:flex;flex-direction:column;flex:1;} .urun-kat{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-dark);margin-bottom:.4em;font-family:'IBM Plex Mono',monospace;} .urun-body h3{font-size:1.08rem;margin-bottom:.3em;} .urun-birim{font-size:.76rem;color:var(--text-soft);margin-bottom:.6em;display:flex;align-items:center;gap:.4em;} .urun-birim::before{content:"";width:6px;height:6px;background:var(--brass);} .urun-body p{font-size:.88rem;flex:1;margin-bottom:1.2em;} .urun-actions{display:flex;gap:.6em;} .urun-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-bottom:2em;flex-wrap:wrap;} .urun-toolbar-search{display:flex;gap:.5em;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:.35em .35em .35em 1.1em;flex:1;max-width:380px;} .urun-toolbar-search input{border:0;outline:none;flex:1;font-family:inherit;background:transparent;} .urun-toolbar-search button{width:36px;height:36px;border-radius:calc(var(--radius) - 1px);border:0;background:var(--ink);color:#fff;display:grid;place-items:center;} .urun-sayac{color:var(--text-soft);font-size:.86rem;font-family:'IBM Plex Mono',monospace;} /* ---------- Category chip nav ---------- */ .kat-chips{display:flex;flex-wrap:wrap;gap:.6em;margin-bottom:2.4em;} .kat-chip{ padding:.6em 1.1em;border-radius:var(--radius);border:1.5px solid var(--line); font-size:.82rem;font-weight:600;color:var(--text);background:var(--white); display:flex;align-items:center;gap:.5em; } .kat-chip .ikon-sm{color:var(--brass-dark);} .kat-chip:hover{border-color:var(--brass);color:var(--brass-dark);} .kat-chip.aktif{background:var(--ink);border-color:var(--ink);color:var(--white);} .kat-chip.aktif .ikon-sm{color:var(--brass-light);} /* ---------- Breadcrumb ---------- */ .breadcrumb{background:var(--white);border-bottom:1px solid var(--line);} .breadcrumb-inner{display:flex;align-items:center;gap:.5em;padding:.9em 0;font-size:.82rem;color:var(--text-soft);flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;} .breadcrumb-inner a:hover{color:var(--brass-dark);} .breadcrumb-inner span{color:var(--line);} .breadcrumb-inner strong{color:var(--ink);} /* ---------- Page hero (small) ---------- */ .page-hero{ background:linear-gradient(165deg,var(--ink) 0%,var(--ink-2) 100%); color:var(--white);padding:3.6em 0;position:relative;overflow:hidden; } .page-hero::before{ content:"";position:absolute;inset:0;background-image:var(--grid); mask-image:linear-gradient(180deg, rgba(0,0,0,.5), transparent 80%); } .page-hero h1{color:var(--white);font-size:clamp(2rem,3.6vw,2.8rem);position:relative;} .page-hero p{color:#a9aebb;max-width:56ch;position:relative;} /* ---------- About page ---------- */ .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5em;align-items:center;} .about-visual{ background:linear-gradient(160deg,var(--ink) 0%,var(--steel) 100%); border-radius:var(--radius-lg);padding:2.2em;color:#fff;position:relative;overflow:hidden;min-height:360px; display:flex;flex-direction:column;justify-content:center;gap:1.4em; border:1px solid var(--ink-line); } .about-visual::before{content:"";position:absolute;inset:0;background-image:var(--grid);opacity:.6;} .about-visual-row{display:flex;align-items:center;gap:1em;position:relative;} .about-visual-row .ikon{width:30px;height:30px;color:var(--brass-light);flex-shrink:0;} .about-visual-row b{display:block;font-family:'Big Shoulders Display',sans-serif;color:#fff;text-transform:uppercase;} .about-visual-row span{font-size:.84rem;color:#9aa0ac;} .deger-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4em;margin-top:1em;} .deger-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.8em;} .deger-card .kat-icon{margin-bottom:1em;} .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2em;margin-top:1em;} .timeline-item{border-left:2px solid var(--brass);padding:.2em 0 .2em 1.1em;} .timeline-item b{display:block;font-family:'Big Shoulders Display',sans-serif;font-weight:800;color:var(--brass-dark);font-size:1.5rem;} /* ---------- Contact page ---------- */ .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3em;align-items:start;} .contact-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.6em;display:flex;gap:1em;align-items:flex-start;margin-bottom:1em;} .contact-card .kat-icon{flex-shrink:0;margin-bottom:0;} .contact-card h4{margin-bottom:.25em;font-size:1rem;text-transform:none;font-family:'IBM Plex Sans',sans-serif;font-weight:700;} .contact-card p{margin:0;font-size:.9rem;} .contact-map{ margin-top:1em;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line); height:200px;background-image:var(--grid);background-color:var(--paper); display:grid;place-items:center;color:var(--text-soft);font-size:.85rem;position:relative; } .contact-map .ikon{color:var(--brass-dark);width:30px;height:30px;margin-bottom:.4em;} .form-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2.2em;box-shadow:var(--shadow-sm);position:relative;} .form-panel h3{margin-bottom:.2em;} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1em;} .field{margin-bottom:1.1em;} .field label{display:block;font-size:.8rem;font-weight:700;margin-bottom:.4em;color:var(--ink);text-transform:uppercase;letter-spacing:.03em;} .field input,.field select,.field textarea{ width:100%;padding:.8em .9em;border-radius:var(--radius);border:1.5px solid var(--line); font-family:inherit;font-size:.92rem;background:var(--paper);color:var(--text); transition:border-color .15s ease, background .15s ease; } .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brass);background:var(--white);} .field textarea{resize:vertical;min-height:110px;} .field-hint{font-size:.76rem;color:var(--text-soft);margin-top:.3em;font-family:'IBM Plex Mono',monospace;} .alert{ display:flex;gap:.9em;align-items:flex-start; padding:1.1em 1.3em;border-radius:var(--radius);margin-bottom:1.6em; } .alert-success{background:#eaf3ec;border:1px solid #bcd8c2;color:#215934;} .alert-success .ikon{color:#2f7a49;flex-shrink:0;} .alert-success strong{display:block;margin-bottom:.15em;color:#184427;} .alert-error{background:#fbebe9;border:1px solid #e8bcb6;color:#8c3324;} /* ---------- Search page ---------- */ .search-empty{ text-align:center;padding:4em 1em;background:var(--white);border:1px dashed var(--line);border-radius:var(--radius); } .search-empty .ikon{width:44px;height:44px;color:var(--line);margin:0 auto 1em;} /* ---------- CTA band ---------- */ .cta-band{ background:linear-gradient(120deg,var(--ink),var(--ink-2)); color:#fff;border-radius:var(--radius-lg);padding:3em; display:flex;justify-content:space-between;align-items:center;gap:2em;flex-wrap:wrap; position:relative;overflow:hidden;border:1px solid var(--ink-line); } .cta-band::before{content:"";position:absolute;inset:0;background-image:var(--grid);opacity:.35;mask-image:radial-gradient(circle at 20% 120%, black, transparent 60%);} .cta-band h2{color:#fff;margin-bottom:.3em;position:relative;} .cta-band p{color:#a9aebb;margin:0;position:relative;} .cta-band .btn{position:relative;} /* ---------- Product detail ---------- */ .urun-detay{display:grid;grid-template-columns:.85fr 1.15fr;gap:3em;align-items:flex-start;} .urun-detay-media{ background:linear-gradient(150deg,var(--ink),var(--steel)); border-radius:var(--radius-lg);height:320px;display:grid;place-items:center;position:relative;overflow:hidden; border:1px solid var(--ink-line); } .urun-detay-media::before{content:"";position:absolute;inset:0;background-image:var(--grid);opacity:.5;} .urun-detay-media .ikon{width:76px;height:76px;color:var(--brass-light);position:relative;} .urun-detay-info .urun-kat{margin-bottom:.6em;} .urun-detay-info h1{font-size:clamp(1.9rem,3.2vw,2.5rem);} .urun-detay-meta{display:flex;gap:1.4em;margin:1.2em 0;flex-wrap:wrap;} .meta-pill{background:var(--paper-2);border-radius:var(--radius);padding:.9em 1.2em;display:flex;flex-direction:column;gap:.2em;} .meta-pill span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);font-weight:600;} .meta-pill strong{font-family:'Big Shoulders Display',sans-serif;color:var(--ink);font-size:1.2rem;} .urun-quote-box{ margin-top:1.6em;padding:1.5em;border-radius:var(--radius); background:var(--brass-soft);border:1px solid #e3c68c; } .urun-quote-box p{color:#6e4c15;margin-bottom:1em;} .benzer-baslik{margin-top:4em;} /* ---------- Footer ---------- */ .site-footer{background:var(--ink);color:#9aa0ac;margin-top:4em;border-top:3px solid var(--brass);} .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:2.5em;padding:4em 0 2.5em;} .footer-col h4{color:#fff;font-size:.92rem;margin-bottom:1.1em;text-transform:uppercase;letter-spacing:.04em;font-family:'IBM Plex Sans',sans-serif;font-weight:700;} .footer-col ul li{margin-bottom:.7em;} .footer-col a:hover{color:var(--brass-light);} .footer-brand p{color:#7d8492;font-size:.88rem;margin-top:1em;} .footer-contact li{display:flex;align-items:center;gap:.6em;} .footer-contact .ikon-sm{color:var(--brass-light);flex-shrink:0;} .footer-bottom{border-top:1px solid rgba(255,255,255,.08);} .footer-bottom-inner{display:flex;justify-content:space-between;padding:1.3em 0;font-size:.76rem;color:#5f6672;flex-wrap:wrap;gap:.5em;} /* ---------- Responsive ---------- */ @media (max-width:1000px){ .hero-inner{grid-template-columns:1fr;} .hero-panel{order:-1;} .kat-grid,.urun-grid{grid-template-columns:repeat(2,1fr);} .about-grid,.contact-grid,.urun-detay{grid-template-columns:1fr;} .timeline{grid-template-columns:repeat(2,1fr);} .footer-grid{grid-template-columns:1fr 1fr;} } @media (max-width:820px){ .topbar-right{display:none;} .header-search{display:none;} .main-nav{ position:fixed;inset:0 0 0 auto;width:min(320px,86vw);height:100vh; background:var(--white);box-shadow:-20px 0 40px rgba(0,0,0,.15); transform:translateX(100%);transition:transform .25s ease; padding:5.5em 1.5em 2em;overflow-y:auto;z-index:80; } .main-nav.acik{transform:translateX(0);} .main-nav ul{flex-direction:column;align-items:stretch;gap:.2em;} .main-nav a{padding:.85em 1em;} .has-mega .mega{ position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto; display:none;box-shadow:none;border:0;width:auto;max-width:none;padding:.4em 0 .4em 1em; } .has-mega.acik .mega{display:block;} .mega-grid{grid-template-columns:1fr;} .menu-toggle{display:block;} .mobile-search{display:block;} .header-cta{display:none;} .header-inner{padding-bottom:.4em;} .kat-grid,.urun-grid{grid-template-columns:1fr;} .form-row{grid-template-columns:1fr;} .timeline{grid-template-columns:1fr 1fr;} .deger-grid{grid-template-columns:1fr;} .cta-band{flex-direction:column;text-align:center;} } @media (max-width:820px){ .main-nav .menu-close{display:flex;} } .menu-close{display:none;position:absolute;top:1.2em;right:1.2em;background:none;border:0;color:var(--text-soft);align-items:center;justify-content:center;} .nav-overlay{display:none;position:fixed;inset:0;background:rgba(18,22,27,.55);z-index:75;} .nav-overlay.acik{display:block;}