@import url("../../modern/assets/theme.css");

:root { --primary:#0D1B2A; --secondary:#1E3A8A; --accent:#3B82F6; --success:#10B981; --warning:#C9A46A; --bg-soft:#F3F4F6; --white:#fff; --border:#E5E7EB; --text-dark:#111827; --text-muted:#4B5563; --radius:14px; --shadow-soft:0 8px 24px rgba(13,27,42,.08); }
body[data-theme="cctv"] { background:#fff; color:var(--text-dark); font-family:Inter,Arial,sans-serif; }
body[data-theme="cctv"] h1, body[data-theme="cctv"] h2, body[data-theme="cctv"] h3, body[data-theme="cctv"] h4, body[data-theme="cctv"] h5, body[data-theme="cctv"] h6 { color:var(--text-dark); font-family:Poppins,Inter,sans-serif; font-weight:600; }
body[data-theme="cctv"] a, body[data-theme="cctv"] button, body[data-theme="cctv"] .product-item, body[data-theme="cctv"] .category-item, body[data-theme="cctv"] .brand-item { transition:all .22s ease; }
body[data-theme="cctv"] .header-top-menu { background:#f8fafc; border-color:var(--border); color:var(--text-muted); font-size:.84rem; padding:10px 0; }
body[data-theme="cctv"] .header-top-menu a { color:var(--primary); }
body[data-theme="cctv"] .site-header-top { border-color:var(--border)!important; padding:1.3rem 0!important; }
body[data-theme="cctv"] .main-logo img { max-height:60px; width:auto; }
body[data-theme="cctv"] .search-bar { background:#fff!important; border:1px solid #b9c5d8; border-radius:8px!important; box-shadow:none; }
body[data-theme="cctv"] .search-bar svg { color:var(--accent); }
body[data-theme="cctv"] .site-header-actions a { background:#fff!important; border:0; color:var(--primary)!important; }
body[data-theme="cctv"] .cart-total { color:var(--primary)!important; }
body[data-theme="cctv"] .site-nav-row { background:linear-gradient(90deg,#061221,var(--primary)); padding:.7rem 0!important; }
body[data-theme="cctv"] .main-menu .nav-link, body[data-theme="cctv"] .category-menu-toggle, body[data-theme="cctv"] .brand-nav-link { color:#fff!important; font-weight:600; font-size:.9rem; }
body[data-theme="cctv"] .main-menu .nav-link:hover, body[data-theme="cctv"] .brand-nav-link:hover { color:#9dc3ff!important; }
body[data-theme="cctv"] .category-menu-toggle { background:linear-gradient(135deg,#1557c0,#1e3a8a); border:0; border-radius:5px; padding:.72rem 1.25rem!important; }
body[data-theme="cctv"] .category-menu-list, body[data-theme="cctv"] .nav-category-submenu { border:1px solid var(--border); border-radius:10px; box-shadow:var(--shadow-soft); overflow:hidden; }
body[data-theme="cctv"] .auto-hero { background:linear-gradient(110deg,#f8fafc,#eef3fb); }
body[data-theme="cctv"] .auto-hero::before { background:linear-gradient(90deg,rgba(13,27,42,.04),rgba(59,130,246,.13)); }
body[data-theme="cctv"] .auto-hero .banner-content { min-height:390px; border-radius:0; }
body[data-theme="cctv"] .auto-hero .categories { color:var(--secondary); font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
body[data-theme="cctv"] .auto-hero h1 { color:var(--primary); font-family:Poppins,sans-serif; font-weight:600; }
body[data-theme="cctv"] .auto-hero .img-wrapper img { filter:drop-shadow(0 18px 18px rgba(13,27,42,.12)); }
body[data-theme="cctv"] .btn-primary, body[data-theme="cctv"] .cart-add-button, body[data-theme="cctv"] .product-detail-cart-button { background:linear-gradient(135deg,#1e3a8a,#1557c0)!important; border-color:#1e3a8a!important; border-radius:6px; color:#fff!important; }
body[data-theme="cctv"] .btn-primary:hover, body[data-theme="cctv"] .cart-add-button:hover, body[data-theme="cctv"] .product-detail-cart-button:hover { background:var(--primary)!important; border-color:var(--primary)!important; }
body[data-theme="cctv"] .swiper-prev, body[data-theme="cctv"] .swiper-next { background:#fff; border:1px solid var(--border); border-radius:50%; box-shadow:var(--shadow-soft); color:var(--primary); }
body[data-theme="cctv"] .category-carousel .category-item { background:#fff; border:1px solid var(--border); border-radius:10px; box-shadow:none; }
body[data-theme="cctv"] .category-carousel .category-item:hover { border-color:var(--accent); box-shadow:var(--shadow-soft); transform:translateY(-4px); }
body[data-theme="cctv"] .category-carousel .category-title { color:var(--primary); font-weight:600; }
body[data-theme="cctv"] .brand-carousel .brand-item, body[data-theme="cctv"] .brand-carousel .card { background:#fff; border:1px solid var(--border); border-radius:8px; }
body[data-theme="cctv"] .brand-carousel .brand-item:hover, body[data-theme="cctv"] .brand-carousel .card:hover { border-color:var(--accent); box-shadow:var(--shadow-soft); }
body[data-theme="cctv"] .product-item { background:#fff; border:1px solid var(--border); border-radius:10px; box-shadow:0 3px 12px rgba(13,27,42,.04); }
body[data-theme="cctv"] .product-item:hover { border-color:#cfd8e6; box-shadow:var(--shadow-soft); transform:translateY(-4px); }
body[data-theme="cctv"] .product-item h3, body[data-theme="cctv"] .product-item .price { color:var(--primary); font-weight:700; }
body[data-theme="cctv"] .product-item .btn-wishlist { background:#fff; border-color:var(--border); color:var(--secondary); }
body[data-theme="cctv"] .product-item .btn-wishlist:hover { color:var(--accent); border-color:var(--accent); }
body[data-theme="cctv"] .product-item .btn-number { background:#f8fafc; border-color:var(--border); color:var(--primary); }
body[data-theme="cctv"] .listing-hero-title { padding:2rem; border-radius:14px; background:linear-gradient(115deg,#061221,#123e7a); color:#fff; }
body[data-theme="cctv"] .listing-hero-title h1, body[data-theme="cctv"] .listing-hero-title p { color:#fff!important; }
body[data-theme="cctv"] .listing-hero-title::after { content:"Profesyonel güvenlik çözümleri"; display:block; margin-top:.6rem; color:#c7dcff; font-size:.95rem; }
body[data-theme="cctv"] .border, body[data-theme="cctv"] .border-bottom, body[data-theme="cctv"] .border-top { border-color:var(--border)!important; }
body[data-theme="cctv"] .card, body[data-theme="cctv"] .accordion-item, body[data-theme="cctv"] .list-group-item { border-color:var(--border); border-radius:10px; }
body[data-theme="cctv"] footer { background:linear-gradient(120deg,#061221,#102f55); color:rgba(255,255,255,.82); }
body[data-theme="cctv"] footer h5, body[data-theme="cctv"] footer a { color:#fff; }
body[data-theme="cctv"] footer a:hover { color:#9dc3ff; }
.cctv-product { background:#f8fafc; padding:24px 0 54px; }
.cctv-product .cctv-breadcrumb { color:var(--text-muted); font-size:.84rem; margin-bottom:18px; }
.cctv-product .cctv-panel { background:#fff; border:1px solid var(--border); border-radius:12px; box-shadow:0 4px 18px rgba(13,27,42,.04); }
.cctv-gallery { padding:18px; position:relative; }
.cctv-product-top > [class*="col-"] { display:flex; }
.cctv-product-top .cctv-panel { width:100%; }
.cctv-product-top .cctv-gallery { display:flex; flex-direction:column; }
.cctv-product-top .cctv-gallery .product-gallery-main { flex:0 0 auto; height:360px; min-height:0; }
.cctv-product-top .cctv-gallery .product-zoom-frame { aspect-ratio:auto; height:360px; max-height:none; }
.cctv-product-top .cctv-gallery .product-gallery-main img { max-height:375px; }
.cctv-gallery .product-gallery-main { min-height:410px; border:0; background:#fff; }
.cctv-gallery .product-gallery-main img { max-height:375px; object-fit:contain; }
.cctv-badge { position:absolute; z-index:2; left:18px; top:18px; padding:6px 10px; color:#fff; background:var(--secondary); border-radius:5px; font-size:.75rem; font-weight:700; }
.cctv-gallery .product-gallery-thumbs { margin-top:14px; }
.cctv-summary { padding:22px; }
.cctv-summary h1 { font-size:1.65rem; margin-bottom:2px; }
.cctv-model { color:var(--text-muted); margin-bottom:14px; }
.cctv-rating { color:#f5a623; font-size:.94rem; margin-bottom:14px; }
.cctv-price { color:#174da5; font-size:1.7rem; font-weight:800; margin:10px 0 3px; }
.cctv-stock { color:var(--success); font-weight:700; font-size:.88rem; }
.cctv-feature-list { list-style:none; padding:0; margin:18px 0; display:grid; gap:8px; font-size:.92rem; }
.cctv-feature-list li::before { content:"✓"; color:#1557c0; font-weight:800; margin-right:9px; }
.cctv-benefits { padding:16px; display:grid; gap:14px; }
.cctv-benefit { display:flex; gap:11px; align-items:flex-start; font-size:.83rem; }
.cctv-benefit strong { display:block; color:var(--primary); }
.cctv-benefit span:first-child { color:var(--secondary); font-size:1.25rem; }
.cctv-buy-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; }
.cctv-buy-row .product-detail-qty { max-width:120px; }
.cctv-buy-row .btn { min-height:46px; font-weight:700; }
.cctv-fast-buy { background:var(--warning)!important; border-color:var(--warning)!important; color:#fff!important; }
.cctv-whatsapp { background:#15803d!important; border-color:#15803d!important; color:#fff!important; }
.cctv-actions { display:flex; gap:20px; flex-wrap:wrap; margin-top:16px; font-size:.85rem; }
.cctv-actions button { border:0; background:transparent; color:var(--text-muted); padding:0; }
.cctv-tabs { margin-top:28px; }
.cctv-tabs .nav-tabs { border-bottom:1px solid var(--border); overflow-x:auto; flex-wrap:nowrap; }
.cctv-tabs .nav-link { color:var(--text-muted); white-space:nowrap; font-weight:700; border:0; border-bottom:3px solid transparent; }
.cctv-tabs .nav-link.active { color:var(--secondary); border-bottom-color:var(--secondary); background:transparent; }
.cctv-tab-content { background:#fff; border:1px solid var(--border); border-top:0; border-radius:0 0 12px 12px; padding:24px; }
.cctv-spec-icons { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.cctv-spec-icons span { min-width:94px; padding:10px; background:#f8fafc; border:1px solid var(--border); border-radius:8px; color:var(--primary); font-size:.77rem; text-align:center; }
.cctv-side-help { display:grid; gap:12px; }
.cctv-side-help article { padding:16px; background:#fff; border:1px solid var(--border); border-radius:10px; }
@media (max-width:991px) { body[data-theme="cctv"] .site-nav-row { background:#fff; border-bottom:1px solid var(--border); } body[data-theme="cctv"] .site-menu-toggle { color:var(--primary); border-color:var(--border); } body[data-theme="cctv"] .offcanvas { background:#fff; } .cctv-gallery .product-gallery-main { min-height:320px; } }
@media (max-width:575px) { body[data-theme="cctv"] .auto-hero .banner-content { min-height:auto; padding:2rem!important; } body[data-theme="cctv"] .product-grid > .col { width:50%; } body[data-theme="cctv"] .product-item { padding:12px; } .cctv-summary { padding:18px; } .cctv-buy-row .btn { flex:1 1 100%; } }
.cctv-category-page { background:#f8fafc; min-height:60vh; }
.cctv-category-hero { color:#fff; overflow:hidden; background:linear-gradient(112deg,#061221 0%,#09294d 52%,#0d4786 100%); }
.cctv-category-hero-inner { align-items:center; background:radial-gradient(circle at 72% 50%,rgba(43,128,255,.36),transparent 32%); display:flex; justify-content:space-between; min-height:190px; padding:34px 48px; }
.cctv-category-hero h1 { -webkit-text-fill-color:#fff!important; color:#fff!important; font-size:2.15rem; margin-bottom:.45rem; text-shadow:0 1px 2px rgba(0,0,0,.22); }
.cctv-category-hero p { color:#e1ecff; margin:0; }
.cctv-hero-device { color:rgba(255,255,255,.82); font-size:4rem; letter-spacing:.4rem; text-shadow:0 0 25px rgba(117,184,255,.8); }
.cctv-filter-panel { background:#fff; border:1px solid var(--border); border-radius:10px; overflow:hidden; padding:0 14px 16px; position:sticky; top:16px; }
.cctv-filter-head { align-items:center; border-bottom:1px solid var(--border); color:var(--primary); display:flex; font-size:.81rem; justify-content:space-between; margin:0 -14px; padding:15px 14px; }
.cctv-filter-group { border-bottom:1px solid #edf1f6; display:grid; gap:8px; padding:14px 0; }
.cctv-filter-group > strong { color:var(--primary); font-size:.78rem; letter-spacing:.02em; }
.cctv-filter-group label { color:#4a5a70; cursor:pointer; font-size:.86rem; line-height:1.25; }
.cctv-filter-group input { accent-color:var(--secondary); margin-right:5px; }
.cctv-filter-group small { color:#8a97a8; }
.cctv-product-grid .product-item { height:100%; }
.cctv-category-guide { align-items:center; background:#fff; border:1px solid var(--border); border-radius:10px; display:flex; gap:24px; justify-content:space-between; padding:20px 24px; }
.cctv-category-guide strong { color:var(--primary); display:block; margin-bottom:5px; }
.cctv-category-guide p { color:var(--text-muted); font-size:.88rem; max-width:900px; }
@media (max-width:991px) { .cctv-filter-panel { position:static; } .cctv-category-hero-inner { min-height:155px; padding:26px 20px; } .cctv-hero-device { display:none; } }
@media (max-width:575px) { .cctv-category-hero h1 { font-size:1.65rem; } .cctv-category-guide { align-items:flex-start; flex-direction:column; gap:12px; padding:18px; } }