/*
Theme Name: EnduroDepo
Theme URI: http://localhost/endurodepo
Author: EnduroDepo
Author URI: http://localhost/endurodepo
Description: Enduro motor parça sitesi için özel siyah/turuncu WordPress teması.
Version: 1.2
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: endurodepo
*/

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;background:radial-gradient(circle at top right,rgba(255,106,0,.22),transparent 35%),linear-gradient(135deg,#050505,#161616);color:#fff}
a{text-decoration:none}
header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.92);border-bottom:1px solid #2b2b2b;padding:12px}
.top{max-width:1350px;margin:auto;display:flex;gap:12px;align-items:center}
.logo{font-size:25px;font-weight:900;white-space:nowrap;cursor:pointer;color:#fff}.logo span{color:#ff6a00}
.search{flex:1}.search input{width:100%;padding:14px;border-radius:14px;border:1px solid #333;background:#151515;color:white;font-weight:700;outline:none}
.btn{border:1px solid #333;background:#1b1b1b;color:#fff;border-radius:13px;padding:12px 14px;font-weight:900;cursor:pointer;display:inline-block}
.btn.main{border:0;background:linear-gradient(45deg,#ff6a00,#ff2d00)}
.layout{max-width:1350px;margin:auto;display:grid;grid-template-columns:280px 1fr;gap:22px;padding:22px}
aside{background:rgba(0,0,0,.35);border:1px solid #2b2b2b;border-radius:22px;padding:17px;height:max-content;position:sticky;top:95px}
.side-title{color:#ff6a00;font-size:13px;font-weight:900;margin-bottom:12px}
.menu a{display:flex;justify-content:space-between;text-decoration:none;color:#eee;background:rgba(255,255,255,.045);border:1px solid #292929;border-radius:13px;padding:13px;margin-bottom:8px;font-weight:800;cursor:pointer}
.menu a:hover,.menu a.active{border-color:#ff6a00;background:rgba(255,106,0,.12)}
.hero{min-height:300px;border-radius:28px;padding:32px;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.42)),url('https://images.unsplash.com/photo-1558981806-ec527fa84c39?q=80&w=1600&auto=format&fit=crop') center/cover;border:1px solid #333;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}
.hero h1{font-size:43px;line-height:1.08;margin-bottom:14px}.hero span{color:#ff6a00}.hero p{color:#ddd;font-size:17px;line-height:1.5;margin-bottom:20px}
.finder{background:rgba(12,12,12,.86);border:1px solid #333;border-radius:22px;padding:18px}.finder h3{color:#ff6a00;margin-bottom:12px}
select{width:100%;padding:13px;border-radius:13px;border:1px solid #333;background:#171717;color:#fff;margin-bottom:10px;font-weight:800}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}
.trust-card{background:rgba(255,255,255,.055);border:1px solid #303030;border-radius:18px;padding:15px;display:flex;gap:12px;align-items:center}
.trust-card i{font-style:normal;font-size:22px;background:rgba(255,106,0,.15);width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.trust-card small{color:#aaa}
.head{margin:28px 0 16px}.head h2{font-size:29px}.head p{color:#aaa}
.brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:15px}
.brand{min-height:132px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid #303030;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.25s;position:relative;overflow:hidden}
.brand:before{content:"";position:absolute;width:120px;height:120px;right:-45px;bottom:-55px;border-radius:50%;background:rgba(255,106,0,.16)}
.brand:hover{transform:translateY(-5px);border-color:#ff6a00;box-shadow:0 18px 36px rgba(255,106,0,.12)}
.brand-name{font-size:25px;font-weight:950;z-index:1}.brand-sub{font-size:12px;color:#aaa;margin-top:7px;z-index:1}.pill{margin-top:10px;color:#ffb16b;background:rgba(255,106,0,.14);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;z-index:1}
.brand-page{display:none}.brand-page.active{display:block}.home-page.hidden{display:none}
.brand-hero{border-radius:28px;padding:30px;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.45)),url('https://images.unsplash.com/photo-1508357941501-0924cf312bbd?q=80&w=1600&auto=format&fit=crop') center/cover;border:1px solid #333;min-height:230px;display:flex;flex-direction:column;justify-content:center}
.brand-hero h1{font-size:42px}.brand-hero h1 span{color:#ff6a00}.brand-hero p{color:#ddd;margin-top:10px;line-height:1.5;max-width:650px}
.breadcrumb{color:#aaa;margin-bottom:14px;font-size:14px}.breadcrumb b{color:#ff6a00;cursor:pointer}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px;margin-top:18px}
.cat-card{background:#141414;border:1px solid #303030;border-radius:20px;padding:18px;cursor:pointer;transition:.22s;min-height:125px}
.cat-card:hover{border-color:#ff6a00;transform:translateY(-4px)}.cat-card .icon{font-size:32px;margin-bottom:10px}.cat-card h3{margin-bottom:7px}.cat-card p{font-size:13px;color:#aaa;line-height:1.4}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:15px}
.product{background:#141414;border:1px solid #303030;border-radius:18px;overflow:hidden}.product:hover{border-color:#ff6a00}.pimg{height:132px;display:flex;align-items:center;justify-content:center;font-size:45px;background:linear-gradient(135deg,#1c1c1c,#0e0e0e)}.pbody{padding:14px}.pbody p{color:#aaa;font-size:13px;line-height:1.4;margin:8px 0}.stock{color:#72ff98;font-size:12px;font-weight:900;margin-bottom:10px}.row{display:flex;gap:8px}.mini{flex:1;border:1px solid #333;background:#202020;color:white;border-radius:12px;padding:10px;font-weight:900;cursor:pointer}.mini.buy{border:0;background:linear-gradient(45deg,#ff6a00,#ff2d00)}
.result{display:none;background:rgba(0,0,0,.35);border:1px solid #333;border-radius:24px;padding:18px;margin-top:20px}.result.active{display:block}.result h3 span{color:#ff6a00}
.track-section{display:grid;grid-template-columns:1fr 260px;gap:15px;align-items:center;background:#111;border:1px solid #333;border-radius:24px;padding:20px;margin-top:20px}
.track-section p{color:#aaa;margin-top:5px}.track-section input{width:100%;padding:13px;margin-bottom:10px;border-radius:12px;border:1px solid #333;background:#1b1b1b;color:white}
.panel{display:none;position:fixed;right:18px;top:88px;width:350px;background:#111;border:1px solid #333;border-radius:20px;padding:20px;z-index:99;box-shadow:0 20px 80px #000}
.panel.active{display:block}.panel h3{color:#ff6a00;margin-bottom:12px}.panel input{width:100%;padding:13px;margin-bottom:10px;border-radius:12px;border:1px solid #333;background:#1b1b1b;color:white;outline:none}.note{color:#aaa;margin-top:10px;font-size:13px;line-height:1.4}
.form-link{color:#ff6a00;cursor:pointer;font-weight:900}
.track-result{display:none;margin-top:12px;background:#1b1b1b;border:1px solid #333;border-radius:14px;padding:13px;color:#ddd;line-height:1.5}
.chatbtn{position:fixed;right:20px;bottom:20px;width:66px;height:66px;border-radius:50%;background:linear-gradient(45deg,#ff6a00,#ff2d00);display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;z-index:999;box-shadow:0 10px 30px rgba(255,106,0,.45)}
.chat{position:fixed;right:20px;bottom:96px;width:350px;display:none;flex-direction:column;background:#111;border:1px solid #333;border-radius:22px;overflow:hidden;z-index:999}
.chat.active{display:flex}.chathead{background:linear-gradient(45deg,#ff6a00,#ff2d00);padding:16px;font-weight:900;display:flex;justify-content:space-between}.msgs{height:300px;overflow:auto;background:#151515;padding:15px}.bot,.user{padding:12px 14px;border-radius:14px;margin-bottom:10px;max-width:86%;font-size:14px;line-height:1.4}.bot{background:#242424}.user{background:#ff6a00;margin-left:auto}.quick{display:flex;gap:7px;overflow:auto;background:#151515;padding:10px}.quick button{white-space:nowrap;border:1px solid #333;background:#202020;color:#fff;border-radius:999px;padding:8px 10px}.chatinput{display:flex}.chatinput input{flex:1;padding:15px;border:0;background:#101010;color:white}.chatinput button{border:0;background:#ff6a00;color:white;padding:0 15px;font-weight:900}
.woocommerce-page-content{max-width:1350px;margin:25px auto;background:#111;border:1px solid #333;border-radius:24px;padding:22px}
footer{text-align:center;color:#888;padding:24px}
@media(max-width:950px){.top{flex-wrap:wrap}.search{order:3;flex-basis:100%}.layout{display:block;padding:15px}aside{display:none}.hero{grid-template-columns:1fr;padding:23px}.hero h1,.brand-hero h1{font-size:31px}.trust{grid-template-columns:1fr 1fr}.brands,.category-grid{grid-template-columns:repeat(2,1fr)}.track-section{grid-template-columns:1fr}.panel{width:calc(100% - 28px);right:14px;top:138px}.chat{width:calc(100% - 20px);right:10px;bottom:88px}.chatbtn{right:12px;bottom:12px}.logo{font-size:21px}.btn{font-size:12px;padding:10px}}
@media(max-width:520px){.trust{grid-template-columns:1fr}.brands,.category-grid{grid-template-columns:1fr 1fr}.brand-name{font-size:21px}.cat-card{padding:14px}.cat-card h3{font-size:16px}.cat-card p{display:none}}
