/* ===== 1. ОСНОВА СТРАНИЦЫ ТОВАРОВ ===== */.products-page{display:flex;flex-direction:column;gap:16px}

/* ===== 2. ВЕРХНИЙ БЛОК ===== */.products-head{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:24px;padding:22px 24px;box-shadow:0 10px 28px rgba(0,0,0,.05)}.products-head h2{margin:0;font-size:28px;font-weight:900;color:#111}.products-head p{margin:6px 0 0;font-size:14px;color:#8d8d98}
.products-head-actions{display:flex;gap:10px;align-items:center}.product-other-btn{height:44px;padding:0 18px;border:none;border-radius:14px;background:#111827;color:#fff;font-size:14px;font-weight:800;cursor:pointer}

/* ===== 3. КНОПКА ДОБАВИТЬ ===== */.products-page .product-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border:none;border-radius:18px;background:linear-gradient(135deg,#7b4dff,#5f39f6);color:#fff;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(103,65,255,.28);transition:.18s}.products-page .product-add-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(103,65,255,.34)}

/* ===== 4. ПОИСК И КАТЕГОРИИ ===== */.products-toolbar-row{display:flex;align-items:center;gap:14px;background:#fff;border-radius:22px;padding:16px 18px;box-shadow:0 10px 28px rgba(0,0,0,.05)}.products-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.products-tabs button{height:42px;padding:0 18px;border:none;border-radius:14px;background:#f3f3f7;color:#555;font-size:14px;font-weight:800;cursor:pointer;transition:.18s}.products-tabs button.active{background:linear-gradient(135deg,#7b4dff,#5f39f6);color:#fff;box-shadow:0 8px 20px rgba(103,65,255,.25)}#productsSearchInput{flex:1;height:46px;border:none;background:#f5f5f8;border-radius:16px;padding:0 16px;font-size:15px;font-weight:600;outline:none}

/* ===== 5. ТАБЛИЦА ===== */.products-table{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.05)}.products-row,.products-price-groups{display:grid;grid-template-columns:64px 220px 100px 320px 90px 115px 115px 115px 115px 110px;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f3}.products-row:last-child{border-bottom:none}.products-row-head{background:#f6f6fa;font-size:13px;font-weight:900;color:#777}.products-price-groups{padding:6px 16px 4px;border-bottom:none;background:#fff}.products-price-groups span{min-height:1px}.products-price-groups b{height:40px;display:flex;align-items:center;justify-content:center;border-radius:18px;font-size:15px;font-weight:900;margin:0;white-space:nowrap}.wholesale-title{grid-column:6/8;background:#f3efff;color:#6c43ff;border:1px solid #e2d8ff;box-shadow:0 4px 12px rgba(108,67,255,.08)}.retail-title{grid-column:8/10;background:#eefaf0;color:#24a148;border:1px solid #cfead7;box-shadow:0 4px 12px rgba(36,161,72,.08)}.wholesale-col{background:#fcfbff;border:1px solid #efe7ff;padding:6px;border-radius:14px}.retail-col{background:#fbfffc;border:1px solid #daf3df;padding:6px;border-radius:14px}.product-name{max-width:220px}

/* ===== 6. ФИЛЬТР СТАТУСА ПРОДАЖ ===== */.products-sale-line{display:flex;align-items:center;justify-content:flex-start;padding:16px 16px 4px;background:#fff}.sale-filter{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.sale-filter button{height:32px;border:1px solid #e1e1ea;background:#fff;border-radius:999px;padding:0 13px;font-size:12px;font-weight:900;cursor:pointer;color:#555;transition:.15s;white-space:nowrap}.sale-filter button.active{background:#6c47ff;color:#fff;border-color:#6c47ff;box-shadow:0 6px 16px rgba(108,71,255,.18)}.sale-filter button:hover{border-color:#6c47ff;color:#6c47ff}

/* ===== КНОПКА ПРОДАЖИ ===== */.product-actions .sale-on{background:#eef8f1;color:#1f9d47}.product-actions .sale-off{background:#fff1f1;color:#ff4d67}

/* ===== 7. ФОТО ТОВАРА ===== */.product-img{width:58px;height:58px;border-radius:16px;overflow:hidden;background:#f3f3f5;display:flex;align-items:center;justify-content:center}.product-img img{width:100%;height:100%;object-fit:cover;display:block}.product-img em{font-style:normal;font-size:11px;color:#999}

/* ===== 8. ТЕКСТ ТОВАРА ===== */.product-name{font-size:15px;font-weight:700;color:#111;line-height:1.35}.product-cat{font-size:14px;font-weight:700;color:#666}

/* ===== 9. АРТИКУЛ И ПОДКАТЕГОРИИ ===== */.product-subcats{display:flex;flex-direction:column;gap:8px}.product-subcat-item{display:grid;grid-template-columns:42px 100px 1fr;align-items:center;gap:10px;background:#f6f6fa;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:800;color:#111;line-height:1.25;min-height:38px}.product-subcat-item.is-off-sale{opacity:.55}.off-sale-badge{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:#fff1f1;color:#ff4d67;font-style:normal;font-size:11px;font-weight:900}.variant-img-btn{width:42px;height:42px;border:none;border-radius:10px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.06);transition:.18s}.variant-img-btn:hover{transform:scale(1.04)}.variant-img-btn img{width:100%;height:100%;object-fit:cover;display:block}.variant-img-btn span{font-size:20px;font-weight:900;color:#aaa}.subcat-sku{display:flex;align-items:center;font-weight:900;color:#111;white-space:nowrap}.subcat-info{display:flex;align-items:center;min-height:48px}.subcat-info b{color:#6c43ff}

/* ===== 10. ВЕС И ЦЕНЫ ===== */.product-weights,.product-prices,.product-subcats{display:flex;flex-direction:column;gap:10px;justify-content:center}.product-weight-item,.product-price-item{min-height:62px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f6f6fa;border-radius:12px;padding:8px 9px;font-size:13px;font-weight:900;color:#111;line-height:1.2;white-space:nowrap}.product-weight-item{font-weight:700;color:#555}.product-weight-item span,.product-price-item span{display:flex;align-items:center;justify-content:center;width:100%}.product-price-item .subcat-edit-btn{margin-right:6px}

/* ===== 11. INLINE РЕДАКТИРОВАНИЕ ===== */.subcat-edit-btn{width:24px;height:24px;min-width:24px;border:none;border-radius:8px;background:#f3f1ff;color:#6c43ff;font-size:12px;font-weight:900;cursor:pointer;margin-right:8px;transition:.18s}.subcat-edit-btn:hover{background:#6c43ff;color:#fff}.variant-sku-input{width:88px;height:30px;border:1px solid #6c43ff;border-radius:8px;background:#fff;padding:0 8px;font-size:13px;font-weight:900;color:#111;outline:none}.variant-weight-input{width:56px;height:30px;border:1px solid #6c43ff;border-radius:8px;background:#fff;padding:0 8px;font-size:13px;font-weight:900;color:#111;outline:none}.variant-price-input{width:78px;height:28px;border:1px solid #6c43ff;border-radius:8px;background:#fff;padding:0 8px;font-size:13px;font-weight:900;color:#111;outline:none;text-align:center}

/* ===== 12. МОДАЛКА ТОВАРА ===== */.product-edit-modal{position:fixed;inset:0;background:rgba(15,15,20,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.product-edit-box{width:min(1180px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:26px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.18)}.product-edit-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.product-edit-top h2{margin:0;font-size:26px;font-weight:900}.product-edit-top button{width:38px;height:38px;border:none;border-radius:14px;background:#f4f4f8;font-size:22px;cursor:pointer}.product-edit-main{display:grid;grid-template-columns:1fr 240px 240px;gap:16px;margin-bottom:24px}.product-edit-main label,.product-edit-variant label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:900;color:#777}.product-edit-main input,.product-edit-main select,.product-edit-variant input,.edit-var-select{height:42px;border:1px solid #e8e8ef;border-radius:14px;padding:0 14px;font-size:14px;font-weight:800;outline:none;background:#fff}.edit-var-select:focus{border-color:#6c47ff;box-shadow:0 0 0 3px rgba(108,71,255,.12)}.product-edit-title-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 14px}.product-edit-title-row h3{margin:0;font-size:18px;font-weight:900}.product-edit-tools{display:flex;align-items:center;gap:10px}.add-variant-btn{height:38px;padding:0 16px;border:none;border-radius:14px;background:#f3efff;color:#6c43ff;font-size:13px;font-weight:900;cursor:pointer}.save-all-btn{height:38px;padding:0 16px;border:none;border-radius:14px;background:#eef8f1;color:#1f9d47;font-size:13px;font-weight:900;cursor:pointer}.edit-variant-head{display:grid;grid-template-columns:78px 1fr 160px 150px 48px;gap:12px;padding:0 14px 8px;color:#777;font-size:12px;font-weight:900}.product-edit-variants{display:flex;flex-direction:column;gap:12px}.product-edit-variant{display:grid;grid-template-columns:78px 1fr 160px 150px 48px;gap:12px;align-items:center;padding:14px;background:#fafafe;border:1px solid #efeff5;border-radius:20px}.edit-var-img{width:70px;height:70px;border:none;border-radius:16px;background:#f1f1f5;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:32px;font-weight:900;color:#aaa;cursor:pointer}.edit-var-img img{width:100%;height:100%;object-fit:cover;display:block}.edit-var-info{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-edit-variant .trash{width:42px;height:42px;border:none;border-radius:14px;background:#fff0f1;color:#ff4d67;font-size:18px;font-weight:900;cursor:pointer}.product-edit-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.product-edit-bottom button{height:44px;padding:0 22px;border:none;border-radius:14px;font-size:14px;font-weight:900;cursor:pointer}.product-edit-bottom .save{background:linear-gradient(135deg,#7b4dff,#5f39f6);color:#fff;box-shadow:0 10px 24px rgba(103,65,255,.25)}

/* ===== 13. КНОПКИ ДЕЙСТВИЙ ===== */.product-actions{display:flex;align-items:center;gap:10px}.product-actions button{width:36px;height:36px;border:none;border-radius:14px;font-size:18px;font-weight:900;cursor:pointer;transition:.18s}.product-actions .edit{background:#f3f1ff;color:#6c43ff}.product-actions .trash{background:#fff0f0;color:#ff4d67}.product-actions button:hover{transform:translateY(-1px)}

/* ===== 14. ПУСТОЙ СПИСОК ===== */.products-empty{padding:40px;text-align:center;font-size:15px;font-weight:700;color:#888}

/* ===== 15. АДАПТАЦИЯ ПЛАНШЕТ ===== */@media(max-width:1600px){.products-row,.products-price-groups{grid-template-columns:64px 200px 90px 260px 80px 110px 110px 110px 110px 70px;gap:8px}.product-subcat-item{grid-template-columns:42px 90px 1fr}.product-name{max-width:200px}}

/* ===== 16. АДАПТАЦИЯ МОБИЛЬНАЯ ===== */@media(max-width:900px){.products-page{gap:14px!important}.products-head{padding:22px 18px!important;border-radius:24px!important}.products-head h2{font-size:28px!important}.products-head-actions{display:grid!important;grid-template-columns:92px 1fr!important;width:100%!important;gap:10px!important}.product-other-btn{width:100%!important;height:50px!important}.products-page .product-add-btn{width:100%!important;height:50px!important}.products-toolbar-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:16px!important;border-radius:22px!important}.products-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important}.products-tabs::-webkit-scrollbar{display:none!important}.products-tabs button{flex:0 0 auto!important;height:42px!important}.products-sale-line{padding:10px 0 0!important;background:transparent!important;overflow:hidden!important}.sale-filter{display:flex!important;gap:8px!important;overflow-x:auto!important;width:100%!important;padding-bottom:4px!important}.sale-filter::-webkit-scrollbar{display:none!important}.sale-filter button{flex:0 0 auto!important;height:34px!important}.products-price-groups{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:0!important;margin:8px 0 12px!important;background:transparent!important;border:0!important}.products-price-groups span{display:none!important}.products-price-groups b{grid-column:auto!important;width:100%!important;height:44px!important;border-radius:16px!important;margin:0!important;font-size:14px!important}.wholesale-title{background:#f3efff!important;color:#6c43ff!important;border:1px solid #e2d8ff!important}.retail-title{background:#eefaf0!important;color:#24a148!important;border:1px solid #cfead7!important}.products-table{background:none!important;box-shadow:none!important;border-radius:0!important;gap:12px!important;overflow:visible!important}.products-row,.products-row-head{grid-template-columns:1fr!important;gap:10px!important}.products-row{background:#fff!important;border-radius:22px!important;padding:16px!important;border:1px solid #f1f1f4!important;box-shadow:0 8px 22px rgba(0,0,0,.035)!important}.products-row-head{display:none!important}.product-img{width:100%!important;height:180px!important;border-radius:18px!important}.product-name{max-width:none!important;font-size:16px!important}.product-cat{font-size:14px!important}.product-subcat-item{grid-template-columns:42px 90px 1fr!important;gap:10px!important}.product-weight-item,.product-price-item{justify-content:flex-start!important;min-height:46px!important}.product-prices,.product-weights,.product-subcats{width:100%!important}.product-actions{justify-content:flex-end!important}}

/* ===== 17. АДАПТАЦИЯ ВЕРХА ===== */@media(max-width:800px){.products-head{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}}
@media(max-width:900px){.products-price-groups{display:none!important}}
@media(max-width:900px){.product-prices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.product-price-item{min-height:54px!important;justify-content:center!important;text-align:center!important;padding:10px!important;font-size:18px!important;border-radius:16px!important}}
@media(max-width:900px){.products-row .product-prices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important}.products-row .product-price-item{width:100%!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px!important;font-size:15px!important;border-radius:16px!important}}