:root{
  --bg:#0b0b0c; --fg:#e9eaec; --muted:#9aa0a6; --card:#151618; --acc:#2f86f6; --line:#232427;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji"}

.container{max-width:1200px;margin-inline:auto;padding:0 16px}
.mt-24{margin-top:24px}
.muted{color:var(--muted)}
.right{text-align:right}

.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,11,12,.9);backdrop-filter: blur(6px);z-index:10}
.header-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font-weight:700}
.logo{display:block}

.search-form{display:flex;gap:8px;flex:1;max-width:640px;margin:0 12px}
.search-form input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0f0f11;color:var(--fg)}
.search-form .btn{white-space:nowrap}

.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid transparent;background:var(--acc);color:#fff;text-decoration:none;font-weight:600;cursor:pointer}
.btn:hover{opacity:.92}
.btn.outline{background:transparent;border-color:var(--line);color:var(--fg)}
.btn.block{display:block;width:100%;text-align:center}
.btn.disabled{opacity:.5;pointer-events:none}

.setup-banner{background:#33250a;color:#ffd17a;border-top:1px solid #5a4514;border-bottom:1px solid #5a4514}
.setup-banner .container{padding:8px 0}

.page-title{margin:24px 0 12px}

.filters{margin:8px 0 16px}
.filter-row{display:flex;gap:8px;flex-wrap:wrap}
.filters select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0f0f11;color:var(--fg)}

.grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}
@media (min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:992px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.card{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.card-img{
  width:100%;
  aspect-ratio:4/3;
  /* მთავარზე ფოტო სრულად ჩანდეს, აღარ იჭრებოდეს */
  object-fit:contain;
  object-position:center center;
  background:#0f0f11;
}
.card-body{padding:12px}
.card-title{font-size:16px;margin:0 0 6px}
.price{font-weight:700;margin:0 0 10px}
.site-footer{border-top:1px solid var(--line);margin-top:36px}
.site-footer .container{padding:18px 0}

/* საძიებო შემოთავაზებები */
.search-suggest {
  position: absolute;
  top: 42px; left: 0; right: 0;
  background: #0f0f11; border: 1px solid #232427;
  border-radius: 12px; padding: 6px; z-index: 50;
  box-shadow: 0 10px 24px rgba(0,0,0,0.35);
}
.search-suggest .ss-item {
  display: grid; grid-template-columns: 48px 1fr auto; gap: 10px;
  align-items: center; padding: 8px; border-radius: 10px; text-decoration: none; color: #e9eaec;
}
.search-suggest .ss-item:hover { background: #141518; }
.search-suggest .ss-img { width: 48px; height: 36px; object-fit: cover; border-radius: 8px; border: 1px solid #232427; }
.search-suggest .ss-title { font-size: 14px; line-height: 1.25; }
.search-suggest .ss-price { font-weight: 700; font-size: 14px; opacity: .9; }
.search-suggest .ss-more {
  display: block; text-align: center; padding: 8px; font-weight: 700; color: #9aa0a6;
}

/* -------- Product detail lightbox -------- */
.lightbox-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.9);
  display:none; align-items:center; justify-content:center; z-index:9999;
}
.lightbox-backdrop.open{display:flex}
.lightbox-img{
  max-width:min(98vw,1200px);
  max-height:90vh;
  object-fit:contain; object-position:center center;
  background:#0f0f11; border:1px solid #232427; border-radius:12px;
}
.lightbox-controls{
  position:absolute; bottom:24px; left:0; right:0; display:flex; gap:8px; justify-content:center;
}
.lightbox-btn{
  padding:10px 14px; border-radius:10px; border:1px solid #232427; background:#151618; color:#e9eaec;
  cursor:pointer; min-width:110px; text-align:center; font-weight:700;
}
.lightbox-btn:hover{background:#1b1c20}