/* sl-catalog.css v2 — каталог-надстройка Sima Land: живые данные (t360, 10.10.2026)
   Структура страницы категории — как у поставщика: крошки → баннеры → H1 →
   чипы подрубрик → [сайдбар фильтров | тулбар + сетка товаров + пагинация].
   Палитра витрины: #241F20 текст, #FF7200 акцент, карамельные спец-плитки. */

/* ===== спец-плитки (Акции/Новинки/Опт/Поставщик) ===== */
.sl-spec{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.sl-spec__t{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#FFF6E0,#FFEAD2);border:1px solid #F0DFAE;border-radius:14px;padding:14px 16px;text-decoration:none}
.sl-spec__t:hover{border-color:#E8A23C;box-shadow:0 4px 14px rgba(255,114,0,.12)}
.sl-spec__ic{font-size:22px;line-height:1}
.sl-spec__b b{display:block;font-size:13.5px;font-weight:900;color:#241F20}
.sl-spec__b i{display:block;font-style:normal;font-size:11px;color:#9A6700;margin-top:2px}

/* ===== плитки рубрик уровня 1 (сетка как /catalog/ у поставщика) ===== */
.sl-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px}
.sl-tile{display:flex;flex-direction:column;background:#fff;border:1px solid #E8EAEC;border-radius:16px;overflow:hidden;text-decoration:none}
.sl-tile:hover{border-color:#FFB27A;box-shadow:0 6px 18px rgba(255,114,0,.10)}
.sl-tile__img{width:100%;aspect-ratio:303/204;object-fit:cover;display:block;background:#F3F5F4}
.sl-tile__b{padding:11px 13px 13px;display:flex;flex-direction:column;gap:3px}
.sl-tile__b b{font-size:13.5px;font-weight:900;color:#241F20;line-height:1.25}
.sl-tile__b i{font-style:normal;font-size:11.5px;color:#8C9296}

/* ===== промо-баннеры рубрики (chponki 3008×600) ===== */
.slp__banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0 0 16px}
.slp__ban{display:block;border-radius:14px;overflow:hidden;border:1px solid #E8EAEC;background:#F3F5F4}
.slp__ban:hover{border-color:#FFB27A;box-shadow:0 6px 18px rgba(255,114,0,.12)}
.slp__ban img{display:block;width:100%;aspect-ratio:3008/600;object-fit:cover;transition:transform .35s ease}
.slp__ban:hover img{transform:scale(1.02)}

/* ===== чипы подрубрик ===== */
.slp__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sl-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E3E6E8;border-radius:999px;padding:6px 13px 6px 7px;text-decoration:none;max-width:100%}
.sl-chip:hover{border-color:#FFB27A;background:#FFFBF5}
.sl-chip img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none;background:#F3F5F4}
.sl-chip span{font-size:12.5px;font-weight:700;color:#3C4249;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.sl-chip i{font-style:normal;font-size:10.5px;font-weight:800;color:#9AA0A5}

/* ===== каркас: сайдбар + контент ===== */
.slp__body{display:grid;grid-template-columns:236px minmax(0,1fr);gap:16px;align-items:start}
.slp__body--noSide{grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){.slp__body{grid-template-columns:minmax(0,1fr)}.slp__side{position:static!important;width:auto!important}}

/* сайдбар */
.slp__side{background:#fff;border:1px solid #E8EAEC;border-radius:16px;padding:14px;position:sticky;top:76px}
.slf__h{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:900;color:#241F20;padding-bottom:10px;border-bottom:1px solid #EEF0F1;margin-bottom:4px}
.slf__reset{border:0;background:none;font-size:11px;font-weight:800;color:#FF7200;cursor:pointer;padding:2px 4px;border-radius:6px}
.slf__reset:hover{background:#FFF6E0}
.slf__g{padding:10px 0 6px;border-bottom:1px solid #EEF0F1}
.slf__g:last-child{border-bottom:0}
.slf__t{font-size:11.5px;font-weight:800;color:#8C9296;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}
.slf__rb,.slf__cb{display:flex;align-items:center;gap:8px;padding:4px 2px;cursor:pointer;border-radius:8px}
.slf__rb:hover,.slf__cb:hover{background:#FAFBFB}
.slf__rb input,.slf__cb input{accent-color:#FF7200;width:15px;height:15px;flex:none;margin:0}
.slf__rb span,.slf__cb span{font-size:12.5px;font-weight:700;color:#3C4249;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slf__rb.is-on span,.slf__cb:has(input:checked) span{color:#241F20}
.slf__cb i{font-style:normal;font-size:10.5px;color:#9AA0A5;font-weight:700;flex:none}
.slf__pr{display:flex;align-items:center;gap:6px;margin-top:8px}
.slf__pr input{width:100%;min-width:0;border:1px solid #DDE1E4;border-radius:9px;padding:6px 8px;font-size:12px;font-weight:700;color:#241F20;background:#FAFBFB}
.slf__pr input:focus{outline:none;border-color:#FFB27A;background:#fff}
.slf__pr span{color:#B0B6BB;font-size:11px}
.slf__more{border:0;background:none;font-size:11.5px;font-weight:800;color:#FF7200;cursor:pointer;padding:6px 2px;border-radius:6px}
.slf__more:hover{background:#FFF6E0}

/* ===== тулбар ===== */
.slp__tool{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #E8EAEC;border-radius:14px;padding:9px 12px;margin-bottom:12px;flex-wrap:wrap}
.slp__tool-l{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.slp__sel{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:#8C9296}
.slp__sel select{border:1px solid #DDE1E4;border-radius:9px;padding:5px 8px;font-size:12px;font-weight:700;color:#3C4249;background:#FAFBFB;cursor:pointer}
.slp__sel select:focus{outline:none;border-color:#FFB27A}
.sl-chip2{display:inline-flex;align-items:center;gap:7px;border:1px solid #F0D9BF;background:#FFF6E0;color:#6B5210;font-size:12px;font-weight:800;border-radius:999px;padding:7px 13px;cursor:pointer}
.sl-chip2:hover{background:#FFEAD2}
.sl-chip2 b{color:#241F20}

/* ===== сетка карточек ===== */
.slp__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px}
@media(max-width:640px){.slp__grid{grid-template-columns:repeat(2,1fr);gap:10px}}

/* карточка товара */
.slc{display:flex;flex-direction:column;background:#fff;border:1px solid #E8EAEC;border-radius:16px;overflow:hidden;position:relative}
.slc:hover{border-color:#FFB27A;box-shadow:0 6px 18px rgba(36,31,32,.08)}
.slc__ph{position:relative;display:block;width:100%;aspect-ratio:1/1;background:#F7F8F8}
.slc__ph img{width:100%;height:100%;object-fit:cover;display:block}
.slc__noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;color:#B0B6BB}
.slb{position:absolute;display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:900;letter-spacing:.03em;border-radius:7px;padding:3px 7px;background:rgba(255,255,255,.94);color:#3C4249;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.slb--sup{top:8px;left:8px;color:#1B6B3A}
.slb--sup img{width:13px;height:13px;object-fit:contain;border-radius:3px}
.slb--sale{top:8px;right:8px;color:#C2320A;background:#FFE9DC}
.slb--new{top:32px;right:8px;color:#1B5EC4;background:#E3EEFC}
.slb--hit{top:56px;right:8px;color:#9A6700;background:#FFF6E0}
.slc__nm{display:block;font-size:12.5px;font-weight:700;color:#3C4249;line-height:1.35;padding:10px 12px 0;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}
.slc__nm:hover{color:#FF7200}
.slc__rate{font-size:11px;font-weight:800;color:#9A6700;padding:5px 12px 0}
.slc__pr{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;padding:6px 12px 0}
.slc__pr b{font-size:16px;font-weight:900;color:#241F20;letter-spacing:-.01em}
.slc__pr i{font-style:normal;font-size:10px;color:#9AA0A5}
.slc__pr u{text-decoration:none;font-size:10.5px;color:#8C9296}
.slc__pr s{font-size:11px;color:#B0B6BB}
.slc__mq{font-size:11px;color:#8C9296;line-height:1.4;padding:5px 12px 0}
.slc__ok{color:#1B7F4D;font-weight:800}
.slc__ft{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:9px 12px 12px;margin-top:auto}
.slc__art{font-size:9.5px;color:#B0B6BB;line-height:1.35;min-width:0}
.slc__cart{border:1px solid #F0D9BF;background:#FFF6E0;color:#6B5210;font-size:11.5px;font-weight:900;border-radius:9px;padding:7px 12px;cursor:pointer;flex:none;transition:all .15s}
.slc__cart:hover{background:#FFEAD2;border-color:#E8A23C}
.slc__cart.is-in{background:#1B7F4D;border-color:#1B7F4D;color:#fff}

/* скелетоны */
.slc--sk{pointer-events:none}
.slc--sk .slc__ph{background:linear-gradient(100deg,#F1F3F4 40%,#FAFBFB 50%,#F1F3F4 60%);background-size:200% 100%;animation:slsk 1.2s infinite}
.slc--sk .slc__ln{display:block;height:11px;border-radius:5px;background:#F1F3F4;margin:11px 12px 0}
.slc--sk .slc__ln--s{width:45%}
.slc--sk .slc__ln--m{width:70%;margin-bottom:16px}
@keyframes slsk{to{background-position:-200% 0}}
.sl-skel{background:#fff;border:1px solid #E8EAEC;border-radius:16px;padding:44px 26px;font-size:13.5px;font-weight:700;color:#8C9296;text-align:center}

/* ошибки/пусто */
.sl-err{background:#fff;border:1px solid #F0C6B8;border-radius:16px;padding:34px 26px;text-align:center}
.sl-err b{display:block;font-size:15px;font-weight:900;color:#C2320A;margin-bottom:6px}
.sl-err span{display:block;font-size:13px;color:#676E75;margin-bottom:14px}
.sl-empty{background:#fff;border:1px dashed #D9DDE0;border-radius:16px;padding:34px 26px;font-size:13.5px;color:#676E75;line-height:1.6;text-align:center}
.sl-empty a{color:#FF7200;font-weight:800}
.slp__shead{background:#FFF6E0;border:1px solid #F0DFAE;border-radius:14px;padding:14px 18px;font-size:13.5px;color:#6B5210;margin-bottom:16px;line-height:1.5}

/* ===== пагинация ===== */
.slp__pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:18px 0 4px}
.slp__pg{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid #E3E6E8;border-radius:10px;background:#fff;font-size:12.5px;font-weight:800;color:#3C4249;text-decoration:none;cursor:pointer}
.slp__pg:hover{border-color:#FFB27A;color:#FF7200}
.slp__pg.is-on{background:#241F20;border-color:#241F20;color:#fff;cursor:default}
.slp__pg.is-off{opacity:.35;cursor:default}
.slp__pg.is-dis{opacity:.4;cursor:default}
.slp__dots{color:#B0B6BB;padding:0 2px}
.slp__pgnote{width:100%;text-align:center;font-size:11px;color:#9AA0A5}
.slp__walknote{font-size:11px;color:#9AA0A5;margin-top:10px;line-height:1.5}

/* ===== кнопки ===== */
.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #DDE1E4;background:#fff;color:#3C4249;font-size:12.5px;font-weight:800;border-radius:10px;padding:9px 16px;cursor:pointer;text-decoration:none}
.sl-btn:hover{border-color:#FFB27A;color:#FF7200}
.sl-btn--sm{padding:6px 11px;font-size:11.5px}
.sl-btn--pr{background:#FF7200;border-color:#FF7200;color:#fff}
.sl-btn--pr:hover{background:#E86600;color:#fff}

/* ===== панель заявки под сеткой ===== */
.sl-cartbar{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;background:#FFF6E0;border:1px solid #F0DFAE;border-radius:14px;padding:11px 16px;margin-top:16px;font-size:13px;color:#6B5210}

/* ===== модал заявки ===== */
.slcm{position:fixed;inset:0;background:rgba(36,31,32,.55);z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px}
.slcm__box{background:#fff;border-radius:18px;width:min(720px,100%);max-height:86vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.slcm__h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #EEF0F1}
.slcm__h b{font-size:16px;font-weight:900;color:#241F20}
.slcm__x{border:0;background:none;font-size:17px;color:#9AA0A5;cursor:pointer;padding:4px 8px;border-radius:8px}
.slcm__x:hover{background:#F3F5F4}
.slcm__rows{overflow:auto;padding:6px 20px}
.slcm__row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #F3F5F4}
.slcm__row img{width:54px;height:54px;border-radius:10px;object-fit:cover;flex:none;background:#F3F5F4}
.slcm__noimg{width:54px;height:54px;border-radius:10px;background:#F3F5F4;flex:none}
.slcm__n{flex:1;min-width:0;font-size:12.5px;font-weight:700;color:#241F20;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.slcm__n i{display:block;font-style:normal;font-size:10.5px;color:#9AA0A5;font-weight:600;margin-top:2px}
.slcm__q{display:flex;align-items:center;gap:7px;flex:none}
.slcm__q button{width:26px;height:26px;border:1px solid #DDE1E4;background:#FAFBFB;border-radius:8px;font-size:14px;font-weight:800;color:#3C4249;cursor:pointer}
.slcm__q button:hover{border-color:#FFB27A;color:#FF7200}
.slcm__q b{font-size:12.5px;min-width:34px;text-align:center}
.slcm__p{flex:none;text-align:right;font-size:12.5px;font-weight:900;color:#241F20;min-width:66px}
.slcm__p i{display:block;font-style:normal;font-size:11px;color:#8C9296;font-weight:700;margin-top:2px}
.slcm__del{border:0;background:none;color:#C6CCD0;font-size:13px;cursor:pointer;padding:4px;border-radius:6px;flex:none}
.slcm__del:hover{color:#C2320A;background:#FFE9DC}
.slcm__sum{display:flex;align-items:baseline;gap:10px;padding:14px 20px 4px;font-size:14px;color:#3C4249}
.slcm__sum b{font-size:19px;font-weight:900;color:#241F20}
.slcm__sum i{font-style:normal;font-size:11.5px;color:#9A6700}
.slcm__ok{color:#1B7F4D}
.slcm__note{padding:4px 20px 12px;font-size:11.5px;color:#8C9296;line-height:1.5}
.slcm__acts{display:flex;gap:10px;padding:0 20px 18px;flex-wrap:wrap}

/* ===== тост ===== */
.sl-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,14px);background:#241F20;color:#fff;font-size:12.5px;font-weight:700;border-radius:12px;padding:11px 18px;opacity:0;pointer-events:none;transition:all .25s;z-index:1300;max-width:90vw}
.sl-toast.on{opacity:1;transform:translate(-50%,0)}

/* ===== тёмная тема (сайт на паузе, но корректность сохраняем) ===== */
[data-theme="dark"] .sl-tile,[data-theme="dark"] .slc,[data-theme="dark"] .sl-chip,[data-theme="dark"] .sl-empty,[data-theme="dark"] .slp__side,[data-theme="dark"] .slp__tool,[data-theme="dark"] .sl-skel,[data-theme="dark"] .slcm__box,[data-theme="dark"] .slp__ban{background:#2A2627;border-color:#3A3536}
[data-theme="dark"] .sl-tile__b b,[data-theme="dark"] .slc__pr b,[data-theme="dark"] .slf__h,[data-theme="dark"] .slcm__h b{color:#F0EFEE}
[data-theme="dark"] .slc__nm,[data-theme="dark"] .sl-chip span,[data-theme="dark"] .slcm__n{color:#C9CBCC}
[data-theme="dark"] .slb{background:rgba(42,38,39,.92);color:#C9CBCC}

/* ===== контейнер страницы (блочный, НЕ grid — иначе блоки лягут в ячейки) ===== */
.slp-wrap{display:block}