/*
Theme Name: Pratik Ev Yapı
Theme URI: https://pratikevyapi.com/
Author: Pratik Ev Yapı
Description: Prefabrik & çelik ev modellerini sergileyen, mobil-öncelikli, SEO dostu, WooCommerce katalog vitrini teması. Orman yeşili kimlikli özgün tasarım.
Version: 2.32.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: pratikev
Tags: custom-logo, custom-menu, featured-images, translation-ready, e-commerce
*/

  :root{
    --bg:#FFFFFF; --stone:#F2EFE8; --stone-2:#EAE5DA; --ink:#1A1E1A; --muted:#697065;
    --line:#E4E0D6; --green:#33533F; --green-ink:#26402F; --green-soft:#E7EEE8;
    --brass:#B5862B;            /* sadece m² rozeti / fiyat vurgusu — çok az */
    --wa:#1FA855;
    --wrap:1240px; --radius:13px;
    --shadow:0 1px 2px rgba(26,30,26,.05),0 18px 46px rgba(26,30,26,.09);
    --disp:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;font-family:var(--body);font-size:17px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
  img{max-width:100%;height:auto;display:block}
  a{color:inherit;text-decoration:none}
  svg{display:block}
  h1,h2,h3,h4{font-family:var(--disp);line-height:1.06;margin:0 0 .4em;font-weight:800;letter-spacing:-.02em}
  h1{font-size:clamp(2.3rem,6vw,4.2rem)}
  h2{font-size:clamp(1.8rem,4vw,2.8rem)}
  h3{font-size:clamp(1.15rem,2.2vw,1.4rem)}
  p{margin:0 0 1em}
  .wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
  .section{padding-block:clamp(58px,9vw,108px)}
  .stone{background:var(--stone)}
  :focus-visible{outline:3px solid var(--green);outline-offset:3px}
  .ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-size:.78rem;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:15px}
  .eyebrow::before{content:"";width:24px;height:2px;background:var(--green)}
  .lead{font-size:1.14rem;color:var(--muted);max-width:56ch}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--disp);
    font-weight:700;font-size:1rem;padding:13px 22px;border-radius:10px;border:1.5px solid transparent;cursor:pointer;transition:.18s}
  .btn:active{transform:translateY(1px)}
  .btn-g{background:var(--green);color:#fff}
  .btn-g:hover{background:var(--green-ink)}
  .btn-o{border-color:var(--line);color:var(--ink);background:#fff}
  .btn-o:hover{border-color:var(--ink)}
  .btn-d{background:var(--ink);color:#fff}
  .btn-d:hover{background:#000}
  .btn-wa{background:var(--wa);color:#fff}
  .btn-wa:hover{filter:brightness(.93)}

  /* ---------- utility bar ---------- */
  .ubar{background:var(--ink);color:#C9CFC7;font-size:.86rem}
  .ubar-in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px}
  .ubar a{color:#E7EAE4}
  .ubar .right{display:flex;align-items:center;gap:18px}
  .ubar .lang{font-family:var(--mono);font-size:.78rem}
  .ubar .hide-sm{display:none}

  /* ---------- header ---------- */
  header.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--line)}
  .nav-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px}
  .brand{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:800;font-size:1.35rem;letter-spacing:-.03em}
  .brand .logo{width:40px;height:40px;flex:none}
  .menu{display:none;align-items:center;gap:2px}
  .menu a{padding:9px 11px;font-weight:600;font-size:.95rem;border-radius:8px;color:var(--ink);white-space:nowrap}
  .menu a:hover{color:var(--green);background:var(--green-soft)}
  .nav-right{display:flex;align-items:center;gap:10px}
  .icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#fff;cursor:pointer;font-size:20px;color:var(--ink)}
  .icon-btn:hover{border-color:var(--ink)}
  .nav-cta{display:none}
  .burger{display:inline-flex;flex-direction:column;gap:5px;background:none;border:0;padding:11px;cursor:pointer}
  .burger span{width:24px;height:2px;background:var(--ink);transition:.2s}
  .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger.open span:nth-child(2){opacity:0}
  .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mmenu{display:none;flex-direction:column;border-top:1px solid var(--line);background:#fff;padding:8px 0}
  .mmenu.open{display:flex}
  .mmenu a{padding:13px clamp(16px,4vw,32px);font-weight:600}

  /* ---------- hero ---------- */
  .hero{position:relative}
  .hero-stage{position:relative;min-height:clamp(440px,68vh,640px);display:flex;align-items:flex-end;
    background:linear-gradient(160deg,#2b463a,#33533F 60%,#3d6149);overflow:hidden}
  .hero-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,22,17,.78),rgba(15,22,17,.15) 55%,rgba(15,22,17,.35))}
  /* mimari çizgi dokusu (imza, ince) */
  .hero-lines{position:absolute;inset:0;opacity:.16;
    background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9) 1px,transparent 1.4px);
    background-size:30px 30px;-webkit-mask-image:linear-gradient(120deg,transparent,#000 80%);mask-image:linear-gradient(120deg,transparent,#000 80%)}
  .hero-house{display:none;position:absolute;right:-2%;bottom:6%;width:min(620px,58%);opacity:.9;stroke:rgba(255,255,255,.85);fill:none;stroke-width:2}
  .hero-c{position:relative;z-index:2;padding-block:clamp(36px,6vw,64px);color:#fff}
  .hero-c .eyebrow{color:#BFE0C9}
  .hero-c .eyebrow::before{background:#BFE0C9}
  .hero-c h1{color:#fff;max-width:16ch}
  .hero-c h1 em{font-style:normal;color:#BBDDC4}
  .hero-c p{color:#DCE5DC;max-width:48ch;font-size:1.12rem;margin:0}
  .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

  /* model bulucu (Makro filtre fikrinin özgün yorumu) */
  .finder{position:relative;z-index:3;margin-top:18px}
  .finder-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);
    padding:16px;display:grid;gap:12px;grid-template-columns:1fr}
  .finder-card label{display:block;font-family:var(--body);font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
  .finder-card select,.finder-card input{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;font-size:.95rem;background:#fff;color:var(--ink)}
  .finder-card .go{align-self:end}
  .finder-card .go .btn{width:100%}

  /* ---------- category strip ---------- */
  .cats{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
  .cat{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);
    border-radius:var(--radius);padding:18px;transition:.18s}
  .cat:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:var(--shadow)}
  .cat .ci{width:40px;height:40px;color:var(--green)}
  .cat .ci .ico{width:40px;height:40px}
  .cat b{font-family:var(--disp);font-size:1.05rem}
  .cat span{font-size:.85rem;color:var(--muted)}

  /* ---------- head block ---------- */
  .head{max-width:60ch;margin-bottom:clamp(28px,4vw,48px)}
  .head.row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}

  /* ---------- model grid ---------- */
  .models{display:grid;gap:22px;grid-template-columns:1fr}
  .model{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.18s}
  .model:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-4px)}
  .model .ph{position:relative;aspect-ratio:16/11;background:
      linear-gradient(135deg,var(--stone),var(--stone-2));
      display:grid;place-items:center;overflow:hidden}
  .model .ph .house{width:54%;color:#B9B09B;stroke:#B9B09B;fill:none;stroke-width:2}
  .model .ph .code{position:absolute;top:12px;left:12px;font-family:var(--mono);font-size:.74rem;font-weight:700;
    background:var(--ink);color:#fff;padding:5px 9px;border-radius:7px;letter-spacing:.04em}
  .model .ph .m2{position:absolute;top:12px;right:12px;font-family:var(--mono);font-size:.74rem;font-weight:700;
    background:#fff;color:var(--brass);border:1px solid var(--line);padding:5px 9px;border-radius:7px}
  .model .ph .note{position:absolute;bottom:10px;left:12px;font-size:.72rem;color:#9a917c;font-family:var(--mono)}
  .model .b{padding:16px 18px 20px;display:flex;flex-direction:column;gap:12px;flex:1}
  .model .b h3{margin:0;font-size:1.18rem}
  .model .tag{font-family:var(--body);font-size:.84rem;font-weight:600;color:var(--muted)}
  .specs{display:flex;flex-wrap:wrap;gap:14px;padding:12px 0;border-block:1px solid var(--line)}
  .specs span{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;color:var(--muted)}
  .specs .ico{width:17px;height:17px;color:var(--green)}
  .price{font-family:var(--disp);font-weight:800;font-size:1.5rem}
  .price small{display:block;font-family:var(--body);font-weight:500;font-size:.74rem;color:var(--muted);letter-spacing:.02em}
  .model .foot{margin-top:auto;display:flex;gap:9px}
  .model .foot .btn{flex:1;padding:11px 12px;font-size:.92rem}

  /* ---------- guarantee band ---------- */
  .guar{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
  .guar .g{display:flex;align-items:center;gap:13px}
  .guar .gi{width:44px;height:44px;flex:none;border-radius:11px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}
  .guar .gi .ico{width:23px;height:23px}
  .guar b{font-family:var(--disp);display:block}
  .guar span{font-size:.86rem;color:var(--muted)}

  /* ---------- projects ---------- */
  .gal{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
  .gal .it{aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,var(--stone),var(--stone-2));
    display:grid;place-items:center;color:#B9B09B;position:relative;overflow:hidden}
  .gal .it .ico{width:34%;height:34%}
  .gal .it span{position:absolute;bottom:10px;left:12px;font-family:var(--mono);font-size:.72rem;color:#9a917c}

  /* ---------- steps ---------- */
  .steps{display:grid;gap:24px;grid-template-columns:1fr;counter-reset:s}
  .step{position:relative;padding-top:18px;border-top:2px solid var(--green)}
  .step::before{counter-increment:s;content:"0" counter(s);font-family:var(--mono);font-weight:700;color:var(--green);font-size:.9rem}
  .step h3{margin:.3em 0 .2em}
  .step p{margin:0;color:var(--muted)}

  /* ---------- proof ---------- */
  .proof{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
  .proof .p{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px;flex:1;min-width:150px}
  .proof .p b{font-family:var(--disp);font-size:2rem;display:block;color:var(--green)}
  .proof .p span{font-size:.88rem;color:var(--muted)}

  /* ---------- faq ---------- */
  .faq{max-width:820px}
  .faq details{border-bottom:1px solid var(--line)}
  .faq summary{cursor:pointer;font-family:var(--disp);font-weight:700;color:var(--ink);font-size:1.06rem;padding:20px 0;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";color:var(--green);font-size:1.5rem;transition:.2s}
  .faq details[open] summary::after{transform:rotate(45deg)}
  .faq details p{margin:0 0 20px;color:#474D44}

  /* ---------- cta ---------- */
  .cta{background:var(--green);color:#fff;border-radius:20px;padding:clamp(30px,5vw,58px);position:relative;overflow:hidden}
  .cta h2{color:#fff}
  .cta p{color:#D6E3D9}
  .cta .house{position:absolute;right:-30px;bottom:-30px;width:280px;stroke:rgba(255,255,255,.18);fill:none;stroke-width:2}
  .cta .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;position:relative}

  /* ---------- footer ---------- */
  footer.foot{background:var(--ink);color:#A7AEA4}
  footer.foot a:hover{color:#fff}
  .foot-grid{display:grid;gap:30px;grid-template-columns:1fr;padding-block:clamp(44px,6vw,68px)}
  .foot h4{font-family:var(--disp);color:#fff;font-size:.95rem;margin:0 0 14px}
  .foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:.95rem}
  .foot .brand{color:#fff;margin-bottom:14px}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-block:18px;font-size:.85rem;color:#7E857B;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}

  /* ---------- floating ---------- */
  .float{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;flex-direction:column;gap:10px}
  .float a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:var(--shadow);font-size:22px}
  .float .wa{background:var(--wa)}
  .float .ph{background:var(--green)}

  /* reveal */
  .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}
  .reveal.in{opacity:1;transform:none}

  @media(min-width:600px){
    .ubar .hide-sm{display:inline}
    .hero-house{display:block}
    .cats{grid-template-columns:repeat(3,1fr)}
    .finder-card{grid-template-columns:1fr 1fr}
    .models{grid-template-columns:repeat(2,1fr)}
    .guar{grid-template-columns:repeat(2,1fr)}
    .gal{grid-template-columns:repeat(3,1fr)}
    .steps{grid-template-columns:repeat(4,1fr)}
  }
  @media(min-width:1000px){
    .menu{display:flex}
    .nav-cta{display:inline-flex}
    .burger{display:none}
    .cats{grid-template-columns:repeat(5,1fr)}
    .models{grid-template-columns:repeat(3,1fr)}
    .guar{grid-template-columns:repeat(4,1fr)}
    .gal{grid-template-columns:repeat(4,1fr)}
    .foot-grid{grid-template-columns:2fr 1fr 1fr 1fr}
  }
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

  /* ---- tema ek kuralları ---- */
  .model .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
  .model .ph .code,.model .ph .m2,.model .ph .note{z-index:2}
  .gal .it img,.hero-photo img{width:100%;height:100%;object-fit:cover}
  .search-bar{display:none;border-top:1px solid var(--line);background:#fff}
  .search-bar.open{display:block}
  .search-bar .wrap{padding-block:14px}
  .search-bar form{display:flex;gap:8px}
  .search-bar input[type=search]{flex:1;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit}
  .search-bar button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:0 18px;font-family:var(--disp);font-weight:700;cursor:pointer}
  /* WooCommerce uyumu */
  .woocommerce .button,.woocommerce a.button{background:var(--green)!important;color:#fff!important;border-radius:10px!important;font-family:var(--disp)!important}
  .woocommerce ul.products li.product .price{color:var(--ink)!important;font-weight:800}
  .woocommerce .woocommerce-breadcrumb{font-size:.85rem;color:var(--muted)}
  /* .entry çerçevesi kaldırıldı — tipografi aşağıdaki blog kuralında */
  .page-hero{padding-block:clamp(34px,6vw,60px);background:var(--stone);border-bottom:1px solid var(--line)}

  /* ---- logo boyutu ---- */
  .brand img,
  .custom-logo{max-height:56px;width:auto;height:auto}
  .custom-logo-link{display:inline-flex;align-items:center;line-height:0}

  /* ---- WooCommerce mağaza/arşiv düzeni ---- */
  .woocommerce .woocommerce-products-header__title,
  .woocommerce-page h1.page-title{font-family:var(--disp);font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:18px}
  .woocommerce .woocommerce-result-count{color:var(--muted);margin:0 0 18px;font-size:.95rem}
  .woocommerce .woocommerce-ordering{margin:0 0 18px}
  .woocommerce .woocommerce-ordering select,
  .woocommerce select.orderby{
    border:1px solid var(--line);border-radius:10px;padding:11px 40px 11px 14px;font:inherit;
    background:#fff;color:var(--ink);cursor:pointer;max-width:100%;-webkit-appearance:none;appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2333533F' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 14px center;
  }
  .woocommerce ul.products{
    display:grid!important;gap:22px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    margin:0!important;padding:0!important;list-style:none;clear:both;
  }
  .woocommerce ul.products::before,
  .woocommerce ul.products::after{display:none!important;content:none!important}
  .woocommerce ul.products li.product{
    width:auto!important;margin:0!important;float:none!important;padding:0 0 18px!important;
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-align:left;position:relative;
  }
  .woocommerce ul.products li.product:hover{border-color:var(--green);box-shadow:var(--shadow)}
  .woocommerce ul.products li.product a img{width:100%!important;aspect-ratio:4/3;object-fit:cover;margin:0 0 14px!important;border-radius:0!important}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--disp);font-weight:700;font-size:1.12rem;padding:0 18px;margin:0 0 8px!important;color:var(--ink)}
  .woocommerce ul.products li.product .price{display:block;padding:0 18px;margin:0;color:var(--ink)!important;font-family:var(--disp);font-weight:800;font-size:1.3rem}
  .woocommerce ul.products li.product .price del{color:var(--muted);font-weight:500;font-size:.85rem;opacity:1;margin-right:6px}
  .woocommerce ul.products li.product .price ins{text-decoration:none;background:none}
  .woocommerce ul.products li.product .btn-wa{display:block!important;width:auto!important;margin:14px 18px 0!important;text-align:center}
  /* indirim rozeti: yalnızca ürün kartında, köşeye sabit (Woo'nun kuralını ezecek güçte) */
  .woocommerce ul.products li.product .onsale{
    position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;margin:0!important;
    min-width:0!important;min-height:0!important;line-height:1!important;border-radius:8px!important;padding:6px 10px!important;
    background:var(--brass)!important;color:#fff!important;font-family:var(--disp)!important;font-weight:700!important;font-size:.74rem!important;z-index:3!important;
  }
  .woocommerce div.product .onsale{display:none!important}
  /* tekil üründe başlık banner'da gösterildiği için özetteki tekrarı gizle */
  .woocommerce div.product .product_title{display:none}
  .woocommerce nav.woocommerce-pagination ul{border:0;margin-top:26px}
  .woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 3px}
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--line);border-radius:8px;padding:8px 13px}
  .woocommerce nav.woocommerce-pagination ul li span.current{background:var(--green);color:#fff;border-color:var(--green)}

  /* ---- WP menüsü (ul/li) yatay düzen ---- */
  .menu > ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;flex-wrap:nowrap;white-space:nowrap}
  .menu > ul > li > a{white-space:nowrap}
  .menu li{margin:0;position:relative}
  .mmenu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
  .mmenu li{margin:0}

  /* ---- Masaüstü açılır menü (dropdown) ---- */
  .menu .menu-item-has-children > a{display:inline-flex;align-items:center;gap:5px}
  .menu .menu-item-has-children > a::after{
    content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);opacity:.6;transition:transform .15s ease}
  .menu .sub-menu{
    list-style:none;margin:0;padding:6px;position:absolute;top:calc(100% + 8px);left:0;z-index:60;
    min-width:230px;display:flex;flex-direction:column;align-items:stretch;gap:2px;
    background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
    opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
  .menu .sub-menu::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px} /* hover köprüsü */
  .menu .menu-item-has-children:hover > .sub-menu,
  .menu .menu-item-has-children:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
  .menu .menu-item-has-children:hover > a::after{transform:translateY(-2px) rotate(-135deg)}
  .menu .sub-menu li{width:100%}
  .menu .sub-menu a{display:block;width:100%;padding:9px 12px;border-radius:8px;font-size:.95rem;white-space:nowrap}

  /* ---- Mobil iç içe menü (alt öğeler girintili) ---- */
  .mmenu .sub-menu{display:flex;flex-direction:column;margin:2px 0 6px;padding-left:14px;border-left:2px solid var(--line)}
  .mmenu .sub-menu a{font-size:.95rem;opacity:.92}

  /* ---- Galeri filtre sekmeleri ---- */
  .gallery-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px 0 0}
  .gtab{
    display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:999px;
    border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:600;font-size:.96rem;
    transition:background .15s ease,color .15s ease,border-color .15s ease}
  .gtab:hover{border-color:var(--green);color:var(--green);background:var(--green-soft)}
  .gtab.is-active{background:var(--green);border-color:var(--green);color:#fff}
  @media(max-width:560px){
    .gallery-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
      padding-bottom:4px;-webkit-overflow-scrolling:touch}
    .gtab{white-space:nowrap;flex:0 0 auto}
  }

  /* ---- footer logosu (beyaz çip) ---- */
  .brand-foot{display:inline-block;margin-bottom:16px}
  .brand-foot img,.brand-foot .custom-logo{max-height:96px;width:auto;height:auto;display:block}

  /* ---- tekil ürün sayfası ---- */
  .woocommerce div.product p.price{color:var(--ink)!important;font-family:var(--disp);font-weight:800;font-size:2rem}
  .woocommerce div.product p.price del{color:var(--muted);font-weight:500;font-size:1rem;opacity:1}
  .woocommerce div.product p.price ins{text-decoration:none;background:none}
  .woocommerce div.product .single-specs{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:16px 0;padding:14px 0;border-block:1px solid var(--line)}
  .woocommerce div.product .single-specs span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.95rem}
  .woocommerce div.product .single-specs .ico{width:18px;height:18px;color:var(--green)}
  .woocommerce div.product .single-specs .ss-code{font-family:var(--mono);background:var(--ink);color:#fff;padding:5px 10px;border-radius:7px;font-size:.8rem}
  .woocommerce div.product .product_meta{font-size:.9rem;color:var(--muted);margin-top:14px}
  .woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0;border:0;display:flex;gap:6px;flex-wrap:wrap}
  .woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
  .woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:1px solid var(--line);border-radius:10px 10px 0 0;margin:0;padding:0}
  .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
  .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none;border:0}
  .woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--disp);font-weight:700;color:var(--ink);padding:12px 18px}
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff;border-bottom-color:#fff}
  .woocommerce div.product .woocommerce-tabs .panel{border:1px solid var(--line);border-radius:0 12px 12px 12px;padding:24px;margin-top:-1px}
  .woocommerce div.product .woocommerce-tabs .panel h2{font-family:var(--disp)}

  /* ---- içerik sayfaları (Hakkımızda / İletişim / Teknik) ---- */
  .cols2{display:grid;gap:32px;grid-template-columns:1fr}
  @media(min-width:880px){.cols2{grid-template-columns:1fr 1fr}}
  @media(min-width:880px){.cols2--wide-right{grid-template-columns:.9fr 1.1fr}}
  .img-ph{aspect-ratio:4/3;border-radius:var(--radius);background:linear-gradient(135deg,var(--stone),var(--stone-2));display:grid;place-items:center;color:#B9B09B}
  .img-ph .ico{width:30%;height:30%}
  /* iletişim */
  .contact-list{display:grid;gap:18px}
  .contact-list .ci-row{display:flex;gap:14px;align-items:flex-start}
  .contact-list .ci-ic{width:44px;height:44px;flex:none;border-radius:11px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}
  .contact-list .ci-ic .ico{width:22px;height:22px}
  .contact-list b{font-family:var(--disp);display:block;margin-bottom:2px}
  .contact-list span,.contact-list a{color:var(--muted)}
  .map-embed{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:340px}
  .map-embed iframe{width:100%;height:100%;min-height:340px;border:0;display:block}
  /* teknik spec kartları + tablo */
  .spec-cards{display:grid;gap:18px;grid-template-columns:1fr}
  @media(min-width:700px){.spec-cards{grid-template-columns:repeat(2,1fr)}}
  @media(min-width:1000px){.spec-cards{grid-template-columns:repeat(3,1fr)}}
  .spec-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
  .spec-card .sc-ic{width:46px;height:46px;border-radius:11px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;margin-bottom:14px}
  .spec-card .sc-ic .ico{width:24px;height:24px}
  .spec-card h3{margin:0 0 6px}
  .spec-card p{margin:0;color:var(--muted)}
  .spec-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
  .spec-table td{padding:14px 18px;border-top:1px solid var(--line);vertical-align:top}
  .spec-table tr:first-child td{border-top:0}
  .spec-table td:first-child{font-family:var(--disp);font-weight:700;width:42%}
  .spec-table td:last-child{color:var(--muted)}

  /* ---- galeri / geniş sayfa ---- */
  .wp-block-gallery{gap:14px}
  .wp-block-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
  .wp-block-image img{border-radius:12px}
  .wp-block-gallery figcaption,
  .wp-block-image figcaption{color:var(--muted);font-size:.9rem}

  /* ---- finder masaüstü örtüşme + kategori filtre ---- */
  @media(min-width:760px){.finder{margin-top:-34px}}
  .cat-filter{border-bottom:1px solid var(--line);background:#fff}
  .cat-filter .wrap{display:flex;gap:8px;flex-wrap:wrap;padding-block:14px}
  .cat-filter .pill{font-family:var(--disp);font-weight:600;font-size:.92rem;padding:9px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);white-space:nowrap}
  .cat-filter .pill:hover{border-color:var(--green);color:var(--green)}
  .cat-filter .pill.is-active{background:var(--green);color:#fff;border-color:var(--green)}

  /* ---- finder 3 kutu + buton (geniş ekran) ---- */
  @media(min-width:1000px){.finder-card{grid-template-columns:1fr 1fr 1fr auto}}
  /* ---- ürün kartı butonları: Teklif Al + İncele ---- */
  .woocommerce ul.products li.product .loop-btns{display:flex;gap:8px;margin:14px 18px 18px}
  .woocommerce ul.products li.product .loop-btns .btn{flex:1;margin:0!important;width:auto!important;padding:11px 10px;font-size:.9rem;text-align:center}
  .woocommerce ul.products li.product .loop-btns .btn-wa{display:inline-flex!important;align-items:center;justify-content:center;gap:6px}

  /* ---- mağaza çoklu filtre: seçilebilir etiketler + Uygula ---- */
  .cat-filter .wrap{align-items:center}
  .cat-filter .cf-label{font-family:var(--disp);font-weight:700;font-size:.9rem;color:var(--ink);margin-right:4px}
  .cat-filter .cf-label em{font-style:normal;font-weight:500;color:var(--muted);font-size:.82rem}
  .cat-filter .cf-pills{display:flex;gap:8px;flex-wrap:wrap}
  .cat-filter .pill{cursor:pointer;background:#fff;font:600 .92rem/1 var(--disp)}
  .cat-filter .cf-actions{display:flex;gap:12px;align-items:center;margin-left:auto}
  .cat-filter .cf-apply{padding:10px 22px;font-size:.92rem}
  .cat-filter .cf-clear{font-family:var(--disp);font-weight:600;font-size:.9rem;color:var(--muted)}
  .cat-filter .cf-clear:hover{color:var(--green)}
  @media(max-width:680px){.cat-filter .cf-actions{width:100%;margin-left:0}.cat-filter .cf-apply{flex:1}}

  /* ---- mağaza filtre: başlıklı gruplar (Oda / Metrekare / Tip) ---- */
  .cat-filter .wrap{display:block;align-items:initial}
  .cat-filter .cf-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
  .cat-filter .cf-groups{display:flex;flex-direction:column;gap:12px}
  .cat-filter .cf-group{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
  .cat-filter .cf-group > h4{font-family:var(--disp);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:8px 0 0;min-width:96px;flex-shrink:0}
  @media(max-width:560px){.cat-filter .cf-group{flex-direction:column;gap:7px}.cat-filter .cf-group > h4{margin:0}}

  /* ============================================================
     BLOG
     ============================================================ */
  .blog-head{padding:46px 0 6px}
  .blog-cats{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
  .blog-cats .pill{font-family:var(--disp);font-weight:600;font-size:.9rem;padding:8px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#fff;white-space:nowrap}
  .blog-cats .pill:hover{border-color:var(--green);color:var(--green)}
  .blog-cats .pill.is-active{background:var(--green);color:#fff;border-color:var(--green)}

  .blog-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:8px}
  @media(min-width:640px){.blog-grid{grid-template-columns:1fr 1fr}}
  @media(min-width:1000px){.blog-grid{grid-template-columns:repeat(3,1fr)}}

  .post-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}
  .post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
  .post-card .pc-ph{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg)}
  .post-card .pc-ph img{width:100%;height:100%;object-fit:cover;display:block}
  .post-card .pc-ph.ph-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green),#26412f)}
  .post-card .pc-ph.ph-empty .ico{width:44px;height:44px;color:#fff;opacity:.85}
  .post-card .pc-b{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
  .post-meta{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
  .post-meta .pc-cat{color:var(--green);font-weight:700}
  .post-card h3{font-size:1.14rem;line-height:1.3;margin:0}
  .post-card h3 a{color:var(--ink)}
  .post-card h3 a:hover{color:var(--green)}
  .post-card .pc-ex{color:var(--muted);font-size:.94rem;line-height:1.6;margin:0}
  .post-card .pc-more{margin-top:auto;font-family:var(--disp);font-weight:600;font-size:.9rem;color:var(--green)}
  .post-card.feat{grid-column:1/-1}
  @media(min-width:760px){
    .post-card.feat{flex-direction:row}
    .post-card.feat .pc-ph{flex:0 0 52%;aspect-ratio:auto}
    .post-card.feat .pc-b{justify-content:center;padding:34px 40px;gap:14px}
    .post-card.feat h3{font-size:1.7rem}
    .post-card.feat .pc-ex{font-size:1.02rem}
  }

  /* tekil yazı */
  .single-hero{padding:44px 0 0}
  .single-hero .wrap{max-width:820px}
  .single-hero .pc-cat{color:var(--green);font-weight:700;font-family:var(--disp);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
  .single-hero h1{margin:12px 0 14px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}
  .single-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.9rem;font-family:var(--disp)}
  .single-fimg{max-width:980px;margin:26px auto 0}
  .single-fimg img{width:100%;border-radius:16px;display:block}
  .entry{max-width:760px;margin:0 auto;font-size:1.05rem;line-height:1.78;color:#2c2c28}
  .entry > *{margin:0 0 1.1em}
  .entry h2{font-size:1.55rem;margin:1.6em 0 .5em;line-height:1.25}
  .entry h3{font-size:1.28rem;margin:1.4em 0 .4em}
  .entry img{border-radius:12px;height:auto;max-width:100%}
  .entry a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
  .entry blockquote{border-left:3px solid var(--green);padding:4px 0 4px 20px;margin:1.4em 0;color:var(--muted);font-style:italic}
  .entry ul,.entry ol{padding-left:1.3em}
  .entry li{margin:.4em 0}
  .entry code{background:var(--bg);padding:2px 6px;border-radius:6px;font-size:.92em}
  .post-tags{max-width:760px;margin:30px auto 0;display:flex;gap:8px;flex-wrap:wrap}
  .post-tags a{font-family:var(--disp);font-size:.85rem;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
  .post-tags a:hover{border-color:var(--green);color:var(--green)}
  .post-nav{max-width:760px;margin:28px auto 0;display:flex;justify-content:space-between;gap:14px;font-family:var(--disp);font-weight:600}
  .post-nav a{color:var(--green)}
  .related h2{margin-bottom:18px}

  /* yorumlar */
  .comments{max-width:760px;margin:46px auto 0}
  .comments-title{font-size:1.4rem;margin-bottom:18px}
  .comment-list{list-style:none;margin:0 0 24px;padding:0}
  .comment-list li{margin:0 0 16px}
  .comment-body{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
  .comment-author{font-family:var(--disp);font-weight:700}
  .comment-author .says{display:none}
  .comment-meta{font-size:.8rem;color:var(--muted);margin-bottom:6px}
  .comment-meta a{color:var(--muted)}
  .comment-list .children{list-style:none;margin:14px 0 0 22px;padding:0}
  .comment-reply-link{color:var(--green);font-family:var(--disp);font-weight:600;font-size:.84rem}
  .comment-respond{margin-top:26px}
  .comment-reply-title{font-size:1.3rem;margin-bottom:12px}
  .comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;margin-bottom:12px;background:#fff}
  .comment-form textarea{min-height:130px}
  .comment-form .form-submit{margin:0}

  /* sayfalama */
  .pe-pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
  .pe-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-family:var(--disp);font-weight:600;color:var(--ink)}
  .pe-pagination .page-numbers:hover{border-color:var(--green);color:var(--green)}
  .pe-pagination .page-numbers.current{background:var(--green);color:#fff;border-color:var(--green)}
  .pe-pagination .page-numbers.dots{border:0}
  .pe-pagination .screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}

  /* ---- mobil menü güzelleştirme ---- */
  .mmenu{padding:6px 0 14px}
  .mmenu li{border-bottom:1px solid var(--line)}
  .mmenu li:last-child{border-bottom:0}
  .mmenu li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px clamp(16px,5vw,30px);font-family:var(--disp);font-weight:600;font-size:1.02rem;color:var(--ink)}
  .mmenu li a::after{content:"›";color:var(--muted);font-size:1.4rem;line-height:1;font-weight:400}
  .mmenu li a:hover{background:var(--bg);color:var(--green)}
  .mmenu .current-menu-item>a,.mmenu .current_page_item>a{color:var(--green)}
  .mmenu-foot{display:flex;flex-direction:column;gap:10px;padding:16px clamp(16px,5vw,30px) 2px}
  .mmenu-foot .btn{width:100%;justify-content:center;padding:14px 18px}
  .mmenu-foot .m-call{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--disp);font-weight:600;color:var(--green);padding:13px;border:1px solid var(--line);border-radius:12px}
  .mmenu-foot .m-call .ico{width:17px;height:17px}

  /* ---- anasayfa: Karadeniz anahtar teslim bandı ---- */
  .region-band{display:flex;align-items:center;gap:13px;margin-top:22px;padding:15px 20px;background:rgba(51,83,63,.06);border:1px solid rgba(51,83,63,.18);border-radius:14px;color:var(--ink);font-size:.98rem;line-height:1.5}
  .region-band .ico{width:22px;height:22px;color:var(--green);flex-shrink:0}
  .region-band strong{color:var(--green)}

  /* ---- ürün sekmeleri: Fiyata Dahil Olanlar / Olmayanlar ---- */
  .spec-inc,.spec-exc{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
  @media(min-width:680px){.spec-inc,.spec-exc{grid-template-columns:1fr 1fr;gap:11px 28px}}
  .spec-inc li,.spec-exc li{position:relative;padding-left:30px;line-height:1.5;color:var(--ink)}
  .spec-inc li::before,.spec-exc li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;line-height:1}
  .spec-inc li::before{content:"✓";background:var(--green)}
  .spec-exc li::before{content:"✕";background:#b3402f}
  .price-note{margin-top:22px;padding:16px 18px;background:var(--bg);border-left:3px solid var(--green);border-radius:8px;color:var(--ink);font-size:.96rem;line-height:1.6}

  /* ---- iletişim sayfası ---- */
  .contact-grid{align-items:start}
  .contact-info{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
  .contact-info .ci-logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
  .contact-info .ci-logo img{max-height:50px;width:auto}
  .contact-info .ci-logo .logo{width:42px;height:42px}
  .contact-info .ci-logo span{font-family:var(--disp);font-weight:800;font-size:1.1rem;color:var(--ink)}
  .contact-info .lead{font-size:1rem;margin-bottom:24px}
  .ci-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
  .ci-actions .btn{display:inline-flex;align-items:center;gap:8px}

  .contact-form-wrap h2{font-size:1.5rem;margin-bottom:4px}
  .contact-form-wrap .cf-sub{color:var(--muted);margin-bottom:22px}
  .contact-form .ff{margin-bottom:16px}
  .contact-form .ff label{display:block;font-family:var(--disp);font-weight:600;font-size:.9rem;margin-bottom:7px;color:var(--ink)}
  .contact-form .ff input,.contact-form .ff textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff;color:var(--ink)}
  .contact-form .ff input:focus,.contact-form .ff textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
  .contact-form .ff textarea{resize:vertical;min-height:140px}
  .contact-form .ff-row{display:grid;grid-template-columns:1fr;gap:0 16px}
  @media(min-width:560px){.contact-form .ff-row{grid-template-columns:1fr 1fr}}
  .contact-form button[type=submit]{margin-top:4px}
  .contact-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

  .contact-map{min-height:420px;height:100%}
  .contact-map iframe{min-height:420px}

  .form-alert{padding:15px 18px;border-radius:12px;margin-bottom:24px;font-family:var(--disp);font-weight:600}
  .form-alert.ok{background:var(--green-soft);color:var(--green);border:1px solid rgba(51,83,63,.2)}
  .form-alert.err{background:#fbeae7;color:#b3402f;border:1px solid #e7c3bc}

  /* ---- blog responsive ince ayarlar ---- */
  @media(max-width:600px){
    .single-hero{padding-top:30px}
    .single-fimg{margin-top:18px}
    .single-fimg img{border-radius:12px}
    .entry{font-size:1rem}
    .blog-head{padding-top:34px}
    .post-nav{flex-direction:column;gap:8px}
  }
  .entry > *{max-width:100%}
  .entry iframe,.entry video{width:100%;border-radius:12px}

  /* ---- Hakkımızda görseli ---- */
  .about-img{border-radius:var(--radius);overflow:hidden;background:var(--bg)}
  .about-img img{width:100%;height:auto;display:block;border-radius:var(--radius)}

  /* ---- blog/sayfa görsel orantı + responsive güvenlik ---- */
  .single-fimg img{height:auto}
  .entry img,.entry figure,.entry .wp-block-image{height:auto;margin-left:auto;margin-right:auto}
  .entry img{max-width:100%}
  .entry figure{max-width:100%}
  .entry{overflow-wrap:break-word;word-wrap:break-word}
  .entry table{display:block;width:100%;overflow-x:auto}
  .entry .alignwide,.entry .alignfull{max-width:100%;margin-left:0;margin-right:0}
  @media(max-width:600px){
    .entry img,.entry figure{width:auto;max-width:100%}
    .entry .wp-block-image img{width:100%}
  }

  /* ---- hero avantaj listesi ---- */
  .hero-perks{list-style:none;margin:18px 0 4px;padding:0;display:flex;flex-direction:column;gap:11px}
  .hero-perks li{display:flex;align-items:flex-start;gap:11px;color:#E9F1EB;font-family:var(--disp);font-weight:600;font-size:1.02rem;line-height:1.4}
  .hero-perks .ico{width:21px;height:21px;flex-shrink:0;color:#9FD3AE;margin-top:1px}

  /* ---- mağaza filtre çubuğu: Tip etiket + m²/oda açılır ---- */
  .cat-filter .cf-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
  .cat-filter .cf-tip{display:flex;gap:8px;flex-wrap:wrap}
  .cat-filter .cf-select{appearance:none;-webkit-appearance:none;font-family:var(--disp);font-weight:600;font-size:.92rem;color:var(--ink);padding:10px 40px 10px 16px;border:1px solid var(--line);border-radius:999px;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path d="M1 1l5 5 5-5" stroke="%2333533F" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 15px center;cursor:pointer}
  .cat-filter .cf-select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
  .cat-filter .cf-clear{margin-left:6px}
  @media(max-width:560px){.cat-filter .cf-bar{gap:8px}.cat-filter .cf-select{flex:1;min-width:46%}}