.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:25px 0}.catalog-toolbar label{display:flex;flex-direction:column;gap:8px;flex:1;max-width:430px;font-size:14px}.catalog-list{display:grid;gap:12px}.catalog-list-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:20px;border:1px solid var(--line);background:white;padding:16px}.catalog-list-row img{width:64px;height:82px;object-fit:cover}.catalog-list-row h2{font:600 19px Barlow;margin:0 0 6px;letter-spacing:0;overflow-wrap:anywhere}.catalog-list-row p{font-size:14px;margin:0 0 4px;color:var(--muted)}.catalog-list-row small{color:var(--muted)}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}.product-modal{width:820px;max-width:calc(100vw - 30px);max-height:90dvh;padding:25px;border:1px solid var(--line);background:#fffcf7;color:var(--ink)}.product-modal .product-editor{margin:0;border:0;padding:0;grid-template-columns:110px minmax(0,1fr)}.product-form-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.product-modal .dialog-head{position:sticky;top:-25px;padding:15px 0;background:#fffcf7;z-index:1}.product-modal .dialog-head h2{font-size:26px}.product-modal .form-error{overflow-wrap:anywhere}@media(max-width:600px){.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-toolbar label{max-width:none}.catalog-list-row{grid-template-columns:48px minmax(0,1fr);gap:12px}.catalog-list-row img{width:48px;height:64px}.catalog-list-row>.btn{grid-column:2;justify-self:start;padding:8px 16px;min-height:40px}.product-modal{padding:18px}.product-modal .product-editor{grid-template-columns:1fr}.product-modal .product-editor>img{display:none}.product-modal .dialog-head{top:-18px}}

.catalog-row-actions{display:flex;gap:8px;flex-wrap:wrap}.delete-product{color:#a02720;border-color:#c88d88}@media(max-width:600px){.catalog-row-actions{grid-column:2}.catalog-row-actions .btn{padding:8px 16px;min-height:40px}}

.delete-product-modal{width:460px;max-width:calc(100vw - 32px);max-height:90dvh;padding:28px;border:1px solid var(--line);background:#fffcf7;color:var(--ink)}.delete-product-modal::backdrop{background:rgba(0,0,0,.5)}.delete-product-modal h2{font-size:28px;margin:0 0 16px}.delete-product-modal p{line-height:1.6;overflow-wrap:anywhere}.confirm-delete{background:#a02720;color:white;border:1px solid #a02720}.delete-product-modal .product-form-actions{margin-top:24px}@media(max-width:480px){.delete-product-modal{padding:22px}.delete-product-modal .product-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delete-product-modal .btn{padding:12px 8px;font-size:13px}}
