/* AMM catalog — двухколоночный каталог в стиле kubota-mpg, на фирменных цветах сайта */
.amm-catalog{
  --amm-accent:#f7b801;
  --amm-dark:#2a2834;
  --amm-text:#212529;
  --amm-muted:#6c757d;
  --amm-border:#e3e3e8;
  --amm-bg:#f6f6f8;
  display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;
  align-items:start;font-family:"Roboto",system-ui,sans-serif;color:var(--amm-text);
  max-width:1280px;margin:0 auto;padding:44px 0 56px;
}
@media(max-width:900px){.amm-catalog{padding-top:28px}}
.amm-catalog *{box-sizing:border-box}
.amm-catalog a{color:inherit;text-decoration:none}

/* Sidebar — flat minimal style (ориентир: kubota-mpg.kz/shop) */
.amm-side{display:flex;flex-direction:column;gap:34px;position:sticky;top:16px}
.amm-card{background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.amm-card h3{font-family:"Oswald",sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;
  letter-spacing:.5px;margin:0 0 14px;color:var(--amm-dark);display:flex;align-items:baseline}

.amm-cats{list-style:none;margin:0;padding:0;font-size:15px}
.amm-cats>li{margin:0}
.amm-type{display:flex;align-items:center}
.amm-type>button.amm-type-name{flex:1;text-align:left;background:none;border:0;cursor:pointer;
  padding:9px 0;font-size:15px;font-weight:500;color:var(--amm-text);font-family:inherit;
  display:flex;align-items:center;transition:color .15s}
.amm-type>button.amm-type-name:hover{color:#000}
.amm-type>button.amm-type-name .amm-cnt{display:none}
.amm-type.active>button.amm-type-name{font-weight:700;color:#000}
.amm-toggle{width:26px;height:26px;border:0;background:none;cursor:pointer;font-size:20px;line-height:1;
  color:#9a9aa3;flex:none;transition:color .15s;font-weight:300}
.amm-toggle:hover{color:#000}

.amm-subs{list-style:none;margin:0 0 6px;padding:0 0 4px 14px}
.amm-subs li button{width:100%;text-align:left;background:none;border:0;cursor:pointer;
  padding:6px 0;font-size:14px;color:var(--amm-muted);font-family:inherit;
  display:flex;align-items:center;transition:color .15s}
.amm-subs li button:hover{color:#000}
.amm-subs li button.active{color:#000;font-weight:600}
.amm-subs .amm-cnt{display:none}

.amm-brands{list-style:none;margin:0;padding:0}
.amm-brands li label{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:15px;cursor:pointer;color:var(--amm-text)}
.amm-brands li label:hover{color:#000}
.amm-brands input{width:18px;height:18px;accent-color:var(--amm-accent);cursor:pointer}
.amm-brands .amm-cnt{margin-left:auto;font-size:12px;color:#b3b3ba}
.amm-reset{background:none;border:0;color:var(--amm-muted);font-size:12px;text-transform:none;
  letter-spacing:0;text-decoration:underline;cursor:pointer;margin-left:14px;font-family:"Roboto",sans-serif;align-self:center}

/* Content */
.amm-main{min-width:0}
.amm-h1{font-family:"Oswald",sans-serif;font-weight:700;font-size:30px;margin:0 0 14px;color:var(--amm-dark)}
.amm-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}
.amm-search{flex:1;min-width:200px;max-width:340px;border:1px solid var(--amm-border);border-radius:10px;padding:10px 14px;font-size:14px;outline:none}
.amm-search:focus{border-color:var(--amm-dark)}
.amm-sort{border:1px solid var(--amm-border);border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;cursor:pointer}
.amm-count{font-size:13px;color:var(--amm-muted);margin:0 0 16px}
.amm-count b{color:var(--amm-text)}

.amm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.amm-prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--amm-border);
  border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.amm-prod:hover{box-shadow:0 8px 24px rgba(20,20,30,.10)}
.amm-prod-img{position:relative;display:block;aspect-ratio:1/1;background:#f3f3f6;overflow:hidden}
.amm-prod-img img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .3s}
.amm-prod:hover .amm-prod-img img{transform:scale(1.05)}
.amm-prod-badge{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.95);
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--amm-dark);
  padding:4px 8px;border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.amm-prod-body{display:flex;flex-direction:column;gap:6px;padding:14px;flex:1}
.amm-prod-title{font-size:14px;font-weight:600;line-height:1.35;color:var(--amm-text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.amm-prod-sku{font-size:12px;color:var(--amm-muted)}
.amm-prod-specs{list-style:none;margin:0;padding:0;font-size:12px;color:var(--amm-muted)}
.amm-prod-specs li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amm-prod-specs b{color:var(--amm-text);font-weight:500}
.amm-btn{margin-top:auto;display:inline-block;text-align:center;background:var(--amm-accent);
  color:#1c1b22;font-weight:700;font-size:13px;padding:9px 14px;border-radius:9px;border:0;cursor:pointer;transition:filter .15s}
.amm-btn:hover{filter:brightness(.94)}

.amm-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:32px}
.amm-pager button{min-width:40px;border:1px solid var(--amm-border);background:#fff;border-radius:9px;
  padding:8px 12px;font-size:14px;cursor:pointer}
.amm-pager button[disabled]{opacity:.4;cursor:default}
.amm-pager button.active{background:var(--amm-accent);border-color:var(--amm-accent);font-weight:700}
.amm-empty{padding:60px 0;text-align:center;color:var(--amm-muted)}
.amm-loading{padding:48px 0;text-align:center;color:var(--amm-muted)}

/* Mobile filter button + drawer */
.amm-filter-btn{display:none;width:100%;border:1px solid var(--amm-border);background:#fff;border-radius:10px;
  padding:12px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:14px}
.amm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9998}
.amm-close{display:none}

@media(max-width:1024px){
  .amm-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .amm-catalog{grid-template-columns:1fr}
  .amm-filter-btn{display:block}
  .amm-side{position:fixed;left:0;top:0;height:100%;width:86%;max-width:340px;z-index:9999;
    background:var(--amm-bg);padding:16px;overflow-y:auto;transform:translateX(-100%);transition:transform .25s}
  .amm-catalog.amm-open .amm-side{transform:translateX(0)}
  .amm-catalog.amm-open .amm-overlay{display:block}
  .amm-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;
    background:#fff;border-radius:9px;font-size:18px;cursor:pointer;margin-left:auto;margin-bottom:8px}
}
@media(max-width:560px){
  .amm-grid{grid-template-columns:1fr}
}

/* ============================================================
   ВАРИАНТЫ ДИЗАЙНА (переключение 1–6). База выше = Вариант 1.
   ============================================================ */

/* Переключатель */
.amm-switch{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:10000;
  display:flex;gap:6px;background:#fff;border:1px solid #e3e3e8;border-radius:40px;
  padding:7px 10px;box-shadow:0 8px 30px rgba(0,0,0,.18);font-family:"Roboto",sans-serif}
.amm-switch span{font-size:12px;color:#6c757d;align-self:center;margin:0 6px 0 4px}
.amm-switch button{width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;font-weight:700;
  font-size:14px;background:#f0f0f3;color:#2a2834;transition:all .15s}
.amm-switch button:hover{background:#e3e3e8}
.amm-switch button.on{background:#2a2834;color:#fff}

/* ---------- ВАРИАНТ 2: мягкие карточки ---------- */
.amm-catalog.v2 .amm-side{gap:16px}
.amm-catalog.v2 .amm-card{background:#fff;border:1px solid #ececed;border-radius:18px;padding:18px 16px;
  box-shadow:0 10px 30px rgba(20,20,30,.06)}
.amm-catalog.v2 .amm-card h3{font-size:15px;gap:9px}
.amm-catalog.v2 .amm-card h3::before{content:"";width:4px;height:16px;border-radius:3px;background:var(--amm-accent);display:inline-block;margin-right:2px}
.amm-catalog.v2 .amm-type:hover{background:#f6f6f8;border-radius:10px}
.amm-catalog.v2 .amm-type>button.amm-type-name{padding:9px 8px}
.amm-catalog.v2 .amm-type.active{background:rgba(247,184,1,.12);border-radius:10px}
.amm-catalog.v2 .amm-prod{border:0;border-radius:18px;box-shadow:0 6px 22px rgba(20,20,30,.07)}
.amm-catalog.v2 .amm-prod:hover{box-shadow:0 14px 34px rgba(20,20,30,.14);transform:translateY(-3px)}
.amm-catalog.v2 .amm-btn{background:transparent;border:1.5px solid var(--amm-accent);color:#9a7400}
.amm-catalog.v2 .amm-btn:hover{background:var(--amm-accent);color:#1c1b22;filter:none}

/* ---------- ВАРИАНТ 3: тёмная боковая ---------- */
.amm-catalog.v3 .amm-card{background:#2a2834;border-radius:16px;padding:18px 16px}
.amm-catalog.v3 .amm-card h3{color:#fff}
.amm-catalog.v3 .amm-type>button.amm-type-name{color:#e7e7ea}
.amm-catalog.v3 .amm-type>button.amm-type-name:hover{color:#fff}
.amm-catalog.v3 .amm-type.active>button.amm-type-name{color:var(--amm-accent)}
.amm-catalog.v3 .amm-toggle{color:#9a98a6}
.amm-catalog.v3 .amm-toggle:hover{color:#fff}
.amm-catalog.v3 .amm-subs li button{color:#b6b4c0}
.amm-catalog.v3 .amm-subs li button:hover{color:#fff}
.amm-catalog.v3 .amm-subs li button.active{color:var(--amm-accent)}
.amm-catalog.v3 .amm-brands li label{color:#e7e7ea}
.amm-catalog.v3 .amm-brands li label:hover{color:#fff}
.amm-catalog.v3 .amm-reset{color:#9a98a6}
.amm-catalog.v3 .amm-prod{border-color:#ececef}
.amm-catalog.v3 .amm-btn{background:#2a2834;color:#fff}
.amm-catalog.v3 .amm-btn:hover{background:#000;filter:none}

/* ---------- ВАРИАНТ 4: минимал-линии ---------- */
.amm-catalog.v4 .amm-cats>li{border-bottom:1px solid #eee}
.amm-catalog.v4 .amm-type>button.amm-type-name{font-weight:500}
.amm-catalog.v4 .amm-type.active>button.amm-type-name{color:#000;font-weight:700}
.amm-catalog.v4 .amm-card h3{font-size:18px;border-bottom:2px solid #2a2834;padding-bottom:8px}
.amm-catalog.v4 .amm-prod{border:0;border-radius:0;border-bottom:1px solid #ececef;box-shadow:none}
.amm-catalog.v4 .amm-prod:hover{box-shadow:none}
.amm-catalog.v4 .amm-prod-img{background:#f3f3f6;border-radius:8px}
.amm-catalog.v4 .amm-btn{background:none;color:#9a7400;padding:6px 0;border-radius:0;text-align:left;font-weight:700}
.amm-catalog.v4 .amm-btn::after{content:" →"}
.amm-catalog.v4 .amm-btn:hover{color:#000;filter:none}
.amm-catalog.v4 .amm-grid{gap:24px}

/* ---------- ВАРИАНТ 5: индустриальный (жирный) ---------- */
.amm-catalog.v5 .amm-card h3{font-size:20px}
.amm-catalog.v5 .amm-type>button.amm-type-name{text-transform:uppercase;font-size:13px;letter-spacing:.4px;font-weight:700}
.amm-catalog.v5 .amm-type.active{background:var(--amm-accent);border-radius:8px}
.amm-catalog.v5 .amm-type.active>button.amm-type-name{color:#1c1b22}
.amm-catalog.v5 .amm-type.active>.amm-toggle{color:#1c1b22}
.amm-catalog.v5 .amm-subs li button.active{background:rgba(247,184,1,.18);border-radius:6px}
.amm-catalog.v5 .amm-prod{border:2px solid #2a2834;border-radius:8px;box-shadow:none}
.amm-catalog.v5 .amm-prod::before{content:"";display:block;height:5px;background:var(--amm-accent)}
.amm-catalog.v5 .amm-prod:hover{box-shadow:0 10px 0 -4px var(--amm-accent),0 14px 30px rgba(0,0,0,.12);transform:none}
.amm-catalog.v5 .amm-btn{width:100%;text-transform:uppercase;letter-spacing:.5px;border-radius:6px}

/* ---------- ВАРИАНТ 6: синий компактный (4 колонки) ---------- */
.amm-catalog.v6{--amm-accent:#0d6efd}
.amm-catalog.v6 .amm-card h3{font-size:18px}
.amm-catalog.v6 .amm-type>button.amm-type-name{padding:7px 0;font-size:14px}
.amm-catalog.v6 .amm-type.active>button.amm-type-name{color:#0d6efd}
.amm-catalog.v6 .amm-subs li button.active{color:#0d6efd}
.amm-catalog.v6 .amm-brands input{accent-color:#0d6efd}
.amm-catalog.v6 .amm-grid{grid-template-columns:repeat(4,1fr);gap:14px}
.amm-catalog.v6 .amm-prod{border-radius:10px}
.amm-catalog.v6 .amm-prod-body{padding:11px;gap:5px}
.amm-catalog.v6 .amm-prod-title{font-size:13px}
.amm-catalog.v6 .amm-btn{background:#0d6efd;color:#fff;font-size:12px;padding:8px 12px}
.amm-catalog.v6 .amm-btn:hover{background:#0b5ed7;filter:none}
@media(max-width:1024px){.amm-catalog.v6 .amm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.amm-catalog.v6 .amm-grid{grid-template-columns:1fr}}

/* .amm-headsearch вынесен в отдельный header-search.css (на всех страницах) */
.amm-sortlbl{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c757d}

/* адаптив: переносы длинных названий */
.amm-prod-title{overflow-wrap:anywhere;word-break:break-word}
.amm-h1{overflow-wrap:anywhere}