/* WISEBAITS — style.css v6_02_06 (TEMIZ KOD / wisebaits.com.tr)
   Tum site stilleri burada. index.php icinde <link rel="stylesheet" href="style.css"> ile cagrilir.
   Inline stil YAZILMAZ — her sey buraya. */

:root {
  --red:#C0392B; --red-dark:#922B21; --red-light:#E74C3C; --white:#ffffff;
  --gray-50:#f8f9fa; --gray-100:#f1f3f5; --gray-200:#e9ecef; --gray-500:#adb5bd;
  --gray-700:#495057; --gray-900:#212529;
  --font-main:'Poppins',sans-serif;
  --shadow:0 4px 15px rgba(0,0,0,0.05); --radius:8px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--font-main);background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;overflow-x:hidden;}*{max-width:100%;box-sizing:border-box;}img{max-width:100%;height:auto;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
button{cursor:pointer;font-family:var(--font-main);}



/* HEADER */
header{background:white;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100;box-shadow:var(--shadow);}
.header-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:16px;height:76px;}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-text{font-size:26px;font-weight:700;color:var(--red);letter-spacing:1px;}
.search-wrap{flex:1;max-width:480px;}
.search-bar{display:flex;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;background:#fff;}
.search-bar input{flex:1;padding:11px 16px;border:none;outline:none;font-size:14px;color:var(--gray-700);font-family:var(--font-main);}
.search-bar button{background:var(--red);border:none;padding:0 18px;color:white;font-size:16px;}
.header-right{display:flex;gap:10px;margin-left:auto;align-items:center;}
.hbtn-cart{background:var(--red);color:white;padding:10px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;border:none;display:flex;align-items:center;gap:8px;transition:background .2s;}
.hbtn-cart:hover{background:var(--red-dark);}
.cart-badge{background:white;color:var(--red);border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;}
.hamburger{display:none;background:none;border:none;padding:6px;flex-direction:column;gap:5px;}
.hamburger span{display:block;width:24px;height:2px;background:var(--gray-900);}

/* NAV */
nav{background:var(--red);overflow:hidden;}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;flex-wrap:nowrap;height:48px;}
.nav-all{background:var(--red-dark);padding:0 20px;font-size:14px;font-weight:600;color:white;border:none;display:flex;align-items:center;gap:8px;white-space:nowrap;}
.nav-cats{display:flex;list-style:none;flex-wrap:nowrap;justify-content:flex-start;}
.nav-cats li a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:600;color:rgba(255,255,255,.9);border-right:1px solid rgba(255,255,255,.1);transition:all .2s;white-space:nowrap;height:48px;}
.nav-cats li a:hover{background:rgba(0,0,0,.5);color:white;}
.nav-cats li a img,.nav-cats li a i{width:20px;height:20px;flex-shrink:0;object-fit:contain;display:flex;align-items:center;justify-content:center;margin:0;}
.nav-cats li a span,.nav-cats li a{line-height:1.2;}
.nav-dropdown{position:relative;}
.nav-dropdown-btn{display:flex;align-items:center;gap:8px;padding:0 20px;height:48px;font-size:13px;font-weight:700;color:white;border:none;background:rgba(0,0,0,.25);cursor:pointer;font-family:var(--font-main);letter-spacing:.3px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.1);}
.nav-dropdown-btn:hover,.nav-dropdown:hover .nav-dropdown-btn{background:rgba(0,0,0,.4);}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;background:white;min-width:600px;z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,.2);border-top:3px solid var(--red);}
.nav-dropdown:hover .nav-dropdown-menu{display:grid;grid-template-columns:repeat(3,1fr);}
.nav-dropdown-menu a{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#212529 !important;font-size:13px;font-weight:600;border-bottom:1px solid #f1f3f5;transition:background .2s;text-decoration:none !important;background:white !important;}
.nav-dropdown-menu a:hover{background:#fdf6ec !important;color:var(--red) !important;}
.nav-dropdown-menu a i{color:var(--red);font-size:13px;width:16px;flex-shrink:0;}
.nav-dropdown-menu a img{width:18px;height:18px;object-fit:contain;flex-shrink:0;}
/* Nav sağ linkler */
.nav-right{display:flex;list-style:none;margin-left:auto;}
.nav-right li a{display:flex;align-items:center;gap:6px;padding:14px 16px;font-size:13px;font-weight:500;color:rgba(255,255,255,.8);border-left:1px solid rgba(255,255,255,.1);transition:all .2s;white-space:nowrap;}
.nav-right li a:hover{background:rgba(0,0,0,.12);color:white;}
.nav-right li a i{font-size:13px;}

/* MOBİL NAV */
.mobile-nav{display:none;background:var(--gray-900);}
.mobile-nav.open{display:block;position:fixed;top:76px;left:0;right:0;max-height:calc(100vh - 76px);overflow-y:auto;z-index:999;box-shadow:0 8px 20px rgba(0,0,0,.3);}
.mobile-nav-overlay{display:none;position:fixed;inset:0;top:76px;background:rgba(0,0,0,.4);z-index:998;}
.mobile-nav-overlay.open{display:block;}
.mobile-nav a{display:block;padding:14px 20px;color:#dee2e6;font-size:14px;border-bottom:1px solid #343a40;}
.mobile-search{display:flex;padding:12px 10px;gap:8px;border-bottom:1px solid #343a40;background:#1a1d21;}
.mobile-search input{flex:1;padding:11px 14px;border:none;border-radius:8px;background:#2a2e33;color:#e6edf3;font-size:14px;font-family:var(--font-main);outline:none;}
.mobile-search input::placeholder{color:#8b949e;}
.mobile-search button{background:var(--red);border:none;border-radius:8px;padding:0 16px;color:white;font-size:15px;}

/* KARGO BANDI */
.trust-band{background:white;border-top:1px solid var(--gray-200);border-bottom:3px solid var(--gray-200);}
.trust-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);}
.trust-item{display:flex;align-items:center;gap:14px;padding:18px 24px;border-right:1px solid var(--gray-200);transition:background .2s;}
.trust-item:last-child{border-right:none;}
.trust-item:hover{background:var(--gray-50);}
.trust-icon{font-size:28px;flex-shrink:0;color:var(--red);}
.trust-text strong{display:block;font-size:13px;font-weight:600;color:var(--gray-900);text-transform:uppercase;letter-spacing:.3px;}
.trust-text span{font-size:11px;color:var(--gray-500);}

/* MAIN */
.main-wrap{max-width:1280px;margin:0 auto;padding:24px 20px;}

/* HERO */
.hero-container{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-bottom:0;}

/* SOL MENÜ */
.side-menu{background:white;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;height:530px;display:flex;flex-direction:column;box-shadow:var(--shadow);}
.side-menu-title{font-size:14px;font-weight:600;color:var(--gray-900);border-bottom:2px solid var(--red);padding-bottom:10px;margin-bottom:12px;text-transform:uppercase;display:flex;align-items:center;gap:8px;letter-spacing:.5px;}
.side-menu-title i{color:var(--red);}
.side-menu-list{list-style:none;overflow-y:auto;flex:1;}
.side-menu-list::-webkit-scrollbar{width:6px;}
.side-menu-list::-webkit-scrollbar-track{background:var(--gray-50);border-radius:3px;}
.side-menu-list::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px;}
.side-menu-list::-webkit-scrollbar-thumb:hover{background:var(--red);}
.side-menu-list li{margin-bottom:2px;}
.side-menu-list li a{display:flex;align-items:center;justify-content:space-between;padding:11px 10px;font-size:14px;font-weight:500;color:var(--gray-700);border-radius:6px;transition:all .2s;border-left:3px solid transparent;}
.side-menu-list li a:hover{color:var(--red);background:var(--gray-50);border-left-color:var(--red);padding-left:14px;font-weight:600;}
.side-menu-list li a i{font-size:11px;color:var(--gray-500);transition:color .2s;}
.side-menu-list li a:hover i{color:var(--red);}

/* SLIDER */
.slider-wrap{position:relative;border-radius:var(--radius);overflow:hidden;height:530px;background:var(--gray-200);box-shadow:var(--shadow);}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease-in-out;display:none;}
.slide.active{opacity:1;display:block;}
.slide img{width:100%;height:100%;object-fit:cover;}
.slide-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:40px 30px 24px;color:white;}
.slide-tag{background:var(--red);color:white;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;display:inline-block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px;}
.slide-title{font-size:20px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* HOVER PANEL */
.cat-panel{display:none;position:absolute;inset:0;background:rgba(20,22,25,.97);z-index:20;padding:20px;flex-direction:column;}
.cat-panel.visible{display:flex;}
.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);}
.panel-title{font-size:18px;font-weight:600;color:white;}
.panel-close{background:rgba(255,255,255,.1);border:none;color:white;width:32px;height:32px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;}
.panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;flex:1;overflow-y:auto;}
.panel-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:background .2s;}
.panel-card:hover{background:rgba(255,255,255,.09);}
.panel-card img{width:100%;height:130px;object-fit:cover;}
.panel-card-info{padding:10px;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.panel-card-name{font-size:13px;color:#f8f9fa;margin-bottom:6px;line-height:1.3;}
.panel-card-bottom{display:flex;align-items:center;justify-content:space-between;}
.panel-card-price{font-size:15px;font-weight:600;color:#ff8787;}
.panel-card-btn{background:var(--red);color:white;border:none;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:500;}

/* KATEGORİ SEKSİYONLARI */
.category-section{margin-bottom:40px;}
.sec-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:2px solid var(--gray-200);padding-bottom:10px;}
.sec-heading h2{font-size:20px;font-weight:600;padding-left:12px;border-left:4px solid var(--red);text-transform:uppercase;color:var(--gray-900);letter-spacing:.5px;}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
/* PC ürün slider */
.prod-slider-wrap{position:relative;}
.prod-arrows{display:none;gap:8px;}
.prod-arrow{width:36px;height:36px;border:none;border-radius:50%;background:var(--red);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;box-shadow:0 2px 8px rgba(192,57,43,.3);}
.prod-arrow:hover{background:var(--red-dark);transform:scale(1.1);}
.prod-arrow:active{transform:scale(.95);}
@media(min-width:769px){
  .prod-slider-wrap{overflow:hidden;}
  .prod-slider{display:flex;gap:20px;transition:transform .4s ease;padding:6px 0;}
  .prod-slider .product-card{flex:0 0 calc((100% - 60px)/4);}
  .prod-slider-wrap.has-slider .prod-arrows{display:flex;}
}
@media(max-width:768px){.prod-arrows{display:none!important;}}
.product-card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.02);}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;}
.product-card-img{height:200px;background:var(--gray-100);overflow:hidden;position:relative;}
.product-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.45) 55%,transparent);display:flex;flex-direction:column;gap:4px;}
.pco-tag{align-self:flex-start;background:var(--red);color:white;font-size:9px;font-weight:700;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;}
.pco-title{color:white;font-size:13px;font-weight:600;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.6);}
.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.product-card:hover .product-card-img img{transform:scale(1.04);}
.product-card-info{padding:16px;}
.product-cat-label{font-size:11px;font-weight:600;color:var(--red);text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px;}
.product-card-name{font-size:12px;font-weight:500;color:var(--gray-700);margin-bottom:8px;line-height:1.5;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.product-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;}
.product-card-price{font-size:18px;font-weight:600;color:var(--gray-900);}
.btn-add{background:var(--red);color:white;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s;}
.btn-add:hover{background:var(--red-dark);}

/* NEDEN WISEBAITS */
.why-section{margin-top:40px;}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;}
.why-card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius);padding:24px;text-align:center;transition:all .2s;box-shadow:0 2px 5px rgba(0,0,0,.02);}
.why-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.why-icon{font-size:36px;margin-bottom:12px;}
.why-title{font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:8px;text-transform:uppercase;}
.why-desc{font-size:13px;color:var(--gray-700);line-height:1.6;font-weight:300;}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:2px solid var(--gray-200);padding-bottom:10px;}
.section-heading h2{font-size:20px;font-weight:600;padding-left:12px;border-left:4px solid var(--red);text-transform:uppercase;color:var(--gray-900);}

/* FOOTER */
footer{background:var(--gray-900);color:#9bc2cf;margin-top:50px;padding:48px 20px 20px;line-height:1.6;}
.footer-main{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;}
.footer-logo{font-size:26px;font-weight:700;color:white;margin-bottom:16px;letter-spacing:1px;}
.footer-main p{font-size:13.5px;color:#adb5bd;font-weight:300;}
.footer-col h4{color:white;font-size:15px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:9px;font-size:13.5px;}
.footer-col ul li a{color:#adb5bd;transition:color .2s;font-weight:300;}
.footer-col ul li a:hover{color:white;}
.footer-bottom{border-top:1px solid #343a40;margin-top:32px;padding-top:16px;font-size:13px;color:#6c757d;}

/* SEPET */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s;}
.overlay.open{opacity:1;pointer-events:all;}
.cart-sidebar{position:fixed;top:0;right:-420px;width:380px;height:100vh;background:white;z-index:300;display:flex;flex-direction:column;transition:right .3s ease;box-shadow:-5px 0 25px rgba(0,0,0,.1);}
.cart-sidebar.open{right:0;}
.cart-head{background:var(--red);color:white;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600;}
.cart-close-btn{background:none;border:none;color:white;font-size:28px;}
.cart-body{flex:1;overflow-y:auto;padding:20px;}
.cart-foot{padding:20px;border-top:1px solid var(--gray-200);background:#fff;}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.cart-total-val{font-size:22px;font-weight:600;color:var(--gray-900);}
.checkout-btn{width:100%;background:var(--red);color:white;border:none;padding:14px;font-size:15px;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:background .2s;}
.checkout-btn:hover{background:var(--red-dark);}
.toast{position:fixed;bottom:20px;right:20px;background:var(--gray-900);color:white;padding:12px 20px;border-radius:8px;font-size:14px;z-index:500;transform:translateY(60px);opacity:0;transition:all .3s;box-shadow:var(--shadow);}
.toast.show{transform:translateY(0);opacity:1;}
.qty-btn{background:var(--gray-100);border:none;color:var(--gray-900);width:26px;height:26px;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;}
.qty-btn:hover{background:var(--gray-200);}
.qty-num{font-size:14px;font-weight:600;width:32px;text-align:center;display:inline-block;color:var(--gray-900);}

/* RESPONSIVE */
@media(max-width:992px){.hero-container{grid-template-columns:1fr;}.side-menu{display:none;}.trust-inner{grid-template-columns:repeat(2,1fr);}.trust-item:nth-child(2){border-right:none;}.trust-item:nth-child(3){border-top:1px solid var(--gray-200);}}
@media(max-width:768px){.product-grid,.why-grid{grid-template-columns:repeat(2,1fr);}.footer-main{grid-template-columns:1fr;text-align:center;}.footer-col ul{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}.footer-logo{text-align:center;}.footer-bottom{flex-direction:column;gap:6px;text-align:center;}.hamburger{display:flex;}.nav-cats,.nav-right{display:none;}.cart-sidebar{width:100%;right:-100%;}.trust-inner{grid-template-columns:1fr;}.trust-item{border-right:none;border-top:1px solid var(--gray-200);}.hero-container{grid-template-columns:1fr!important;}.slider-wrap{height:300px;}.slide{min-height:300px;}.slide img{width:100%;height:300px;object-fit:cover;}.slide-title{font-size:18px;}.main-content{padding:0 12px;}.section-wrap{padding:0 12px;}.search-wrap{display:none;}.header-inner{padding:0 12px;gap:8px;}.hbtn-cart span.cart-text{display:none;}.hbtn-cart{padding:8px 10px;font-size:13px;}.hbtn-cart-text{display:none;}}
@media(max-width:480px){.product-grid,.why-grid{grid-template-columns:1fr;}.slider-wrap{height:220px;}.slide{min-height:220px;}.slide img{height:220px;}.slide-title{font-size:16px;line-height:1.3;}.trust-band{display:none;}}

/* İLETİŞİM MODAL */


/* CHECKOUT MODAL */
.siparis-onay-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:10000;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px);}
.son-box{background:white;border-radius:20px;max-width:460px;width:100%;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.5);animation:sonUp .35s cubic-bezier(.2,.8,.2,1);overflow:hidden;}
@keyframes sonUp{from{transform:translateY(40px) scale(.96);opacity:0;}to{transform:translateY(0) scale(1);opacity:1;}}
.son-header{background:linear-gradient(135deg,var(--red),var(--red-dark));padding:28px 28px 24px;color:white;position:relative;}
.son-header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:20px;background:white;border-radius:20px 20px 0 0;}
.son-ikon{width:64px;height:64px;background:rgba(255,255,255,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 12px;}
.son-header h2{font-size:21px;font-weight:700;margin:0;}
.son-header .son-alt{font-size:13px;opacity:.9;margin-top:4px;font-weight:300;}
.son-govde{padding:8px 26px 26px;}
.son-no{background:var(--gray-50);border:1px dashed var(--gray-200);border-radius:10px;padding:12px;font-size:13px;color:var(--gray-500);margin-bottom:18px;}
.son-no strong{display:block;color:var(--red);font-size:18px;letter-spacing:1px;margin-top:3px;font-weight:700;}
.son-cografi{background:linear-gradient(135deg,#fff9f0,#fdf2e3);border:1px solid #f5e3c8;border-radius:14px;padding:20px 18px;margin-bottom:16px;text-align:left;}
.son-cografi .sc-selam{font-size:16px;font-weight:700;color:var(--red-dark);margin-bottom:10px;}
.son-cografi .sc-satir{font-size:13.5px;line-height:1.65;color:var(--gray-700);margin-bottom:9px;}
.son-cografi .sc-satir:last-child{margin-bottom:0;font-weight:600;color:var(--gray-900);}
.son-cografi .sc-sular{color:var(--red-dark);font-weight:700;}
.son-bilgi{font-size:12px;color:var(--gray-500);line-height:1.6;margin-bottom:18px;padding:0 4px;}
.son-bilgi strong{color:var(--gray-700);}
.son-btn{width:100%;background:var(--red);color:white;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font-main);transition:background .2s;}
.son-btn:hover{background:var(--red-dark);}
.checkout-modal{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.7);align-items:center;justify-content:center;padding:20px;}
.checkout-box{background:white;border-radius:16px;padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;max-height:90vh;overflow-y:auto;}
.checkout-box h3{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--gray-100);}
.co-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--gray-500);}
.co-fg{margin-bottom:14px;}
.co-fg label{display:block;font-size:13px;font-weight:500;color:var(--gray-700);margin-bottom:5px;}
.co-fg input,.co-fg textarea{width:100%;padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:14px;font-family:var(--font-main);outline:none;transition:.2s;}
.co-fg input:focus,.co-fg textarea:focus{border-color:var(--red);}
.co-fg textarea{height:80px;resize:vertical;}
.co-btn{width:100%;background:var(--red);color:white;border:none;border-radius:var(--radius);padding:13px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font-main);transition:.2s;margin-top:8px;}
.co-btn:hover{background:var(--red-dark);}
.co-btn.green{background:#25D366;}.co-btn.green:hover{background:#1ebe57;}
.iban-box{background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:10px;padding:16px;text-align:center;margin:16px 0;}
.iban-box .hesap-sahibi{font-size:13px;color:var(--gray-500);margin-bottom:4px;}
.iban-box .iban-no{font-size:16px;font-weight:700;color:var(--gray-900);letter-spacing:1px;margin-bottom:10px;}
.iban-box .toplam-tutar{font-size:22px;font-weight:700;color:var(--red);margin-bottom:8px;}

/* ─── index.php inline style'lardan taşınan class'lar (TEMIZ KOD) ─── */
.side-add-btn{padding:4px 6px;}                              /* sol menü + ikonu */
.side-empty{padding:10px;font-size:14px;color:#aaa;text-align:center;}  /* ürün yok mesajı */
.slide-clickable{cursor:pointer;}                            /* tıklanabilir slayt */
.panel-empty{grid-column:1/-1;color:#aaa;text-align:center;padding:20px;font-size:13px;}  /* panel boş */
.dynamic-sections{margin-top:32px;}                          /* ürün seksiyonları sarmal */
.arama-wrap{padding:0 0 40px;}                               /* arama sonuç sarmal */
.arama-heading{margin-bottom:20px;}                          /* arama başlık */
.arama-temizle{font-size:13px;color:var(--red);text-decoration:none;margin-left:12px;}  /* aramayı temizle linki */
.arama-bos{text-align:center;padding:60px 20px;color:#aaa;font-size:15px;}  /* sonuç bulunamadı */
.arama-bos-ikon{font-size:40px;margin-bottom:16px;display:block;opacity:.3;}  /* bulunamadı ikon */
.arama-bos a{color:var(--red);}                              /* bulunamadı linki */
.iban-kopya-btn{background:var(--gray-200);border:none;padding:6px 16px;border-radius:20px;font-size:12px;cursor:pointer;}  /* iban kop
yala */
.co-tutar-wrap{text-align:center;margin:16px 0;}             /* ödenecek tutar sarmal */
.co-tutar-label{font-size:13px;color:var(--gray-500);margin-bottom:4px;}  /* tutar etiketi */
.co-tutar-val{font-size:32px;font-weight:700;color:var(--red);}  /* tutar değeri */
.co-bilgi{font-size:12px;color:var(--gray-500);text-align:center;margin-bottom:16px;}  /* havale bilgi */

/* ═══ İLETİŞİM SAYFASI (style.css sonuna ekle) ═══════════════════════════════ */

/* BREADCRUMB */
.breadcrumb{max-width:1280px;margin:16px auto;padding:0 20px;font-size:13px;color:var(--gray-500);display:flex;align-items:center;gap:8px;}
.breadcrumb a{color:var(--red);}

/* İLETİŞİM SARMAL */
.contact-wrap{max-width:1280px;margin:0 auto;padding:0 20px 60px;}
.contact-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:start;max-width:620px;margin:0 auto;}
.contact-card{background:white;border:1px solid var(--gray-200);border-radius:12px;padding:36px;box-shadow:var(--shadow);}

/* SEKMELER */
.iletisim-tablar{display:flex;border-bottom:2px solid var(--gray-200);margin-bottom:24px;}
.iletisim-tab-btn{flex:1;padding:14px;font-size:14px;font-weight:600;border:none;background:none;cursor:pointer;font-family:var(--font-main);color:var(--gray-500);border-bottom:3px solid transparent;margin-bottom:-2px;transition:.2s;}
.iletisim-tab-btn.aktif{color:var(--red);border-bottom-color:var(--red);}

/* FORM */
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:13px;font-weight:500;color:var(--gray-700);margin-bottom:6px;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:11px 14px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:14px;font-family:var(--font-main);color:var(--gray-900);background:white;outline:none;transition:.2s;}
.form-group input:focus,.form-group textarea:focus{border-color:var(--red);}
.form-group textarea{height:120px;resize:vertical;}
.zorunlu{color:var(--red);}
.btn-submit{width:100%;background:var(--red);color:white;border:none;border-radius:var(--radius);padding:14px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font-main);transition:.2s;}
.btn-submit:hover{background:var(--red-dark);}
.success-msg{display:none;background:#d4edda;color:#155724;padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:14px;}
.bayilik-aciklama{font-size:13px;color:var(--gray-500);margin-bottom:20px;}

@media(max-width:768px){.contact-grid{grid-template-columns:1fr;}}

/* style.css v6_02_06 - nav overflow fix + iletisim sayfasi CSS eklendi */

/* ═══ ÜYE GİRİŞ / KAYIT SAYFASI ══════════════════════════════════════════════ */
.uye-body{background:#eaeaea;}
.login-wrap{max-width:1100px;margin:40px auto;padding:0 20px 60px;}
.login-card{background:white;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;}
.login-tabs{display:flex;border-bottom:2px solid var(--gray-200);}
.login-tab{flex:1;padding:18px;font-size:14px;font-weight:600;text-align:center;cursor:pointer;color:var(--gray-500);border:none;background:none;font-family:var(--font-main);transition:.2s;}
.login-tab.active{color:var(--red);border-bottom:3px solid var(--red);margin-bottom:-2px;}
.login-body{padding:30px 40px;}
.alert-hata{background:#fde8e8;color:#922B21;padding:12px 16px;border-radius:var(--radius);font-size:13px;margin-bottom:20px;border:1px solid #f5c6c6;}
.tab-content{display:none;}
.tab-content.active{display:block;}
.giris-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:700px;}
.giris-grid .full{grid-column:span 2;}
.giris-alan{display:flex;flex-direction:column;gap:4px;}
.giris-alan label{font-size:12px;font-weight:600;color:#444;}
.giris-alan input{padding:9px 12px;border:1px solid #ccc;border-radius:3px;font-size:13px;font-family:var(--font-main);outline:none;transition:.2s;}
.giris-alan input:focus{border-color:var(--red);}
.section-title{color:#21409a;font-size:15px;font-weight:700;margin:24px 0 10px;border-bottom:1px dashed #ccc;padding-bottom:6px;}
.form-row{display:flex;flex-wrap:wrap;gap:0;}
.login-card .form-group{flex:1;min-width:45%;display:flex;align-items:center;margin-bottom:12px;padding-right:20px;}
.login-card .form-group.full-width{min-width:100%;flex:none;width:100%;}
.login-card .form-group label{width:170px;font-size:12px;font-weight:600;color:#444;flex-shrink:0;}
.login-card .form-group input,.login-card .form-group select,.login-card .form-group textarea{flex:1;padding:7px 10px;border:1px solid #ccc;border-radius:3px;font-size:13px;font-family:var(--font-main);outline:none;transition:.2s;background:white;}
.login-card .form-group input:focus,.login-card .form-group select:focus,.login-card .form-group textarea:focus{border-color:var(--red);}
.login-card .form-group textarea{height:70px;resize:vertical;}
.btn-submit{background:var(--red);color:white;border:none;padding:12px 32px;font-size:14px;font-weight:700;border-radius:3px;cursor:pointer;font-family:var(--font-main);text-transform:uppercase;transition:.2s;margin-top:20px;}
.btn-submit:hover{background:var(--red-dark);}
.btn-container{border-top:1px solid #ddd;padding-top:20px;margin-top:10px;}
.alt-link{margin-top:16px;font-size:13px;color:var(--gray-500);}
.alt-link a{color:var(--red);font-weight:500;}
@media(max-width:768px){.login-card .form-group{min-width:100%;flex-direction:column;align-items:flex-start;}.login-card .form-group label{width:auto;margin-bottom:4px;}.giris-grid{grid-template-columns:1fr;}.giris-grid .full{grid-column:span 1;}.login-body{padding:20px;}}

/* style.css v6_02_06 - uye-girisi/kayit sayfasi CSS eklendi */

/* ═══ HESABIM SAYFASI ════════════════════════════════════════════════════════ */
.hesap-wrap{max-width:1280px;margin:32px auto;padding:0 20px 60px;display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;}
.hesap-sidebar{background:white;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);}
.sidebar-profil{padding:24px;text-align:center;border-bottom:1px solid var(--gray-200);}
.sidebar-avatar{width:64px;height:64px;border-radius:50%;background:var(--red);color:white;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;}
.sidebar-ad{font-size:15px;font-weight:600;color:var(--gray-900);}
.sidebar-email{font-size:12px;color:var(--gray-500);margin-top:4px;}
.sidebar-menu{list-style:none;}
.sidebar-menu li a{display:flex;align-items:center;gap:10px;padding:13px 20px;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-100);transition:.2s;}
.sidebar-menu li a:hover,.sidebar-menu li a.active{background:var(--gray-50);color:var(--red);}
.sidebar-menu li a i{width:16px;text-align:center;color:var(--gray-500);}
.sidebar-menu li a.active i{color:var(--red);}
.sidebar-menu li:last-child a{color:#c0392b;border-bottom:none;}
.icerik-card{background:white;border:1px solid var(--gray-200);border-radius:12px;padding:28px;box-shadow:var(--shadow);margin-bottom:20px;}
.icerik-baslik{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;gap:10px;}
.icerik-baslik i{color:var(--red);}
.siparis-kart{border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;margin-bottom:12px;}
.siparis-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.siparis-no{font-size:13px;font-weight:600;color:var(--gray-900);}
.siparis-tarih{font-size:12px;color:var(--gray-500);}
.siparis-durum{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;color:white;}
.siparis-urunler{font-size:13px;color:var(--gray-700);margin-bottom:8px;line-height:1.9;}
.siparis-tutar{font-size:15px;font-weight:700;color:var(--red);}
.siparis-tutar.gecmis{color:var(--gray-700);margin-top:10px;}
.siparis-alt{display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.siparis-havale-link{font-size:12px;color:var(--red);font-weight:500;}
.bos-siparis{text-align:center;padding:40px 20px;color:var(--gray-500);}
.bos-siparis i{font-size:48px;margin-bottom:16px;display:block;color:var(--gray-200);}
.hesap-grup-baslik{font-size:13px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;}
.hesap-urunlere-btn{display:inline-block;margin-top:16px;background:var(--red);color:white;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.hesap-icerik .form-group{margin-bottom:16px;}
.hesap-icerik .form-group label{display:block;font-size:13px;font-weight:500;color:var(--gray-700);margin-bottom:6px;}
.hesap-icerik .form-group input,.hesap-icerik .form-group select,.hesap-icerik .form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:14px;font-family:var(--font-main);outline:none;transition:.2s;background:white;}
.hesap-icerik .form-group input:focus,.hesap-icerik .form-group select:focus,.hesap-icerik .form-group textarea:focus{border-color:var(--red);}
.hesap-disabled-input{background:var(--gray-100)!important;color:var(--gray-500)!important;}
.btn-kaydet{background:var(--red);color:white;border:none;border-radius:var(--radius);padding:11px 24px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-main);transition:.2s;}
.btn-kaydet:hover{background:var(--red-dark);}
.alert{padding:11px 16px;border-radius:var(--radius);font-size:13px;margin-bottom:16px;}
.alert-ok{background:#d4edda;color:#155724;}
.alert-hata{background:#fde8e8;color:#922B21;}
/* sepet bölümü */
.hesap-sepet-baslik{font-size:13px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;}
.hesap-sepet-urun{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:8px;}
.hsu-ad{font-size:14px;font-weight:600;}
.hsu-adet{font-size:12px;color:var(--gray-500);}
.hsu-tutar{font-size:15px;font-weight:700;color:var(--red);}
.hesap-sepet-toplam{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--gray-50);border-radius:var(--radius);margin-top:8px;}
.hesap-toplam-yazi{font-size:16px;font-weight:700;}
.hesap-toplam-yazi span{color:var(--red);}
.hesap-odeme-btn{background:var(--red);color:white;border:none;border-radius:var(--radius);padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;}
/* yorum bölümü */
.yorum-bolum{margin-top:10px;padding-top:10px;border-top:1px dashed var(--gray-200);}
.yorum-bolum-baslik{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.yorum-urun-satir{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--gray-50);border-radius:6px;margin-bottom:6px;}
.yorum-urun-ad{font-size:13px;color:var(--gray-700);}
.yorum-durum{font-size:11px;font-weight:600;}
.yorum-durum.onayli{color:#27ae60;}
.yorum-durum.beklemede{color:#e67e22;}
.yorum-durum.reddedildi{color:var(--red);}
.yorum-yaz-btn{background:var(--red);color:white;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-main);}
.yorum-yildiz{background:none;border:none;font-size:28px;cursor:pointer;color:#e67e22;padding:0;}
/* modallar */
.hesap-modal{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.7);align-items:center;justify-content:center;padding:20px;}
.hesap-modal-box{background:white;border-radius:16px;padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;}
.hesap-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--gray-500);}
.hesap-modal-baslik{font-size:17px;font-weight:700;margin-bottom:6px;}
.hesap-modal-alt{font-size:13px;color:var(--gray-500);margin-bottom:20px;}
.hesap-modal-label{font-size:13px;font-weight:500;color:var(--gray-700);display:block;margin-bottom:8px;}
.hesap-modal-textarea{width:100%;height:100px;padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:14px;font-family:var(--font-main);outline:none;resize:vertical;}
.hesap-odeme-baslik{font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--gray-100);}
.hesap-odeme-devam{width:100%;background:var(--red);color:white;border:none;border-radius:var(--radius);padding:13px;font-size:15px;font-weight:600;cursor:pointer;}
.hesap-iban-box{background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:10px;padding:16px;text-align:center;margin-bottom:16px;}
.hesap-iban-sahibi{font-size:12px;color:var(--gray-500);margin-bottom:4px;}
.hesap-iban-no{font-size:16px;font-weight:700;color:var(--gray-900);letter-spacing:1px;margin-bottom:10px;}
.hesap-iban-kopya{background:var(--gray-200);border:none;padding:6px 16px;border-radius:20px;font-size:12px;cursor:pointer;}
.hesap-tutar-wrap{text-align:center;margin-bottom:16px;}
.hesap-tutar-label{font-size:13px;color:var(--gray-500);margin-bottom:4px;}
.hesap-tutar-val{font-size:28px;font-weight:700;color:var(--red);}
.hesap-odeme-bilgi{font-size:12px;color:var(--gray-500);text-align:center;margin-bottom:16px;}
.hesap-havale-yaptim{width:100%;background:#25D366;color:white;border:none;border-radius:var(--radius);padding:13px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:8px;}
.hesap-geri-don{width:100%;background:none;border:none;color:var(--gray-500);font-size:13px;cursor:pointer;}
/* davet tablo */
.hesap-davet-tablo{width:100%;border-collapse:collapse;font-size:14px;}
.hesap-davet-tablo th{padding:10px;text-align:left;color:var(--gray-500);font-weight:500;border-bottom:2px solid var(--gray-200);}
.hesap-davet-tablo td{padding:12px 10px;border-bottom:1px solid var(--gray-100);}
.hesap-davet-tekrar{background:#25D366;color:white;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;text-decoration:none;}
@media(max-width:768px){.hesap-wrap{grid-template-columns:1fr;}.form-grid{grid-template-columns:1fr;}}

/* style.css v6_02_06 - hesabim sayfasi CSS eklendi */

/* ═══ ÜRÜN DETAY SAYFASI ═════════════════════════════════════════════════════ */
.bc-urun{color:var(--gray-500);}
.product-detail{max-width:1280px;margin:0 auto;padding:0 20px 40px;}
.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
/* galeri */
.gallery-main{border-radius:var(--radius);overflow:hidden;background:var(--gray-100);border:1px solid var(--gray-200);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);}
.gallery-main img{width:100%;height:100%;object-fit:contain;}
.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;}
.gallery-thumb{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid var(--gray-200);cursor:pointer;transition:border-color .2s;background:white;}
.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--red);}
.gallery-thumb img{width:100%;height:100%;object-fit:contain;}
.galeri-butonlar{display:none;}
/* ürün bilgi */
.product-badge{display:inline-block;background:var(--red);color:white;font-size:11px;font-weight:600;padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;}
.product-title{font-size:20px;font-weight:700;color:var(--gray-900);line-height:1.3;margin-bottom:12px;margin-top:18px;}
.product-size{display:inline-block;background:var(--gray-100);color:var(--gray-700);font-size:13px;font-weight:500;padding:4px 12px;border-radius:20px;margin-bottom:20px;}
.product-price{font-size:26px;font-weight:700;color:var(--red);margin-bottom:24px;}
.product-price small{font-size:16px;color:var(--gray-500);font-weight:400;}
.product-ozet{margin:16px 0;font-size:13px;color:var(--gray-700);display:grid;grid-template-columns:1fr;}
.product-ozet .ozet-satir{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-bottom:1px solid var(--gray-100);line-height:1.45;font-weight:600;color:var(--gray-900);}
.product-ozet .ozet-satir i{flex-shrink:0;color:var(--red);font-size:13px;width:18px;text-align:center;margin-top:2px;}
/* stok + butonlar */
.stok-durum{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:10px 14px;border-radius:var(--radius);margin-bottom:14px;}
.stok-var{background:#e8f5e9;color:#1b7a3d;}
.stok-yok{background:#fdecea;color:#c0392b;}
.btn-stok-alarm{width:100%;background:#e67e22;color:white;border:none;border-radius:var(--radius);padding:15px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s;cursor:pointer;}
.btn-stok-alarm:hover{background:#d35400;}
.btn-add-detail{width:100%;background:var(--red);color:white;border:none;border-radius:var(--radius);padding:16px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s;margin-bottom:12px;cursor:pointer;}
.btn-add-detail:hover{background:var(--red-dark);}
.btn-wa{width:100%;background:#25D366;color:white;border:none;border-radius:var(--radius);padding:14px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s;box-shadow:0 4px 14px rgba(37,211,102,.35);cursor:pointer;}
.btn-wa:hover{background:#1ebe57;}
.btn-wa i{font-size:20px;}
.btn-add-sm{background:var(--red);color:white;border:none;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:500;cursor:pointer;}
.product-card-desc{font-size:12px;font-weight:500;color:var(--gray-700);line-height:1.5;margin-bottom:10px;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/* detay sekmeleri */
.detay-sekme-wrap{max-width:1280px;margin:32px auto;padding:0 20px;}
.detay-sekmeler{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid var(--gray-200);}
.detay-sekme-btn{padding:13px 22px;font-size:13px;font-weight:600;border:none;background:var(--gray-100);color:var(--gray-500);cursor:pointer;font-family:var(--font-main);border-radius:8px 8px 0 0;transition:.2s;}
.detay-sekme-btn:hover{background:var(--gray-200);}
.detay-sekme-btn.active{background:var(--red);color:white;}
.detay-sekme-icerik{background:white;border:1px solid var(--gray-200);border-top:none;border-radius:0 0 10px 10px;padding:28px;}
.detay-panel{display:none;font-size:14px;line-height:1.7;color:var(--gray-700);}
.detay-panel.active{display:block;}
.detay-panel p{margin-bottom:8px;}
/* sss */
.sss-item{border-bottom:1px solid var(--gray-200);}
.sss-item:last-child{border-bottom:none;}
.sss-soru{padding:18px 4px;font-size:14px;font-weight:400;color:var(--gray-900);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .15s;}
.sss-soru:hover{color:var(--red);}
.sss-ikon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;transition:.25s;}
.sss-ikon i{font-size:13px;color:var(--gray-700);transition:transform .25s;}
.sss-item.acik .sss-ikon{background:var(--red);}
.sss-item.acik .sss-ikon i{color:white;transform:rotate(180deg);}
.sss-cevap{display:none;padding:0 4px 18px;font-size:13px;color:var(--gray-700);line-height:1.7;}
.sss-cevap.open{display:block;}
/* yorum kartları */
.related-section{max-width:1280px;margin:0 auto;padding:0 20px 60px;}
.yorum-ozet{display:flex;align-items:center;gap:20px;padding:20px 24px;margin-bottom:24px;background:linear-gradient(135deg,#fff8f0,#fef3e8);border:1px solid #f5e3c8;border-radius:14px;}
.yorum-ozet-puan{font-size:42px;font-weight:800;color:var(--red);line-height:1;}
.yorum-ozet-yildiz{color:#e67e22;font-size:18px;letter-spacing:2px;}
.yorum-ozet-say{font-size:13px;color:var(--gray-500);font-weight:500;}
.yorum-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.yorum-kart{position:relative;background:white;border:1px solid var(--gray-200);border-radius:16px;padding:24px 22px 20px;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:transform .25s,box-shadow .25s;overflow:hidden;}
.yorum-kart:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.1);}
.yorum-kart::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),#e67e22,#f1c40f);}
.yorum-kart-tirnak{position:absolute;top:18px;right:20px;font-size:40px;line-height:1;color:var(--gray-200);font-family:Georgia,serif;}
.yorum-kart-yildiz{color:#e67e22;font-size:16px;letter-spacing:2px;margin-bottom:12px;}
.yorum-kart-metin{font-size:13.5px;color:var(--gray-700);line-height:1.7;margin-bottom:18px;min-height:60px;}
.yorum-kart-alt{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--gray-100);}
.yorum-kart-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--red),#e67e22);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;flex-shrink:0;}
.yorum-kart-isim{font-size:14px;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:6px;}
.yorum-kart-onay{color:#27ae60;font-size:13px;}
.yorum-kart-tarih{font-size:11px;color:var(--gray-500);margin-top:2px;}
.yorum-kart-sehir{color:var(--red);font-weight:600;}
@media(max-width:768px){
  .product-layout{grid-template-columns:1fr;gap:16px;}
  .product-title{font-size:16px;text-align:center;margin-top:0;}
  .product-price{font-size:18px;margin-bottom:12px;}
  .product-price small{font-size:11px;}
  .stok-durum{font-size:12px;padding:8px 10px;}
  .pc-only{display:none !important;}
  .galeri-butonlar{display:flex !important;flex-direction:column;gap:8px;margin-top:12px;}
  .detay-sekme-btn{flex:1;padding:11px 8px;font-size:11px;}
  .yorum-grid{grid-template-columns:1fr;}
  .yorum-ozet{flex-direction:column;text-align:center;gap:10px;}
  .bc-urun{display:none;}
  .detay-sekme-wrap{margin-top:14px;}
}

/* style.css v6_02_06 - urun detay sayfasi CSS eklendi (TUM SAYFALAR TAMAM) */