.product-placeholder{display:grid;place-items:center;height:clamp(10rem,22vw,17rem);background:#e8e1d2;color:#756e61;letter-spacing:.16em;font-size:.8rem;font-weight:700}.product-price{display:flex;flex-direction:column;align-items:flex-end;gap:.18rem;line-height:1.3}.product-price del,#detail-price del{font-size:.72rem;font-weight:500;color:var(--muted)}.discount-label{display:inline-block;width:max-content;padding:.15rem .4rem;border-radius:.3rem;background:#f7e2b2;color:#67470b;font-size:.7rem;font-weight:700}#detail-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.45rem}#detail-price .price-value{color:inherit;font-size:inherit;letter-spacing:0;text-transform:none}#detail-price .discount-label{font-size:.7rem}.cart-photo-placeholder{width:4.3rem;height:4.3rem;border-radius:.8rem;background:var(--paper-deep)}
body.developer-mode{padding-bottom:6rem}.developer-mode .floating-cart{bottom:6.6rem}.developer-mode .mobile-actions{bottom:5.4rem}.developer-mode .product-card{outline:1px dashed #9b740d;outline-offset:3px}.developer-mode .product-card:hover{outline:2px solid var(--amber);outline-offset:3px}.developer-mode [data-edit-text]:hover,.developer-mode [data-edit-category]:hover{cursor:pointer;outline:2px solid var(--amber);outline-offset:4px;border-radius:.15rem}.developer-mode .product-options{pointer-events:none;opacity:.65}
.developer-toolbar{position:fixed;z-index:42;inset:auto 1rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1050px,calc(100% - 2rem));margin-inline:auto;padding:.75rem 1rem;border:1px solid #d7c9a8;border-radius:1rem;background:#fffdf7;box-shadow:0 .8rem 3rem #11100d35;color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;direction:ltr}.developer-toolbar[hidden]{display:none}.developer-identity{display:flex;align-items:center;gap:.65rem}.developer-identity>span{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.65rem;background:var(--ink);color:var(--amber-bright)}.developer-identity svg{width:1.15rem;height:1.15rem}.developer-identity strong{display:block;font-size:.84rem}.developer-identity small{display:block;color:var(--muted);font-size:.72rem}.developer-controls{display:flex;align-items:center;gap:.4rem}.editor-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.7rem;padding:.55rem .85rem;border:1px solid var(--line);border-radius:.65rem;background:transparent;color:var(--ink);font:600 .82rem "DM Sans",system-ui,sans-serif;cursor:pointer}.editor-button svg{width:1rem;height:1rem}.editor-button:hover{background:#eee7d8}.editor-button.primary{border-color:var(--ink);color:#fff;background:var(--ink)}.editor-button.primary:hover{background:#333027}.editor-button.danger{border-color:#cfb2aa;color:#a33120}.editor-button:disabled{cursor:wait;opacity:.5}.editor-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(780px,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);padding:0;border:1px solid #d7c9a8;border-radius:1.1rem;background:#fffdf7;color:var(--ink);box-shadow:0 2rem 6rem #0006;font-family:"DM Sans",system-ui,sans-serif;direction:ltr;overflow:auto;overscroll-behavior:contain}.editor-dialog::backdrop{background:#11100db3;backdrop-filter:blur(5px)}.editor-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.35rem;background:#fffdf7;border-bottom:1px solid var(--line)}.editor-header h2{font:700 1.25rem "DM Sans",system-ui,sans-serif;line-height:1.3}.editor-header p{margin:.2rem 0 0;color:var(--muted);font-size:.78rem}.editor-body{padding:1.35rem}.editor-footer{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;padding:1rem 1.35rem;border-top:1px solid var(--line);background:#fffdf7}.editor-footer-actions{display:flex;gap:.5rem;margin-inline-start:auto}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.editor-field{display:flex;flex-direction:column;gap:.35rem;min-width:0;font-size:.8rem;font-weight:650}.editor-field.full{grid-column:1/-1}.editor-field input,.editor-field textarea,.editor-field select,.editor-search{width:100%;min-height:2.9rem;padding:.7rem .75rem;border:1px solid #cfc5b1;border-radius:.55rem;background:#fff;color:var(--ink);font:400 .91rem "DM Sans",system-ui,sans-serif;outline-offset:2px}.editor-field textarea{min-height:6rem;resize:vertical;line-height:1.5}.editor-field small{color:var(--muted);font-size:.74rem;font-weight:400}.editor-field [lang="ar"],[lang="ku-Arab-IQ"]{direction:rtl;font-family:"Noto Sans Arabic",sans-serif}.editor-language-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.editor-language-tabs button[aria-selected="true"]{background:#efe5cf;border-color:#ba9f67}.editor-language-panel[hidden]{display:none}.editor-language-panel{margin-bottom:1.3rem}.editor-section-label{margin:1.3rem 0 .75rem;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}.editor-preview{display:flex;align-items:center;gap:1rem;margin-top:.7rem;padding:.75rem;border-radius:.65rem;background:#f0eadf}.editor-preview img{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:.45rem}.editor-preview img[hidden]{display:none}.editor-preview p{margin:0;font-size:.8rem;color:var(--muted)}.editor-preview strong{display:block;font-size:1rem;color:var(--ink)}.editor-notice{margin:0 0 1rem;padding:.75rem .85rem;border:1px solid #dfcaa0;border-radius:.6rem;background:#faf1dc;color:#665121;font-size:.84rem}.editor-error{margin:0;padding:.75rem .85rem;border:1px solid #d8b2a9;border-radius:.55rem;background:#fff0eb;color:#94301f;font-size:.82rem}.editor-error[hidden]{display:none}.editor-list{display:grid;gap:.55rem;margin-top:1rem}.editor-list-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.5rem;padding:.75rem .85rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;text-align:start}.editor-list-row>div{min-width:0}.editor-list-row strong{display:block;font-size:.86rem;overflow-wrap:anywhere}.editor-list-row small{display:block;margin-top:.15rem;color:var(--muted);font-size:.75rem}.editor-list-row button{flex-shrink:0}.editor-empty{padding:1.5rem;text-align:center;font-size:.85rem;color:var(--muted)}.editor-help{margin:0 0 1rem;color:var(--muted);font-size:.85rem}.editor-confirm{padding:1rem;border:1px solid #d5b5aa;border-radius:.65rem;background:#fff3ee}.editor-confirm p{margin:0 0 .8rem;font-size:.85rem}.editor-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.editor-confirm[hidden]{display:none}.developer-mode .category-title[tabindex]{outline-offset:5px}
@media(max-width:700px){.developer-toolbar{inset:auto .6rem .6rem;width:calc(100% - 1.2rem);padding:.55rem .6rem;gap:.4rem;flex-wrap:wrap}.developer-identity small{display:none}.developer-identity>span{width:1.8rem;height:1.8rem}.developer-identity strong{font-size:.75rem}.developer-controls{gap:.25rem;flex:1;justify-content:flex-end}.developer-controls .editor-button{padding:.5rem .55rem;min-height:2.55rem;font-size:.73rem}.developer-controls .editor-button svg{display:none}.editor-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);border-radius:.9rem}.editor-body{padding:1rem}.editor-header,.editor-footer{padding:.9rem 1rem}.editor-fields{gap:.75rem}.product-top{flex-wrap:wrap}.product-price{flex-direction:row;align-items:center;gap:.4rem}.product-price del{font-size:.65rem}.developer-mode .floating-cart{bottom:6.3rem}}@media(max-width:400px){.developer-identity{width:100%}.developer-controls{justify-content:stretch;width:100%}.developer-controls .editor-button{flex:1}.developer-mode .floating-cart{bottom:8.7rem}.developer-mode .mobile-actions{bottom:7.4rem}.editor-fields{grid-template-columns:1fr}.editor-field.full{grid-column:auto}}

.product-options,.detail-actions{grid-template-columns:1fr}
.contact-phone{white-space:nowrap;font-variant-numeric:tabular-nums;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.45)}
.contact-phone bdi{direction:ltr}
.contact-location{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.45)}
.variant-selects{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.55rem}
.variant-choice{display:flex;flex-direction:column;min-width:0;gap:.25rem}
.variant-choice[hidden]{display:none}
.variant-choice>span{color:var(--muted);font-size:.875rem;font-weight:600}
.variant-choice .size-select{min-width:0;font-size:.875rem}
.detail-media{display:flex;flex-direction:column;min-width:0}
.detail-main{position:relative;display:grid;place-items:center;flex:1;min-height:25rem;overflow:hidden;background:#e8e1d2}
.detail-main #detail-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.detail-photos{display:flex;justify-content:safe center;gap:.5rem;padding:.8rem;background:#eee7db;overflow-x:auto}
.detail-photos[hidden]{display:none}
.detail-thumbnail{width:3.6rem;height:3.6rem;flex:0 0 auto;padding:3px;border:1px solid #c9bfae;border-radius:.55rem;background:#fffdf7;cursor:pointer}
.detail-thumbnail[aria-pressed="true"]{border:2px solid #b78212;background:#f7e2b2}
.detail-thumbnail img{width:100%;height:100%;border-radius:.3rem;object-fit:cover}
.editor-photo-heading{display:flex;align-items:center;justify-content:space-between}
.editor-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem}
.editor-photo{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:.65rem;background:#fff}
.editor-photo>img{width:100%;aspect-ratio:1;object-fit:contain;background:#f0eadf}
.editor-photo-actions{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.4rem .5rem}
.editor-cover-label{font-size:.875rem;font-weight:600;color:#76540e}
.editor-photo-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.25rem .1rem;border:0;background:transparent;color:var(--ink);cursor:pointer;font:600 .875rem "DM Sans",system-ui,sans-serif}
.editor-photo-action.remove{width:2.75rem;flex:0 0 auto;padding:.45rem;border-radius:.4rem;color:#8b3929}
.editor-photo-action:hover{background:#f3efe5}
.editor-photo-action svg{width:1.1rem;height:1.1rem}
.editor-upload-status{min-height:1.3rem;margin:.6rem 0 0;font-size:.875rem;color:var(--muted)}
.editor-photo-link{margin:1rem 0 .3rem;color:var(--muted);font-size:.875rem}
.editor-photo-link summary{width:max-content;max-width:100%;cursor:pointer}
.editor-photo-url{display:flex;align-items:end;gap:.55rem;margin-top:.75rem}
.editor-photo-url .editor-field{flex:1}
.editor-photo-url .editor-button{min-height:2.9rem;flex-shrink:0}
@media(max-width:820px){.detail-media{height:23rem;min-height:0}.detail-main{min-height:17rem}.detail-photos{padding:.65rem}.detail-thumbnail{width:3.3rem;height:3.3rem}}
@media(max-width:480px){.editor-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-media{height:21rem}.detail-main{min-height:15rem}.detail-thumbnail{width:3rem;height:3rem}.detail-photos{gap:.4rem}.editor-photo-url{align-items:stretch;flex-direction:column}}
.editor-checkbox { display: flex; align-items: center; gap: 12px; min-height: 44px; font-weight: 600; }
.editor-checkbox.full { grid-column: 1 / -1; }
.editor-checkbox input { width: 20px; height: 20px; accent-color: var(--ink, #171712); }
.editor-photo > video { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; background: #151612; }
.detail-main #detail-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #151612; }
.detail-main #detail-video[hidden], .detail-main #detail-image[hidden], .detail-video-error[hidden] { display: none; }
.detail-video-thumbnail { display: inline-flex; align-items: center; justify-content: center; gap: .2rem; color: var(--ink); background: var(--theme-surface); }
.detail-video-thumbnail .icon { width: 20px; height: 20px; }
.detail-video-thumbnail span { font-size: .75rem; }
.detail-video-error { position: absolute; inset-inline: .75rem; top: .75rem; z-index: 2; margin: 0; padding: .6rem; border-radius: .5rem; background: #151612e8; color: #fff; font-size: .875rem; line-height: 1.5; pointer-events: none; }
.product-video-badge { position: absolute; inset-block-start: .65rem; inset-inline-start: .65rem; display: inline-flex; align-items: center; gap: .25rem; padding: .3rem .5rem; border-radius: 99px; background: #151612de; color: #fff; font-size: .75rem; font-weight: 600; pointer-events: none; }
.product-video-badge .icon { width: 13px; height: 13px; }
