:root{
  --bg:#fffaf0;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --primary:#5aa9e6;
  --secondary:#7bdff2;
  --accent:#f7b267;
  --violet:#bdb2ff;
  --mint:#a7f3d0;
  --danger:#ef4444;
  --ok:#10b981;
  --shadow: 0 16px 40px rgba(15,23,42,.12);
  --radius:18px;
  --ring: 0 0 0 6px rgba(90,169,230,.16);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;color:var(--text);}
body{
  background:
    radial-gradient(1100px 600px at 10% -10%, rgba(189,224,254,.90), transparent 55%),
    radial-gradient(1000px 560px at 95% 0%, rgba(255,214,165,.85), transparent 52%),
    radial-gradient(900px 520px at 30% 110%, rgba(167,243,208,.70), transparent 55%),
    linear-gradient(180deg,#fffaf0 0%, #f3f8ff 100%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1160px;margin:0 auto;padding:0 16px}

@keyframes floaty { 0%{transform:translateY(0)} 50%{transform:translateY(-6px)} 100%{transform:translateY(0)} }
@keyframes pop { from{transform:scale(.96);opacity:0} to{transform:scale(1);opacity:1} }
@keyframes shimmer { 0%{background-position:-400px 0} 100%{background-position:400px 0} }

.topbar{
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(100,116,139,.16);
  position: sticky; top:0; z-index: 60;
}
.header{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 0;
}
.brand{display:flex;align-items:center;gap:10px;font-weight:900}
.brand .logo{
  width:44px;height:44px;border-radius:16px;
  background: radial-gradient(circle at 30% 30%, var(--secondary), var(--primary));
  display:grid;place-items:center;box-shadow:var(--shadow);
  animation: floaty 4s ease-in-out infinite;
}
.brand .logo span{font-size:22px}
.nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nav a{
  padding:8px 10px;border-radius:12px;
  color:var(--text);font-weight:750;font-size:14px;
}
.nav a:hover{background: rgba(90,169,230,.12)}
.actions{display:flex;gap:10px;align-items:center}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 14px;border-radius:14px;border:1px solid rgba(100,116,139,.18);
  background:#fff;font-weight:850;cursor:pointer;
  box-shadow: 0 10px 22px rgba(15,23,42,.08);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.btn:hover{transform: translateY(-1px); box-shadow: 0 14px 30px rgba(15,23,42,.12);}
.btn:active{transform: translateY(0)}
.btn:focus{outline:none; box-shadow: var(--shadow), var(--ring);}
.btn.primary{background: linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#0b1220}
.btn.accent{background: linear-gradient(135deg,var(--accent),#ffd6a5);border:none}
.btn.ghost{background: transparent}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:22px;border-radius:999px;
  background: linear-gradient(135deg,#ffd6a5,var(--accent));
  color:#111827;font-weight:950;font-size:12px;padding:0 7px;
}
.search{
  flex:1;display:flex;gap:10px;align-items:center;
  background: rgba(255,255,255,.9);border:1px solid rgba(100,116,139,.18);
  padding:10px 12px;border-radius:16px;
  box-shadow: 0 10px 26px rgba(15,23,42,.06);
}
.search input{width:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:750}

.hero{
  margin:18px 0 0;
  background: linear-gradient(135deg, rgba(189,224,254,.95), rgba(255,214,165,.85));
  border:1px solid rgba(100,116,139,.15);
  border-radius: 28px;
  overflow:hidden;
  box-shadow: var(--shadow);
  position:relative;
}
.hero:before{
  content:"";
  position:absolute; inset:-40px;
  background:
    radial-gradient(500px 260px at 20% 20%, rgba(255,255,255,.7), transparent 60%),
    radial-gradient(520px 260px at 80% 10%, rgba(255,255,255,.55), transparent 60%);
  pointer-events:none;
}
.hero-inner{
  display:grid;grid-template-columns: 1.1fr .9fr;gap:20px;
  padding:22px;
  align-items:center;
  position:relative;
}
.hero h1{margin:0;font-size:36px;line-height:1.06;letter-spacing:-.3px}
.hero p{margin:10px 0 16px;color:#334155;font-weight:750}
.pill{
  display:inline-flex;gap:8px;align-items:center;
  background: rgba(255,255,255,.72);padding:8px 10px;border-radius:999px;
  border:1px solid rgba(100,116,139,.15);
  font-weight:850;color:#0f172a;font-size:13px;
}
.hero-art{
  background: rgba(255,255,255,.55);
  border-radius: 22px;
  padding: 14px;
  border: 1px solid rgba(100,116,139,.12);
  animation: pop .35s ease both;
}
.grid{display:grid;gap:14px}
.grid.cards{grid-template-columns: repeat(4, minmax(0,1fr))}
@media (max-width: 980px){ .grid.cards{grid-template-columns: repeat(3,1fr)} .hero-inner{grid-template-columns:1fr} }
@media (max-width: 720px){ .grid.cards{grid-template-columns: repeat(2,1fr)} .nav{display:none} .search{display:none} }
@media (max-width: 420px){ .grid.cards{grid-template-columns: 1fr} }

.section{margin:22px 0}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px}
.section-title h2{margin:0;font-size:20px}
.section-title p{margin:0;color:var(--muted);font-weight:750;font-size:13px}

.card{
  background: rgba(255,255,255,.92);
  border:1px solid rgba(100,116,139,.14);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: 0 12px 28px rgba(15,23,42,.08);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.card:hover{transform: translateY(-2px); box-shadow: 0 18px 40px rgba(15,23,42,.12); border-color: rgba(90,169,230,.28);}
.card-body{padding:12px}
.card .meta{display:flex;gap:8px;align-items:center;justify-content:space-between}
.kicker{font-size:12px;color:var(--muted);font-weight:850}
.price{font-size:16px;font-weight:950}
.star{color:#f59e0b;font-weight:950}
.small{font-size:12px;color:var(--muted);font-weight:700}
.card .title{margin:6px 0 8px;font-weight:950;line-height:1.2}
.card .actions2{display:flex;gap:8px;margin-top:10px}
.card .actions2 .btn{padding:9px 10px;font-size:13px;border-radius:12px}

.tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tag{
  font-size:11px;font-weight:950;color:#0f172a;
  background: rgba(167,243,208,.60);
  border:1px solid rgba(16,185,129,.22);
  padding:4px 8px;border-radius:999px;
}
.tag.hot{background: rgba(255,214,165,.70); border-color: rgba(245,158,11,.22)}
.tag.new{background: rgba(189,178,255,.62); border-color: rgba(139,92,246,.22)}

.breadcrumbs{margin:14px 0;color:var(--muted);font-weight:800;font-size:13px}
.breadcrumbs a{color:#0f172a}
.page{margin: 18px 0;padding: 16px}
.layout-2{display:grid;grid-template-columns: 1.1fr .9fr;gap:16px;align-items:start}
@media (max-width: 980px){ .layout-2{grid-template-columns:1fr} }

.gallery{display:grid;gap:10px}
.gallery-main{border-radius:22px;overflow:hidden;border:1px solid rgba(100,116,139,.14);background:#fff}
.gallery-thumbs{display:grid;grid-template-columns: repeat(4,1fr);gap:10px}
.thumb{border-radius:18px;overflow:hidden;border:1px solid rgba(100,116,139,.14);background:#fff;cursor:pointer}
.panel{padding:14px}
.h1{margin:0;font-size:28px;line-height:1.15}
.specs{margin:12px 0 0;display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:8px}
.spec{
  background: rgba(90,169,230,.08);
  border:1px solid rgba(90,169,230,.16);
  border-radius: 14px;
  padding:10px;
}
.spec b{display:block;font-size:12px;color:#0f172a}
.spec span{display:block;font-size:13px;color:#334155;font-weight:800}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.qty{display:flex;align-items:center;gap:8px;border:1px solid rgba(100,116,139,.18);padding:8px 10px;border-radius:14px;background:#fff}
.qty button{width:30px;height:30px;border-radius:12px;border:1px solid rgba(100,116,139,.18);background:#fff;font-weight:950;cursor:pointer}
.qty input{width:44px;border:none;outline:none;text-align:center;font-weight:950}
.notice{
  margin-top:10px;
  padding:10px 12px;border-radius:16px;
  border:1px dashed rgba(100,116,139,.35);
  background: rgba(255,255,255,.7);
  color:#334155;font-weight:800;
}
.benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.benefit{display:flex;gap:8px;align-items:center;background: rgba(255,255,255,.85);border:1px solid rgba(100,116,139,.14);padding:8px 10px;border-radius:999px;font-weight:900;font-size:13px}
.hr{height:1px;background: rgba(100,116,139,.15);margin:14px 0}
.form{display:grid;gap:10px}
.field label{display:block;font-weight:950;font-size:13px;margin-bottom:6px}
.field input, .field select, .field textarea{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(100,116,139,.18);background: rgba(255,255,255,.9);outline:none;font-weight:750}
.field input:focus, .field select:focus, .field textarea:focus{box-shadow: var(--ring); border-color: rgba(90,169,230,.35)}
.field textarea{min-height:96px;resize:vertical}
.helper{font-size:12px;color:var(--muted);font-weight:700;margin-top:4px}

.footer{margin-top:26px;padding:22px 0;border-top:1px solid rgba(100,116,139,.15);color:var(--muted);font-weight:700}
.footer-grid{display:grid;grid-template-columns: 1.2fr 1fr 1fr;gap:14px}
@media (max-width: 820px){ .footer-grid{grid-template-columns: 1fr} }

.table{width:100%;border-collapse: collapse;overflow:hidden;border-radius:16px;border:1px solid rgba(100,116,139,.16);background: rgba(255,255,255,.9)}
.table th,.table td{padding:10px 10px;border-bottom:1px solid rgba(100,116,139,.12);text-align:left}
.table th{font-size:12px;color:#0f172a;font-weight:950;background: rgba(90,169,230,.08)}
.table td{font-weight:800;color:#334155}
.table tr:last-child td{border-bottom:none}

.toast{
  position: fixed; right:16px; bottom:16px;
  background: rgba(15,23,42,.92); color:#fff;
  padding:12px 14px;border-radius:16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
  font-weight:850;max-width: 340px;
  opacity:0; transform: translateY(14px);
  transition: .22s ease;
  z-index: 120;
}
.toast.show{opacity:1;transform:none}

/* : sidebar filters + chips + modal + accordion */
.catalog-layout{display:grid;grid-template-columns: 320px 1fr;gap:14px}
@media (max-width: 980px){ .catalog-layout{grid-template-columns: 1fr} }

.sidebar{
  position: sticky;
  top: 84px;
  align-self:start;
}
@media (max-width: 980px){ .sidebar{position:static} }

.filter-card{padding:14px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:999px;
  border:1px solid rgba(100,116,139,.18);
  background: rgba(255,255,255,.85);
  font-weight:900;font-size:12px;color:#0f172a;
}
.chip button{
  border:none;background:transparent;cursor:pointer;font-weight:950;
  opacity:.65;
}
.range{display:grid;grid-template-columns: 1fr 1fr;gap:10px}
.skel{
  height:220px;border-radius:18px;
  background: linear-gradient(90deg, rgba(148,163,184,.18), rgba(148,163,184,.08), rgba(148,163,184,.18));
  background-size: 800px 100%;
  animation: shimmer 1.2s linear infinite;
  border:1px solid rgba(100,116,139,.12);
}

.modal-backdrop{
  position:fixed;inset:0;background:rgba(15,23,42,.38);
  display:none;align-items:center;justify-content:center;
  z-index: 110;
  padding:16px;
}
.modal{max-width:980px;width:100%;background:rgba(255,255,255,.96);border:1px solid rgba(100,116,139,.18);border-radius:22px;box-shadow: var(--shadow);overflow:hidden;animation: pop .18s ease both;}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(100,116,139,.14)}
.modal-close{border:none;background:transparent;font-size:18px;cursor:pointer;font-weight:950}
.modal-body{padding:14px}
.modal-grid{display:grid;grid-template-columns: 1fr 1fr;gap:14px}
@media (max-width: 860px){ .modal-grid{grid-template-columns:1fr} }

.accordion .acc-item{border:1px solid rgba(100,116,139,.14);border-radius:16px;background:rgba(255,255,255,.85);overflow:hidden;margin-top:10px}
.accordion button{width:100%;text-align:left;padding:12px 12px;background:transparent;border:none;cursor:pointer;font-weight:950;display:flex;justify-content:space-between;align-items:center}
.accordion .acc-body{padding:0 12px 12px;color:#334155;font-weight:750;display:none}
.accordion .acc-item.open .acc-body{display:block}

/* --- FIX: карточки (текст + кнопки) --- */
.card img{
  width:100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: rgba(255,255,255,.95);
}
.card .title{
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
  min-height: 2.4em;
}
.card .small{
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.actions2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.actions2 .btn{width:100%; padding:10px 10px; font-size:13px; border-radius:14px;}
@media (max-width: 520px){
  .actions2{grid-template-columns: 1fr;}
}
.card .row .btn{flex:1; min-width:120px; justify-content:center;}

/* --- FIX: хедер (убрать иконку поиска + развести кнопки) --- */
.search{display:none !important;} /* убираем лупу/поиск из хедера */
[data-auth-area]{
  display:flex;
  gap:10px;
  row-gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
}
[data-auth-area] .btn{white-space:nowrap;}

/* =========================
   MARKETPLACE VISUAL UPGRADE
   ========================= */
:root{
  --bg0:#f6f8ff;
  --bg1:#ffffff;
  --ink:#0f172a;
  --muted:#64748b;
  --stroke:rgba(100,116,139,.16);
  --stroke2:rgba(100,116,139,.22);
  --shadow:0 16px 42px rgba(15,23,42,.12);
  --shadow2:0 10px 24px rgba(15,23,42,.10);
}

body{
  background: radial-gradient(1200px 800px at 20% 10%, rgba(90,169,230,.14), transparent 60%),
              radial-gradient(900px 700px at 80% 20%, rgba(123,223,242,.16), transparent 55%),
              linear-gradient(180deg, var(--bg0), #fff 30%);
}

/* Header marketplace */
.topbar{
  position: sticky;
  top: 0;
  z-index: 120;
  border-bottom:1px solid var(--stroke);
  background: rgba(255,255,255,.84);
  backdrop-filter: blur(16px);
}
.header-top{
  display:flex;
  align-items:center;
  gap:14px;
  padding: 12px 0;
}
.header-bottom{
  display:flex;
  align-items:center;
  gap:6px;
  padding: 10px 0 14px;
  border-top:1px solid rgba(100,116,139,.10);
}
.header-bottom a{
  padding:10px 12px;
  border-radius:999px;
  font-weight:900;
  font-size:13px;
  border:1px solid transparent;
}
.header-bottom a:hover{
  background: linear-gradient(135deg, rgba(90,169,230,.12), rgba(123,223,242,.12));
  border-color: rgba(90,169,230,.18);
}
.header-bottom .spacer{ flex:1; }

.searchbar{
  flex:1;
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid var(--stroke2);
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
}
.searchbar input{
  border:none;
  outline:none;
  background:transparent;
  width:100%;
  font-weight:800;
}
.searchbar .btn{
  border-radius:999px;
  padding:10px 14px;
}
.searchbar.mobile{ margin-bottom: 12px; }

.actions{
  display:flex;
  align-items:center;
  gap:10px;
}
[data-auth-area]{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

.cartbtn{
  border-radius:999px;
  padding:10px 14px;
  gap:10px;
  box-shadow: 0 10px 24px rgba(15,23,42,.10);
}
.cartbtn .badge{
  min-width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background: rgba(15,23,42,.10);
  font-weight:950;
}

.iconbtn{
  width:44px;height:44px;
  border-radius:14px;
  border:1px solid var(--stroke2);
  background: rgba(255,255,255,.92);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.iconbtn:hover{ background: rgba(90,169,230,.10); border-color: rgba(90,169,230,.30); transform: translateY(-1px); }
.iconbtn:active{ transform: translateY(0); }
.iconbtn:focus{ outline:none; box-shadow: var(--ring); }
.iconbtn-lines{ width:18px;height:12px; position:relative; display:block; }
.iconbtn-lines:before, .iconbtn-lines:after, .iconbtn-lines{ background:#0f172a; border-radius:999px; }
.iconbtn-lines{ height:2px; }
.iconbtn-lines:before, .iconbtn-lines:after{ content:""; position:absolute; left:0; right:0; height:2px; }
.iconbtn-lines:before{ top:-5px; }
.iconbtn-lines:after{ top:5px; }

/* Drawer polish */
.drawer{
  border-left:1px solid var(--stroke);
  background: rgba(255,255,255,.97);
}
.drawer-links a{
  border:1px solid var(--stroke);
  box-shadow: 0 6px 14px rgba(15,23,42,.06);
}

/* Cards: marketplace */
.card{
  border:1px solid var(--stroke);
  box-shadow: 0 12px 28px rgba(15,23,42,.10);
}
.card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow);
}
.card img{
  border-bottom:1px solid rgba(100,116,139,.10);
}
.price{
  font-weight:950;
  letter-spacing:.2px;
}
.tag{
  font-weight:900;
}

/* Buttons nicer */
.btn{
  border-radius:14px;
  font-weight:900;
}
.btn.ghost{
  background: rgba(255,255,255,.86);
  border:1px solid var(--stroke2);
}
.btn.ghost:hover{
  background: rgba(90,169,230,.10);
  border-color: rgba(90,169,230,.30);
}

.actions2 .btn{
  border-radius:14px;
}
.actions2 .btn.primary{
  box-shadow: 0 10px 22px rgba(15,23,42,.10);
}

/* Layout tweaks */
.section-title h2{ letter-spacing:.2px; }
.notice{
  border:1px solid rgba(100,116,139,.14);
  background: rgba(255,255,255,.86);
}

/* Responsive header */
@media (max-width: 980px){
  .header-bottom{ display:none; }
  .searchbar{ display:none; }
}
@media (max-width: 520px){
  .header-top{ gap:10px; }
  .cartbtn-text{ display:none; }
}

/* --- FIX: красивое сэндвич-меню (drawer) --- */
.drawer-backdrop{
  position:fixed !important;
  inset:0 !important;
  background: rgba(15,23,42,.45) !important;
  z-index: 9998 !important;
}
.drawer{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  height:100vh !important;
  width:min(420px, 92vw) !important;
  background: rgba(255,255,255,.98) !important;
  border-left:1px solid rgba(100,116,139,.16) !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.28) !important;
  z-index: 9999 !important;
  overflow:auto !important;
  transform: translateX(0) !important;
}
.drawer-head{
  position:sticky;
  top:0;
  background: rgba(255,255,255,.98);
  backdrop-filter: blur(12px);
  border-bottom:1px solid rgba(100,116,139,.14);
  z-index: 1;
}
.drawer-head .pill{
  font-weight:950;
}
.drawer-body{ padding:14px; }
.drawer-links{ display:grid; gap:10px; margin-top:10px; }
.drawer-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(100,116,139,.14);
  background: rgba(255,255,255,.92);
  font-weight:950;
  color:#0f172a;
}
.drawer-links a:hover{
  background: linear-gradient(135deg, rgba(90,169,230,.12), rgba(123,223,242,.12));
  border-color: rgba(90,169,230,.28);
  transform: translateY(-1px);
}
.drawer-actions{
  display:grid;
  gap:10px;
}
.drawer-actions [data-auth-area]{ width:100%; justify-content:center; }
.drawer-actions .btn{ width:100%; justify-content:center; border-radius:16px; }

.searchbar.mobile{
  display:flex;
  border-radius:16px;
  padding:10px 10px;
}
.searchbar.mobile input{ font-weight:800; }
.searchbar.mobile .btn{ padding:10px 14px; }

/* На десктопе drawer скрыт кнопкой, но если случайно открыт — всё равно выглядит нормально */


/* --- HOME: featured / reviews / checklist --- */
.product .imgwrap{ display:block; border-radius:18px; overflow:hidden; }
.product img{ width:100%; height:180px; object-fit:cover; display:block; }
.product .pad{ padding:12px; }
.product .meta{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin-bottom:8px; }
.product .title{ display:block; font-weight:950; color:#0f172a; text-decoration:none; margin:6px 0 6px; }
.product .title:hover{ text-decoration:underline; }
.rating{ font-weight:950; color:#f59e0b; }
.collection .mini-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:12px; }
.collection .mini{ text-decoration:none; color:#0f172a; border:1px solid rgba(100,116,139,.14); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.88); }
.collection .mini img{ width:100%; height:86px; object-fit:cover; display:block; }
.collection .mini-name{ font-weight:850; font-size:12px; padding:8px 8px 0; height:34px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.collection .mini-price{ font-weight:950; font-size:12px; padding:6px 8px 10px; color:#0f172a; }
.review{ min-height:132px; }
#checklistBox .check-group{ padding:12px; border:1px solid rgba(100,116,139,.14); border-radius:18px; background:rgba(255,255,255,.88); margin-bottom:12px; }
#checklistBox .check-items{ margin-top:10px; display:grid; gap:8px; }
#checklistBox .check-item{ display:flex; gap:10px; align-items:flex-start; font-weight:800; }
#checklistBox input[type="checkbox"]{ width:18px; height:18px; margin-top:2px; }
@media (max-width: 980px){
  .collection .mini-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product img{ height:160px; }
}