/* Zameer Sports — product manager */
.product-workspace{max-width:none;width:100%;padding-bottom:35px}.product-workspace button,.product-workspace input,.product-workspace select,.product-workspace textarea{font:inherit}.pe-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 28px}.pe-topbar h2{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:12px 0}.pe-topbar p{font-size:13px;color:#737c6b;margin:0;line-height:1.6}.pe-topbar p>span{margin:0 7px}.pe-back{display:inline-flex;align-items:center;gap:8px;background:none;color:#52634c;font-size:13px;padding:0;min-height:32px}.pe-back svg{width:17px;height:17px}.pe-save-area{display:flex;align-items:center;gap:18px;flex-shrink:0}.pe-save-area>span{font-size:12px;color:#6d7762}.pe-save-area .button{min-width:155px;font-size:14px}.pe-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.pe-main,.pe-sidebar{min-width:0}.pe-panel{border:1px solid #e0e5d8;border-radius:7px;background:#fff;padding:26px;margin-bottom:22px;box-shadow:0 2px 4px #163d2703}.pe-panel>h3,.pe-panel-head h3{font-size:20px;line-height:1.3;margin:0 0 8px;color:#173b2b;letter-spacing:-.3px}.pe-panel-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:23px}.pe-panel-head p{font-size:13px;color:#77806d;line-height:1.7;margin:0}.pe-panel .field{margin-bottom:20px}.pe-panel .field:last-child{margin-bottom:0}.pe-panel .field>span{font-size:13px;font-weight:500;display:flex;justify-content:space-between;gap:15px;line-height:1.6}.pe-panel .field>span>small{font-size:11px;color:#87907d;font-weight:400}.pe-panel input:not([type=checkbox]):not([type=radio]):not([type=file]),.pe-panel select,.pe-panel textarea{background:#fafbf8;border:1px solid #d8dfce;border-radius:5px;padding:12px;width:100%;min-width:0;font-size:14px;line-height:1.5;color:#253b2a;box-shadow:none}.pe-panel input:focus,.pe-panel textarea:focus,.pe-panel select:focus{outline:2px solid #0c805733;outline-offset:1px;border-color:#32845e}.pe-panel textarea{min-height:90px;resize:vertical}.pe-panel textarea[name=description]{min-height:180px}.pe-count{white-space:nowrap;align-self:start;background:#f0f4e9;color:#556a46;padding:5px 10px;border-radius:20px;font-size:11px}.pe-dropzone{text-align:center;background:#f7f9f2;border:1.5px dashed #b6c6a6;border-radius:7px;padding:27px 18px;transition:background .15s,border-color .15s}.pe-dropzone.is-dragging{background:#e2f5e7;border-color:#087f5b}.pe-dropzone>strong{display:block;font-size:17px;margin:12px 0 5px;color:#24462e}.pe-dropzone>p{font-size:13px;line-height:1.6;color:#7c856f;margin:0 0 17px}.pe-dropzone .button{min-height:44px;font-size:13px;padding:9px 20px;background:#fff}.pe-dropzone>small{display:block;font-size:11px;color:#8a937e;line-height:1.6;margin-top:15px}.pe-upload-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e7efdd;color:#48743d;margin:auto}.pe-upload-symbol svg{width:23px;height:23px}.pe-message{color:#9b392b;font-size:13px;line-height:1.7;margin:12px 0}.pe-message:empty{display:none}.pe-empty{font-size:13px;color:#7b856e;text-align:center;margin:18px 0}.pe-empty[hidden]{display:none}.pe-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.pe-media-card{border:1px solid #e0e5d8;border-radius:6px;overflow:hidden;background:#fff;min-width:0}.pe-media-card[draggable=true]{cursor:grab}.pe-media-card.is-moving{opacity:.4}.pe-media-card.has-error{border-color:#c5594c}.pe-photo-preview{display:block;width:100%;padding:0;background:#f3f5ef;position:relative;aspect-ratio:1;overflow:hidden;border-radius:0}.pe-photo-preview img{width:100%;height:100%;object-fit:contain;display:block;padding:9px}.pe-cover-badge{position:absolute;top:9px;left:8px;background:#064e3b;color:#fff;border-radius:4px;font-size:10px;line-height:1.4;padding:5px 7px;font-weight:500}.pe-preview-hint{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;background:#173b2bbd;color:#fff;font-size:10px;opacity:0;transition:opacity .15s}.pe-preview-hint svg{width:13px;height:13px}.pe-photo-preview:hover .pe-preview-hint,.pe-photo-preview:focus-visible .pe-preview-hint{opacity:1}.pe-photo-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 9px 4px}.pe-photo-actions>button{background:none;color:#2d6547;font-size:11px;padding:4px 0;min-height:30px;line-height:1.4;text-align:left}.pe-photo-actions>button:disabled{opacity:.5}.pe-photo-actions .pe-remove{color:#a64232;width:30px;height:30px;padding:5px;display:grid;place-items:center}.pe-remove svg{width:17px;height:17px}.pe-photo-order{display:flex;align-items:center;justify-content:space-between;padding:0 7px 8px 10px;gap:5px}.pe-photo-order>span{font-size:10px;color:#9aA18e}.pe-photo-order>div{display:flex;gap:1px}.pe-photo-order button{padding:4px;min-width:28px;min-height:28px;background:#f5f7f0;color:#5d7351;border-radius:3px}.pe-photo-order>button{font-size:10px;padding:5px 7px}.pe-photo-order button:disabled{opacity:.25}.pe-icon{display:inline-flex;align-items:center}.pe-icon svg{width:15px;height:15px}.pe-rotate{transform:rotate(180deg)}.pe-upload-state{font-size:10px;line-height:1.5;background:#eff5e9;color:#55763e;padding:9px;overflow-wrap:anywhere}.pe-upload-state.error{background:#fff0ec;color:#9c3d2e}.pe-upload-state progress{width:100%;height:4px;display:block;margin-top:6px;accent-color:#1b8058}.pe-upload-state.error progress{display:none}.pe-three-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pe-help{font-size:12px;color:#89917e;line-height:1.7;margin:10px 0 0}.pe-option-row{display:grid;grid-template-columns:1fr 1.6fr 28px;gap:12px;align-items:center;border-bottom:1px solid #edf0e7;padding-bottom:13px;margin-bottom:19px}.pe-option-row .field{margin-bottom:0}.pe-option-remove{width:28px;height:33px;padding:5px;background:#f8eee9;color:#9f5444;border-radius:4px;margin-top:23px}.pe-option-remove svg{width:17px;height:17px}.pe-add-option{font-size:13px;min-height:43px;padding:9px 15px}.pe-add-option svg{width:17px;height:17px}.pe-search-preview{padding:19px;border:1px solid #e4e8dc;background:#fcfdfb;border-radius:5px;margin-bottom:23px;overflow-wrap:anywhere}.pe-search-preview>span{font-size:10px;color:#548246;display:block}.pe-search-preview>strong{display:block;font-size:18px;font-weight:500;color:#315694;line-height:1.5;margin:8px 0}.pe-search-preview>p{font-size:12px;line-height:1.7;color:#747c6b;margin:0}.pe-toggle{display:flex;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid #edf0e7}.pe-toggle:last-child{border-bottom:0;padding-bottom:0}.pe-toggle input{accent-color:#087f5b;width:18px;height:18px;flex-shrink:0;margin-top:3px}.pe-toggle strong{display:block;font-size:13px;font-weight:500;color:#344d31}.pe-toggle small{display:block;font-size:11px;color:#929982;line-height:1.7;margin-top:5px}.pe-sidebar .pe-panel{padding:22px}.pe-sidebar .pe-panel>h3{font-size:18px;margin-bottom:18px}.pe-save-note{display:flex;gap:13px;align-items:start;background:#f0f5e9}.pe-save-note>svg{width:24px;height:24px;flex-shrink:0;color:#72935b}.pe-save-note p{font-size:12px;color:#718263;line-height:1.8;margin:0}.pe-form-error{padding:0 5px;font-size:14px;line-height:1.8;white-space:normal}.pe-product-table td{vertical-align:middle}.pe-product-cell{display:flex;gap:13px;align-items:center;text-align:left;background:none;padding:0;color:#274131;min-width:240px;max-width:480px}.pe-product-cell img{width:55px;height:62px;object-fit:contain;border:1px solid #e5e9de;border-radius:5px;background:#fff;padding:3px;flex-shrink:0}.pe-product-cell strong{font-weight:500;display:block;font-size:13px;line-height:1.6}.pe-product-cell small{display:block;font-size:10px;color:#8b957f;margin-top:5px}.pe-list-summary{font-size:12px;color:#879079;margin:16px 0}.pe-status{display:inline-flex;padding:5px 9px;border-radius:20px;background:#f0f1ed;color:#8a8c80;font-size:11px}.pe-status.is-published{color:#2c7048;background:#e6f1e0}.pe-stock{font-size:12px;white-space:nowrap}.pe-stock.is-low{color:#aa7140}#pe-photo-dialog{padding:35px 18px 18px;border:0;border-radius:8px;background:#fff;max-width:min(90vw,1000px);max-height:90vh;box-shadow:0 20px 70px #102b2540;overflow:auto}#pe-photo-dialog::backdrop{background:#052c26ba;backdrop-filter:blur(4px)}#pe-photo-dialog>img{display:block;max-width:100%;width:auto;height:auto;max-height:78vh;object-fit:contain;margin:auto}#pe-photo-dialog>button{position:absolute;top:7px;right:8px;background:#edf1e7;color:#3f5b33;width:28px;height:28px;padding:5px;border-radius:50%}#pe-photo-dialog>button svg{width:18px;height:18px}
@media(max-width:1050px){.pe-workspace-grid{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.pe-panel{padding:20px}.pe-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pe-sidebar .pe-panel{padding:18px}.pe-three-fields{gap:11px}.pe-three-fields .field>span{font-size:12px}.pe-topbar h2{font-size:28px}.pe-option-row{grid-template-columns:1fr 1.3fr 28px;gap:9px}}
@media(max-width:760px){.product-workspace{padding-bottom:30px}.pe-topbar{display:block;margin:0 0 20px}.pe-topbar h2{font-size:27px;margin:8px 0}.pe-topbar p{font-size:11px}.pe-save-area{position:sticky;top:114px;z-index:20;background:#f7f9f3;border:1px solid #dce3d3;border-radius:5px;padding:10px 12px;justify-content:space-between;gap:12px;margin-top:18px}.pe-save-area>span{font-size:11px;line-height:1.6;max-width:155px}.pe-save-area .button{min-width:125px;min-height:43px;font-size:12px;padding:9px 12px}.pe-workspace-grid{grid-template-columns:1fr;gap:0}.pe-panel{padding:19px 16px;border-radius:6px;margin-bottom:16px}.pe-panel>h3,.pe-panel-head h3{font-size:19px}.pe-panel-head{gap:12px;margin-bottom:19px}.pe-panel-head p{font-size:12px}.pe-panel .field{margin-bottom:18px}.pe-panel .field>span{font-size:12px}.pe-panel .field>span>small{font-size:10px}.pe-panel input:not([type=checkbox]):not([type=radio]):not([type=file]),.pe-panel textarea,.pe-panel select{font-size:16px;padding:11px;min-height:46px}.pe-dropzone{padding:23px 12px}.pe-dropzone>strong{font-size:16px}.pe-dropzone>p{font-size:12px}.pe-dropzone>small{font-size:10px}.pe-dropzone .button{font-size:12px}.pe-count{font-size:10px;padding:5px 8px}.pe-media-grid{gap:11px;margin-top:18px}.pe-cover-badge{font-size:9px;padding:4px 6px;top:6px;left:6px}.pe-photo-actions{padding:6px 7px 2px}.pe-photo-actions>button{font-size:10px}.pe-photo-actions .pe-remove{width:28px;height:30px}.pe-photo-order{padding:0 5px 6px 8px}.pe-photo-order>span{font-size:9px}.pe-photo-order button{min-width:28px;min-height:30px}.pe-preview-hint{display:none}.pe-three-fields{grid-template-columns:1fr 1fr;gap:13px}.pe-three-fields>.field:last-child{grid-column:1/-1}.pe-option-row{grid-template-columns:minmax(0,1fr) 30px;gap:10px}.pe-option-row>.field{grid-column:1}.pe-option-row>.pe-option-remove{grid-column:2;grid-row:1/3;margin:0;align-self:center}.pe-option-remove{width:30px;height:40px}.pe-add-option{font-size:12px;min-height:44px}.pe-search-preview{padding:14px}.pe-search-preview>strong{font-size:16px}.pe-search-preview>p{font-size:11px}.pe-sidebar .pe-panel{padding:19px 16px}.pe-toggle{gap:12px}.pe-toggle strong{font-size:13px}.pe-toggle small{font-size:12px}.pe-form-error{font-size:13px}.pe-product-cell{min-width:215px}.pe-product-cell img{width:44px;height:54px}.pe-product-cell strong{font-size:12px}.pe-product-cell small{font-size:9px}.pe-status{font-size:10px}.pe-stock{font-size:11px}#pe-photo-dialog{max-width:94vw;padding:37px 10px 12px}}
@media(min-width:761px){.pe-topbar{position:sticky;top:144px;z-index:22;background:#fafaf9;padding:12px 0;border-bottom:1px solid #e5e9dd}}
@media(max-width:760px){.pe-topbar{display:contents}.pe-topbar>div:first-child{margin-bottom:15px}.pe-save-area{margin-bottom:20px}.pe-save-area .button{min-height:44px}.pe-photo-order>span{display:none}.pe-photo-order>div{flex:1;justify-content:space-between}.pe-photo-order button{min-width:44px;min-height:40px}.pe-photo-actions{gap:0}.pe-photo-actions>button{min-height:40px;flex:1}.pe-photo-actions .pe-remove{width:40px;height:40px;flex:0 0 40px}}
