/* ============================================
   ustaesnaf.com.tr
   ============================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#1e40af;--primary-light:#3b82f6;--primary-dark:#1e3a8a;--secondary:#f59e0b;--secondary-light:#fbbf24;--accent:#10b981;--dark:#111827;--dark-light:#1f2937;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#fff;--danger:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-xl:0 25px 50px -12px rgba(0,0,0,0.25);--radius-sm:6px;--radius:10px;--radius-md:14px;--radius-lg:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Poppins','Inter',sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(--font-primary);background:var(--gray-50);color:var(--gray-700);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit;transition:var(--transition)}
img{max-width:100%;height:auto;display:block}
.container{max-width:1280px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);transition:var(--transition)}
.header.scrolled{box-shadow:var(--shadow-md)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:30px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;box-shadow:0 4px 12px rgba(30,64,175,0.3)}
.logo-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px;font-family:var(--font-heading)}
.logo-main{font-size:22px;font-weight:700;color:var(--dark)}
.logo-highlight{font-size:22px;font-weight:800;color:var(--primary)}
.logo-sub{font-size:12px;color:var(--gray-500);font-weight:500}
.main-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px 0}
.main-nav::-webkit-scrollbar{display:none}
.nav-link{padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--gray-600);white-space:nowrap;transition:var(--transition)}
.nav-link:hover{color:var(--primary);background:rgba(30,64,175,0.06)}
.nav-link.active{color:var(--primary);background:rgba(30,64,175,0.1);font-weight:600}
.nav-link i{margin-right:4px;font-size:12px}
.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}
.mobile-menu-btn span{display:block;width:24px;height:2.5px;background:var(--dark);border-radius:2px;transition:var(--transition)}
.hero{position:relative;padding:70px 0 60px;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#1e40af 100%)}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,0.1) 0%,transparent 50%)}
.hero-content{position:relative;text-align:center;z-index:2}
.hero-title{font-family:var(--font-heading);font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--white);margin-bottom:16px;line-height:1.2}
.hero-title .highlight{background:linear-gradient(135deg,var(--secondary),var(--secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{font-size:clamp(14px,2vw,18px);color:rgba(255,255,255,0.75);margin-bottom:36px;max-width:600px;margin-left:auto;margin-right:auto}
.search-box{background:var(--white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xl);max-width:900px;margin:0 auto}
.search-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}
.search-field{display:flex;flex-direction:column;gap:6px}
.search-field label{font-size:12px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:0.5px}
.search-field label i{margin-right:4px;color:var(--primary)}
.search-field select{padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:14px;font-family:var(--font-primary);color:var(--dark);background:var(--white);cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.search-field select:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(59,130,246,0.15)}
.search-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:0 4px 12px rgba(30,64,175,0.3);height:46px}
.search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,64,175,0.4)}
.breadcrumb-section{background:var(--white);border-bottom:1px solid var(--gray-200);padding:14px 0}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}
.breadcrumb a{color:var(--gray-500)}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb .separator{color:var(--gray-400);font-size:10px}
.breadcrumb .current{color:var(--primary);font-weight:600}
.section-header{text-align:center;margin-bottom:16px}
.section-title{font-family:var(--font-heading);font-size:clamp(18px,2.5vw,24px);font-weight:700;color:var(--dark);margin-bottom:4px}
.section-subtitle{font-size:13px;color:var(--gray-500)}
.section-title i{color:var(--secondary);margin-right:8px}
.categories-section{padding:60px 0}
.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.category-card{background:var(--white);border-radius:var(--radius-md);padding:30px 20px;text-align:center;border:2px solid var(--gray-100);transition:var(--transition);position:relative;overflow:hidden}
.category-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transform:scaleX(0);transition:var(--transition)}
.category-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.category-card:hover::before{transform:scaleX(1)}
.category-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,rgba(30,64,175,0.08),rgba(59,130,246,0.12));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary);transition:var(--transition)}
.category-card:hover .category-icon{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);transform:scale(1.1)}
.category-name{font-size:15px;font-weight:600;color:var(--dark);margin-bottom:6px}
.category-count{font-size:12px;color:var(--gray-500);background:var(--gray-100);padding:3px 10px;border-radius:20px;display:inline-block}
.usta-liste-section{padding:20px 0 10px}
.esnaf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.esnaf-card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-200);transition:var(--transition);display:flex;flex-direction:column;position:relative;color:inherit}
.esnaf-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}
.reklam-card{border:2px solid var(--secondary) !important;background:linear-gradient(135deg,#fffbeb 0%,#fff 100%) !important;box-shadow:0 4px 20px rgba(245,158,11,0.15) !important}
.reklam-card:hover{border-color:#d97706 !important;box-shadow:0 8px 30px rgba(245,158,11,0.25) !important}
.reklam-badge{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,var(--secondary),#d97706);color:#fff;padding:6px 12px;font-size:11px;font-weight:700;z-index:5;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(245,158,11,0.4)}
.reklam-badge i{font-size:10px}
.reklam-card .esnaf-card-header{padding-top:40px !important}
.reklam-card .esnaf-avatar{margin-top:0}
.esnaf-card-header{position:relative;padding:24px 24px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.esnaf-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;border:3px solid var(--gray-200);box-shadow:var(--shadow);flex-shrink:0;background:var(--gray-100)}
.esnaf-avatar img{width:100%;height:100%;object-fit:cover}
.esnaf-badge{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:1;padding-top:4px}
.badge-date{font-size:11px;color:var(--gray-500);background:var(--gray-100);padding:4px 10px;border-radius:20px;white-space:nowrap}
.badge-date i{margin-right:4px;color:var(--primary-light)}
.esnaf-card-body{padding:16px 24px;flex:1}
.esnaf-isyeri{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--dark);margin-bottom:6px}
.esnaf-ad{font-size:13px;color:var(--gray-600);margin-bottom:12px}
.esnaf-ad i{margin-right:6px;color:var(--primary-light);font-size:12px}
.esnaf-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.esnaf-kategori,.esnaf-konum{font-size:12px;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}
.esnaf-kategori{background:rgba(30,64,175,0.08);color:var(--primary);font-weight:500}
.esnaf-konum{background:rgba(16,185,129,0.08);color:var(--accent);font-weight:500}
.esnaf-tecrube{font-size:13px;color:var(--gray-500);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.esnaf-card-footer{padding:16px 24px;border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center}
.esnaf-telefon{font-size:13px;font-weight:600;color:var(--dark);display:inline-flex;align-items:center;gap:6px}
.esnaf-telefon i{margin-right:0;color:var(--accent)}
.esnaf-detay{font-size:13px;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:6px;transition:var(--transition)}
.esnaf-card:hover .esnaf-detay{gap:10px}
.load-more-container{text-align:center;margin-top:36px}
.load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px rgba(30,64,175,0.3)}
.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,64,175,0.4)}
.load-more-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}
.ilce-listesi{background:#fff;border-radius:var(--radius-md);padding:16px 20px;margin-top:16px;margin-bottom:0;border:1px solid var(--gray-200)}
.ilce-list-title{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.ilce-list-title i{color:var(--primary)}
.ilce-list-desc{font-size:13px;color:var(--gray-500);margin-bottom:10px;margin-top:0}
.ilce-tags{display:flex;flex-wrap:wrap;gap:10px}
.ilce-tag{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;background:var(--gray-100);border-radius:20px;font-size:14px;font-weight:500;color:var(--gray-700);transition:var(--transition);border:1px solid transparent}
.ilce-tag:hover{background:rgba(30,64,175,0.08);border-color:var(--primary-light);color:var(--primary)}
.ilce-tag-count{font-size:12px;color:var(--gray-500)}
.no-results{text-align:center;padding:60px 20px;background:var(--white);border-radius:var(--radius-lg);border:2px dashed var(--gray-300)}
.no-results i{font-size:48px;color:var(--gray-400);margin-bottom:16px}
.no-results h3{font-size:20px;color:var(--dark);margin-bottom:8px}
.no-results p{color:var(--gray-500);margin-bottom:20px}
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border-radius:var(--radius);font-weight:600;font-size:14px;transition:var(--transition)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,64,175,0.3)}
.stats-section{padding:60px 0;background:linear-gradient(135deg,var(--dark),var(--dark-light))}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.stat-card{text-align:center;padding:30px 20px;border-radius:var(--radius-md);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:var(--transition)}
.stat-card:hover{background:rgba(255,255,255,0.08);transform:translateY(-4px)}
.stat-icon{width:56px;height:56px;margin:0 auto 16px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--white)}
.stat-number{font-family:var(--font-heading);font-size:32px;font-weight:800;color:var(--white);margin-bottom:4px}
.stat-label{font-size:14px;color:rgba(255,255,255,0.6)}
.footer{background:var(--dark);color:var(--gray-400);padding:60px 0 0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.08)}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:20px;font-weight:700;color:var(--white);font-family:var(--font-heading)}
.footer-logo i{color:var(--primary-light)}
.footer-logo .highlight{color:var(--primary-light)}
.footer-col p{font-size:14px;line-height:1.7}
.footer-col h4{color:var(--white);font-size:16px;font-weight:600;margin-bottom:16px;font-family:var(--font-heading)}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:8px}
.footer-col ul li a{font-size:13px;color:var(--gray-400);transition:var(--transition)}
.footer-col ul li a:hover{color:var(--primary-light);padding-left:4px}
.contact-list li{display:flex;align-items:center;gap:10px;font-size:13px}
.contact-list li i{color:var(--primary-light);width:16px}
.social-links{display:flex;gap:10px;margin-top:16px}
.social-links a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:var(--transition)}
.social-links a:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}
.footer-bottom{text-align:center;padding:20px 0;font-size:13px;color:var(--gray-500)}
.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:999;opacity:0;visibility:hidden;transition:var(--transition)}
.mobile-nav-overlay.active{opacity:1;visibility:visible}
.mobile-nav{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--white);z-index:1000;transition:var(--transition);overflow-y:auto;box-shadow:var(--shadow-xl)}
.mobile-nav.active{right:0}
.mobile-nav-header{padding:20px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}
.mobile-nav-close{background:none;border:none;font-size:20px;color:var(--gray-600);cursor:pointer;padding:8px}
.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}
.mobile-nav-link:hover{background:var(--gray-50);color:var(--primary)}
.mobile-nav-link i{width:20px;text-align:center;color:var(--primary-light)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.esnaf-card{animation:fadeInUp 0.5s ease forwards;opacity:0}
.esnaf-card:nth-child(1){animation-delay:0.05s}
.esnaf-card:nth-child(2){animation-delay:0.1s}
.esnaf-card:nth-child(3){animation-delay:0.15s}
.esnaf-card:nth-child(4){animation-delay:0.2s}
.esnaf-card:nth-child(5){animation-delay:0.25s}
.esnaf-card:nth-child(6){animation-delay:0.3s}
.esnaf-card.hidden-card{display:none !important}
@media (max-width:1024px){.main-nav{display:none}.mobile-menu-btn{display:flex}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:768px){.search-row{grid-template-columns:1fr}.search-btn{padding:14px}.hero{padding:50px 0 40px}.esnaf-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{padding:20px 14px}.category-icon{width:48px;height:48px;font-size:20px}.stats-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:30px}}
@media (max-width:480px){.container{padding:0 14px}.categories-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{padding:16px 10px}.category-name{font-size:13px}.esnaf-card-header{padding:16px 16px 0}.esnaf-card-body{padding:12px 16px}.esnaf-card-footer{padding:12px 16px}.reklam-card .esnaf-card-header{padding-top:34px !important}}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--gray-100)}
::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}
::selection{background:var(--primary-light);color:var(--white)}
.sss-section{padding:16px 0 10px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}
.sss-section .section-header{text-align:left;margin-bottom:12px}
.sss-list{display:flex;flex-direction:column;gap:8px}
.sss-item{background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--gray-200);transition:var(--transition)}
.sss-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow)}
.sss-item.active{border-color:var(--primary);box-shadow:0 4px 15px rgba(30,64,175,0.08)}
.sss-question{width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;font-family:var(--font-primary);transition:var(--transition)}
.sss-q-text{font-size:14px;font-weight:600;color:var(--dark);display:flex;align-items:center;gap:8px;flex:1}
.sss-q-text i{color:var(--primary);font-size:14px}
.sss-icon{color:var(--gray-400);font-size:12px;transition:transform 0.3s ease;flex-shrink:0}
.sss-item.active .sss-icon{transform:rotate(180deg);color:var(--primary)}
.sss-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease;background:var(--gray-50)}
.sss-item.active .sss-answer{max-height:500px;padding:0 16px 14px}
.sss-answer p{font-size:13px;line-height:1.6;color:var(--gray-600);padding-top:10px;border-top:1px solid var(--gray-200)}
@media (max-width:768px){.sss-question{padding:10px 14px}.sss-q-text{font-size:13px}.sss-item.active .sss-answer{padding:0 14px 12px}.sss-answer p{font-size:12px}}
.yorumlar-section{padding:16px 0 10px;background:#fff}
.yorumlar-section .section-header{text-align:left;margin-bottom:12px}
.yorumlar-grid{display:flex;flex-direction:column;gap:10px}
.yorum-card{background:#fff;border-radius:12px;padding:14px 18px;border:1px solid var(--gray-200);transition:var(--transition);position:relative;width:100%}
.yorum-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}
.yorum-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.yorum-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;flex-shrink:0;box-shadow:0 2px 8px rgba(30,64,175,0.3)}
.yorum-info{flex:1}
.yorum-ad{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:2px}
.yorum-meta{display:flex;gap:10px;font-size:11px;color:var(--gray-500);flex-wrap:wrap}
.yorum-yildiz{margin-bottom:6px;display:flex;gap:2px}
.yorum-yildiz i{color:var(--gray-300);font-size:13px}
.yorum-yildiz i.active{color:#fbbf24}
.yorum-text{font-size:13px;line-height:1.5;color:var(--gray-600);margin-bottom:10px;font-style:italic}
.yorum-footer{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--gray-100)}
.yorum-begeni,.yorum-sikayet{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;font-size:11px;color:var(--gray-600);cursor:pointer;transition:var(--transition);font-family:var(--font-primary)}
.yorum-begeni:hover{background:rgba(30,64,175,0.08);border-color:var(--primary-light);color:var(--primary)}
.yorum-begeni.active{background:var(--primary);border-color:var(--primary);color:#fff}
.yorum-begeni.active i{font-weight:900}
.yorum-sikayet:hover{background:rgba(239,68,68,0.08);border-color:var(--danger);color:var(--danger)}
.degerlendir-section{padding:16px 0 20px;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%)}
.degerlendir-section .section-header{text-align:left;margin-bottom:12px}
.degerlendir-box{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--shadow-xl)}
.degerlendir-box .section-title{color:var(--dark);font-size:20px}
.degerlendir-box .section-title i{color:var(--secondary)}
.degerlendir-box .section-subtitle{font-size:13px}
.degerlendir-form{display:flex;flex-direction:column;gap:12px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.form-row{grid-template-columns:1fr}}
.form-group{display:flex;flex-direction:column;gap:4px}
.form-group label{font-size:12px;font-weight:600;color:var(--gray-700);display:flex;align-items:center;gap:5px}
.form-group label i{color:var(--primary);font-size:11px}
.form-group input,.form-group textarea{padding:8px 12px;border:2px solid var(--gray-200);border-radius:8px;font-size:13px;font-family:var(--font-primary);color:var(--dark);transition:var(--transition);background:var(--gray-50)}
.form-group textarea{resize:vertical;min-height:70px}
.rating-input{display:flex;gap:4px;padding:4px 0}
.rating-input i{font-size:22px;color:var(--gray-300);cursor:pointer;transition:all 0.2s ease}
.degerlendir-submit{padding:10px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px rgba(30,64,175,0.3);font-family:var(--font-primary);margin-top:4px}
.degerlendir-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,64,175,0.4)}
.ilce-list-desc{font-size:14px;color:var(--gray-500);margin-bottom:16px;margin-top:-8px}
@media (max-width:768px){.sss-question{padding:10px 14px}.sss-q-text{font-size:13px}.sss-item.active .sss-answer{padding:0 14px 12px}.degerlendir-box{padding:16px}.form-row{grid-template-columns:1fr}.rating-input i{font-size:20px}.ilce-listesi{margin-top:12px;padding:14px 16px}.yorum-card{padding:12px 14px}.yorum-avatar{width:34px;height:34px;font-size:15px}}
.load-more-btn.load-complete{background:linear-gradient(135deg,#10b981,#059669);cursor:default;box-shadow:0 4px 15px rgba(16,185,129,0.3)}
.load-more-btn.load-complete:hover{transform:none;box-shadow:0 4px 15px rgba(16,185,129,0.3)}
.bilgi-section{padding:30px 0;background:#fff}
.bilgi-box{background:#fff;border-radius:12px;padding:24px 28px;border:1px solid var(--gray-200);box-shadow:0 4px 12px rgba(0,0,0,0.03);position:relative;overflow:hidden}
.bilgi-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}
.bilgi-baslik{font-family:var(--font-heading);font-size:clamp(18px,2.5vw,22px);font-weight:700;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:10px;line-height:1.3}
.bilgi-baslik i{color:var(--primary);font-size:20px;background:rgba(30,64,175,0.08);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}
.bilgi-giris{background:linear-gradient(135deg,rgba(30,64,175,0.03) 0%,rgba(59,130,246,0.06) 100%);padding:16px 20px;border-radius:8px;border-left:3px solid var(--primary);margin-bottom:20px}
.bilgi-giris p{font-size:14px;line-height:1.6;color:var(--gray-700);margin:0;font-weight:500}
.bilgi-bolumler{display:flex;flex-direction:column;gap:14px}
.bilgi-bolum{background:var(--gray-50);border-radius:8px;padding:16px 20px;border:1px solid transparent;transition:all 0.25s ease}
.bilgi-bolum:hover{background:#fff;border-color:var(--primary-light);box-shadow:0 4px 12px rgba(30,64,175,0.06);transform:translateY(-2px)}
.bilgi-alt-baslik{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--primary-dark);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.bilgi-alt-baslik i{color:var(--secondary);font-size:14px}
.bilgi-bolum p{font-size:13.5px;line-height:1.6;color:var(--gray-600);margin:0}
@media (max-width:768px){.bilgi-box{padding:18px 16px}.bilgi-baslik{font-size:17px}.bilgi-baslik i{width:32px;height:32px;font-size:16px}.bilgi-giris{padding:14px 16px}.bilgi-giris p{font-size:13px}.bilgi-bolum{padding:14px 16px}.bilgi-alt-baslik{font-size:14px}.bilgi-bolum p{font-size:13px;line-height:1.55}}
.maps-section{padding:20px 0 10px 0;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}
.maps-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);border:1px solid rgba(30,64,175,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}
.maps-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -12px rgba(0,0,0,0.15)}
.maps-card-header{padding:20px 24px 0 24px}
.maps-card-title{font-size:18px;font-weight:700;color:#1e40af;margin-bottom:4px;display:flex;align-items:center;gap:10px}
.maps-card-title i{color:#f59e0b;font-size:20px}
.maps-card-subtitle{font-size:13px;color:#6b7280;margin-bottom:16px}
.maps-container{padding:0 24px}
.google-maps-iframe{box-shadow:0 4px 10px rgba(0,0,0,0.08)}
@media (max-width:768px){.maps-section{padding:12px 0 6px 0}.maps-card-header{padding:16px 16px 0 16px}.maps-container{padding:0 16px}.maps-card-title{font-size:16px}}
.esnaf-card-link{text-decoration:none;color:inherit;display:block;flex:1}
.reklam-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#d97706;background:#fef3c7;padding:6px 12px;border-radius:40px;text-decoration:none;transition:all 0.3s ease;cursor:pointer;white-space:nowrap}
.reklam-link:hover{background:#fde68a;color:#b45309;transform:translateX(2px)}
.usta-esnaf{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#6b7280;background:#e5e7eb;padding:6px 12px;border-radius:40px;white-space:nowrap}
.usta-esnaf i{color:#10b981;font-size:11px}
.esnaf-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap}
.esnaf-telefon{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#10b981;background:rgba(16,185,129,0.1);padding:6px 12px;border-radius:40px;white-space:nowrap}
@media (max-width:500px){.esnaf-card-footer{flex-direction:column;align-items:stretch}.esnaf-telefon,.reklam-link,.usta-esnaf{justify-content:center;text-align:center}}
@media (min-width:1024px){.main-nav{display:flex !important;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:8px 0;flex:1;white-space:nowrap}.main-nav::-webkit-scrollbar{height:4px}.main-nav::-webkit-scrollbar-track{background:var(--gray-200);border-radius:4px}.main-nav::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.nav-link{padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--gray-600);white-space:nowrap;transition:var(--transition);flex-shrink:0}.nav-link i{margin-right:6px;font-size:12px}.nav-link:hover{color:var(--primary);background:rgba(30,64,175,0.06)}.nav-link.active{color:var(--primary);background:rgba(30,64,175,0.1);font-weight:600}}
@media (max-width:1023px){.main-nav{display:none !important}}
.mobile-menu-btn{display:none}
@media (max-width:1023px){.mobile-menu-btn{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-menu-btn span{display:block;width:24px;height:2.5px;background:var(--dark);border-radius:2px;transition:var(--transition)}}
.yorumlar-section{padding:60px 0;background:#f8fafc}
.yorumlar-section .section-header{text-align:center;margin-bottom:40px}
.yorumlar-section .section-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:12px}
.yorumlar-section .section-title i{color:#1e40af;margin-right:12px}
.yorumlar-section .section-subtitle{font-size:16px;color:#6b7280}
.yorumlar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}
.yorum-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;opacity:0;animation:yorumFadeIn 0.5s ease forwards}
.yorum-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.1)}
@keyframes yorumFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.yorum-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.yorum-avatar i{font-size:48px;color:#1e40af}
.yorum-info{flex:1}
.yorum-ad{font-size:16px;font-weight:600;margin:0 0 4px 0;color:#1f2937}
.yorum-meta{font-size:12px;color:#6b7280}
.yorum-meta span{margin-right:12px}
.yorum-meta i{margin-right:4px}
.yorum-yildiz{margin-bottom:12px}
.yorum-yildiz i{color:#d1d5db;font-size:14px;margin-right:2px}
.yorum-yildiz i.active{color:#f59e0b}
.yorum-text{color:#4b5563;line-height:1.6;margin-bottom:16px;font-size:14px}
.yorum-footer{border-top:1px solid #e5e7eb;padding-top:12px;font-size:13px;color:#10b981}
.yorum-footer i{margin-right:6px}
.load-more-yorumlar-container{text-align:center;margin-top:40px}
.load-more-yorumlar-btn{background:#1e40af;color:#fff;border:none;padding:12px 32px;border-radius:40px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px}
.load-more-yorumlar-btn:hover{background:#0f2b7a;transform:translateY(-2px)}
.load-more-yorumlar-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}
.load-more-yorumlar-btn i{font-size:18px}
@media (max-width:768px){.yorumlar-section{padding:40px 0}.yorumlar-section .section-title{font-size:24px}.yorumlar-grid{grid-template-columns:1fr;gap:16px}.yorum-card{padding:16px}.yorum-avatar i{font-size:40px}.load-more-yorumlar-btn{padding:10px 24px;font-size:14px}}
@media (max-width:480px){.yorum-header{flex-direction:column;text-align:center}.yorum-meta span{display:inline-block;margin:4px 8px}}
.kategori-oneri-grid a:hover{background:#1e40af !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,64,175,0.2);border-color:#1e40af}
.esnaf-maps-wrapper{display:flex;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.esnaf-maps-wrapper .esnaf-card-large{flex:1;min-width:280px}
.esnaf-maps-wrapper .maps-card{flex:1;min-width:280px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);border:1px solid rgba(30,64,175,0.1);display:flex;flex-direction:column;transition:transform 0.3s ease,box-shadow 0.3s ease}
.esnaf-maps-wrapper .maps-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -12px rgba(0,0,0,0.15)}
.esnaf-maps-wrapper .maps-card-header{padding:16px 20px 0 20px}
.esnaf-maps-wrapper .maps-card-title{font-size:16px;font-weight:700;color:#1e40af;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.esnaf-maps-wrapper .maps-card-title i{color:#f59e0b;font-size:18px}
.esnaf-maps-wrapper .maps-card-subtitle{font-size:12px;color:#6b7280;margin-bottom:12px}
.esnaf-maps-wrapper .maps-container{padding:0 20px 20px 20px}
.esnaf-maps-wrapper .google-maps-iframe{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
@media (max-width:768px){.esnaf-maps-wrapper{flex-direction:column;gap:20px}.esnaf-maps-wrapper .maps-card-header{padding:14px 16px 0 16px}.esnaf-maps-wrapper .maps-container{padding:0 16px 16px 16px}.esnaf-maps-wrapper .maps-card-title{font-size:15px}}
.reklam-hero{background:linear-gradient(135deg,#1e40af 0%,#312e81 100%);padding:60px 0;color:#fff;margin-bottom:0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}
.hero-info{background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border-radius:24px;padding:35px 30px;border:1px solid rgba(255,255,255,0.15);display:flex;flex-direction:column;justify-content:center}
.hero-info h1{font-size:34px;font-weight:800;margin-bottom:15px}
.hero-info h1 i{margin-right:12px}
.hero-info>p{font-size:15px;opacity:0.85;margin-bottom:30px;line-height:1.5}
.fiyat-kutusu{background:rgba(0,0,0,0.2);border-radius:20px;padding:20px}
.fiyat-satir{display:flex;align-items:center;justify-content:space-between;padding:12px 8px}
.fiyat-satir i{font-size:24px;width:45px;color:#fcd34d}
.fiyat-satir span{flex:1;font-size:16px;font-weight:500}
.fiyat-satir strong{font-size:18px;font-weight:700;color:#fcd34d;background:rgba(0,0,0,0.2);padding:6px 14px;border-radius:30px}
.fiyat-ayrac{text-align:center;padding:5px 0}
.fiyat-ayrac i{color:rgba(255,255,255,0.3);font-size:12px}
.hero-whatsapp{background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border-radius:24px;padding:35px 30px;border:1px solid rgba(255,255,255,0.15);display:flex;flex-direction:column;justify-content:space-between}
.whatsapp-yazi{text-align:center;margin-bottom:25px}
.whatsapp-yazi i{font-size:45px;color:#25D366;display:block;margin-bottom:15px}
.whatsapp-yazi span{font-size:14px;opacity:0.8;display:block}
.whatsapp-yazi strong{font-size:20px;font-weight:700;display:block;margin:8px 0;color:#25D366}
.hero-whatsapp a{display:flex;align-items:center;gap:15px;background:#25D366;border-radius:60px;padding:16px 24px;text-decoration:none;color:#fff;transition:all 0.3s;margin-top:10px}
.hero-whatsapp a:hover{background:#128C7E;transform:translateY(-3px)}
.hero-whatsapp a i:first-child{font-size:32px}
.hero-whatsapp .whatsapp-text{flex:1}
.hero-whatsapp .whatsapp-text span{font-size:13px;opacity:0.9;display:block}
.hero-whatsapp .whatsapp-text strong{font-size:16px;display:block;margin:4px 0}
.hero-whatsapp .whatsapp-text small{font-size:11px;opacity:0.8}
.hero-whatsapp a i:last-child{font-size:20px;opacity:0.8}
.odeme-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}
.odeme-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e5e7eb;transition:transform 0.3s}
.odeme-card:hover{transform:translateY(-4px)}
.odeme-card-header{padding:20px;text-align:center;border-bottom:1px solid #e5e7eb;background:#f8fafc}
.odeme-card-header i{font-size:40px;margin-bottom:10px;display:inline-block}
.odeme-card-header i.fa-bitcoin{color:#f59e0b}
.odeme-card-header i.fa-university{color:#1e40af}
.odeme-card-header h4{font-size:18px;font-weight:700;margin:0;color:#1f2937}
.odeme-card-body{padding:20px;text-align:center}
.wallet-address{font-family:monospace;font-size:13px;background:#f8fafc;padding:12px;border-radius:12px;word-break:break-all;margin-bottom:15px;border:1px solid #e5e7eb;color:#1e40af;font-weight:500}
.copy-btn{background:#1e40af;color:#fff;border:none;padding:8px 20px;border-radius:30px;font-weight:600;font-size:13px;cursor:pointer;transition:all 0.3s}
.copy-btn:hover{background:#ea580c}
.havale-text{color:#6b7280;font-size:14px;padding:15px 0}
.odeme-note{font-size:11px;margin-top:12px}
.onay-formu{background:#fff;border-radius:20px;padding:30px;margin:30px 0 50px;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e5e7eb}
.onay-formu h3{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:25px;text-align:center}
.onay-formu h3 i{color:#1e40af;margin-right:8px}
.form-group{margin-bottom:20px}
.form-group label{font-weight:600;color:#1f2937;margin-bottom:8px;display:block;font-size:14px}
.form-group label .required{color:#dc2626}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all 0.3s;background:#fff}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px rgba(30,64,175,0.1)}
.btn-gonder{background:linear-gradient(135deg,#1e40af,#312e81);color:#fff;border:none;padding:14px 32px;border-radius:40px;font-weight:700;font-size:16px;cursor:pointer;transition:all 0.3s;width:100%}
.btn-gonder:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:768px){.reklam-hero{padding:40px 0}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-info{padding:25px 20px;text-align:center}.hero-info h1{font-size:28px}.fiyat-satir{flex-wrap:wrap;gap:10px;justify-content:center}.fiyat-satir i{width:auto}.fiyat-satir span{flex:auto}.hero-whatsapp{padding:25px 20px;text-align:center}.hero-whatsapp a{justify-content:center}.odeme-grid{grid-template-columns:1fr;gap:16px;margin:30px 0}.form-row{grid-template-columns:1fr;gap:16px}.onay-formu{padding:20px;margin:20px 0 30px}.onay-formu h3{font-size:20px}}
@media (max-width:768px){.usta-liste-section table,.usta-liste-section tbody,.usta-liste-section tr,.usta-liste-section td{display:block!important;width:100%!important;padding:0!important;margin-bottom:20px!important}}
@media (max-width:768px){.diger-oneriler-section{margin-top:20px!important;padding:20px 0!important}.diger-oneriler-section .section-title{font-size:18px!important;margin-bottom:4px!important}.diger-oneriler-section .section-subtitle{font-size:12px!important;margin-bottom:12px!important}.diger-oneriler-section .kategori-oneri-grid{gap:8px!important}.diger-oneriler-section .kategori-oneri-grid a{padding:8px 14px!important;font-size:12px!important;border-radius:40px!important}}
@media (max-width:768px){.footer-grid{display:flex!important;flex-direction:column!important;gap:25px!important}.footer-col:first-child{order:4!important}.footer-col:nth-child(2){order:1!important}.footer-col:nth-child(3){order:2!important}.footer-col:nth-child(4){order:3!important}.footer-col h4{font-size:15px!important;margin-bottom:12px!important;border-left:3px solid #3b82f6!important;padding-left:10px!important}.footer-col ul li{display:inline-block!important;width:48%!important;margin:0 1% 8px 0!important}.footer-col ul li a{font-size:12px!important;padding:5px 0!important;display:block!important}.footer-col ul{display:flex!important;flex-wrap:wrap!important}}