/* ==========================================================================
   BİZN — Design System v4 Corporate Edition
   Aesthetic: Clean · Minimal · Enterprise-grade
   Font: DM Sans (body) + Inter (mono)
   Palette: Slate neutrals · Indigo accent · Crisp whites
   WCAG AA compliant — contrast ratios verified
   ========================================================================== */

:root {
  color-scheme: light;
  --hero-surface: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  --font-body:    'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'DM Sans', 'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
  --text-2xs: 0.625rem;
  --text-xs:  0.75rem;
  --text-sm:  0.8125rem;
  --text-md:  0.875rem;
  --text-base:1rem;
  --text-lg:  1.0625rem;
  --text-xl:  1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --brand-50:  #eef2ff;
  --brand-100: #e0e7ff;
  --brand-200: #c7d2fe;
  --brand-300: #a5b4fc;
  --brand-400: #818cf8;
  --brand-500: #6366f1;
  --brand-600: #4f46e5;
  --brand-700: #4338ca;
  --brand-800: #3730a3;
  --brand-900: #312e81;
  --gray-0:   #ffffff;
  --gray-50:  #f8fafc;
  --gray-100: #f1f5f9;
  --gray-150: #e9eff7;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1e293b;
  --gray-900: #0f172a;
  --color-success:    #059669;
  --color-success-bg: #d1fae5;
  --color-danger:     #dc2626;
  --color-danger-bg:  #fee2e2;
  --color-warning:    #d97706;
  --color-warning-bg: #fef3c7;
  --color-star:       #f59e0b;
  --surface-bg:   #ffffff;
  --surface-card: #ffffff;
  --surface-1:    #f1f5f9;
  --border-light:  #e2e8f0;
  --border-medium: #cbd5e1;
  --shadow-xs:  0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:  0 1px 4px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
  --shadow-md:  0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);
  --shadow-lg:  0 12px 32px rgba(15,23,42,.10), 0 4px 8px rgba(15,23,42,.06);
  --shadow-xl:  0 24px 48px rgba(15,23,42,.12), 0 8px 16px rgba(15,23,42,.06);
  --shadow-brand: 0 4px 16px rgba(79,70,229,.22);
  --shadow-card-hover: 0 8px 28px rgba(15,23,42,.12), 0 2px 6px rgba(15,23,42,.06);
  --radius-xs:   3px;
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  20px;
  --radius-full: 9999px;
  --ease-out:    cubic-bezier(0.0,0.0,0.2,1);
  --ease-in-out: cubic-bezier(0.4,0,0.2,1);
  --dur-fast:    120ms;
  --dur-base:    200ms;
  --dur-slow:    300ms;
}


/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;text-size-adjust:100%;}
html,body{max-width:100%;overflow-x:hidden;}
body{background:var(--surface-bg);color:var(--gray-800);font-family:var(--font-body);font-size:var(--text-md);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button,input,select,textarea{font:inherit;}
p,h1,h2,h3,h4,h5,h6{margin:0;}
:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:4px;}
.scroll-thin::-webkit-scrollbar{width:4px;height:4px;}
.scroll-thin::-webkit-scrollbar-track{background:transparent;}
.scroll-thin::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:99px;}
.scroll-thin::-webkit-scrollbar-thumb:hover{background:var(--gray-300);}

/* FILTER SIDEBAR */
.filter-card{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;}
.filter-card__head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 7px;cursor:pointer;user-select:none;}
.filter-card__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);}
.filter-card__body{padding:0 8px 10px;}
.filter-card.collapsed .filter-card__body{display:none;}
.filter-card.collapsed .chevron{transform:rotate(-90deg);}
.chevron{transition:transform var(--dur-fast) var(--ease-out);}

/* SORT */
.sort-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 8px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--gray-600);transition:background var(--dur-fast),color var(--dur-fast);text-align:left;}
.sort-btn:hover{background:var(--gray-50);color:var(--gray-800);}
.sort-btn.active{background:var(--brand-50);color:var(--brand-700);font-weight:700;}
.sort-btn .sort-check{display:none;color:var(--brand-500);font-size:11px;font-weight:700;}
.sort-btn.active .sort-check{display:block;}

/* BRAND SEARCH */
.brand-search-wrap{display:flex;align-items:center;gap:6px;margin:2px 0 8px;padding:7px 10px;border:1.5px solid var(--border-light);border-radius:var(--radius-md);background:var(--gray-50);transition:border-color var(--dur-fast);}
.brand-search-wrap:focus-within{border-color:var(--brand-400);background:#fff;box-shadow:0 0 0 3px rgba(79,70,229,.08);}
.brand-search-wrap input{flex:1;background:transparent;border:none;outline:none;font-size:var(--text-xs);color:var(--gray-800);}
.brand-search-wrap input::placeholder{color:var(--gray-400);}
.brand-search-wrap svg{color:var(--gray-400);flex-shrink:0;}

/* BRAND + CHK ITEMS */
.brand-item,.chk-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-700);transition:background var(--dur-fast),color var(--dur-fast);text-align:left;cursor:pointer;}
.brand-item:hover,.chk-item:hover{background:var(--gray-50);}
.brand-item.active,.chk-item.active{background:var(--brand-50);color:var(--brand-700);font-weight:600;}
.cb-box{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1.5px solid var(--gray-300);border-radius:3px;background:#fff;transition:all var(--dur-fast);}
.brand-item.active .cb-box,.chk-item.active .cb-box{background:var(--brand-600);border-color:var(--brand-600);}

/* BOOLEAN */
.bool-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1.5px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--gray-600);background:#fff;cursor:pointer;transition:all var(--dur-fast);}
.bool-btn:hover{border-color:var(--brand-300);color:var(--brand-700);background:var(--brand-50);}
.bool-btn.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff;}

/* PRICE */
.price-input{width:100%;padding:8px 10px;border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-800);background:#fff;outline:none;transition:border-color var(--dur-fast);}
.price-input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px rgba(79,70,229,.08);}
.price-input::placeholder{color:var(--gray-400);}
.apply-btn{width:100%;padding:9px;background:var(--brand-600);color:#fff;font-size:var(--text-sm);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast);margin-top:8px;}
.apply-btn:hover{background:var(--brand-700);}

/* ACTIVE TAGS */
.active-tags{background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:10px 12px;}
.active-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--gray-700);cursor:pointer;transition:all var(--dur-fast);}
.active-tag:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger);}
.clear-all-btn{font-size:var(--text-xs);font-weight:700;color:var(--color-danger);background:none;border:none;cursor:pointer;padding:0;margin-top:8px;display:block;width:100%;text-align:center;}
.clear-all-btn:hover{text-decoration:underline;}

/* PRODUCT CARDS */
.product-card{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);display:flex;flex-direction:column;transition:all var(--dur-base) var(--ease-out);overflow:hidden;position:relative;}
.product-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--brand-200);transform:translateY(-2px);}
.product-card__media{display:flex;align-items:center;justify-content:center;height:160px;background:#fff;overflow:hidden;margin:12px 12px 0;border-radius:var(--radius-lg);}
.product-card__media img{width:100%;height:100%;object-fit:cover;padding:0;transition:transform var(--dur-base) var(--ease-out);}
.product-card:hover .product-card__media img{transform:scale(1.04);}
.product-card__body{padding:10px 14px 8px;flex:1;}
.product-card__badge{position:absolute;top:10px;left:10px;z-index:1;background:var(--brand-600);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;}
.product-card__brand{font-size:var(--text-xs);font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;}
.product-card__brand--link{color:var(--gray-400);transition:color var(--dur-fast);}
.product-card__brand--link:hover{color:var(--brand-600);text-decoration:underline;text-underline-offset:2px;}
.product-card__title{font-size:var(--text-md);font-weight:700;color:var(--gray-800);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--dur-fast);}
.product-card:hover .product-card__title{color:var(--brand-700);}
.product-card__rating{display:flex;align-items:center;gap:5px;margin-top:6px;}
.product-card__specs{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}
.product-card__spec{display:inline-flex;align-items:center;padding:2px 7px;background:var(--gray-100);border-radius:var(--radius-full);font-size:11px;font-weight:500;color:var(--gray-600);}
.product-card__spec-label{color:var(--gray-400);margin-right:2px;font-weight:400;}
.product-card__spec--boolean{background:var(--color-success-bg);color:var(--color-success);font-weight:700;}
.product-card__price-wrap{display:flex;flex-direction:column;gap:2px;margin-top:12px;}
.product-card__price-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-price);}
.product-card__price{font-size:1.125rem;font-weight:800;color:var(--color-price);letter-spacing:-.02em;line-height:1.2;}

.offer-list__price{font-size:1.125rem;font-weight:800;color:var(--color-price);letter-spacing:-.02em;line-height:1.2;}
.product-card__footer{border-top:1px solid var(--gray-100);padding:10px 14px;}
.product-card__cta{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:var(--brand-600);border:1px solid var(--brand-600);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:#fff;transition:all var(--dur-fast);cursor:pointer;}
.product-card__cta:hover{background:var(--brand-700);border-color:var(--brand-700);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-brand);}

/* EMPTY STATE */
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;text-align:center;border:2px dashed var(--border-medium);border-radius:var(--radius-xl);background:var(--surface-card);}

/* CATEGORY HERO */
.cat-hero{background:#fff;border-bottom:1px solid var(--border-light);}
.cat-hero h1{font-weight:800;letter-spacing:-.025em;color:var(--gray-900);}
.sub-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--gray-600);transition:all var(--dur-fast);}
.sub-pill:hover,.sub-pill.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff;}

/* MOBILE */
.mobile-sort-bar{background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);}
.mobile-filter-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--gray-700);cursor:pointer;transition:all var(--dur-fast);}
.mobile-filter-btn:hover,.mobile-filter-btn.has-filter{border-color:var(--brand-400);color:var(--brand-600);background:var(--brand-50);}
.sort-select{padding:7px 12px;border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--gray-700);background:#fff;outline:none;cursor:pointer;transition:border-color var(--dur-fast);}
.sort-select:focus{border-color:var(--brand-400);}

/* MOBILE DRAWER */
#mobileDrawer{position:fixed;inset:0;z-index:9999;}
#mobileOverlay{position:absolute;inset:0;background:rgba(15,23,42,.4);backdrop-filter:blur(2px);}
.drawer-panel{position:absolute;bottom:0;left:0;right:0;max-height:92vh;overflow-y:auto;background:var(--surface-card);border-radius:20px 20px 0 0;padding:0 0 24px;}
.drawer-handle{width:36px;height:4px;background:var(--gray-200);border-radius:99px;margin:12px auto;}
.brand-pill-btn{padding:6px 14px;border:1.5px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--gray-700);background:#fff;cursor:pointer;transition:all var(--dur-fast);}
.brand-pill-btn.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff;}

/* RESULT BAR */
.result-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light);}
.result-count{font-size:var(--text-sm);color:var(--gray-500);}
.result-count strong{font-weight:700;color:var(--gray-900);font-size:var(--text-base);}

/* BREADCRUMB */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--gray-400);}
.breadcrumb a{transition:color var(--dur-fast);}
.breadcrumb a:hover{color:var(--brand-600);}
.breadcrumb .current{font-weight:600;color:var(--gray-700);}

/* CONTENT LIST CARDS */
.content-list-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#fff;transition:all var(--dur-fast);}
.content-list-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-sm);}
.content-list-card__chip{flex-shrink:0;background:var(--brand-50);color:var(--brand-700);padding:3px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.content-list-card__title{flex:1;font-size:var(--text-sm);font-weight:600;color:var(--gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--dur-fast);}
.content-list-card:hover .content-list-card__title{color:var(--brand-700);}

/* UTILS */
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#grid{transition:opacity .15s ease;}
.page-title{font-weight:800;letter-spacing:-.025em;color:var(--gray-900);}
.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;}
@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}

/* SHELF */
.shelf-card{flex-shrink:0;width:172px;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:14px;position:relative;transition:all var(--dur-base) var(--ease-out);display:flex;flex-direction:column;}
.shelf-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-card-hover);transform:translateY(-2px);}
.shelf-card__badge{position:absolute;top:-8px;left:12px;z-index:1;background:var(--brand-600);color:#fff;font-size:9px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;}
.shelf-card__badge--hot{background:var(--color-warning,#d97706);}
.shelf-card__media{display:flex;align-items:center;justify-content:center;height:90px;background:#fff;border-radius:var(--radius-lg);margin-bottom:10px;overflow:hidden;}
.shelf-card__media img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform var(--dur-base) var(--ease-out);}
.shelf-card:hover .shelf-card__media img{transform:scale(1.06);}
.shelf-card__brand{font-size:10px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;}
.shelf-card__title{font-size:11px;font-weight:700;color:var(--gray-800);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;transition:color var(--dur-fast);}
.shelf-card:hover .shelf-card__title{color:var(--brand-700);}
.shelf-card__rating{display:flex;align-items:center;gap:4px;margin-top:6px;}
.shelf-card__score{font-size:10px;font-weight:700;color:var(--gray-500);}
.shelf-card__price-wrap{display:flex;flex-direction:column;gap:2px;margin-top:10px;}
.shelf-card__price-label{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-price);}
.shelf-card__price{font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--color-price);}
.shelf-card__cta{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px 10px;background:var(--brand-600);border:1px solid var(--brand-600);border-radius:var(--radius-md);font-size:10px;font-weight:600;color:#fff;transition:all var(--dur-fast);cursor:pointer;margin-top:10px;}
.shelf-card__cta:hover{background:var(--brand-700);border-color:var(--brand-700);color:#fff;box-shadow:var(--shadow-brand);}

/* VITRIN TABS */
.vitrin-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:var(--text-xs);font-weight:600;color:var(--gray-500);border-bottom:2px solid transparent;white-space:nowrap;transition:all var(--dur-fast);flex-shrink:0;}
.vitrin-tab:hover{color:var(--brand-600);border-bottom-color:var(--brand-300);}
.vitrin-tab.active{color:var(--brand-700);border-bottom-color:var(--brand-600);font-weight:700;}

/* SHELF SECTION */
.shelf-section{padding:28px 0;}
.shelf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.shelf-heading{display:flex;align-items:center;gap:10px;}
.shelf-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--brand-50);font-size:15px;flex-shrink:0;}
.shelf-title{font-size:var(--text-base);font-weight:700;color:var(--gray-900);letter-spacing:-.01em;}
.shelf-count{font-size:11px;font-weight:600;color:var(--gray-400);background:var(--gray-100);padding:2px 8px;border-radius:var(--radius-full);}
.shelf-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--brand-600);transition:color var(--dur-fast);}
.shelf-link:hover{color:var(--brand-700);}

/* MEGA MENU OVERRIDES */
.mega-cat-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--gray-700);text-align:left;cursor:pointer;transition:all var(--dur-fast);border:none;background:transparent;}
.mega-cat-btn:hover,.mega-cat-btn.bg-white{background:#fff!important;color:var(--brand-600)!important;box-shadow:var(--shadow-xs);}


.cat-title-with-icon{display:inline-flex;align-items:center;gap:10px;}
.cat-svg-icon{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0;}
.cat-svg-icon--xs{width:14px;height:14px;}
.cat-svg-icon--sm{width:18px;height:18px;}
.cat-svg-icon--md{width:24px;height:24px;}
.cat-svg-icon--lg{width:36px;height:36px;}
.cat-emoji-fallback{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;}
.cat-emoji-fallback--xs{font-size:14px;}
.cat-emoji-fallback--sm{font-size:18px;}
.cat-emoji-fallback--md{font-size:24px;}
.cat-emoji-fallback--lg{font-size:36px;}

/* FOOTER */
footer{background:var(--gray-900);border-top:1px solid var(--border-light);}
footer .footer-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);margin-bottom:14px;}
footer a{font-size:var(--text-sm);color:var(--gray-400);transition:color var(--dur-fast);}
footer a:hover{color:#fff;}

/* WHATSAPP */
.whatsapp-fab{position:fixed;bottom:20px;right:20px;z-index:40;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#25d366;color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;box-shadow:0 4px 16px rgba(37,211,102,.35);transition:all var(--dur-fast);}
.whatsapp-fab:hover{background:#1dba58;transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.40);}

/* SEARCH SUGGEST */
.search-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;}

/* Tailwind color overrides — map old orange vars to brand indigo */
.text-brand-600,.text-orange-600{color:var(--brand-600)!important;}
.text-brand-700,.text-orange-700{color:var(--brand-700)!important;}
.bg-brand-600,.bg-orange-600{background:var(--brand-600)!important;}
.bg-brand-50,.bg-orange-50{background:var(--brand-50)!important;}
.border-brand-200,.border-orange-200{border-color:var(--brand-200)!important;}
.border-brand-300,.border-orange-300{border-color:var(--brand-300)!important;}
.hover\:bg-brand-600:hover,.hover\:bg-orange-600:hover{background:var(--brand-600)!important;}
.hover\:bg-brand-700:hover,.hover\:bg-orange-700:hover{background:var(--brand-700)!important;}
.hover\:text-brand-700:hover,.hover\:text-orange-700:hover{color:var(--brand-700)!important;}
.hover\:border-brand-200:hover,.hover\:border-orange-200:hover{border-color:var(--brand-200)!important;}
.hover\:border-brand-300:hover,.hover\:border-orange-300:hover{border-color:var(--brand-300)!important;}
.hover\:border-brand-600:hover{border-color:var(--brand-600)!important;}
.hover\:text-brand-600:hover{color:var(--brand-600)!important;}
.hover\:bg-brand-50:hover{background:var(--brand-50)!important;}
.text-brand-400{color:var(--brand-400)!important;}
.bg-brand-100{background:var(--brand-100)!important;}

/* UI button class overrides */
.ui-button--primary{background:var(--brand-600)!important;color:#fff!important;}
.ui-button--primary:hover{background:var(--brand-700)!important;}
.ui-button--secondary{border-color:var(--border-medium)!important;color:var(--gray-700)!important;}
.ui-button--secondary:hover{border-color:var(--brand-300)!important;color:var(--brand-700)!important;}
.ui-button{transition:all var(--dur-fast)!important;}

@media(max-width:768px){
  .shelf-card{width:160px;}
}


/* STAR RATING */
.star-rating{display:inline-flex;align-items:center;line-height:1;}
.star-rating.text-sm{font-size:.95rem;}
.star-rating.text-lg{font-size:1.2rem;}
.star{position:relative;display:inline-block;width:1em;height:1em;line-height:1;}
.star__bg,.star__fg{position:absolute;inset:0;display:block;}
.star__bg{color:#cbd5e1;}
.star__fg{color:var(--color-star);width:var(--star-fill,0%);overflow:hidden;white-space:nowrap;}


/* Homepage vitrin scrollbar gizleme */
.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none;}
.scrollbar-none::-webkit-scrollbar{display:none;width:0;height:0;}

/* Homepage vitrin sıkı yerleşim */
.home-vitrin .shelf-section{padding:0;}
.home-vitrin .shelf-header{margin-bottom:0;padding:14px 0 10px;}
.home-vitrin .shelf-heading{gap:0;}
.home-vitrin .shelf-icon,.home-vitrin .shelf-count{display:none;}
.home-vitrin .shelf-slider{position:relative;}
.home-vitrin .scroll-track{gap:0;padding-bottom:0;scroll-behavior:smooth;scrollbar-width:none;}
.home-vitrin .scroll-track>.shelf-card{margin:0;border-radius:0;box-shadow:none;}
.home-vitrin .scroll-track>.shelf-card+.shelf-card{margin-left:-1px;}
.home-vitrin .shelf-card__media{border-radius:10px;}
.home-vitrin .shelf-card--featured{flex:0 0 clamp(220px,19.4%,280px);}
.home-vitrin .shelf-card__media--featured{height:210px;width:100%;align-items:stretch;justify-content:stretch;}
.home-vitrin .shelf-card__media--featured img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;padding:0;margin:0;}
.home-vitrin .shelf-card__body{display:flex;flex-direction:column;min-height:138px;}
.home-vitrin .shelf-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.home-vitrin .shelf-card__price-wrap{margin-top:auto;}
.home-vitrin .shelf-nav{position:absolute;top:50%;z-index:20;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:rgba(255,255,255,.94);color:var(--gray-700);box-shadow:0 10px 25px rgba(15,23,42,.12);transform:translateY(-50%);transition:opacity var(--dur-fast),background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast);}
.home-vitrin .shelf-nav:hover{background:#fff;color:var(--brand-700);border-color:rgba(37,99,235,.22);}
.home-vitrin .shelf-nav svg{width:18px;height:18px;}
.home-vitrin .shelf-nav.is-disabled{opacity:.35;pointer-events:none;}
.home-vitrin .shelf-nav--prev{left:10px;}
.home-vitrin .shelf-nav--next{right:10px;}
@media(max-width:1279px){
  .home-vitrin .shelf-card--featured{flex-basis:clamp(210px,24%,260px);}
}
@media(max-width:1023px){
  .home-vitrin .shelf-card--featured{flex-basis:clamp(200px,33.333%,240px);}
  .home-vitrin .shelf-card__media--featured{height:190px;}
}
@media(max-width:767px){
  .home-vitrin .shelf-card--featured{flex-basis:calc(46vw - 12px);max-width:none;}
  .home-vitrin .shelf-card__media--featured{height:150px;}
  .home-vitrin .shelf-card__body{min-height:unset;padding:12px;}
  .home-vitrin .shelf-card__title{font-size:12px;}
  .home-vitrin .shelf-card__price{font-size:13px;}
  .home-vitrin .scroll-track{padding-right:28px !important;}
  .home-vitrin .shelf-nav{width:28px;height:28px;background:rgba(255,255,255,.96);box-shadow:0 2px 8px rgba(15,23,42,.14);}
  .home-vitrin .shelf-nav svg{width:14px;height:14px;}
  .home-vitrin .shelf-nav--prev{left:4px;}
  .home-vitrin .shelf-nav--next{right:4px;}
}


/* PRODUCT DETAIL GALLERY */
.product-profile-shell{padding:24px 0;}
.product-gallery-wrap{min-width:0;}
.product-gallery{background:transparent;border:none;box-shadow:none;padding:0;}
.product-gallery-main{height:420px;display:flex;align-items:center;justify-content:center;}
.product-gallery-main__image{width:100%;height:100%;object-fit:cover;display:block;}
.product-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(6px);}
.product-gallery-nav:hover{background:rgba(15,23,42,.9);}
.product-gallery-nav svg{width:20px;height:20px;}
.product-gallery-nav--prev{left:14px;}
.product-gallery-nav--next{right:14px;}
.product-gallery-fav{position:absolute;top:14px;right:14px;z-index:3;width:44px;height:44px;border:none;border-radius:999px;background:rgba(15,23,42,.62);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(15,23,42,.18);transition:transform .18s ease, background .18s ease, box-shadow .18s ease;}
.product-gallery-fav:hover,.product-gallery-fav:focus-visible{background:rgba(15,23,42,.82);transform:translateY(-1px);}
.product-gallery-fav.is-active{background:rgba(225,29,72,.12);box-shadow:0 10px 24px rgba(225,29,72,.18);}
.product-gallery-fav.is-active:hover,.product-gallery-fav.is-active:focus-visible{background:rgba(225,29,72,.18);}
.product-rating-inline{background:transparent;border:none;box-shadow:none;padding:0;margin:0;}
.product-gallery-thumbs{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:8px;margin-top:12px;overflow:visible;}
.product-gallery-thumb{position:relative;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(148,163,184,.32);border-radius:10px;overflow:hidden;background:#fff;padding:0;cursor:pointer;transition:box-shadow .18s ease, border-color .18s ease, opacity .18s ease;aspect-ratio:1/1;z-index:1;}
.product-gallery-thumb img{width:100%;height:100%;display:block;object-fit:cover;}
.product-gallery-thumb:hover,.product-gallery-thumb:focus-visible{box-shadow:0 8px 18px rgba(15,23,42,.12);border-color:rgba(37,99,235,.45);}
.product-gallery-thumb.is-active{border-color:var(--brand-500);box-shadow:0 0 0 2px rgba(37,99,235,.14);}
.product-gallery-thumb.is-active:hover,.product-gallery-thumb.is-active:focus-visible{box-shadow:0 0 0 2px rgba(37,99,235,.16),0 8px 18px rgba(15,23,42,.12);}

/* HOME SHELF GALLERY */
.shelf-card__gallery{width:100%;height:100%;}
.shelf-card__gallery-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;transition:opacity .18s ease, transform .28s ease;}
.shelf-card:hover .shelf-card__gallery-image{transform:scale(1.04);}
.shelf-card__gallery-image.is-changing{opacity:.35;}

@media (max-width: 1024px){
  .product-gallery-main{height:360px;}
}
@media (max-width: 640px){
  .product-gallery-main{height:300px;}
  .product-gallery-nav{width:38px;height:38px;}
  .product-gallery-fav{top:10px;right:10px;width:38px;height:38px;font-size:18px;}
  .product-gallery-thumbs{gap:6px;}
  .product-gallery-thumb{flex-basis:34px;width:34px;height:34px;border-radius:9px;}
  .product-gallery-thumb:hover,.product-gallery-thumb:focus-visible{transform:none;}
}


.product-rating-stars-wrap{position:relative;display:inline-flex;align-items:center;padding-right:14px;}
.product-rating-help{position:absolute;right:-1px;top:-8px;width:16px;height:16px;border:none;border-radius:999px;background:var(--gray-200);color:var(--gray-600);font-size:10px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(15,23,42,.10);}
.product-rating-help:hover,.product-rating-help:focus-visible{background:#cbd5e1;color:#0f172a;}
.product-rating-tooltip{position:absolute;left:0;top:calc(100% + 10px);min-width:220px;max-width:290px;padding:10px 12px;border-radius:14px;background:#0f172a;color:#fff;font-size:12px;line-height:1.55;box-shadow:0 16px 32px rgba(15,23,42,.18);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:14;}
.product-rating-stars-wrap:hover .product-rating-tooltip,.product-rating-stars-wrap:focus-within .product-rating-tooltip,.product-rating-stars-wrap.is-open .product-rating-tooltip{opacity:1;visibility:visible;transform:translateY(0);}
.compare-quick-list,.compare-search-results{display:flex;flex-direction:column;gap:10px;}
.compare-quick-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid rgba(148,163,184,.22);background:var(--surface-card);border-radius:16px;padding:10px 12px;transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;}
.compare-quick-item:hover,.compare-quick-item:focus-visible{border-color:rgba(37,99,235,.35);box-shadow:0 10px 22px rgba(37,99,235,.10);transform:translateY(-1px);}
.compare-quick-item.is-selected{border-color:rgba(37,99,235,.68);box-shadow:0 0 0 2px rgba(37,99,235,.12);background:#eff6ff;}
.compare-quick-item__media{flex:0 0 52px;width:52px;height:52px;border-radius:14px;background:#f8fafc;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:20px;}
.compare-quick-item__media img{width:100%;height:100%;object-fit:cover;display:block;}
.compare-quick-item__title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:700;color:var(--gray-900);}
.compare-quick-item__meta{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--gray-500);}
.compare-search-results{margin-top:12px;max-height:360px;overflow:auto;padding-right:4px;}
@media (max-width: 767px){
  .product-rating-tooltip{left:auto;right:0;max-width:240px;}
  .compare-quick-item__media{flex-basis:46px;width:46px;height:46px;border-radius:12px;}
}

/* ===== 2026-03 mobile/admin hotfix ===== */
@media (max-width: 1023px) {
  .mobile-sort-bar { top: var(--site-header-height, 60px) !important; }
  .compare-table-wrap,
  .comparison-table-wrap,
  .spec-table-wrap,
  .table-scroll,
  .overflow-x-auto { -webkit-overflow-scrolling: touch; }
}

@media (max-width: 767px) {
  .cat-hero .flex,
  .product-hero .flex,
  .compare-hero .flex { align-items: flex-start; }
  .filter-card__body,
  .filter-card,
  .product-card,
  .comparison-card { min-width: 0; }
  table { font-size: 13px; }
}


/* ===== 2026-03 frontend refinement ===== */
:root{
  --page-max: 1280px;
  --hero-surface: #fff;
}

body{ background: var(--surface-bg); }

.site-header{ backdrop-filter:none; -webkit-backdrop-filter:none; }
.site-header__inner{
  min-height:68px;
  gap:14px!important;
}
.site-header__logo img{max-width:170px;}
.site-header__search form{
  border-radius:4px!important;
  height:42px!important;
  background:#f1f5f9!important;
  box-shadow:none;
}
.site-header__search input::placeholder{color:var(--gray-400);}
.site-header__fav{
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
#megaMenuToggle{
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
#megaPanel{
  border-radius:22px!important;
  top:calc(100% + 12px)!important;
}
#megaPanel{
  transition:width 180ms ease, box-shadow 180ms ease;
}
#megaPanel.mega-panel--collapsed{
  width:min(300px,94vw)!important;
}
#megaPanel.mega-panel--detail-open{
  width:min(760px,94vw)!important;
}
#megaPanel .mega-panel-layout{
  grid-template-columns:minmax(0,1fr)!important;
  transition:grid-template-columns 180ms ease;
}
#megaPanel .mega-panel-sidebar{
  border-right:none!important;
}
#megaPanel .mega-detail-stage{
  display:none;
}
#megaPanel.mega-panel--detail-open .mega-panel-layout{
  grid-template-columns:210px minmax(0,1fr)!important;
}
#megaPanel.mega-panel--detail-open .mega-panel-sidebar{
  border-right:1px solid var(--border-light)!important;
}
#megaPanel.mega-panel--detail-open .mega-detail-stage{
  display:block;
}
#vitrin-tabs{
  top:68px!important;
  box-shadow:0 1px 0 rgba(226,232,240,.9);
}
.vitrin-tab{
  position:relative;
  padding-top:14px!important;
  padding-bottom:14px!important;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.vitrin-tab:hover,
.vitrin-tab.is-active{
  color:var(--gray-900)!important;
}
.vitrin-tab.is-active::after,
.vitrin-tab:hover::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:-1px;
  height:3px;
  background:var(--brand-600);
  border-radius:999px 999px 0 0;
}

.home-hero{
  border-bottom:1px solid var(--border-light);
  background:#fff;
}
.home-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:20px;
  align-items:stretch;
}
.home-hero__content,
.home-hero__stats{
  border:1px solid rgba(226,232,240,.9);
  border-radius:22px;
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.home-hero__content{padding:24px;}
.home-hero__content--plain{
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.home-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--brand-50);
  color:var(--brand-700);
  font-size:12px;
  font-weight:700;
}
.home-hero__title{
  margin-top:14px;
  font-size:clamp(1.8rem, 2vw + 1rem, 3rem);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:700;
  color:var(--gray-900);
}
.home-hero__text{
  margin-top:14px;
  max-width:60ch;
  font-size:15px;
  line-height:1.75;
  color:var(--gray-600);
}
.home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.home-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  font-size:14px;
  font-weight:700;
  transition:all .18s ease;
}
.home-hero__btn--primary{
  background:var(--gray-900);
  color:#fff;
}
.home-hero__btn--primary:hover{transform:translateY(-1px); box-shadow:0 14px 26px rgba(15,23,42,.14);}
.home-hero__btn--secondary{
  border:1px solid var(--border-medium);
  background:#fff;
  color:var(--gray-800);
}
.home-hero__btn--secondary:hover{border-color:var(--brand-300); color:var(--brand-700); background:var(--brand-50);}
.home-hero__stats{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:20px;
}
.home-hero__stat{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-height:96px;
  padding:16px 18px;
  border-radius:16px;
  background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border:1px solid rgba(226,232,240,.9);
}
.home-hero__stat strong{
  font-size:1.9rem;
  line-height:1;
  letter-spacing:-.04em;
  color:var(--gray-900);
}
.home-hero__stat span{
  font-size:13px;
  font-weight:600;
  color:var(--gray-500);
}

.home-vitrin{background:transparent!important;}
.home-vitrin .shelf-section{padding:22px 0 26px;}
.home-vitrin .shelf-divider{border-top:0!important;margin-top:4px;}
.home-vitrin .shelf-header{padding:0 2px 14px;}
.home-vitrin .scroll-track{gap:14px;padding:2px 2px 6px;}
.home-vitrin .scroll-track>.shelf-card,
.home-vitrin .scroll-track>.shelf-card+.shelf-card{margin:0;}
.home-vitrin .scroll-track>.shelf-card{border-radius:18px;border:1px solid rgba(226,232,240,.95);box-shadow:0 9px 22px rgba(15,23,42,.045);overflow:hidden;}
.home-vitrin .shelf-card__media{border-radius:0;background:#fff !important;}
.home-vitrin .shelf-card__media--featured{background:#fff !important;}
.home-vitrin .shelf-card--featured{flex-basis:clamp(235px,23%,285px);}
.home-vitrin .shelf-card__body{min-height:152px;padding:16px;}
.home-vitrin .shelf-card__brand{font-size:10px;}
.home-vitrin .shelf-card__title{font-size:13px;min-height:3.2em;}
.home-vitrin .shelf-card__price{font-size:18px;}
.home-vitrin .shelf-nav{width:40px;height:40px;}

.cat-hero{background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);border-bottom:1px solid var(--border-light);}
.cat-hero .mx-auto{padding-top:24px!important;padding-bottom:22px!important;}
.cat-hero nav.breadcrumb{margin-bottom:16px;}
.cat-hero .flex.flex-col.gap-4{border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.045);}
.sub-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border-light);background:#fff;color:var(--gray-700);font-size:13px;font-weight:600;}
.sub-pill.active,.sub-pill:hover{border-color:var(--brand-300);background:var(--brand-50);color:var(--brand-700);}
.mobile-sort-bar{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);}
.result-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:13px 15px;border:1px solid var(--border-light);border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.035);}
.result-count{font-size:14px;color:var(--gray-500);}
.result-count strong{font-size:20px;color:var(--gray-900);letter-spacing:-.03em;}
.sort-select{min-height:40px;padding:0 40px 0 14px;border:1px solid var(--border-light);border-radius:12px;background:#fff;}

.product-card{border-radius:20px;box-shadow:0 8px 20px rgba(15,23,42,.045);}
.product-card__media{height:182px;margin:12px 12px 0;border-radius:16px;background:#fff !important;}
.product-card__media img{width:100%;height:100%;object-fit:cover;padding:0;}
.product-card__body{padding:14px 16px 10px;}
.product-card__title{font-size:15px;line-height:1.42;}
.product-card__specs{gap:6px;}
.product-card__spec{min-height:24px;padding:3px 9px;font-size:11px;}
.product-card__footer{padding:0 16px 16px;}
.product-card__footer--dual{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;}
.product-card__ghost,.product-card__cta{min-height:40px;border-radius:12px;font-size:13px;}
.product-card__ghost{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light);background:#fff;color:var(--gray-700);font-weight:700;transition:all .18s ease;}
.product-card__ghost:hover{border-color:var(--brand-300);color:var(--brand-700);background:var(--brand-50);}
.product-card__cta{margin-top:0;}

.product-profile-shell{border:1px solid rgba(226,232,240,.9);border-radius:24px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.055);}
.product-gallery-main{border:1px solid rgba(226,232,240,.9);background:linear-gradient(180deg,#f8fafc 0%, #ffffff 100%);}
.product-gallery-main__image{object-fit:contain;padding:20px;}
.compare-search-input{min-height:44px;}
.site-footer__grid{align-items:flex-start;}

@media (max-width: 1023px){
  #vitrin-tabs{top:110px!important;}
  .home-hero__grid{grid-template-columns:1fr;}
  .home-vitrin .shelf-card--featured{flex-basis:clamp(220px,34vw,270px);}
  .product-profile-shell{padding:20px!important;}
}
@media (max-width: 767px){
  .site-header__inner{display:grid!important;grid-template-columns:auto 1fr auto;grid-template-areas:"logo menu fav" "search search search";align-items:center;min-height:auto!important;padding-top:12px;padding-bottom:12px;}
  .site-header__logo{grid-area:logo;}
  .site-header__menu{grid-area:menu; justify-self:start;}
  .site-header__fav{grid-area:fav;}
  .site-header__search{grid-area:search;max-width:none!important;width:100%;}
  #megaMenuToggle{padding:0 12px!important;min-height:38px;}
  #megaPanel{position:fixed!important;left:12px!important;right:12px!important;top:124px!important;width:auto!important;max-height:calc(100vh - 140px);overflow:auto;}
  #vitrin-tabs{top:116px!important;}
  .home-hero__content{padding:22px 18px;}
  .home-hero__title{font-size:2rem;}
  .home-hero__actions{flex-direction:column;}
  .home-hero__btn{width:100%;}
  .home-vitrin .shelf-section{padding:18px 0 22px;}
  .home-vitrin .shelf-header{padding-bottom:12px;}
  .home-vitrin .shelf-card--featured{flex-basis:calc(46vw - 12px) !important;max-width:none !important;}
  .home-vitrin .scroll-track{gap:0;padding-right:32px;}
  .home-vitrin .shelf-nav{display:flex;width:32px;height:32px;}  .home-vitrin .shelf-nav--prev{left:4px;}  .home-vitrin .shelf-nav--next{right:4px;}
  .cat-hero .flex.flex-col.gap-4{padding:16px;border-radius:20px;}
  .result-bar{border-radius:16px;padding:12px 14px;}
  .result-count strong{font-size:18px;}
  #grid{grid-template-columns:1fr!important;gap:14px!important;}
  .product-card{border-radius:20px;}
  .product-card__media{height:168px;}
  .product-card__footer--dual{grid-template-columns:1fr;}
  .product-profile-shell{border-radius:24px;}
  .product-gallery-main{border-radius:18px!important;}
  .product-gallery-main__image{padding:16px;}
  .site-footer__grid{grid-template-columns:1fr!important;gap:22px!important;padding:32px 0 22px!important;}
  .whatsapp-fab{right:14px;bottom:14px;padding:10px 14px;}
}


/* HEADER + FOOTER REVISION */
.site-header__brandtext strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.footer-popular__link:hover{transform:translateY(-1px);border-color:rgba(129,140,248,.34)!important;background:rgba(255,255,255,.04)!important;color:#fff!important;}

@media (max-width: 767px){
  .site-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;}
  .site-header__inner{
    display:grid!important;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:"menu logo fav" "search search search";
    align-items:center;
    gap:8px!important;
    min-height:auto!important;
    height:auto!important;
    padding:10px 16px!important;
    border:none;
    border-radius:0;
    background:#fff!important;
    box-shadow:none;
  }
  .site-header__menu{grid-area:menu;justify-self:start;align-self:center;margin-left:-4px!important;}
  .site-header__logo{grid-area:logo;min-width:0;gap:10px!important;justify-self:center;}
  .site-header__fav{grid-area:fav;justify-self:end;align-self:center;margin-right:-4px!important;}
  .site-header__search{grid-area:search;max-width:none!important;width:100%;}
  .site-header__brandmark img{height:30px!important;}
  .site-header__brandtext strong{font-size:.88rem!important;}
  .site-header__tagline{display:none!important;}
  #megaMenuToggle{min-height:40px;padding:0 11px!important;gap:0!important;border-radius:12px!important;background:#fff!important;}
  .site-header__menu-label,#megaChevron{display:none!important;}
  .site-header__search form{height:40px!important;padding:0 10px 0 12px!important;border-radius:4px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;}
  .site-header__search input{font-size:.875rem!important;}
  .site-header__search button{height:30px!important;padding:4px 14px!important;border-radius:4px!important;}
  .site-header__fav{width:40px!important;height:40px!important;border-radius:12px!important;background:#fff!important;}
  #megaPanel{left:12px!important;right:12px!important;top:92px!important;width:auto!important;max-height:calc(100vh - 108px);overflow:auto;}
  #vitrin-tabs{top:102px!important;}
  .footer-popular__grid{grid-template-columns:1fr!important;gap:10px!important;}
}

.site-header__logo{order:1;}
.site-header__menu{order:2;}
.site-header__compare{order:3;}
.site-header__search{order:4;}
.site-header__fav{order:5;}


/* ════════════════════════════════════════════════════════════
   REVIZYON: Logo text kaldırıldı, search fix, tab centering,
   mobil uyum iyileştirmeleri
   ════════════════════════════════════════════════════════════ */

/* Logo brandtext tamamen gizle (header'dan kaldırıldı ama garanti) */
.site-header__brandtext { display:none!important; }

/* ── Search Suggest dropdown tam çalışır hale ── */
#quickSearch::placeholder{
  color:var(--gray-400);
  font-style:italic;
  font-weight:500;
  letter-spacing:-.01em;
  opacity:1;
}
#quickSearch:focus::placeholder{
  color:var(--gray-300);
}
.search-suggest { display:none; }
.search-suggest.active {
  display:block;
  position:absolute;
  left:0; right:0;
  top:calc(100% + 6px);
  z-index:200;
  background:#fff;
  border:1px solid var(--border-light);
  border-radius:14px;
  box-shadow:0 16px 40px rgba(15,23,42,.13);
  overflow:hidden;
  max-height:340px;
  overflow-y:auto;
}
.suggest-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid var(--border-light);
  transition:background .12s;
  text-decoration:none;
  color:inherit;
}
.suggest-item:last-of-type { border-bottom:none; }
.suggest-item:hover { background:var(--brand-50); }
.suggest-item strong {
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--gray-900);
}
.suggest-item small {
  font-size:11px;
  color:var(--gray-400);
}
.suggest-item span {
  font-size:11px;
  font-weight:700;
  color:var(--brand-600);
  flex-shrink:0;
  background:var(--brand-50);
  padding:2px 7px;
  border-radius:16px;
}

.suggest-empty {
  padding:16px 14px;
  font-size:13px;
  color:var(--gray-400);
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.suggest-loading {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:16px;
}
.suggest-loading span {
  width:6px; height:6px;
  border-radius:50%;
  background:var(--brand-400);
  animation:suggestPulse 1.2s ease-in-out infinite;
}
.suggest-loading span:nth-child(2){ animation-delay:.2s; }
.suggest-loading span:nth-child(3){ animation-delay:.4s; }
@keyframes suggestPulse {
  0%,80%,100%{ opacity:.25; transform:scale(.85); }
  40%{ opacity:1; transform:scale(1); }
}
.suggest-item__icon {
  font-size:15px;
  flex-shrink:0;
  width:20px;
  text-align:center;
}
.suggest-item__body {
  flex:1;
  min-width:0;
}
.suggest-item__score {
  font-size:11px;
  font-weight:700;
  color:var(--brand-600);
  flex-shrink:0;
  background:var(--brand-50);
  padding:2px 7px;
  border-radius:16px;
}
.suggest-item mark {
  background:transparent;
  color:var(--brand-600);
  font-weight:800;
}
.suggest-all {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px 14px;
  font-size:12px;
  font-weight:600;
  color:var(--brand-600);
  background:var(--gray-50);
  border-top:1px solid var(--border-light);
  text-decoration:none;
  transition:background .12s;
}
.suggest-all strong { font-weight:800; }
.suggest-all:hover { background:var(--brand-50); }

/* ── Vitrin Tab Bar — webde ortala ── */
.vitrin-tabs-inner {
  justify-content:center;
}
@media(max-width:767px){
  .vitrin-tabs-inner {
    justify-content:flex-start;
    padding-left:4px;
  }
}

/* ── home-hero__stat--sa: seçim asistanı CTA ── */
.home-hero__stat--sa {
  background:linear-gradient(135deg, #eef2ff 0%, #f8faff 100%)!important;
  border-color:var(--brand-200)!important;
  transition:all .18s ease;
}
.home-hero__stat--sa:hover {
  border-color:var(--brand-400)!important;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(79,70,229,.12);
}
.home-hero__sa-cta {
  display:flex;
  align-items:center;
  gap:12px;
}

/* ── Search kutusu relatif konumlanma (suggest için) ── */
.site-header__search {
  position:relative;
}
.site-header__search form {
  position:relative;
}

/* ── Mobil header: logo yan yazı zaten yok,
      sadece logo ikonu göster, daha kompakt ── */
.site-header__brandmark img {
  height:34px!important;
  width:auto;
}

/* ── Mega panel mobil: header yüksekliği değişti (yazısız logo) ── */
@media(max-width:767px){
  /* Header artık daha kısa çünkü sadece ikon var */
  .site-header__brandmark img { height:32px!important; }
  .site-header__logo { gap:0!important; }
  #megaPanel { top:86px!important; }
  #vitrin-tabs { top:98px!important; }

  /* Hero section mobil tek kolon daha iyi padding */
  .home-hero__content { padding:18px 16px; }
  .home-hero__title { font-size:1.75rem; line-height:1.1; }
  .home-hero__text { font-size:14px; }
  .home-hero__actions { flex-direction:column; gap:8px; }
  .home-hero__btn { width:100%; font-size:14px; min-height:44px; }

  /* Seçim asistanı bar mobilden güzel görünsün */
  #sa-bar { padding-left:16px!important; padding-right:16px!important; gap:10px!important; }
  .sa-bar-title { font-size:12px; }
  .sa-bar-icon { width:28px!important; height:28px!important; font-size:13px!important; }

  /* Shelf cards mobil */
  .home-vitrin .shelf-card--featured {
    flex-basis:calc(46vw - 12px) !important;max-width:none !important;
  }

  /* Vitrin section genel padding */
  .home-vitrin .shelf-section { padding:14px 0 18px; }

  /* Footer popular grid */
  .footer-popular__grid { grid-template-columns:1fr!important; gap:8px!important; }

  /* Product card tek kolon */
  #grid { grid-template-columns:1fr!important; gap:12px!important; }

  /* Category hero mobilden compact */
  .cat-hero .mx-auto { padding-top:16px!important; padding-bottom:16px!important; }

  /* Comparison page mobil */
  .compare-drawer { width:100%!important; max-width:100%!important; }
}

@media(max-width:480px){
  .home-hero__title { font-size:1.5rem; }
  .home-hero__content { padding:14px 14px; }
  .home-hero__eyebrow { font-size:11px; }
  .home-hero__btn { min-height:42px; font-size:13px; }

  /* Sticky vitrin tabs daha küçük */
  .vitrin-tab { padding-left:10px!important; padding-right:10px!important; font-size:11px!important; }
}

/* ── Genel mobil uyumlar ── */
@media(max-width:767px){
  /* Tüm max-w container'ları tam genişlik */
  .mx-auto.max-w-7xl { padding-left:14px!important; padding-right:14px!important; }

  /* shelf-slider nav butonları zaten gizli, scroll smooth */
  .scroll-track { scroll-snap-type:x mandatory; }
  .scroll-track > * { scroll-snap-align:start; }

  /* footer link grid */
  .site-footer__grid {
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:28px 0 18px!important;
  }

  /* result bar (kategori sayfası) */
  .result-bar { flex-direction:column; align-items:flex-start; gap:10px; }
  .sort-select { width:100%; }
}

/* ── Tablet breakpoint ── */
@media(min-width:768px) and (max-width:1023px){
  .home-hero__content { max-width:680px; }
  .home-vitrin .shelf-card--featured { flex-basis:clamp(210px,28vw,260px); }
  #vitrin-tabs { top:68px!important; }
}

/* 2026-03-20 mobile header alignment fix */
@media (max-width: 767px){
  .site-header{
    padding:0 !important;
    background:#fff !important;
    border-bottom:1px solid var(--border-light) !important;
    box-shadow:0 1px 0 var(--border-light) !important;
    backdrop-filter:none !important;
  }
  .site-header__inner{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:10px 8px !important;
    min-height:auto !important;
    height:auto !important;
    max-width:none !important;
    padding:10px 12px 12px !important;
    border:none !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
  }
  .site-header__menu{
    order:1 !important;
    margin:0 !important;
  }
  .site-header__logo{
    order:2 !important;
    min-width:0 !important;
    margin:0 auto 0 0 !important;
    gap:8px !important;
    justify-self:auto !important;
  }
  .site-header__fav{
    order:3 !important;
    margin:0 0 0 auto !important;
    justify-self:auto !important;
  }
  .site-header__search{
    order:4 !important;
    flex:0 0 calc(100% + 24px) !important;
    width:calc(100% + 24px) !important;
    max-width:none !important;
    margin:0 -12px !important;
  }
  .site-header__search form{
    width:100% !important;
    border-left:none !important;
    border-right:none !important;
    border-radius:0 !important;
    padding:0 12px 0 14px !important;
  }
  #megaMenuToggle{
    min-height:40px !important;
    padding:0 12px !important;
    gap:0 !important;
    border-radius:12px !important;
  }
}


/* 2026-03-20 mobile search stays visible on scroll without duplicate bar */
@media (max-width: 767px){
  .site-header,
  .site-header__inner,
  .site-header__menu,
  .site-header__logo,
  .site-header__fav,
  .site-header__search{
    transition:all 180ms ease;
  }

  body.mobile-search-condensed .site-header{
    padding:0 !important;
  }

  body.mobile-search-condensed .site-header__inner{
    gap:0 !important;
    padding-top:0 !important;
    padding-bottom:8px !important;
  }

  body.mobile-search-condensed .site-header__menu,
  body.mobile-search-condensed .site-header__logo,
  body.mobile-search-condensed .site-header__fav{
    opacity:0 !important;
    transform:translateY(-10px) !important;
    pointer-events:none !important;
    flex:0 0 0 !important;
    width:0 !important;
    min-width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-width:0 !important;
  }

  body.mobile-search-condensed .site-header__search{
    order:1 !important;
    flex:0 0 calc(100% + 24px) !important;
    width:calc(100% + 24px) !important;
    max-width:none !important;
    margin:0 -12px !important;
  }

  body.mobile-search-condensed .site-header__search form{
    box-shadow:0 1px 0 var(--border-light) !important;
  }
}


/* ============================================================
   Mobile Responsive — 2026-03-22 16:36
   ============================================================ */

/* ============================================================
   ENİYİSİBENİM — Mobile Responsive Overrides
   Tam mobil uyum paketi — style.css sonuna eklenir
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   1. GENEL — Yatay taşma engeli, touch iyileştirmeleri
   ──────────────────────────────────────────────────────────── */
*{box-sizing:border-box;}
html,body{overflow-x:hidden;max-width:100%;}
img,video,iframe{max-width:100%;}

/* Touch hedef boyutları — tüm interaktif elementler */
@media(max-width:767px){
  a,button,[role="button"]{min-height:44px;display:inline-flex;align-items:center;}
  /* Sadece satır içi linkleri etkilememek için override */
  p a,li a,.breadcrumb a,.suggest-item,.suggest-all,
  .footer a,.brand-item,.chk-item,.sort-btn{min-height:unset;display:revert;}
}


/* ────────────────────────────────────────────────────────────
   2. HEADER — Tam mobil uyum
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .site-header{
    position:sticky;
    top:0;
    z-index:50;
    padding:0 !important;
    background:#fff !important;
    border-bottom:1px solid var(--border-light) !important;
    box-shadow:0 1px 4px rgba(15,23,42,.06) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .site-header__inner{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 14px 0 14px !important;
    min-height:auto !important;
    height:auto !important;
    max-width:100% !important;
    border:none !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
  }
  /* Hamburger menü */
  .site-header__menu{
    order:1 !important;
    flex-shrink:0;
  }
  /* Logo ortada */
  .site-header__logo{
    order:2 !important;
    flex:1 !important;
    min-width:0 !important;
    justify-content:flex-start !important;
    gap:0 !important;
  }
  /* Favori ikonu sağda */
  .site-header__fav{
    order:3 !important;
    flex-shrink:0;
    width:40px !important;
    height:40px !important;
    border-radius:10px !important;
  }
  /* Karşılaştır butonu — mobilde gizle ya da küçült */
  .site-header__compare{
    order:4 !important;
    font-size:11px !important;
  }
  /* Search bar — tam genişlik, alt satır */
  .site-header__search{
    order:5 !important;
    flex:0 0 calc(100% + 28px) !important;
    width:calc(100% + 28px) !important;
    margin:4px -14px 0 !important;
    max-width:none !important;
    position:relative;
  }
  .site-header__search form{
    width:100% !important;
    border-left:none !important;
    border-right:none !important;
    border-radius:0 !important;
    border-top:1px solid var(--border-light) !important;
    border-bottom:none !important;
    padding:0 12px 0 14px !important;
    height:46px !important;
    background:#fff !important;
    box-shadow:none !important;
  }
  /* Mega menu toggle küçük ikon */
  #megaMenuToggle{
    min-height:38px !important;
    padding:0 10px !important;
    gap:0 !important;
    border-radius:10px !important;
    font-size:.8rem !important;
  }
  .site-header__menu-label,
  #megaChevron{ display:none !important; }

  /* Logo ikon boyutu */
  .site-header__brandmark img{
    height:30px !important;
    width:auto;
  }
  .site-header__brandtext{ display:none !important; }
  .site-header__tagline{ display:none !important; }

  /* Mega panel mobil */
  #megaPanel{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    top:var(--site-header-height, 60px) !important;
    width:auto !important;
    max-height:calc(100vh - 120px) !important;
    overflow-y:auto !important;
    border-radius:18px !important;
  }
  #megaPanel .grid.lg\\:grid-cols-\\[210px_1fr\\]{
    grid-template-columns:1fr !important;
  }

  /* Vitrin tab bar */
  #vitrin-tabs{
    top:var(--site-header-height, 60px) !important;
  }
}

/* ────────────────────────────────────────────────────────────
   3. HERO — Ana sayfa hero bölümü
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .home-hero__grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .home-hero__stats{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding:14px !important;
  }
  .home-hero__stat{
    min-height:80px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
  }
  .home-hero__stat strong{ font-size:1.5rem !important; }
  .home-hero__stat span{ font-size:11px !important; }
  .home-hero__content{ padding:18px 16px !important; }
  .home-hero__title{
    font-size:clamp(1.5rem,5vw,2rem) !important;
    line-height:1.12 !important;
  }
  .home-hero__text{ font-size:14px !important; }
  .home-hero__actions{
    flex-direction:column !important;
    gap:8px !important;
  }
  .home-hero__btn{
    width:100% !important;
    justify-content:center !important;
    min-height:46px !important;
  }
  .hero-cats{
    gap:6px !important;
  }
  .hero-cats a{
    font-size:.75rem !important;
    padding:6px 10px 6px 8px !important;
  }
}

@media(max-width:480px){
  .home-hero__stats{ grid-template-columns:1fr !important; }
  .home-hero__title{ font-size:1.4rem !important; }
}


/* ────────────────────────────────────────────────────────────
   4. KATEGORİ HERO
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .cat-hero .mx-auto{
    padding-top:16px !important;
    padding-bottom:14px !important;
  }
  .cat-hero .flex.flex-col.gap-4{
    padding:14px !important;
    border-radius:18px !important;
    gap:12px !important;
  }
  /* Alt kategori pilleri — kaydırılabilir yatay şerit */
  .cat-hero .flex.flex-wrap.gap-2{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    padding-bottom:4px !important;
    gap:6px !important;
    -ms-overflow-style:none;
  }
  .cat-hero .flex.flex-wrap.gap-2::-webkit-scrollbar{display:none;}
  .sub-pill{
    flex-shrink:0 !important;
    white-space:nowrap !important;
    min-height:34px !important;
    font-size:12px !important;
  }
}


/* ────────────────────────────────────────────────────────────
   5. ÜRÜN GRID — MOBİLDE 2 KOLON (ANA İSTEK)
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  /* Kategori sayfası #grid */
  #grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }
  /* Tailwind sm: sınıflarından gelen 2 kolon — zaten doğru, pekiştiriyoruz */
  .sm\\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

/* Çok küçük ekranlar — 320px altı */
@media(max-width:360px){
  #grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }
}


/* ────────────────────────────────────────────────────────────
   6. ÜRÜN KARTI — Mobil uyum
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .product-card{
    border-radius:16px !important;
    box-shadow:0 4px 12px rgba(15,23,42,.07) !important;
  }
  .product-card__media{
    height:130px !important;
    margin:8px 8px 0 !important;
    border-radius:12px !important;
    background:#fff !important;
  }
  .product-card__media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    padding:0 !important;
  }
  .product-card__body{
    padding:8px 10px 6px !important;
  }
  .product-card__brand{
    font-size:9px !important;
    letter-spacing:.05em;
  }
  .product-card__title{
    font-size:12px !important;
    line-height:1.4 !important;
    -webkit-line-clamp:2;
  }
  .product-card__specs{
    display:none !important; /* 2li gridde yer yok, gizle */
  }
  .product-card__rating{
    gap:3px !important;
    margin-top:4px !important;
  }
  .product-card__price-wrap{
    margin-top:6px !important;
  }
  .product-card__price{
    font-size:.95rem !important;
  }
  .product-card__price-label{
    font-size:9px !important;
  }
  .product-card__footer{
    padding:6px 10px 10px !important;
  }
  /* Mobilde footer tek kolon CTA */
  .product-card__footer--dual{
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
  .product-card__ghost{
    display:none !important; /* Yer tasarrufu: karşılaştır butonunu gizle */
  }
  .product-card__cta{
    min-height:36px !important;
    font-size:11px !important;
    border-radius:10px !important;
    padding:7px 6px !important;
  }
  .product-card__badge{
    font-size:9px !important;
    padding:2px 6px !important;
  }
}

@media(max-width:400px){
  .product-card__media{ height:110px !important; background:#fff !important; }
  .product-card__media img{ width:100% !important; height:100% !important; object-fit:cover !important; }
  .product-card__title{ font-size:11px !important; }
  .product-card__price{ font-size:.875rem !important; }
}


/* ────────────────────────────────────────────────────────────
   7. FİLTRE / SIRALAMA BARI (Kategori sayfası)
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .mobile-sort-bar{
    position:sticky !important;
    top:var(--site-header-height, 60px) !important;
    z-index:40 !important;
    padding:8px 14px !important;
    background:#fff !important;
    backdrop-filter:none !important;
    border-bottom:1px solid var(--border-light) !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  .mobile-filter-btn{
    flex:1 !important;
    justify-content:center !important;
    min-height:38px !important;
    border-radius:10px !important;
    font-size:12px !important;
  }
  .sort-select{
    flex:1 !important;
    min-height:38px !important;
    font-size:12px !important;
    border-radius:10px !important;
    padding:0 10px !important;
  }
  .result-bar{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
    border-radius:4px !important;
    padding:10px 12px !important;
    margin-bottom:12px !important;
  }
  .result-count strong{ font-size:16px !important; }
}


/* ────────────────────────────────────────────────────────────
   8. SHELF / VİTRİN KAYDIRICI
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .shelf-card{
    width:148px !important;
    flex-shrink:0 !important;
  }
  .shelf-card__media{ height:80px !important; }
  .shelf-card__media img{ max-height:70px !important; }
  .shelf-card__title{ font-size:10px !important; }
  .shelf-card__price{ font-size:13px !important; }
  .shelf-card__cta{ font-size:9px !important; padding:6px 8px !important; }

  /* Vitrin scroll track */
  .home-vitrin .scroll-track{
    gap:10px !important;
    padding:2px 14px 8px !important;
    scroll-snap-type:x mandatory !important;
  }
  .home-vitrin .scroll-track > *{
    scroll-snap-align:start !important;
  }
  .home-vitrin .shelf-nav{ display:flex !important; width:32px !important; height:32px !important; }
  .home-vitrin .shelf-nav--prev{ left:4px !important; }
  .home-vitrin .shelf-nav--next{ right:4px !important; }
  .home-vitrin .shelf-card--featured{
    flex-basis:calc(46vw - 12px) !important;
    max-width:none !important;
  }
  .home-vitrin .shelf-card__media--featured{ height:160px !important; }
  .home-vitrin .shelf-card__body{ min-height:120px !important; padding:12px !important; }
}


/* ────────────────────────────────────────────────────────────
   9. ÜRÜN DETAY SAYFASI (urun.php)
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  /* Ana layout — tek kolon */
  .grid.gap-6.lg\\:grid-cols-\\[1fr_380px\\],
  .grid.gap-6.lg\\:grid-cols-\\[1fr_360px\\]{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  /* Resim + bilgi yan yana → alt alta */
  .grid.gap-5.md\\:grid-cols-\\[minmax\\(320px\\2c420px\\)_1fr\\]{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .product-profile-shell{
    border-radius:20px !important;
    padding:16px !important;
  }
  .product-gallery-main{
    height:260px !important;
    border-radius:16px !important;
  }
  .product-gallery-main__image{ padding:12px !important; }
  .product-gallery-nav{
    width:36px !important; height:36px !important;
  }
  .product-gallery-nav--prev{ left:10px !important; }
  .product-gallery-nav--next{ right:10px !important; }
  .product-gallery-fav{
    top:10px !important; right:10px !important;
    width:36px !important; height:36px !important;
    font-size:16px !important;
  }
  /* Özellik/stats grid mobil 2 kolon */
  .grid.gap-3.sm\\:grid-cols-2.lg\\:grid-cols-4{
    grid-template-columns:repeat(2, 1fr) !important;
  }
  /* Artılar/eksiler yan yana */
  .grid.gap-4.sm\\:grid-cols-2{
    grid-template-columns:1fr !important;
  }
  /* Fiyat uyarısı input */
  #alertEmail{ font-size:14px !important; }
  /* Benzer ürünler */
  .grid.gap-4.sm\\:grid-cols-2.lg\\:grid-cols-3{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:10px !important;
  }
}

@media(max-width:480px){
  .product-gallery-main{ height:220px !important; }
  .grid.gap-3.sm\\:grid-cols-2.lg\\:grid-cols-4{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
}


/* ────────────────────────────────────────────────────────────
   10. KARŞILAŞTIRMA SAYFASI (karsilastir.php)
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .compare-drawer{
    width:100% !important;
    max-width:100% !important;
    border-radius:24px 24px 0 0 !important;
  }
  /* Karşılaştırma tablosu yatay kaydır */
  .compare-table-wrap,
  .comparison-table-wrap,
  .spec-table-wrap,
  .table-scroll,
  .overflow-x-auto{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    max-width:100% !important;
  }
  table{
    font-size:12px !important;
    min-width:480px !important; /* Scroll edilebilir olsun */
  }
  .compare-quick-item__media{
    flex-basis:42px !important;
    width:42px !important;
    height:42px !important;
    border-radius:10px !important;
  }
  .compare-quick-item__title{ font-size:12px !important; }
  .compare-quick-item__meta{ font-size:10px !important; }
  .compare-search-results{ max-height:280px !important; }
}


/* ────────────────────────────────────────────────────────────
   11. ARAMA SAYFASI
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  /* Arama sayfası — tailwind grid fix */
  .grid.gap-2.sm\\:grid-cols-2.lg\\:grid-cols-3{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:8px !important;
  }
  .grid.gap-2.sm\\:grid-cols-2.lg\\:grid-cols-4{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:8px !important;
  }
}


/* ────────────────────────────────────────────────────────────
   12. MOBİL DRAWER (Filtre)
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  #mobileDrawer{ z-index:9999 !important; }
  .drawer-panel{
    max-height:90vh !important;
    border-radius:24px 24px 0 0 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .brand-pill-btn{
    min-height:34px !important;
    font-size:11px !important;
    padding:4px 12px !important;
    border-radius:var(--radius-full) !important;
  }
}


/* ────────────────────────────────────────────────────────────
   13. FOOTER
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .site-footer__grid{
    grid-template-columns:1fr 1fr !important;
    gap:24px 16px !important;
    padding:28px 0 20px !important;
  }
  /* Logo & açıklama tam genişlik */
  .site-footer__grid > *:first-child{
    grid-column:1 / -1 !important;
  }
  footer .footer-heading{
    font-size:10px !important;
    margin-bottom:10px !important;
  }
  footer a{ font-size:12px !important; }

  /* Popular links grid */
  .footer-popular__grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .footer-popular__col{
    grid-template-columns:1fr 1fr !important;
    display:grid !important;
    gap:6px !important;
  }
}

@media(max-width:480px){
  .site-footer__grid{
    grid-template-columns:1fr !important;
  }
  .site-footer__grid > *:first-child{
    grid-column:auto !important;
  }
}


/* ────────────────────────────────────────────────────────────
   14. BREADCRUMB & GENEL PADDING
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .mx-auto.max-w-7xl,
  .mx-auto{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .breadcrumb{
    font-size:11px !important;
    gap:3px !important;
  }
  /* Section başlıkları küçüt */
  .page-title{
    font-size:clamp(1.3rem,4vw,1.75rem) !important;
    line-height:1.2 !important;
  }
}


/* ────────────────────────────────────────────────────────────
   15. İÇERİK KARTLARI (Rehber, blog vb.)
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .content-list-card{
    padding:10px 12px !important;
    border-radius:12px !important;
  }
  .content-list-card__title{
    font-size:12px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    -webkit-line-clamp:2 !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
  }
}


/* ────────────────────────────────────────────────────────────
   16. SEÇİM ASİSTANI (SA BAR)
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  #sa-bar{
    padding-left:14px !important;
    padding-right:14px !important;
    gap:10px !important;
    flex-wrap:wrap !important;
  }
  .sa-bar-icon{
    width:28px !important;
    height:28px !important;
    font-size:13px !important;
    flex-shrink:0 !important;
  }
  .sa-bar-title{ font-size:12px !important; }
  .home-hero__stat--sa button{
    font-size:12px !important;
    padding:6px 12px !important;
  }
}


/* ────────────────────────────────────────────────────────────
   17. FİYAT UYARI / FAVORI vs. KÜÇÜK FORMLAR
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  /* Fiyat uyarısı formu */
  .flex.gap-2 #alertEmail + button,
  .price-alert-form button{
    white-space:nowrap;
    flex-shrink:0;
  }
  /* Input alanları */
  input[type="email"],
  input[type="text"],
  input[type="search"],
  select,
  textarea{
    font-size:16px !important; /* iOS zoom engelle */
    border-radius:10px;
  }
}


/* ────────────────────────────────────────────────────────────
   18. TABLET (768–1023px) OPTİMİZASYONLAR
   ──────────────────────────────────────────────────────────── */
@media(min-width:768px) and (max-width:1023px){
  /* Ürün griди tablet: 2 kolon */
  #grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:16px !important;
  }
  .home-hero__grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .home-hero__stats{
    grid-template-columns:repeat(3,1fr) !important;
  }
  #vitrin-tabs{ top:68px !important; }
  .home-vitrin .shelf-card--featured{
    flex-basis:clamp(210px,28vw,260px) !important;
  }
  /* Ürün detay tablet */
  .product-profile-shell{ padding:20px !important; }
  .grid.gap-5.md\\:grid-cols-\\[minmax\\(320px\\2c420px\\)_1fr\\]{
    grid-template-columns:minmax(280px,380px) 1fr !important;
  }
  /* Benzer ürünler tablet 3 kolon */
  .grid.gap-4.sm\\:grid-cols-2.lg\\:grid-cols-3{
    grid-template-columns:repeat(3, 1fr) !important;
  }
  /* Footer tablet 2 kolon */
  .site-footer__grid{
    grid-template-columns:1.4fr .6fr .7fr !important;
    gap:28px !important;
  }
}


/* ────────────────────────────────────────────────────────────
   19. WHATSAPP FAB — Mobil konum
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .whatsapp-fab{
    right:12px !important;
    bottom:12px !important;
    padding:9px 14px !important;
    font-size:12px !important;
  }
}


/* ────────────────────────────────────────────────────────────
   20. SEARCH SUGGEST dropdown
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .search-suggest{
    border-radius:0 0 14px 14px !important;
    left:0 !important;
    right:0 !important;
  }
  .suggest-item{
    padding:10px 14px !important;
  }
  .suggest-item strong{ font-size:13px !important; }
}


/* ────────────────────────────────────────────────────────────
   21. GENEL YARDIMCI — Overflow scrollbar gizleme
   ──────────────────────────────────────────────────────────── */
.scrollbar-none,
.scroll-track{
  -ms-overflow-style:none !important;
  scrollbar-width:none !important;
}
.scrollbar-none::-webkit-scrollbar,
.scroll-track::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

/* Smooth scroll her yerde */
.scroll-track{
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}


/* ────────────────────────────────────────────────────────────
   22. KATEGORİLER SAYFASI — Alt kategori grid'i
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  /* Kategoriler ana sayfa listesi */
  .grid.grid-cols-2,
  .grid.sm\\:grid-cols-2.md\\:grid-cols-3,
  .grid.sm\\:grid-cols-2.lg\\:grid-cols-4{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:10px !important;
  }
}


/* ────────────────────────────────────────────────────────────
   23. KARŞILAŞTIRMA INDEX SAYFASI
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  /* karsilastirma.php — ana grid */
  .mx-auto.grid.max-w-7xl.gap-8.lg\\:grid-cols-\\[minmax\\(0\\2c1fr\\)_360px\\],
  .mx-auto.grid.max-w-7xl.gap-8.lg\\:grid-cols-\\[minmax\\(0\\2c1fr\\)_320px\\]{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  /* Karşılaştırma formu grid */
  .grid.gap-4.md\\:grid-cols-12{
    grid-template-columns:1fr !important;
  }
  /* 2li sonuç grid */
  .grid.gap-6.lg\\:grid-cols-2{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
}


/* ────────────────────────────────────────────────────────────
   24. FİLTRE SIDEBAR — Desktop'ta visible, mobilde drawer
   ──────────────────────────────────────────────────────────── */
@media(max-width:1023px){
  /* Sidebar'ı gizle — drawer ile gösterilecek */
  .filter-sidebar-desktop,
  .lg\\:block.filter-sidebar,
  aside.filter-sidebar{
    display:none !important;
  }
  /* Ürün alanı tam genişlik */
  .lg\\:col-span-3,
  .lg\\:col-span-4{
    grid-column:1 / -1 !important;
  }
}


/* ────────────────────────────────────────────────────────────
   25. KÜÇÜK EKRAN ÖZEL DOKUNUŞ İYİLEŞTİRMELERİ
   ──────────────────────────────────────────────────────────── */
@media(max-width:767px){
  /* Animasyon performans — güçlü olmayan cihazlar */
  @media(prefers-reduced-motion: reduce){
    *{ transition:none !important; animation:none !important; }
  }

  /* Focus görünürlüğü — erişilebilirlik */
  :focus-visible{
    outline:3px solid var(--brand-500) !important;
    outline-offset:2px !important;
  }

  /* Seçim asistanı — tam genişlik */
  .product-profile-shell .compare-quick-item{
    padding:8px 10px !important;
  }

  /* Yapışkan vitrin tab — çok yüksek olmasın */
  #vitrin-tabs .vitrin-tabs-inner{
    padding-left:14px !important;
    gap:0 !important;
  }
  .vitrin-tab{
    padding-left:12px !important;
    padding-right:12px !important;
    font-size:11px !important;
  }
}

/* 2026-03-22 mobile nav drawer + search repair */
body.mobile-nav-open{
  overflow:hidden;
  touch-action:none;
}

@media (max-width: 767px){
  .site-header__menu{
    position:relative;
    z-index:65;
  }

  #megaMenuToggle{
    width:48px !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 !important;
    justify-content:center !important;
    border:none !important;
    background:#fff !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  #megaMenuToggle:hover,
  #megaMenuToggle:focus-visible{
    background:#fff !important;
    box-shadow:none !important;
    outline:none !important;
  }

  .site-header__menu-icon{
    width:28px !important;
    height:28px !important;
    stroke-width:2.4 !important;
  }

  .site-header__fav{
    border:none !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  #megaPanel{
    display:none !important;
  }

  .site-header__search{
    z-index:55;
  }

  .site-header__search form{
    position:relative;
    z-index:55;
  }

  .search-suggest.active{
    top:calc(100% + 2px) !important;
    z-index:120 !important;
    max-height:min(52vh, 360px) !important;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
  }

  .mobile-nav-drawer{
    position:fixed;
    inset:0;
    z-index:9998;
  }

  .mobile-nav-drawer__backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.42);
    opacity:0;
    transition:opacity .22s ease;
  }

  .mobile-nav-drawer__panel{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:min(88vw, 360px);
    background:#fff;
    box-shadow:18px 0 48px rgba(15,23,42,.22);
    transform:translateX(-100%);
    transition:transform .24s ease;
    display:flex;
    flex-direction:column;
  }

  .mobile-nav-drawer.is-open .mobile-nav-drawer__backdrop{
    opacity:1;
  }

  .mobile-nav-drawer.is-open .mobile-nav-drawer__panel{
    transform:translateX(0);
  }

  .mobile-nav-drawer__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px 16px 14px;
    border-bottom:1px solid var(--border-light);
    background:linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  }

  /* legacy mobile brand removed */
  .mobile-nav-drawer__brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
  }

  .mobile-nav-drawer__brand img,
  .mobile-nav-drawer__brand-fallback{
    width:34px;
    height:34px;
    border-radius:10px;
    flex-shrink:0;
    object-fit:contain;
  }

  .mobile-nav-drawer__brand-fallback{
    display:grid;
    place-items:center;
    background:var(--brand-600);
    color:#fff;
    font-weight:800;
  }

  .mobile-nav-drawer__brand strong{
    display:block;
    font-size:.95rem;
    color:var(--gray-900);
  }

  .mobile-nav-drawer__brand p{
    margin:2px 0 0;
    font-size:.75rem;
    color:var(--gray-500);
  }

  .mobile-nav-drawer__close{
    width:40px;
    height:40px;
    border:none;
    background:var(--gray-100);
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--gray-700);
    flex-shrink:0;
  }

  .mobile-nav-drawer__close svg{
    width:20px;
    height:20px;
  }

  .mobile-nav-drawer__body{
    flex:1;
    overflow:auto;
    padding:14px 14px 22px;
    -webkit-overflow-scrolling:touch;
  }

  .mobile-nav-drawer__all-link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44px;
    border-radius:14px;
    background:var(--brand-600);
    color:#fff;
    font-size:.875rem;
    font-weight:700;
    text-decoration:none;
    margin-bottom:14px;
  }

  .mobile-nav-drawer__sections{
    display:grid;
    gap:10px;
  }

  .mobile-nav-group{
    border:1px solid var(--border-light);
    border-radius:16px;
    background:#fff;
    overflow:hidden;
  }

  .mobile-nav-group summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 14px;
    cursor:pointer;
    user-select:none;
  }

  .mobile-nav-group summary::-webkit-details-marker{
    display:none;
  }

  .mobile-nav-group__title{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    font-size:.9rem;
    font-weight:700;
    color:var(--gray-800);
  }

  .mobile-nav-group__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:10px;
    background:transparent;
    font-size:14px;
    flex-shrink:0;
  }

  .mobile-nav-group__chevron{
    color:var(--gray-400);
    font-size:18px;
    transition:transform .2s ease;
  }

  .mobile-nav-group[open] .mobile-nav-group__chevron{
    transform:rotate(90deg);
  }

  .mobile-nav-group__content{
    padding:0 14px 14px;
    border-top:1px solid var(--border-light);
  }

  .mobile-nav-group__primary{
    display:flex;
    align-items:center;
    min-height:42px;
    color:var(--brand-700);
    font-size:.8125rem;
    font-weight:700;
    text-decoration:none;
  }

  .mobile-nav-group__desc{
    margin:0 0 10px;
    font-size:.75rem;
    line-height:1.55;
    color:var(--gray-500);
  }

  .mobile-nav-group__links{
    display:grid;
    gap:8px;
  }

  .mobile-nav-group__links a{
    display:flex;
    align-items:center;
    min-height:40px;
    padding:0 12px;
    border-radius:12px;
    background:var(--gray-50);
    color:var(--gray-700);
    font-size:.8125rem;
    font-weight:600;
    text-decoration:none;
  }
}


/* 2026-03-22 desktop category icon scale + cleaner mobile drawer */
@media (min-width: 901px){
  .cat-svg-icon--xs{width:28px;height:28px;}
  .cat-svg-icon--sm{width:36px;height:36px;}
  .cat-svg-icon--md{width:48px;height:48px;}
  .cat-svg-icon--lg{width:72px;height:72px;}
  .cat-title-with-icon{gap:14px;}
  .kp-tab__icon,.kp-mobile-group__icon,.mobile-nav-group__icon{display:inline-flex;align-items:center;justify-content:center;}
}

@media (max-width: 900px){
  .mobile-nav-drawer__panel{
    width:min(86vw, 340px);
    border-right:1px solid rgba(148,163,184,.18);
  }

  .mobile-nav-drawer__head{
    padding:14px 14px 10px;
    background:#fff;
    border-bottom:1px solid var(--border-light);
  }

  .mobile-nav-drawer__heading{
    display:block;
    font-size:.95rem;
    font-weight:800;
    letter-spacing:.01em;
    color:var(--gray-900);
  }

  .mobile-nav-drawer__body{
    padding:8px 10px 18px;
  }

  .mobile-nav-drawer__sections{
    gap:2px;
  }

  .mobile-nav-group{
    border:none;
    border-bottom:1px solid rgba(148,163,184,.18);
    border-radius:0;
    background:transparent;
  }

  .mobile-nav-group:last-child{
    border-bottom:none;
  }

  .mobile-nav-group summary{
    padding:14px 6px;
    min-height:52px;
  }

  .mobile-nav-group__title{
    gap:12px;
    font-size:.95rem;
    font-weight:700;
    color:var(--gray-900);
  }

  .mobile-nav-group__icon .cat-svg-icon,
  .mobile-nav-group__icon .cat-emoji-fallback{
    width:22px;
    height:22px;
  }

  .mobile-nav-group__chevron{
    font-size:18px;
    color:var(--gray-400);
  }

  .mobile-nav-group__content{
    padding:0 0 10px 40px;
  }

  .mobile-nav-group__links{
    display:grid;
    gap:2px;
  }

  .mobile-nav-group__links a{
    display:flex;
    align-items:center;
    min-height:38px;
    padding:6px 0;
    border:none;
    border-radius:0;
    background:transparent;
    color:var(--gray-600);
    font-size:.875rem;
    font-weight:500;
  }

  .mobile-nav-group__links a:hover{
    color:var(--brand-700);
    background:transparent;
  }
}


/* SCROLL TOP */
.scroll-top-btn{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:70;
  width:48px;
  height:48px;
  border:none;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--gray-900);
  color:#fff;
  box-shadow:0 16px 30px rgba(15,23,42,.22);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease, background .18s ease;
}
.scroll-top-btn svg{width:20px;height:20px;}
.scroll-top-btn:hover{background:var(--brand-600);transform:translateY(-1px);}
.scroll-top-btn.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
@media (max-width: 767px){
  .scroll-top-btn{right:14px;bottom:14px;width:44px;height:44px;}
}



/* 2026-03-23 fixed header stabilization */
:root{
  --site-header-height: 60px;
}

html{
  scroll-padding-top: calc(var(--site-header-height) + 12px);
}

body{
  padding-top: var(--site-header-height);
}

.site-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
}

main{
  position: relative;
}

#vitrin-tabs{
  top: calc(var(--site-header-height) + 8px) !important;
}

@media (max-width: 767px){
  body{
    padding-top: var(--site-header-height);
  }

  #megaPanel{
    top: calc(var(--site-header-height) + 10px) !important;
    max-height: calc(100vh - var(--site-header-height) - 24px) !important;
  }

  #vitrin-tabs{
    top: calc(var(--site-header-height) + 8px) !important;
  }
}


/* 2026-03-23 header polish + mobile alignment v2 */
.site-header{
  transition:background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.site-header.is-scrolled{
  background:#fff !important;
  border-bottom-color:rgba(148,163,184,.18) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.08), 0 1px 0 rgba(148,163,184,.14) !important;
}

.site-header__inner,
.site-header__fav,
#megaMenuToggle,
.site-header__search form,
.site-header__search button{
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease;
}

.site-header__search form{
  border-color:rgba(226,232,240,.9) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
}

.site-header__search form:hover{
  border-color:rgba(203,213,225,.95) !important;
}

.site-header__search form:focus-within{
  background:#fff !important;
  border-color:var(--brand-400) !important;
  box-shadow:0 10px 26px rgba(79,70,229,.14), 0 0 0 4px rgba(79,70,229,.10) !important;
  transform:translateY(-1px);
}

.site-header__search button{
  box-shadow:0 6px 14px rgba(79,70,229,.18);
}

.site-header__search button:hover{
  transform:translateY(-1px);
}

#megaMenuToggle:hover,
#megaMenuToggle:focus-visible,
.site-header__fav:hover,
.site-header__fav:focus-visible{
  box-shadow:0 10px 22px rgba(15,23,42,.08) !important;
}

body.mobile-nav-open .mobile-nav-drawer__backdrop{
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

@media (max-width: 767px){
  .site-header{
    box-shadow:0 1px 0 rgba(226,232,240,.9) !important;
  }

  .site-header__inner{
    gap:8px 10px !important;
    padding:10px 14px 12px !important;
  }

  .site-header__menu{
    margin-left:-4px !important;
  }

  .site-header__logo{
    margin:0 auto 0 0 !important;
  }

  .site-header__fav{
    margin:0 -2px 0 auto !important;
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
  }

  #megaMenuToggle{
    width:44px !important;
    height:44px !important;
    min-height:44px !important;
    border-radius:12px !important;
  }

  .site-header__menu-icon{
    width:24px !important;
    height:24px !important;
  }

  .site-header__search{
    order:5 !important;
    flex:0 0 100% !important;
    width:100% !important;
    max-width:none !important;
    margin:6px 0 0 !important;
    padding:0 !important;
  }

  .site-header__search form{
    width:100% !important;
    height:46px !important;
    padding:0 10px 0 14px !important;
    border:1px solid rgba(226,232,240,.95) !important;
    border-radius:4px !important;
    background:#fff !important;
    box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
  }

  .site-header__search button{
    height:32px !important;
    padding:4px 13px !important;
    border-radius:10px !important;
  }

  .mobile-nav-drawer__backdrop{
    background:rgba(15,23,42,.46);
    transition:opacity .26s ease, backdrop-filter .26s ease;
  }

  .mobile-nav-drawer__panel{
    border-top-right-radius:22px;
    border-bottom-right-radius:22px;
    overflow:hidden;
    transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease;
    will-change:transform;
  }

  .mobile-nav-drawer.is-open .mobile-nav-drawer__panel{
    box-shadow:24px 0 56px rgba(15,23,42,.24);
  }
}


/* 2026-03-23 mobile search hide on scroll */
@media (max-width: 767px){
  .site-header__search{
    overflow:hidden;
    max-height:72px;
    opacity:1;
    transform:translateY(0);
    transition:max-height .22s ease, opacity .18s ease, transform .22s ease, margin .22s ease;
    will-change:max-height, opacity, transform, margin;
  }

  body.mobile-search-hidden .site-header__inner{
    padding-bottom:10px !important;
  }

  body.mobile-search-hidden .site-header__search{
    max-height:0 !important;
    opacity:0 !important;
    transform:translateY(-8px) !important;
    margin-top:0 !important;
    pointer-events:none !important;
  }

  body.mobile-search-hidden .site-header__search form{
    transform:translateY(-6px) !important;
    box-shadow:none !important;
  }
}


/* GLOBAL MIRROR BACKGROUND */
body{
  position:relative;
  background:
    radial-gradient(1200px 520px at 12% -8%, rgba(99,102,241,.16), transparent 58%),
    radial-gradient(1100px 500px at 88% -4%, rgba(56,189,248,.12), transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.98) 32%, rgba(241,245,249,1) 100%);
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(135deg, rgba(255,255,255,.44), rgba(255,255,255,.1) 40%, rgba(79,70,229,.08) 100%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.18) 0 18px, rgba(255,255,255,0) 18px 38px);
  mix-blend-mode:screen;
  opacity:.72;
}
.site-header{
  background:#fff !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.home-hero__stats,
.filter-card,
.product-card,
.content-list-card,
.shelf-card,
.article-card,
.guide-shell{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* GUIDE ARTICLE */
.guide-shell{
  border:1px solid rgba(226,232,240,.9);
  border-radius:28px;
  background:rgba(255,255,255,.84);
  box-shadow:0 22px 44px rgba(15,23,42,.08);
}
.guide-shell--hero{padding:28px;}
.guide-shell--article{padding:28px;}
.guide-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.guide-back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--gray-500);}
.guide-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(79,70,229,.08);color:var(--brand-700);font-size:12px;font-weight:700;}
.guide-title{margin-top:18px;font-size:clamp(2rem,2.8vw,3.4rem);line-height:1.02;letter-spacing:-.045em;font-weight:800;color:var(--gray-900);}
.guide-excerpt{margin-top:16px;max-width:70ch;font-size:17px;line-height:1.8;color:var(--gray-600);}
.guide-cover-frame{margin:24px auto 0;max-width:900px;overflow:hidden;border-radius:24px;border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.75);}
.guide-cover-image{display:block;width:100%;height:auto;object-fit:cover;}
.guide-reading-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gray-400);}
.guide-prose{font-family:var(--guide-font-stack, var(--font-body));font-size:17px;line-height:1.95;color:var(--gray-700);}
.guide-prose > * + *{margin-top:1.15em;}
.guide-prose h2,.guide-preview-prose h2{font-size:1.9rem;line-height:1.15;letter-spacing:-.035em;font-weight:800;color:var(--gray-900);margin-top:1.8em;}
.guide-prose h3,.guide-preview-prose h3{font-size:1.35rem;line-height:1.25;font-weight:800;color:var(--gray-900);margin-top:1.35em;}
.guide-prose p,.guide-preview-prose p{margin-top:1em;}
.guide-prose ul,.guide-prose ol,.guide-preview-prose ul,.guide-preview-prose ol{margin:1em 0 0 1.2em;display:grid;gap:.55em;}
.guide-prose li,.guide-preview-prose li{padding-left:.2em;}
.guide-prose blockquote,.guide-preview-prose blockquote{margin-top:1.3em;padding:16px 18px;border-left:4px solid var(--brand-500);border-radius:0 18px 18px 0;background:rgba(79,70,229,.06);color:var(--gray-700);font-weight:600;}
.guide-prose figure,.guide-preview-prose figure{margin-top:1.5em;display:grid;gap:10px;justify-items:center;}
.guide-prose figure img,.guide-preview-prose figure img{width:min(100%, 860px);border-radius:22px;border:1px solid rgba(226,232,240,.9);background:#fff;box-shadow:0 18px 36px rgba(15,23,42,.10);}
.guide-prose figcaption,.guide-preview-prose figcaption{font-size:13px;line-height:1.6;color:var(--gray-500);text-align:center;}
.guide-prose a,.guide-preview-prose a{color:var(--brand-700);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;}
.guide-prose table,.guide-preview-prose table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;border:1px solid rgba(226,232,240,.9);margin-top:1.3em;}
.guide-prose th,.guide-prose td,.guide-preview-prose th,.guide-preview-prose td{padding:12px 14px;border-bottom:1px solid rgba(226,232,240,.9);text-align:left;}
.guide-prose th,.guide-preview-prose th{background:rgba(248,250,252,.95);font-weight:800;color:var(--gray-800);}
.guide-preview-prose{font-family:inherit;}
@media (max-width: 768px){
  .guide-shell--hero,.guide-shell--article{padding:18px;}
  .guide-title{font-size:2rem;}
  .guide-excerpt{font-size:15px;line-height:1.75;}
  .guide-prose{font-size:16px;line-height:1.85;}
}




/* ─────────────────────────────────────────────
   MOBİL ARAMA — Full-screen
   ───────────────────────────────────────────── */
#msearch {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* — Top bar — */
#msearch-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  height: var(--site-header-height, 60px);
  border-bottom: 1px solid var(--border-light);
  flex-shrink: 0;
  background: #fff;
}
#msearch-back {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border: none; background: none; cursor: pointer;
  color: var(--gray-600); border-radius: 10px;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  transition: background 120ms;
}
#msearch-back:active { background: var(--gray-100); }
#msearch-form {
  flex: 1;
  display: flex; align-items: center; gap: 9px;
  height: 40px; padding: 0 12px;
  background: var(--gray-50);
  border: 1.5px solid var(--border-light);
  border-radius: 12px;
  transition: border-color 140ms, background 140ms, box-shadow 140ms;
}
#msearch-form:focus-within {
  border-color: var(--brand-400);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(79,70,229,.09);
}
#msearch-input {
  flex: 1; min-width: 0;
  background: transparent; border: none; outline: none;
  font-size: 15px;
  font-family: var(--font-display,'DM Sans',sans-serif);
  font-weight: 500;
  color: var(--gray-900);
  caret-color: var(--brand-500);
  -webkit-appearance: none;
}
#msearch-input::placeholder { color: var(--gray-400); font-style: italic; }
#msearch-input::-webkit-search-cancel-button { display: none; }
#msearch-clear {
  width: 20px; height: 20px;
  display: flex; align-items: center; justify-content: center;
  border: none; background: var(--gray-200); border-radius: 50%;
  cursor: pointer; color: var(--gray-600); flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  transition: background 120ms;
}
#msearch-clear:active { background: var(--gray-300); }

/* — Body — */
#msearch-body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* — Popüler — */
#msearch-popular { padding: 22px 16px 16px; }
.msearch-section-title {
  font-size: 10px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .14em;
  color: var(--gray-400); margin-bottom: 14px;
}
#msearch-tags {
  display: flex; flex-wrap: wrap; gap: 8px;
}
/* her tag başta invisible, JS ile sırayla animate olur */
.msearch-tag {
  padding: 8px 16px;
  background: var(--gray-50);
  border: 1.5px solid var(--border-light);
  border-radius: 999px;
  font-size: 13px; font-weight: 600;
  color: var(--gray-700);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 220ms ease, transform 220ms ease,
              background 120ms, border-color 120ms, color 120ms;
}
.msearch-tag.visible {
  opacity: 1;
  transform: translateY(0);
}
.msearch-tag:active {
  background: var(--brand-50);
  border-color: var(--brand-300);
  color: var(--brand-700);
  transform: scale(.96);
}

/* — Loading — */
#msearch-loading {
  display: flex; gap: 7px;
  padding: 44px; justify-content: center;
}
#msearch-loading span {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--brand-400);
  animation: msDot 1.1s ease-in-out infinite both;
}
#msearch-loading span:nth-child(2) { animation-delay:.18s; }
#msearch-loading span:nth-child(3) { animation-delay:.36s; }
@keyframes msDot {
  0%,80%,100% { transform:scale(.5); opacity:.2; }
  40%         { transform:scale(1);  opacity:1;  }
}

/* — Sonuçlar — */
.msearch-results-label {
  padding: 14px 16px 6px;
  font-size: 10px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .14em;
  color: var(--gray-400);
}
.msearch-item {
  display: flex; align-items: center; gap: 11px;
  padding: 10px 16px;
  text-decoration: none; color: inherit;
  border-bottom: 1px solid rgba(226,232,240,.5);
  background: #fff;
  transition: background 100ms;
  -webkit-tap-highlight-color: transparent;
}
.msearch-item:active { background: var(--brand-50); }
.msearch-thumb {
  width: 44px; height: 44px; flex-shrink: 0;
  border-radius: 10px; overflow: hidden;
  background: var(--gray-50);
  border: 1px solid var(--border-light);
  display: flex; align-items: center; justify-content: center;
  font-size: 19px;
}
.msearch-thumb img { width:100%;height:100%;object-fit:contain; }
.msearch-item-body { flex: 1; min-width: 0; }
.msearch-chip {
  display: inline-block; margin-bottom: 3px;
  font-size: 9px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .08em;
  padding: 1px 7px; border-radius: 4px;
}
.msearch-chip-product    { background:var(--brand-50);  color:var(--brand-700); }
.msearch-chip-comparison { background:#fef3c7; color:#92400e; }
.msearch-chip-guide      { background:#d1fae5; color:#065f46; }
.msearch-name {
  font-size: 13px; font-weight: 700; color: var(--gray-900);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  line-height: 1.35;
}
.msearch-name mark { background:none; color:var(--brand-600); font-weight:900; }
.msearch-meta {
  font-size: 11px; color: var(--gray-400); margin-top: 1px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.msearch-score {
  flex-shrink: 0;
  font-size: 10px; font-weight: 700;
  color: var(--brand-600); background: var(--brand-50);
  padding: 2px 8px; border-radius: 999px;
}
.msearch-see-all {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin: 14px 16px 24px;
  padding: 13px;
  background: var(--brand-600); color: #fff;
  border-radius: 12px; font-size: 14px; font-weight: 700;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 130ms;
}
.msearch-see-all:active { background: var(--brand-700); }

/* — Boş — */
#msearch-empty {
  display: flex; flex-direction: column;
  align-items: center; padding: 52px 16px;
  color: var(--gray-400); text-align: center;
}
#msearch-empty svg { opacity:.35; margin-bottom:12px; }
#msearch-empty-msg { font-size:14px; font-weight:600; color:var(--gray-500); }

/* Desktop'ta gizle */
@media (min-width: 768px) {
  #msearch { display: none !important; }
}



/* 2026-03-26 — product page UI/UX cleanup */
body.product-header-searchonly .site-header__menu,
body.product-header-searchonly .site-header__logo,
body.product-header-searchonly .site-header__compare,
body.product-header-searchonly .site-header__fav{
  display:none !important;
}
body.product-header-searchonly .site-header__inner{
  display:flex !important;
  justify-content:center;
  padding-top:10px !important;
  padding-bottom:10px !important;
}
body.product-header-searchonly .site-header__search{
  flex:1 1 auto;
  width:min(100%, 860px);
  max-width:860px !important;
}
body.product-header-searchonly .site-header__search form{
  height:44px !important;
  border-radius:14px !important;
  padding:0 14px !important;
  background:#f8fafc !important;
  border:1px solid #e2e8f0 !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
@media (max-width: 767px){
  body.product-header-searchonly .site-header__inner{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  body.product-header-searchonly .site-header__search form{
    height:42px !important;
    border-radius:12px !important;
  }
}

.product-page .product-profile-shell{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.product-page .product-gallery{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
}
.product-page .product-gallery-main{
  position:relative;
  height:440px;
  border:none !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#f8fafc 0%, #ffffff 100%);
  box-shadow:inset 0 0 0 1px rgba(226,232,240,.75);
  touch-action:pan-y;
  user-select:none;
}
.product-page .product-gallery-slider{
  display:flex;
  width:100%;
  height:100%;
  transition:transform .46s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.product-page .product-gallery-slide{
  flex:0 0 100%;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-page .product-gallery-main__image{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain !important;
  padding:22px !important;
}
.product-page .product-gallery-fav{
  left:14px;
  right:auto !important;
  top:14px;
  z-index:5;
}
.product-page .product-gallery-badge{
  position:absolute;
  top:14px;
  right:14px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:min(78%, 240px);
  padding:9px 12px;
  border-radius:999px;
  background:rgba(245,158,11,.95);
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(245,158,11,.22);
  backdrop-filter:blur(6px);
}
.product-page .product-gallery-thumbs{
  justify-content:flex-start;
  gap:10px;
  margin-top:14px;
}
.product-page .product-gallery-thumb{
  width:44px;
  height:44px;
  flex-basis:44px;
  border-radius:12px;
}
.product-page .product-gallery-heading{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:2px;
}
.product-page .product-gallery-titleline{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0;
  color:#0f172a;
  font-size:1.55rem;
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.2;
}
.product-page .product-gallery-titleline__brand{
  color:#2563eb;
  text-decoration:none;
}
.product-page .product-gallery-titleline__brand:hover{
  text-decoration:underline;
  text-underline-offset:2px;
}
.product-page .product-gallery-titleline__sep{
  color:#94a3b8;
  font-weight:700;
}
.product-page .product-gallery-titleline__name{
  color:#0f172a;
}
.product-page .product-gallery-updated{
  color:#94a3b8;
  font-size:12px;
  line-height:1.4;
}
.product-page .product-rating-inline{
  padding-top:6px;
}
@media (min-width: 768px){
  .product-page .product-rating-inline{
    max-width:520px;
  }
}
@media (max-width: 1023px){
  .product-page .product-gallery-main{
    height:380px;
  }
}
@media (max-width: 767px){
  .product-page .product-gallery-main{
    height:300px !important;
    border-radius:20px !important;
  }
  .product-page .product-gallery-main__image{
    padding:16px !important;
  }
  .product-page .product-gallery-fav{
    top:10px;
    left:10px;
    width:38px;
    height:38px;
    font-size:18px;
  }
  .product-page .product-gallery-badge{
    top:10px;
    right:10px;
    max-width:calc(100% - 58px);
    padding:7px 10px;
    font-size:11px;
  }
  .product-page .product-gallery-thumbs{
    gap:8px;
    margin-top:12px;
  }
  .product-page .product-gallery-thumb{
    width:40px;
    height:40px;
    flex-basis:40px;
  }
  .product-page .product-gallery-titleline{
    font-size:1.12rem;
    gap:6px;
  }
  .product-page .product-gallery-updated{
    font-size:11px;
  }
}


body.product-header-searchonly.mobile-search-hidden .site-header__inner{
  padding-bottom:10px !important;
}
body.product-header-searchonly.mobile-search-hidden .site-header__search{
  max-height:72px !important;
  opacity:1 !important;
  transform:none !important;
  margin-top:0 !important;
  pointer-events:auto !important;
}
body.product-header-searchonly.mobile-search-hidden .site-header__search form{
  transform:none !important;
}
.product-page .product-gallery-main{
  cursor:grab;
}
.product-page .product-gallery-main:active{
  cursor:grabbing;
}


/* === Teknik özellik tablosu: düz gri matriks === */
.specs-matrix{
  border:1px solid #d7dce2;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.specs-matrix-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.specs-matrix__table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.specs-matrix__table thead th{
  padding:14px 18px;
  background:#eef1f4;
  color:#475569;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:left;
  border-bottom:1px solid #d7dce2;
}
.specs-matrix__table thead th:first-child{
  background:#e5e9ee;
  color:#1f2937;
  width:28%;
}
.specs-matrix__table thead th + th,
.specs-matrix__table tbody td + td{
  border-left:1px solid #d7dce2;
}
.specs-matrix__table tbody td{
  padding:14px 18px;
  border-top:1px solid #d7dce2;
  vertical-align:middle;
  font-size:14px;
  line-height:1.45;
}
.specs-matrix__table tbody td:first-child{
  background:#eef0f2;
  color:#1f2937;
  font-weight:700;
}
.specs-matrix__table tbody td:not(:first-child){
  background:#fbfbfc;
  color:#111827;
}
.specs-matrix__table tbody tr:nth-child(even) td:not(:first-child){
  background:#f5f6f8;
}
.specs-matrix__table tbody tr.is-highlight td:first-child{
  background:#e8edf7;
  color:#1d4ed8;
}
.specs-matrix__table tbody tr.is-highlight td:not(:first-child){
  background:#fafcff;
}
.specs-matrix__value--winner{
  background:#eef8f0!important;
  color:#166534!important;
  font-weight:700;
}
.specs-matrix__value--muted{
  color:#6b7280!important;
}
.specs-matrix__cell-value{
  display:flex;
  align-items:center;
  gap:8px;
}
.specs-matrix__cell-value .is-unit{
  font-size:12px;
  font-weight:500;
  color:#6b7280;
}
.specs-matrix__bool{
  font-weight:700;
  color:#1f2937;
}
.compare-specs-table{
  border:1px solid #d7dce2;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.compare-specs-head .cmp-grid,
.compare-specs-row-grid{
  display:grid;
  grid-template-columns:220px repeat(var(--cols), minmax(0, 1fr));
}
.compare-specs-head{
  border-bottom:1px solid #d7dce2;
  background:#eef1f4;
}
.compare-specs-head__label,
.compare-specs-head__product,
.compare-specs-label,
.compare-specs-value{
  min-height:58px;
  display:flex;
  align-items:center;
  padding:14px 18px;
}
.compare-specs-head__label,
.compare-specs-label{
  background:#eef0f2;
  color:#1f2937;
  font-weight:700;
}
.compare-specs-head__product{
  background:#eef1f4;
  border-left:1px solid #d7dce2;
}
.compare-specs-row-grid{
  border-top:1px solid #d7dce2;
}
.compare-specs-label{
  font-size:14px;
  line-height:1.4;
}
.compare-specs-value{
  background:#fbfbfc;
  border-left:1px solid #d7dce2;
}
.spec-row:nth-child(even) .compare-specs-value{
  background:#f5f6f8;
}
.spec-row:hover .compare-specs-value,
.spec-row:hover .compare-specs-label{
  background:#f7f8fa;
}
.spec-highlight .compare-specs-label{
  background:#e8edf7;
  color:#1d4ed8;
}
.spec-highlight .compare-specs-value{
  background:#fafcff;
}
.compare-specs-value.spec-win{
  background:#eef8f0!important;
  color:#166534;
}
.compare-specs-value.spec-lose{
  color:#6b7280;
}
.compare-specs-groupbar{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  border-top:1px solid #d7dce2;
  border-bottom:1px solid #d7dce2;
  background:#e9ecef;
}
.compare-specs-groupbar__title{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#475569;
}
.compare-specs-bool{
  font-weight:700;
  color:#1f2937;
}
@media(max-width:1023px){
  .compare-specs-head .cmp-grid,
  .compare-specs-row-grid{
    grid-template-columns:repeat(var(--cols), minmax(0, 1fr));
  }
  .compare-specs-head__label,
  .compare-specs-label{
    display:none!important;
  }
}
@media(max-width:639px){
  .specs-matrix__table{
    min-width:640px;
  }
  .compare-specs-head .cmp-grid,
  .compare-specs-row-grid{
    grid-template-columns:repeat(var(--cols), minmax(130px, 1fr));
  }
  .compare-specs-head__product,
  .compare-specs-value{
    padding:12px 12px;
    min-height:52px;
  }
}


/* === MOBILE HOME PHONE SHELF REBALANCE === */
@media (max-width: 767px){
  .home-vitrin .shelf-nav{display:none !important;}
  .home-vitrin .scroll-track{padding-right:14px !important;}

  .home-vitrin [data-root-slug="telefon"] .scroll-track{
    gap:12px !important;
    padding:2px 14px 8px !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card--featured{
    flex:0 0 calc(48vw - 11px) !important;
    width:calc(48vw - 11px) !important;
    max-width:none !important;
    border-radius:18px !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__media--featured{
    height:188px !important;
    padding:0 !important;
    align-items:flex-end !important;
    justify-content:center !important;
    background:#fff !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__gallery{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    padding:8px 8px 0 !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__media--featured img,
  .home-vitrin [data-root-slug="telefon"] .shelf-card__gallery-image{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:94% !important;
    max-height:176px !important;
    object-fit:contain !important;
    object-position:center !important;
    padding:0 !important;
    margin:0 auto !important;
    transform:none !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card:hover .shelf-card__gallery-image{
    transform:none !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__body{
    min-height:118px !important;
    padding:12px 12px 14px !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__brand{
    font-size:10px !important;
    letter-spacing:.16em !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__title{
    margin-top:6px !important;
    min-height:2.8em !important;
    font-size:13px !important;
    line-height:1.34 !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__rating{
    margin-top:8px !important;
    gap:4px !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__score{
    font-size:12px !important;
  }
}

@media (max-width: 390px){
  .home-vitrin [data-root-slug="telefon"] .shelf-card--featured{
    flex-basis:calc(49vw - 11px) !important;
    width:calc(49vw - 11px) !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__media--featured{
    height:176px !important;
  }
  .home-vitrin [data-root-slug="telefon"] .shelf-card__media--featured img,
  .home-vitrin [data-root-slug="telefon"] .shelf-card__gallery-image{
    max-height:164px !important;
  }
}
@media (max-width: 767px) {
  .product-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}