/*
Theme Name: MSK Garaj Demo
Theme URI: https://mskgaraj.entegresis.com/
Author: MSK Garaj
Description: MSK Garaj + Keyifli Arabam için özel otomotiv ve ürün kataloğu demosu.
Version: 1.0.0
Text Domain: msk-garaj
*/
:root{--bg:#090b0f;--panel:#11151b;--panel2:#171c23;--text:#f7f8fa;--muted:#aab1bb;--red:#ff2b32;--red2:#d61118;--line:#252b34;--white:#fff;--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f6f8;color:#15181d}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:#07090c;color:#fff;border-bottom:1px solid #1e242c;position:sticky;top:0;z-index:100}.toprow{height:78px;display:flex;align-items:center;gap:22px}.logo{font-weight:900;font-size:27px;letter-spacing:-1.5px}.logo b{color:var(--red)}.logo small{display:block;font-size:9px;letter-spacing:2px;color:#aab1bb;margin-top:-3px}.search{flex:1;display:flex;background:#fff;border-radius:10px;overflow:hidden}.search input{width:100%;border:0;padding:14px 16px;outline:0}.search button{border:0;background:#fff;padding:0 16px;font-size:20px}.quick{display:flex;gap:10px;align-items:center;font-size:13px}.quick strong{display:block}.cta{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border-radius:9px;padding:13px 18px;font-weight:800}.nav{background:#0c0f13;color:#d7dbe0;border-top:1px solid #181d24}.navin{height:48px;display:flex;align-items:center;gap:26px;font-size:13px;font-weight:800}.nav a:hover{color:#fff}.hamb{display:none}.hero{background:radial-gradient(circle at 78% 40%,rgba(255,43,50,.32),transparent 25%),linear-gradient(115deg,#080a0e 0%,#10151b 55%,#060709 100%);color:#fff;padding:66px 0 34px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-70px;bottom:-110px;width:620px;height:360px;border:2px solid rgba(255,255,255,.08);border-radius:50%;transform:skewX(-18deg);box-shadow:0 0 90px rgba(255,43,50,.14)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;position:relative;z-index:2}.eyebrow{color:#ff4349;font-weight:900;letter-spacing:.08em;font-size:13px}.hero h1{font-size:56px;line-height:.98;margin:10px 0 18px;letter-spacing:-2.5px;max-width:720px}.hero p{color:#c6ccd4;font-size:18px;line-height:1.55;max-width:640px}.hero-car{height:300px;position:relative}.carbody{position:absolute;inset:40px 0 20px;background:linear-gradient(160deg,#222a33,#090b0f 56%,#151b22);clip-path:polygon(15% 54%,28% 28%,62% 18%,82% 35%,94% 63%,88% 72%,17% 76%,6% 66%);box-shadow:0 30px 80px rgba(255,0,20,.2)}.carbody:before,.carbody:after{content:"";position:absolute;bottom:-18px;width:78px;height:78px;border:10px solid #13171d;border-radius:50%;background:#060709}.carbody:before{left:19%}.carbody:after{right:16%}.headlight{position:absolute;right:11%;top:47%;width:95px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 20px #fff,0 0 36px #ff2730}.features{display:flex;gap:25px;margin-top:28px;flex-wrap:wrap}.feature{display:flex;gap:10px;align-items:center;color:#cbd1d8;font-size:13px}.feature i{width:36px;height:36px;border:1px solid #424a55;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal}.finder{position:relative;z-index:5;margin-top:-2px}.finderbox{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:22px;display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:14px;align-items:end}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.field select{width:100%;height:48px;border:1px solid #dfe3e8;border-radius:9px;padding:0 12px;background:#fff}.findbtn{height:48px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:900;cursor:pointer}.section{padding:64px 0}.dark{background:#0a0d11;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2{margin:0;font-size:34px;letter-spacing:-1.3px}.section-head p{margin:7px 0 0;color:#7b838f}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{background:linear-gradient(145deg,#131820,#0d1015);border:1px solid #262d36;border-radius:14px;padding:22px;color:#fff;min-height:156px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.cat:hover{transform:translateY(-4px);border-color:#ff3b42}.cat span{font-size:32px}.cat b{font-size:16px}.cat small{color:#939ba5}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid #e5e8ec;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px rgba(20,25,32,.05);transition:.2s}.product:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,25,32,.1)}.pimg{height:180px;background:linear-gradient(145deg,#eef1f4,#d7dce2);display:grid;place-items:center;position:relative}.pimg .icon{font-size:66px;filter:grayscale(.2)}.badge{position:absolute;left:12px;top:12px;background:var(--red);color:#fff;font-size:11px;font-weight:900;border-radius:999px;padding:6px 9px}.pbody{padding:16px}.pbody h3{font-size:16px;margin:0 0 7px;min-height:40px}.meta{font-size:12px;color:#7d8490;min-height:34px}.price{color:var(--red2);font-weight:900;font-size:20px;margin:12px 0}.pbtn{width:100%;border:1px solid #cfd5dc;background:#fff;border-radius:8px;padding:11px;font-weight:800;cursor:pointer}.pbtn:hover{border-color:var(--red);color:var(--red)}.notice{margin-top:18px;padding:14px 16px;background:#fff5f5;border:1px solid #ffd6d8;border-radius:10px;color:#9f1c21;display:none}.showcase{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.showmain{min-height:390px;border-radius:20px;background:linear-gradient(120deg,rgba(0,0,0,.78),rgba(0,0,0,.18)),radial-gradient(circle at 72% 35%,#33485a,#111821 58%,#080b0f);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:end}.showmain h2{font-size:44px;line-height:1;margin:10px 0}.showgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.showcard{border-radius:16px;min-height:186px;padding:18px;color:#fff;display:flex;align-items:end;background:linear-gradient(145deg,#202833,#0b0e12)}.showcard:nth-child(2){background:linear-gradient(145deg,#2c1718,#0d0e11)}.showcard:nth-child(3){background:linear-gradient(145deg,#17202a,#090b0e)}.showcard:nth-child(4){background:linear-gradient(145deg,#2a2020,#0a0c0f)}.trust{background:#0b0e12;color:#fff;padding:25px 0}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trustitem{display:flex;gap:12px;align-items:center}.trustitem span{font-size:28px}.trustitem small{display:block;color:#8f98a4;margin-top:3px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.actioncard{background:#fff;border-radius:15px;border:1px solid #e5e8ec;padding:24px;min-height:160px}.actioncard h3{margin-top:0}.actioncard a{display:inline-block;margin-top:18px;color:var(--red);font-weight:900}.footer{background:#07090c;color:#9ca5b1;padding:42px 0 26px}.footgrid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:35px}.footer h4{color:#fff}.copyright{border-top:1px solid #1f242c;margin-top:28px;padding-top:20px;font-size:12px}.hidden{display:none!important}@media(max-width:900px){.quick,.search{display:none}.hamb{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:25px}.nav{display:none}.nav.open{display:block}.navin{height:auto;flex-direction:column;align-items:flex-start;padding:18px}.hero-grid{grid-template-columns:1fr}.hero-car{height:220px}.hero h1{font-size:42px}.finderbox{grid-template-columns:1fr 1fr}.cats,.products{grid-template-columns:repeat(2,1fr)}.showcase{grid-template-columns:1fr}.trustgrid{grid-template-columns:1fr 1fr}.cards3{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}}@media(max-width:560px){.hero{padding-top:44px}.hero h1{font-size:36px}.finderbox{grid-template-columns:1fr}.cats,.products,.showgrid,.trustgrid{grid-template-columns:1fr}.section{padding:46px 0}.section-head h2{font-size:28px}.showmain{padding:28px;min-height:330px}.showmain h2{font-size:36px}.toprow{height:68px}}
/* WooCommerce + premium polish */
.woocommerce .woocommerce-breadcrumb{color:#7b838f;margin:28px 0}.woocommerce div.product{padding:48px 0}.woocommerce div.product div.images img{border-radius:18px;background:#eef1f4}.woocommerce div.product .product_title{font-size:42px;letter-spacing:-1.5px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--red);font-size:30px;font-weight:900}.woocommerce div.product form.cart .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--red)!important;color:#fff!important;border-radius:9px!important;padding:14px 20px!important}.woocommerce-message{border-top-color:var(--red)}.woocommerce-message::before{color:var(--red)}.pimg img{width:100%;height:100%;object-fit:contain;padding:18px}.product .pbtn{background:#11151b;color:#fff;border:0}.product .pbtn:hover{background:var(--red);color:#fff}.cartmini{display:flex;gap:6px;align-items:center}.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.ghostbtn{border:1px solid #505863;color:#fff;border-radius:9px;padding:13px 18px;font-weight:800}.section-kicker{font-size:12px;color:var(--red);font-weight:900;letter-spacing:.1em;margin-bottom:7px}.cat{position:relative;overflow:hidden}.cat:after{content:"→";position:absolute;right:18px;top:18px;color:#5d6570;font-size:20px}.actioncard{box-shadow:0 10px 30px rgba(18,24,31,.05)}.woocommerce ul.products li.product{background:#fff;border:1px solid #e5e8ec;border-radius:15px;padding:12px}.woocommerce ul.products li.product a img{border-radius:10px}.woocommerce ul.products li.product .price{color:var(--red);font-weight:900}.woocommerce .quantity .qty{height:44px;border:1px solid #d8dde3;border-radius:8px}