:root{
  --brand:#e8505b; --brand-dark:#c73d48; --accent:#14b8a6;
  --ink:#1f2937; --muted:#6b7280; --line:#e5e7eb; --bg:#fafaf9; --card:#fff;
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Cairo',Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Header */
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.header .container{display:flex;align-items:center;justify-content:space-between;height:68px;gap:12px}
.logo{font-size:1.5rem;font-weight:800;color:var(--brand)}
.logo small{display:block;font-size:.7rem;color:var(--muted);font-weight:600;margin-top:-6px}
.cart-btn{position:relative;background:var(--brand);color:#fff;border:0;border-radius:999px;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer;display:flex;gap:8px;align-items:center}
.cart-btn:hover{background:var(--brand-dark)}
.badge{background:#fff;color:var(--brand);border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:.8rem;padding:0 6px}

/* Hero */
.hero{background:linear-gradient(135deg,#fff1f2,#ecfeff);padding:48px 0 40px;text-align:center}
.hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800}
.hero p{color:var(--muted);margin-top:8px;font-size:1.05rem}
.pill{display:inline-block;background:var(--accent);color:#fff;border-radius:999px;padding:4px 14px;font-size:.85rem;font-weight:700;margin-bottom:12px}

/* Filters */
.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:28px 0 20px}
.filters a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 16px;font-weight:600;font-size:.95rem}
.filters a.active,.filters a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.search{display:flex;max-width:420px;margin:0 auto}
.search input{flex:1;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font:inherit}

/* Categories */
.sec-title{font-size:1.4rem;font-weight:800;margin:28px 0 14px;text-align:center}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.cat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-align:center;padding-bottom:10px;transition:transform .15s,box-shadow .15s}
.cat-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.07)}
.cat-img{aspect-ratio:1/1;background:linear-gradient(135deg,#fff1f2,#ecfeff);display:grid;place-items:center;overflow:hidden;margin-bottom:8px}
.cat-img img{width:100%;height:100%;object-fit:cover}
.cat-img span{font-size:2.6rem;font-weight:800;color:var(--brand)}
.cat-card strong{display:block}
.cat-card small{color:var(--muted)}
@media(max-width:560px){.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px}.cat-card strong{font-size:.9rem}}

/* Admin categories */
.cat-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.cat-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#fff1f2;display:grid;place-items:center;flex-shrink:0}
.cat-thumb img{width:100%;height:100%;object-fit:cover}
.cat-thumb span{font-weight:800;color:var(--brand);font-size:1.4rem}
.cat-edit{display:flex;gap:8px;align-items:center;flex:1;flex-wrap:wrap;min-width:220px}
.cat-edit input[name=name]{flex:1;min-width:140px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}
.file-lbl{cursor:pointer;text-decoration:underline}
.cat-actions{display:flex;gap:6px}

/* Grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;padding:12px 0 60px}
.card{background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.07)}
.card .img{aspect-ratio:1/1;background:#f3f4f6;overflow:hidden;cursor:zoom-in}
.card .img img{width:100%;height:100%;object-fit:cover}
.card .body{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-size:1.05rem;font-weight:700}
.meta{font-size:.85rem;color:var(--muted)}
.price{font-size:1.2rem;font-weight:800;color:var(--brand)}
.price small{font-size:.75rem;color:var(--muted);font-weight:600}
.qty-row{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.qty-row input{width:70px;border:1px solid var(--line);border-radius:10px;text-align:center;font:inherit}
.btn{border:0;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;background:var(--ink);color:#fff}
.btn:hover{opacity:.9}
.btn.brand{background:var(--brand)}
.btn.green{background:#16a34a}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.danger{background:#dc2626}
.btn.sm{padding:6px 10px;font-size:.85rem}
.btn.block{width:100%}
.qty-row .btn{flex:1}
.empty{text-align:center;color:var(--muted);padding:60px 0}

/* Colors */
.dot{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.2);vertical-align:middle;flex-shrink:0}
.swatches{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:10px;transition:background .2s}
.swatches .meta{width:100%}
.swatches.need{background:#fee2e2}
.sw{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 4px;cursor:pointer;font-size:.82rem;background:#fff;user-select:none}
.sw input{display:none}
.sw:has(input:checked){border-color:var(--brand);background:#fff1f2;box-shadow:0 0 0 1px var(--brand)}
.sw:has(input:checked) .nm::after{content:' ✓';color:var(--brand);font-weight:800}
.ci-color{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;background:#f3f4f6;border-radius:999px;padding:1px 8px 1px 3px}
.ci-color .dot{width:14px;height:14px}
.stepper{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.stepper button{width:34px;border:0;background:#f3f4f6;font-size:1.1rem;font-weight:800;cursor:pointer}
.stepper input{width:48px;border:0;text-align:center;font:inherit;font-weight:700;-moz-appearance:textfield}
.stepper input::-webkit-inner-spin-button{display:none}
.color-chk{display:flex;flex-wrap:wrap;gap:6px}
.color-chk label{font-weight:400}

/* Carousel */
.carousel{position:relative;background:#fff;overflow:hidden}
.carousel .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:5/6}
.carousel .track::-webkit-scrollbar{display:none}
.carousel .slide{flex:0 0 100%;scroll-snap-align:start;display:block;cursor:pointer}
.carousel .slide img{width:100%;height:100%;object-fit:contain}
.carousel .empty-img{display:grid;place-items:center;color:var(--muted);cursor:default}
.carousel .nav,.lightbox .nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;color:var(--ink);z-index:2}
.carousel .prev,.lightbox .prev{right:8px}
.carousel .next,.lightbox .next{left:8px}
.carousel .dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px}
.carousel .dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 2px rgba(0,0,0,.4);cursor:pointer;transition:.2s}
.carousel .dots span.on{background:#fff;width:18px;border-radius:4px}
.carousel .counter{direction:ltr;unicode-bidi:isolate;position:absolute;bottom:6px;left:8px;background:rgba(0,0,0,.55);color:#fff;font-size:.75rem;padding:1px 8px;border-radius:999px}
@media(hover:hover){.card .carousel .nav{opacity:0;transition:.2s}.card:hover .carousel .nav{opacity:1}}
.card h3 a:hover{color:var(--brand)}
.details-link{font-size:.85rem;font-weight:700;color:var(--accent);text-align:center;margin-top:4px}
.sw-title{width:100%;font-size:.85rem;font-weight:700}
.mini-dots{display:flex;gap:3px;flex-wrap:wrap}
.mini-dots .dot{width:14px;height:14px}

/* Product page */
.crumbs{font-size:.85rem;color:var(--muted);margin:18px 0}
.crumbs a:hover{color:var(--brand)}
.crumbs span{color:var(--ink);font-weight:600}
.product-page{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start;margin-bottom:20px}
@media(max-width:800px){.product-page{grid-template-columns:1fr;gap:18px}}
.gallery .carousel{border-radius:var(--radius);border:1px solid var(--line)}
.gallery .carousel .slide{cursor:zoom-in}
.gallery .carousel .nav{width:42px;height:42px}
.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.thumbs button{flex:0 0 68px;height:68px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:#f3f4f6;opacity:.6;transition:.15s}
.thumbs button.on{border-color:var(--brand);opacity:1}
.thumbs img{width:100%;height:100%;object-fit:cover}
.info-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:8px}
.info-box h1{font-size:1.6rem;font-weight:800;line-height:1.3}
.price.big{font-size:1.7rem}
.specs{margin:6px 0}
.specs th{background:none;width:90px;color:var(--muted);font-weight:600;padding:7px 0}
.specs td{padding:7px 8px}
.buy{display:flex;flex-direction:column;gap:8px;background:#fafaf9;border-radius:12px;padding:12px}
.desc{color:#374151;white-space:normal;line-height:1.8}
.lightbox .nav{width:46px;height:46px}
.lb-close{position:absolute;top:12px;left:16px;color:#fff;font-size:2.4rem;z-index:2}
.lightbox img{max-width:100%;max-height:88vh;border-radius:10px}

/* Cart drawer */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:.2s;z-index:90}
.overlay.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;left:0;height:100%;width:min(420px,100%);background:#fff;z-index:100;transform:translateX(-100%);transition:.25s;display:flex;flex-direction:column}
.drawer.open{transform:none}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}
.drawer .items{flex:1;overflow:auto;padding:12px 16px}
.drawer footer{padding:16px;border-top:1px solid var(--line)}
.ci{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);align-items:center}
.ci img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#f3f4f6}
.ci .info{flex:1;font-size:.9rem}
.ci .ctrl{display:flex;align-items:center;gap:4px}
.ci .ctrl button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;font-weight:700}
.total{display:flex;justify-content:space-between;font-weight:800;font-size:1.15rem;margin-bottom:12px}
.x{background:none;border:0;font-size:1.6rem;cursor:pointer;line-height:1}

/* Forms */
.form{display:grid;gap:12px}
.form label{font-weight:600;font-size:.9rem}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:#fff}
.form textarea{min-height:90px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;place-items:center;z-index:200;padding:16px}
.lightbox.open{display:grid}
.lightbox img{max-height:90vh;border-radius:10px}

/* Page / panel */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:24px 0}
.panel h2{margin-bottom:16px}
.alert{padding:12px 16px;border-radius:10px;margin:16px 0;font-weight:600}
.alert.ok{background:#dcfce7;color:#166534}
.alert.err{background:#fee2e2;color:#991b1b}

/* Admin table */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{padding:10px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
th{background:#f9fafb}
td img{width:52px;height:52px;object-fit:cover;border-radius:8px}
.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}
.tabs a{padding:8px 16px;border-radius:10px;font-weight:700;border:1px solid var(--line);background:#fff}
.tabs a.active{background:var(--ink);color:#fff}
.status{padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:700}
.status.new{background:#fef3c7;color:#92400e}
.status.done{background:#dcfce7;color:#166534}
.status.cancel{background:#fee2e2;color:#991b1b}
.off{opacity:.45}

.footer{background:var(--ink);color:#d1d5db;text-align:center;padding:24px 16px;font-size:.9rem}
.wa-float{position:fixed;bottom:20px;right:20px;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.2);z-index:40;font-size:1.6rem}

/* Discount */
.price-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
.old-price{color:var(--muted);font-size:.95rem;font-weight:600}
.sale-tag{background:#fee2e2;color:#b91c1c;font-size:.78rem;font-weight:800;padding:1px 8px;border-radius:999px}
.sale-badge{position:absolute;top:8px;right:8px;z-index:3;background:#dc2626;color:#fff;font-weight:800;font-size:.85rem;padding:3px 12px;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.save-note{color:#15803d;font-weight:700;font-size:.9rem}
.price-box{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#fafaf9;border:1px dashed var(--line);border-radius:12px;padding:12px}
@media(max-width:560px){.price-box{grid-template-columns:1fr}}

.card .carousel{border-bottom:1px solid var(--line)}

/* Admin: one save button per page */
.bulk-form{padding-bottom:0}
.bulk-row{display:flex;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line);border-radius:10px;transition:background .3s}
.bulk-row.moved{background:#fef9c3}
.bulk-row.is-new{background:#f0fdf4}
.bulk-row.to-delete{opacity:.45;background:#fee2e2}
.bulk-row.to-delete .row-name{text-decoration:line-through}
.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.row-name{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-weight:600}
.row-sub{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.row-tools{display:flex;gap:4px;flex-shrink:0}
.row-color{width:48px;height:48px;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff;flex-shrink:0;cursor:pointer}
.del-toggle{cursor:pointer}
.save-bar{position:sticky;bottom:0;z-index:20;display:flex;gap:10px;align-items:center;justify-content:flex-end;background:#fff;border-top:1px solid var(--line);padding:12px 0;margin-top:16px}
.save-bar .btn.brand{padding:12px 22px}
.dirty-note{display:none;margin-inline-end:auto;color:#b45309;font-weight:700;font-size:.88rem}
.is-dirty .dirty-note{display:inline}
.is-dirty .save-bar .btn.brand{box-shadow:0 0 0 3px #fecaca}
@media(max-width:560px){.bulk-row{flex-wrap:wrap}.row-main{flex-basis:calc(100% - 70px)}.row-tools{width:100%;justify-content:flex-end}.save-bar .btn.brand{flex:1}}

/* Auto color detection */
.detect-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.detect-status{font-size:.85rem;color:var(--muted);background:#f9fafb;border-radius:10px;padding:8px 10px;margin-bottom:8px}
.detect-status.ok{background:#f0fdf4;color:#166534}
.detect-status.warn{background:#fffbeb;color:#92400e}
.sw.auto{position:relative}
.sw.auto::before{content:'✨';position:absolute;top:-9px;left:-6px;font-size:.8rem}

/* Color picker from image */
.picker{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px;background:#fff}
.picker[hidden]{display:none}
.picker-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.picker-help{font-weight:700;font-size:.9rem}
.picker-stage{position:relative;display:flex;justify-content:center;background:#f3f4f6;border-radius:10px;overflow:hidden}
.picker-stage canvas{display:block;max-width:100%;max-height:55vh;width:auto;height:auto;cursor:crosshair;touch-action:manipulation}
.pick-loupe{position:absolute;pointer-events:none;min-width:36px;height:36px;border-radius:18px;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.35);color:#fff;font-size:.72rem;font-weight:800;padding:0 10px;display:flex;align-items:center;justify-content:center;text-shadow:0 0 3px #000;white-space:nowrap}
.pick-loupe[hidden]{display:none}
.picker-thumbs{display:flex;gap:6px;overflow-x:auto;margin-top:8px}
.picker-thumbs[hidden]{display:none}
.picker-thumbs button{flex:0 0 56px;height:56px;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;cursor:pointer;opacity:.6;background:#eee}
.picker-thumbs button.on{border-color:var(--brand);opacity:1}
.picker-thumbs img{width:100%;height:100%;object-fit:cover}
.pick-result{display:flex;gap:10px;align-items:center;margin-top:8px;background:#f9fafb;border-radius:10px;padding:8px 10px;font-size:.9rem}
.pick-result[hidden]{display:none}
.pick-result .dot{width:16px;height:16px}
.pick-result .dot.big{width:34px;height:34px;flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.pick-choices{display:flex;flex-direction:column;gap:6px;flex:1}
.pick-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pick-row input{flex:1;min-width:120px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit}
.pick-row input.need{border-color:#dc2626}
.sw.flash{animation:swflash .9s}
@keyframes swflash{0%,100%{transform:none}30%{transform:scale(1.15);box-shadow:0 0 0 4px #fecaca}}

/* Recently used colors */
.recent-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff7ed;border:1px dashed #fdba74;border-radius:12px;padding:8px 10px;margin-bottom:6px}
.recent-title{font-weight:800;font-size:.85rem;color:#9a3412}
.recent-chips{display:flex;gap:6px;flex-wrap:wrap}
.recent-chip.on{border-color:var(--brand);background:#fff1f2;box-shadow:0 0 0 1px var(--brand)}
.recent-chip.on .nm::after{content:' ✓';color:var(--brand);font-weight:800}

/* Factory */
.factory-tag{display:inline-block;font-size:.78rem;font-weight:700;background:#eef2ff;color:#3730a3;border-radius:999px;padding:1px 8px;margin-top:3px}
.factory-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font:inherit;font-size:.82rem;cursor:pointer}
.chip:hover{border-color:#6366f1;color:#3730a3}
.factory-filter{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.factory-filter select{border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit}

/* Factories tab */
.fac-extra{display:grid;grid-template-columns:1fr 1.4fr;gap:6px}
.fac-extra input{width:100%;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit;font-size:.9rem}
@media(max-width:560px){.fac-extra{grid-template-columns:1fr}}

/* Color ↔ image links */
.link-box{border:1px solid #c7d2fe;background:#f5f7ff;border-radius:12px;padding:10px;margin:8px 0}
.link-box[hidden]{display:none}
.link-head{font-weight:800;font-size:.9rem;margin-bottom:6px}
.link-row{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed #dbe1ff;flex-wrap:wrap}
.link-row:last-child{border-bottom:0}
.link-row.missing .link-name{color:#b45309}
.link-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;min-width:90px}
.link-thumbs{display:flex;gap:6px;overflow-x:auto;align-items:center;flex:1;padding:2px}
.link-thumbs button{flex:0 0 46px;height:56px;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;cursor:pointer;background:#fff;opacity:.55}
.link-thumbs button.on{border-color:var(--brand);opacity:1;box-shadow:0 0 0 2px #fecaca}
.link-thumbs button img{width:100%;height:100%;object-fit:cover}
.link-thumbs .unlink{flex:0 0 28px;height:28px;border-radius:50%;opacity:1;border:1px solid var(--line);font-weight:800}
.sw.has-img .dot{box-shadow:0 0 0 2px #fff,0 0 0 3px #a5b4fc}
.line-thumb{width:40px;height:48px;object-fit:cover;border-radius:6px;vertical-align:middle;margin-inline-end:8px;display:inline-block}

/* Load more */
.more-wrap{text-align:center;margin:-30px 0 50px}
.more-btn{padding:12px 28px;font-size:1rem}

/* Admin pager */
.pager{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.pager a{min-width:36px;text-align:center;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-weight:700}
.pager a.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- Stock / inventory ---------- */
.stock-box{border:1px solid #bbf7d0;background:#f0fdf4;border-radius:12px;padding:10px 12px}
.stock-rows{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.stock-rows[hidden]{display:none}
.stock-row{display:flex;align-items:center;gap:10px;font-weight:400}
.stock-name{display:flex;align-items:center;gap:6px;min-width:110px;font-weight:700;font-size:.9rem}
.stock-row input{width:110px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit}
.tab-badge{background:#dc2626;color:#fff;border-radius:999px;font-size:.7rem;padding:0 7px;margin-inline-start:4px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.kpi span{font-size:.8rem;color:var(--muted);font-weight:600}
.kpi b{font-size:1.45rem;font-weight:800;color:var(--ink)}
.kpi small{font-size:.78rem;color:var(--muted)}
.kpi.warn{border-color:#fcd34d;background:#fffbeb}
.kpi.bad{border-color:#fca5a5;background:#fef2f2}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
a.chip{display:inline-block}
.inv-row{display:flex;gap:12px;align-items:flex-start;padding:12px 4px;border-bottom:1px solid var(--line)}
.inv-row.is-out{background:#fef2f2}
.inv-img{width:52px;height:62px;object-fit:cover;border-radius:8px;flex-shrink:0}
.inv-main{flex:1;min-width:0}
.inv-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.enable-lbl{display:flex;align-items:center;gap:4px;font-weight:700;color:#166534}
.inv-cells{display:flex;gap:8px;flex-wrap:wrap}
.inv-cell{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:4px 8px;background:#fff;font-size:.85rem;font-weight:600}
.inv-cell span{display:flex;align-items:center;gap:4px}
.inv-cell input{width:70px;border:1px solid var(--line);border-radius:8px;padding:4px 6px;font:inherit;text-align:center}
.inv-cell em{font-style:normal;font-size:.72rem;font-weight:800;border-radius:999px;padding:0 6px}
.inv-cell.low{border-color:#fcd34d;background:#fffbeb}.inv-cell.low em{background:#fde68a;color:#92400e}
.inv-cell.out{border-color:#fca5a5;background:#fef2f2}.inv-cell.out em{background:#fecaca;color:#991b1b}
b.neg{color:#b91c1c}b.pos{color:#15803d}
.sw.sw-out{opacity:.5;cursor:not-allowed}
.sw.sw-out .nm{text-decoration:line-through}
.sw .out-tag{font-size:.7rem;font-weight:800;color:#b91c1c;text-decoration:none;margin-inline-start:2px}
.soldout-box{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-weight:800;border-radius:10px;padding:10px 12px;margin-top:auto}
.soldout-box a{font-size:.85rem;color:#166534;text-decoration:underline}
.soldout-badge{position:absolute;top:8px;left:8px;z-index:3;background:#111827;color:#fff;font-weight:800;font-size:.8rem;padding:3px 10px;border-radius:999px}
.limited-tag{font-size:.8rem;font-weight:700;color:#92400e}

/* ---------- Reports ---------- */
.rep-filter{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:14px 0 8px}
.rep-custom{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.rep-custom input[type=date]{border:1px solid var(--line);border-radius:8px;padding:4px 8px;font:inherit}
.rep-sub{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.rep-sub > span{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.kpi.hero b{font-size:1.9rem;color:var(--ink)}
.kpi small.up{color:#15803d;font-weight:700}
.kpi small.down{color:#b91c1c;font-weight:700}
.chart-wrap{position:relative}
.chart{width:100%;height:auto;display:block;touch-action:pan-y}
.chart .grid{stroke:#eceef1;stroke-width:1}
.chart .ax{fill:#6b7280;font-size:11px;font-family:inherit}
.chart .area{fill:#e8505b;opacity:.1}
.chart .line{fill:none;stroke:#e8505b;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.chart .hit{fill:#e8505b;stroke:#fff;stroke-width:2;opacity:0}
.chart .hit.on{opacity:1}
.chart .cross{stroke:#9ca3af;stroke-width:1;display:none}
.chart-tip{position:absolute;transform:translateX(-50%);background:#111827;color:#fff;font-size:.8rem;padding:6px 10px;border-radius:8px;pointer-events:none;white-space:nowrap;text-align:center;line-height:1.4}
.chart-tip[hidden]{display:none}
.rep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}
@media(max-width:560px){.rep-grid{grid-template-columns:1fr}}
.rep-card{margin:0}
.rep-card h3{margin-bottom:8px}
.rep-table td,.rep-table th{padding:7px 6px;font-size:.88rem}
.rep-name{position:relative;display:flex;align-items:center;gap:8px;min-width:150px}
.rep-name img{width:34px;height:40px;object-fit:cover;border-radius:6px}
.rep-name .share{position:absolute;bottom:2px;right:0;height:3px;border-radius:2px;background:#e8505b;opacity:.55}
details summary{cursor:pointer;margin-top:10px}
.rep-table td:nth-child(n+2),.rep-table th:nth-child(n+2){white-space:nowrap}
.chart text{direction:ltr;unicode-bidi:plaintext}

/* ---------- Home rows (وصل حديثًا / الأكثر مبيعًا / عروض) ---------- */
.badges{position:absolute;top:8px;right:8px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.badges .sale-badge{position:static}
.new-badge{background:#14b8a6;color:#fff;font-weight:800;font-size:.8rem;padding:3px 12px;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.row-sec{margin:26px 0 8px}
.row-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.row-head h2{font-size:1.3rem;font-weight:800}
.row-all{font-weight:700;color:var(--accent);white-space:nowrap;font-size:.92rem}
.list-head{margin-top:30px}
.row-wrap{position:relative}
.row-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.row-scroll::-webkit-scrollbar{height:6px}
.row-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}
.row-scroll > .card{flex:0 0 250px;scroll-snap-align:start}
@media(max-width:560px){.row-scroll > .card{flex-basis:72%}}
.row-nav{position:absolute;top:35%;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);font-size:1.5rem;cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.row-nav.prev{right:-12px}
.row-nav.next{left:-12px}
@media(hover:none),(max-width:560px){.row-nav{display:none}}
.qty-row .btn{white-space:nowrap}
.row-scroll .stepper button{width:28px}
.row-scroll .stepper input{width:36px}
.row-scroll .qty-row .btn{padding:10px 8px;font-size:.92rem}

/* ---------- كمية لكل لون ---------- */
.color-qty{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:10px;transition:background .2s}
.color-qty.need{background:#fee2e2}
.cq-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:10px;padding:4px 4px 4px 8px;background:#fff;transition:.15s}
.cq-row.has{border-color:var(--brand);background:#fff1f2;box-shadow:0 0 0 1px var(--brand)}
.cq-row.out{opacity:.5}
.cq-row.out .nm{text-decoration:line-through}
.cq-name{display:flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;padding:2px 4px;color:var(--ink);min-width:0}
.cq-name .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cq-eye{font-size:.7rem;opacity:.6}
.cq-step{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex-shrink:0}
.cq-step button{width:32px;height:32px;border:0;background:#f3f4f6;font-size:1.05rem;font-weight:800;cursor:pointer}
.cq-step button:active{background:#e5e7eb}
.cq-step input{width:40px;border:0;text-align:center;font:inherit;font-weight:800;background:#fff}
.cq-row.has .cq-step input{color:var(--brand)}
.cq-sum{font-size:.85rem;color:var(--muted);text-align:center;padding:6px;border-radius:8px;background:#f9fafb;line-height:1.5}
.cq-sum.on{background:#f0fdf4;color:#166534}
.cq-sum small{color:var(--muted)}
.cq-add{margin-top:6px}
.product-page .color-qty{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.product-page .color-qty .sw-title,.product-page .color-qty .cq-sum{grid-column:1/-1}
@media(max-width:560px){.product-page .color-qty{grid-template-columns:1fr}}

/* اسم المنتج كامل: الموديل + المصنع + الكود */
.t-fac, .t-code { display: inline-block; font-size: .78em; font-weight: 700; padding: 1px 7px; border-radius: 6px; margin-inline-start: 3px; vertical-align: 1px; white-space: nowrap; }
.t-fac  { background: #fff4e0; color: #9a5b00; }
.t-code { background: #eef2ff; color: #3949ab; direction: rtl; unicode-bidi: isolate; }
h1 .t-fac, h1 .t-code { font-size: .55em; vertical-align: middle; }

/* الكارت: أول لونين بس والباقي بزرار */
.color-qty .cq-more{display:none}
.color-qty.open .cq-more{display:flex}
.cq-more.has{display:flex}  /* لون مختار كمية منه يفضل ظاهر حتى لو القائمة مقفولة */
.cq-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px dashed var(--brand);background:#fff;color:var(--brand);border-radius:10px;padding:7px;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}
.cq-toggle:active{background:#fff1f2}
.cq-t-dots{display:inline-flex;gap:3px;vertical-align:middle;margin-inline-start:4px}
.cq-t-dots .dot{width:12px;height:12px;box-shadow:0 0 0 1px #d1d5db}
.cq-t-close{display:none}
.color-qty.open .cq-t-open{display:none}
.color-qty.open .cq-t-close{display:inline}

/* ---------- البحث + الفلتر المتقدم ---------- */
.search-box{max-width:720px;margin:0 auto}
.search-box .search{gap:8px;max-width:520px}
.adv-btn{flex-shrink:0;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}
.adv-btn.on,.adv-btn[aria-expanded="true"]{border-color:var(--brand);color:var(--brand);background:#fff1f2}
.adv-n{background:var(--brand);color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:.75rem;padding:0 5px}
.adv-panel{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:14px;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.adv-panel[hidden]{display:none}
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.adv-f{display:grid;gap:5px}
.adv-f>span{font-weight:700;font-size:.88rem}
.adv-f select,.adv-f input{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;background:#fff;min-width:0}
.adv-price{display:flex;align-items:center;gap:6px}
.adv-price span{color:var(--muted)}
.adv-colors{display:flex;flex-wrap:wrap;gap:6px}
.adv-col{position:relative}
.adv-col input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;inset:0}
.adv-col span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 12px;font-size:.85rem;font-weight:600;cursor:pointer;background:#fff;user-select:none}
.adv-col input:checked+span{border-color:var(--brand);background:#fff1f2;color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.adv-col input:focus-visible+span{outline:2px solid var(--brand)}
.adv-col .dot,.adv-chips .dot{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px #d1d5db}
.adv-checks{display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:600;font-size:.9rem}
.adv-checks label{display:flex;align-items:center;gap:6px;cursor:pointer}
.adv-checks input{width:18px;height:18px;accent-color:var(--brand)}
.adv-actions{display:flex;gap:8px}
.adv-actions .btn{flex:1;text-align:center}
.adv-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:14px 0 0}
.adv-chips a{display:inline-flex;align-items:center;gap:5px;background:#f3f4f6;border-radius:999px;padding:4px 12px;font-size:.84rem;font-weight:600}
.adv-chips a:hover{background:#fee2e2}
.adv-chips a.clear{background:none;color:var(--brand);text-decoration:underline}
@media (max-width:480px){.adv-grid{grid-template-columns:1fr 1fr}.adv-grid .adv-f:has(.adv-price){grid-column:1/-1}}

/* ---------- إشعار الواتساب (الإعدادات) ---------- */
.nt-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.nt-opt{position:relative;cursor:pointer}
.nt-opt input{position:absolute;opacity:0;width:1px;height:1px;inset:0}
.nt-opt span{display:grid;gap:2px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;height:100%}
.nt-opt small{color:var(--muted);font-size:.78rem;font-weight:400}
.nt-opt input:checked+span{border-color:var(--brand);background:#fff1f2;box-shadow:0 0 0 1px var(--brand)}
.nt-when[hidden]{display:none!important}
.nt-help{background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:6px;font-size:.9rem;line-height:1.7}
.nt-help ol{margin:0;padding-inline-start:20px}
.nt-help a{color:var(--accent);text-decoration:underline}
.nt-help code{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1px 6px;direction:ltr;display:inline-block;user-select:all}
.nt-log summary{cursor:pointer;font-weight:700}
.nt-log table{width:100%;font-size:.85rem;margin-top:6px}
.nt-log td{padding:4px;border-top:1px solid var(--line);vertical-align:top}

/* زرار الكتالوج في الهيدر */
.cat-pdf-btn{margin-inline-start:auto;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:700;background:#fff;white-space:nowrap}
.cat-pdf-btn:hover{border-color:var(--brand);color:var(--brand)}
@media (max-width:420px){.cat-pdf-btn{padding:8px 11px;font-size:.88rem}}
@media (max-width:330px){.cat-pdf-btn span{display:none}}

/* ---------- 📦 طلباتي ---------- */
.my-btn{margin-inline-start:auto;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:700;background:#fff;white-space:nowrap}
.my-btn:hover{border-color:var(--brand);color:var(--brand)}
.my-btn+.cat-pdf-btn{margin-inline-start:0}
@media (max-width:520px){.my-btn span,.cat-pdf-btn span{display:none}.my-btn,.cat-pdf-btn{padding:8px 11px}}
.my-orders{max-width:760px;padding-top:20px;padding-bottom:40px}
.mo-login{max-width:460px;margin:30px auto}
.mo-login h1{margin-bottom:6px}
.mo-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.mo-card{margin-bottom:14px}
.mo-top{display:flex;justify-content:space-between;gap:10px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:8px}
.mo-total{font-weight:800;font-size:1.15rem;color:var(--brand);white-space:nowrap}
.mo-lines{list-style:none;display:grid;gap:6px}
.mo-lines li{display:flex;align-items:center;gap:10px;font-size:.9rem}
.mo-lines img,.mo-lines .ph{width:44px;height:52px;object-fit:cover;border-radius:8px;background:#f3f4f6;flex-shrink:0}
.mo-lines .nm{flex:1;min-width:0;line-height:1.5}
.mo-lines .q{white-space:nowrap;color:var(--muted);font-weight:700}
.mo-lines li.gone{opacity:.5}
.mo-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.mo-actions .btn{flex:1;text-align:center;white-space:nowrap;font-size:.92rem;padding:10px 8px}

/* ---------- ❤️ المفضلة ---------- */
.fav-btn{position:absolute;top:8px;left:8px;z-index:4;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;display:grid;place-items:center;font-size:1.25rem;line-height:1;color:#9ca3af;padding:0}
.fav-btn span{transform:translateY(1px)}
.fav-btn.on{color:#e11d48}
.fav-btn.pop{animation:favpop .35s}
@keyframes favpop{40%{transform:scale(1.3)}100%{transform:scale(1)}}
.gallery .fav-btn{width:44px;height:44px;font-size:1.5rem;top:12px;left:12px}
.fav-link{position:relative;margin-inline-start:auto;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:700;background:#fff;white-space:nowrap}
.fav-link:hover{border-color:var(--brand);color:var(--brand)}
.fav-link+.my-btn{margin-inline-start:0}
.fav-n{position:absolute;top:-6px;left:-6px;background:var(--brand);color:#fff;border-radius:999px;min-width:19px;height:19px;font-size:.7rem;display:grid;place-items:center;padding:0 4px}
.fav-n[hidden]{display:none}
@media (max-width:520px){.fav-link span{display:none}.fav-link{padding:8px 11px}}
@media (max-width:400px){.logo{font-size:1.25rem}}
.fav-empty{text-align:center;padding:50px 16px;color:var(--muted)}
.fav-empty .big{font-size:3rem;display:block;margin-bottom:6px}
.logo{white-space:nowrap}
@media (max-width:440px){.cart-txt{display:none}.cart-btn{padding:9px 12px;gap:6px}.header .container{gap:6px}}

/* ---------- 🔔 بلّغني لما يرجع ---------- */
.notify-btn{border:1px solid #fca5a5;background:#fff;color:#b91c1c;border-radius:999px;padding:6px 12px;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer;white-space:nowrap}
.notify-btn:hover{background:#fef2f2}
.notify-btn.sm{padding:4px 9px;font-size:.74rem}
.notify-btn.ok{border-color:#86efac;color:#166534;background:#f0fdf4;cursor:default}
.cq-row.out{opacity:1}.cq-row.out .cq-name{opacity:.5}
.rs-dlg{border:0;border-radius:18px;padding:0;width:min(400px,94vw);box-shadow:0 20px 60px rgba(0,0,0,.25);font-family:inherit}
.rs-dlg::backdrop{background:rgba(0,0,0,.45)}
.rs-box{padding:20px;display:grid;gap:8px;position:relative}
.rs-box h3{margin:0}
.rs-box .x{position:absolute;top:10px;left:12px;border:0;background:none;font-size:1.6rem;cursor:pointer;color:var(--muted)}
.rs-box label{font-weight:700;font-size:.88rem}
.rs-box input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}
.rs-msg{border-radius:10px;padding:8px 10px;font-weight:700;font-size:.9rem}
.rs-msg.ok{background:#f0fdf4;color:#166534}.rs-msg.err{background:#fef2f2;color:#991b1b}
.tab-badge.ok{background:#16a34a}
.rs-group.ready{border-color:#86efac;box-shadow:0 0 0 1px #86efac}
.rs-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.rs-head img{width:56px;height:66px;object-fit:cover;border-radius:8px}
.rs-table td{vertical-align:middle}

/* ---------- ✏️ تعديل جماعي ---------- */
.bulk-bar{position:sticky;bottom:10px;z-index:30;background:#1f2937;color:#fff;border-radius:14px;padding:10px 12px;display:grid;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.25);margin-top:10px}
.bulk-bar[hidden]{display:none}
.bk-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bulk-bar select,.bulk-bar input[name=val]{border:0;border-radius:8px;padding:7px 9px;font:inherit;color:var(--ink)}
.bulk-bar .btn.ghost{background:transparent;color:#fff;border-color:#4b5563}
.bk-scope{display:flex;gap:6px;align-items:center;font-weight:600;font-size:.88rem}
.bk-f[hidden]{display:none}
.bk-preview{color:#d1d5db!important;font-size:.82rem}
.bk-preview b{color:#fff}
.undo-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 14px}
.linkish{border:0;background:none;color:var(--accent);text-decoration:underline;font:inherit;font-weight:700;cursor:pointer;padding:0}

/* ---------- 📲 نزّل التطبيق (آخر الصفحة) ---------- */
.app-promo{background:linear-gradient(135deg,#fff1f2,#fff);border-top:1px solid var(--line);padding:18px 0;margin-top:30px}
.app-promo[hidden]{display:none}
.app-promo-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.app-promo img{width:64px;height:64px;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.12);flex-shrink:0}
.ap-t{flex:1;min-width:200px;display:grid;gap:2px;line-height:1.6}
.ap-t span{color:var(--muted);font-size:.9rem}
.app-promo .btn{white-space:nowrap}
.app-promo .btn[hidden]{display:none}
@media (max-width:520px){.app-promo .btn{width:100%}}
.ios-share{display:inline-block;border:1px solid var(--muted);border-radius:4px;padding:0 3px;font-size:.8em}
@media (display-mode: standalone){.wa-float{bottom:calc(16px + env(safe-area-inset-bottom))}}
.app-icon-row{display:flex;gap:12px;align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:10px}
.app-icon-row img{border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.ap-steps{flex-basis:100%;background:#fff;border:1px dashed var(--brand);border-radius:12px;padding:10px 12px;font-size:.92rem;line-height:1.8}
.ap-steps[hidden]{display:none}

/* ---------- 🎟️ كود الخصم ---------- */
.coupon-box{background:#f9fafb;border:1px dashed var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:6px}
.coupon-row{display:flex;gap:8px}
.coupon-row input{flex:1;min-width:0;font-weight:800;letter-spacing:1px}
.coupon-msg{font-weight:700;font-size:.9rem;border-radius:8px;padding:6px 10px}
.coupon-msg.ok{background:#f0fdf4;color:#166534}.coupon-msg.err{background:#fef2f2;color:#991b1b}
.disc-row td{color:#166534;font-weight:700}
.cp-code{font-family:monospace;font-size:1.05rem;letter-spacing:1px;background:#fff7ed;border:1px dashed #fb923c;border-radius:6px;padding:1px 8px;direction:ltr;display:inline-block}
.chips-line{display:flex;flex-wrap:wrap;gap:6px}
.chk-chip{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-weight:600;cursor:pointer}
.chk-chip input{width:auto}

/* ---------- 🏆 مسابقة الموسم ---------- */
.ss-strip{display:block;background:linear-gradient(90deg,#f59e0b,#e8505b);color:#fff;padding:10px 0;font-size:.95rem}
.ss-strip .container{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ss-strip .go{background:#fff;color:#b45309;border-radius:999px;padding:4px 12px;font-size:.85rem;white-space:nowrap}
.season-page{max-width:760px;padding-top:16px;padding-bottom:30px}
.ss-hero{text-align:center;padding:24px 10px;background:linear-gradient(135deg,#fff7ed,#fff1f2);border-radius:20px;margin-bottom:14px}
.ss-hero h1{font-size:1.7rem;margin:8px 0}
.ss-hero .pill{background:#fff;border:1px solid #fed7aa;color:#b45309}
.ss-prizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:14px}
.ss-prize{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center;display:grid;gap:4px}
.ss-prize.r1{border-color:#fbbf24;box-shadow:0 0 0 2px #fde68a;background:#fffbeb}
.ss-medal{font-size:2rem}
.ss-prize span:last-child{color:var(--muted);font-size:.92rem}
.ss-me h3{margin-bottom:4px}.ss-rank{color:var(--brand);font-size:1.4rem}
.ss-ok{color:#166534;font-weight:800}.ss-go{color:#b45309;font-weight:700}
.ss-board{list-style:none;display:grid;gap:6px}
.ss-board li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#f9fafb}
.ss-board li.win{background:#fffbeb}
.ss-board li.me{outline:2px solid var(--brand)}
.ss-board .pos{width:34px;text-align:center;font-weight:800;font-size:1.1rem}
.ss-board .who{flex:1;display:grid;gap:4px;font-weight:700}
.ss-board .bar{height:7px;background:#e5e7eb;border-radius:9px;overflow:hidden}
.ss-board .bar i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#e8505b);border-radius:9px}
.ss-mini{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;background:#fffbeb;border-color:#fde68a;margin-bottom:12px}
.ss-mini .go{margin-inline-start:auto;color:#b45309;font-weight:800}
.ss-win td{background:#fffbeb}
bdi{unicode-bidi:isolate;direction:ltr;white-space:nowrap}
.ss-prize{padding:12px 8px}
@media (max-width:420px){.ss-prize span:last-child{font-size:.8rem}}
.pin-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:10px 12px;display:grid;gap:6px}
.pin-box[hidden],.pin-ok[hidden]{display:none}
.pin-box input{font-size:1.2rem;letter-spacing:6px;text-align:center;font-weight:800;max-width:200px}
.pin-ok{background:#f0fdf4;color:#166534;border-radius:10px;padding:8px 12px;font-weight:700}
.pin-in{letter-spacing:6px;text-align:center;font-weight:800;font-size:1.15rem}
.mo-old summary{cursor:pointer;color:var(--muted);font-size:.9rem;margin-bottom:6px}

/* ---------- رسايل صغيرة (بدل alert) ---------- */
#toasts{position:fixed;top:78px;left:50%;transform:translateX(-50%);z-index:200;display:grid;gap:8px;width:min(420px,92vw);pointer-events:none}
.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;background:#1f2937;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-weight:600;font-size:.95rem;line-height:1.6;opacity:0;transform:translateY(-10px);transition:.25s}
.toast.on{opacity:1;transform:none}
.toast.warn{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.toast.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.toast.ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
.toast .tm{flex:1}
.toast button{border:0;background:none;font-size:1.3rem;line-height:1;color:inherit;opacity:.6;cursor:pointer;padding:0}
/* لما العميل يدوس «أضف للسلة» من غير ما يختار لون */
.color-qty.need{background:#fff7ed;border-radius:12px;animation:needShake .5s}
.color-qty.need .cq-row:not(.out){border-color:#fb923c;box-shadow:0 0 0 2px #fed7aa}
.color-qty.need .cq-step button[data-d="1"]{background:#fb923c;color:#fff;animation:needPulse 1s 2}
.cq-sum.warn{background:#fff7ed;color:#9a3412;font-weight:800}
@keyframes needShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@keyframes needPulse{50%{transform:scale(1.2)}}
.toast.bump{animation:needShake .35s}

/* ---------- 📥 التليجرام ---------- */
.tg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.tg-card{display:grid;gap:8px;margin:0}
.tg-card.st-ignored{opacity:.6}
.tg-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.tg-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.tg-photos label{position:relative;cursor:pointer}
.tg-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;border:2px solid transparent}
.tg-photos input{position:absolute;top:4px;right:4px;width:18px;height:18px;accent-color:var(--brand)}
.tg-photos input:checked+img{border-color:var(--brand)}
.tg-photos input:not(:checked)+img{opacity:.35}
.tg-raw summary{cursor:pointer;color:var(--muted);font-size:.85rem}
.tg-raw pre{white-space:pre-wrap;font-family:inherit;font-size:.85rem;background:#f9fafb;border-radius:8px;padding:8px;margin-top:4px}
.tg-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tg-fields label{display:grid;gap:2px;font-size:.8rem;font-weight:700}
.tg-fields label.wide{grid-column:1/-1}
.tg-fields input,.tg-fields select,.tg-fields textarea{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;font-weight:400;width:100%}
.tg-opts{display:grid;gap:4px;font-size:.85rem}
.tg-opts label{display:flex;gap:6px;align-items:center}
.tg-actions{display:flex;gap:8px}.tg-actions .btn{flex:1}
.tg-sync{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tg-sync label{display:flex;gap:4px;align-items:center;font-size:.85rem;font-weight:700}
.tg-sync input[type=date]{border:1px solid var(--line);border-radius:8px;padding:5px 6px;font:inherit}
.tg-fac-new{margin-top:4px}.tg-fac-new[hidden]{display:none}
.tg-merge{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:8px 10px;display:grid;gap:4px;font-size:.88rem}
.tg-merge[hidden]{display:none}
.tg-merge label{display:flex;gap:6px;align-items:center}
.tg-colors{border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:6px}
.tgc-head{display:flex;justify-content:space-between;align-items:center;gap:6px}
.tgc-chips{display:flex;flex-wrap:wrap;gap:4px;max-height:118px;overflow:auto}
.tgc{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:.8rem;cursor:pointer;user-select:none;background:#fff}
.tgc input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px}
.tgc{position:relative}
.tgc .dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #d1d5db}
.tgc.on{border-color:var(--brand);background:#fff1f2;font-weight:700}
.tgc small{color:#b45309}
.tgc-new{display:flex;gap:4px;align-items:center}
.tgc-new .tgc-name{flex:1;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:inherit;min-width:0}
.tgc-new .tgc-hex{width:36px;height:30px;border:0;padding:0;background:none}
.tg-lab{background:#f0fdf4;color:#166534;border-radius:8px;padding:4px 8px;font-size:.82rem;font-weight:700}
.tgc-sugg{border:1px dashed #fb923c;background:#fff7ed;color:#9a3412;border-radius:999px;padding:1px 8px;font:inherit;font-size:.78rem;cursor:pointer}
.tg-tpl{margin-top:8px;background:#f9fafb;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.tg-tpl summary{cursor:pointer;font-weight:700}
.tg-tpl pre{white-space:pre-wrap;font-family:inherit;background:#fff;border:1px dashed var(--line);border-radius:8px;padding:8px;margin:8px 0;line-height:1.8}
.tg-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;position:sticky;top:0;z-index:20;background:var(--bg);padding:8px 0}
.tg-msg{border-radius:8px;padding:6px 10px;font-size:.88rem;font-weight:700}
.tg-msg[hidden]{display:none}
.tg-msg.ok{background:#f0fdf4;color:#166534}.tg-msg.err{background:#fef2f2;color:#991b1b}.tg-msg.wait{background:#eff6ff;color:#1e40af}
.tg-card.done{border-color:#86efac;box-shadow:0 0 0 2px #bbf7d0}
.tg-card .need{border-color:#dc2626!important;box-shadow:0 0 0 2px #fecaca}
.tg-log table{width:100%;font-size:.85rem;margin-top:6px}.tg-log td{padding:4px;border-top:1px solid var(--line)}
.tg-log summary{cursor:pointer;font-weight:700}
.tg-chs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}
.tg-chs a{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-weight:700;font-size:.88rem;direction:ltr}
.tg-chs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tg-chs a b{background:var(--brand);color:#fff;border-radius:999px;padding:0 6px;font-size:.75rem}

/* ---------- 📂 الأقسام الفرعية ---------- */
.subcats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 10px;margin:-8px 0 14px;-webkit-overflow-scrolling:touch}
.subcats::-webkit-scrollbar{display:none}
.subcats a{flex:0 0 auto;border:1.5px solid var(--brand);color:var(--brand);background:#fff;border-radius:12px;padding:7px 14px;font-weight:700;font-size:.9rem;white-space:nowrap}
.subcats a small{display:inline-block;min-width:20px;text-align:center;background:color-mix(in srgb,var(--brand) 12%,#fff);border-radius:999px;padding:0 6px;margin-inline-start:4px;font-size:.75rem}
.subcats a.active{background:var(--brand);color:#fff}
.subcats a.active small{background:rgba(255,255,255,.25)}
@media (min-width:760px){.subcats{flex-wrap:wrap;justify-content:center;overflow:visible}}
/* لوحة التحكم: محرر الفرعي */
.subs-ed{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.sub-chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:2px 4px 2px 8px}
.sub-chip.is-new{border-color:var(--brand);background:#fff}
.sub-chip input{border:0!important;background:transparent!important;padding:3px 4px!important;width:auto;min-width:60px;max-width:150px;field-sizing:content;font-size:.88rem;box-shadow:none!important}
.sub-chip small{color:var(--muted,#6b7280);font-size:.72rem}
.sub-chip button{border:0;background:none;cursor:pointer;color:#b91c1c;font-size:.8rem;padding:2px 6px;border-radius:999px}
.sub-chip button:hover{background:#fee2e2}
/* 📎 صور متجمعة من كذا بوست */
.tg-grp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#eef6ff;border:1px dashed #93c5fd;color:#1e3a8a;border-radius:10px;padding:6px 10px;font-size:.85rem;margin-bottom:6px}
.tg-photos .tg-cap{position:absolute;bottom:4px;inset-inline:4px;background:rgba(0,0,0,.6);color:#fff;font-style:normal;font-size:.7rem;border-radius:6px;padding:1px 4px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}

/* 👣 الزوار */
.seg{display:inline-flex;background:#f3f0fa;border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap}
.seg a{padding:6px 12px;border-radius:9px;font-weight:700;font-size:.88rem;color:var(--muted)}
.seg a.on{background:#fff;color:var(--brand);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.funnel{display:grid;gap:8px;margin-top:8px}
.fn-row{display:grid;grid-template-columns:150px 1fr 50px 50px;gap:10px;align-items:center}
.fn-bar{height:14px;background:#f3f0fa;border-radius:999px;overflow:hidden}
.fn-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#a78bfa);border-radius:999px}
.zt-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
.zt-tl{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:2px;border-inline-start:2px solid var(--line)}
.zt-tl li{display:grid;grid-template-columns:70px 28px 1fr;gap:8px;align-items:start;padding:6px 10px;border-radius:10px}
.zt-tl li:hover{background:#faf8fe}
.zt-t{color:var(--muted);font-size:.8rem;direction:ltr;text-align:start}
.zt-add,.zt-purchase{background:#f0fdf4}.zt-remove{background:#fef2f2}.zt-checkout{background:#fffbeb}
.zt-tl code{margin-inline-start:6px;font-size:.78rem}
@media(max-width:560px){.fn-row{grid-template-columns:110px 1fr 36px 40px}}
/* 🤖 المحلل الذكي */
.ai-panel{border:1.5px solid color-mix(in srgb,var(--brand) 30%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,#fff),#fff)}
.ai-out:empty{display:none}
.ai-rep h4{margin:18px 0 6px}
.ai-rep ul,.ai-rep ol{margin:0;padding-inline-start:22px;display:grid;gap:4px}
.ai-head{display:flex;gap:14px;align-items:center;margin-top:12px}
.ai-head h3{margin:0;font-size:1.1rem}
.ai-score{flex:none;width:74px;height:74px;border-radius:50%;display:grid;place-content:center;text-align:center;border:5px solid var(--c);color:var(--c)}
.ai-score b{font-size:1.5rem;line-height:1}.ai-score span{font-size:.7rem;color:var(--muted,#6b7280)}
.ai-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:12px 0}
.ai-today{border-color:#86efac;background:#f0fdf4}.ai-today h4{margin:0 0 6px}
.ai-probs{display:grid;gap:8px}
.ai-prob{border:1px solid var(--line);border-inline-start:4px solid #9ca3af;border-radius:10px;padding:8px 12px;background:#fff}
.ai-prob.hi{border-inline-start-color:#dc2626}.ai-prob.md{border-inline-start-color:#d97706}.ai-prob.lo{border-inline-start-color:#16a34a}
.ai-prob p{margin:4px 0}
.ai-ask{display:flex;gap:8px;margin-top:14px}.ai-ask input{flex:1;min-width:0}
.ai-qa{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-top:8px}.ai-qa p{margin:6px 0 0}
.ai-old{margin-top:12px}.ai-old details{margin:8px 0;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.ai-old summary{cursor:pointer;font-weight:600}
.pin-after{margin-top:12px;max-width:760px}
/* 🛒 سلال متسابة */
.ab-list{display:grid;gap:10px}
.ab-item{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff}
.ab-item.sent{background:#f6fef9;border-color:#bbf7d0}
.ab-top{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.ab-items{margin:6px 0;padding-inline-start:20px;font-size:.92rem}
.ab-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* قوايم الاختيار بتفتح فاضية في كروم ويندوز مع خط Cairo */
select,select option,select optgroup{font-family:Tahoma,'Segoe UI',Arial,sans-serif!important}
select option{color:#1f2937;background:#fff}
/* 👣 أرقام الزوار (KPIs) + تاج صغير */
.src-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}
.src-kpis>div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.src-kpis b{font-size:1.35rem;line-height:1.2;color:var(--ink)}
.src-kpis span{color:var(--muted);font-size:.82rem}
.src-tag{display:inline-block;background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand-dark);border-radius:999px;padding:0 8px;font-size:.72rem;font-weight:700;vertical-align:middle}
.notify-box{max-width:640px}
/* 📏 مراحل الموديل */
.stages{margin-top:6px}
.stg-title{font-weight:800;font-size:.9rem;margin-bottom:6px}
.stg-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.stg-tab{flex:1 1 0;min-width:96px;display:flex;flex-direction:column;align-items:center;gap:1px;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:7px 8px;cursor:pointer;font-family:inherit;color:var(--ink);line-height:1.3}
.stg-tab b{font-size:.86rem}
.stg-tab small{font-size:.76rem;color:var(--muted);font-weight:700}
.stg-tab.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,#fff)}
.stg-tab.on small{color:var(--brand-dark)}
.stg-tab.out{opacity:.55}
.stg-panel>.meta{margin-bottom:4px}
/* 📏 محرر المراحل في لوحة التحكم */
.stages-ed{border:1.5px dashed color-mix(in srgb,var(--brand) 45%,transparent);border-radius:14px;padding:12px;display:grid;gap:10px;background:color-mix(in srgb,var(--brand) 3%,#fff)}
.stg-ed{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;display:grid;gap:8px}
.stg-ed-head{display:flex;justify-content:space-between;align-items:center}
.stg-cols{display:flex;flex-wrap:wrap;gap:5px}
.stg-cols .sc{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:3px 9px 3px 7px;font-size:.82rem;cursor:pointer;background:#fff}
.stg-cols .sc input{width:auto;margin:0}
.stg-cols .sc:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,#fff);font-weight:700}
.stg-trk{display:flex;gap:8px;align-items:center;font-weight:700}
.stg-trk input{width:auto}
/* 📣 فورم فيسبوك: الشرح سطر واحد متصل (مش كل كلمة في سطر) */
#meta .nt-help{display:block}
#meta .nt-help>label{display:block;margin:10px 0 4px;font-weight:700}
#meta .nt-help>input{display:block;width:100%}
#meta .nt-help>.chk{display:flex;gap:6px;align-items:center;font-weight:400}
#meta .nt-help>.chk input{width:auto}
/* ⚠️ موديلات محتاجة تعديل */
.fix-list{display:grid;gap:10px;margin-top:12px}
.fix-row{display:flex;gap:12px;align-items:flex-start;padding:12px}
.fix-img{flex:0 0 72px;width:72px;height:90px;border-radius:10px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.fix-img img{width:100%;height:100%;object-fit:cover}
.fix-main{flex:1;min-width:0;display:grid;gap:4px}
.fix-name{font-weight:800}
.fix-tag{display:inline-block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:999px;padding:0 8px;font-size:.75rem;font-weight:700}
.fix-inputs{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-top:4px}
.fix-inputs label{display:grid;gap:2px;font-size:.8rem;font-weight:700;color:var(--muted)}
.fix-inputs input[name=code],.fix-inputs input[name=price]{width:130px}
.fix-inputs input.miss{border-color:#f87171;background:#fff7f7}
.fix-inputs .fix-show{display:flex;align-items:center;gap:6px;color:var(--ink);font-weight:600}
.fix-inputs .fix-show input{width:auto}
@media(max-width:560px){.fix-inputs input[name=code],.fix-inputs input[name=price]{width:110px}}
.fix-inputs input[name=code],.fix-inputs input[name=price]{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:.95rem;background:#fff;color:var(--ink)}
.fix-inputs input.miss{border-color:#f87171;background:#fff7f7}
.fix-list .panel{margin:0}
/* 🚪 حد دخول المسابقة */
.ss-min{display:inline-block;background:rgba(255,255,255,.75);border-radius:999px;padding:4px 14px;margin-top:6px;font-size:.92rem}
.ss-prog{height:12px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin:6px 0 8px}
.ss-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#f59e0b);border-radius:999px}
/* 🔥 عدد المتنافسين + المراكز الفاضية */
.ss-count{display:inline-block;background:#fff;border:1px solid #fed7aa;color:#b45309;border-radius:999px;padding:4px 14px;margin:6px 4px 0;font-size:.92rem}
.ss-empty{text-align:center;background:#fffbeb;border:1.5px dashed #f59e0b;border-radius:14px;padding:14px;margin-bottom:8px;line-height:1.8}
.ss-board li.free{background:#fff;border:1.5px dashed #e5e7eb;color:var(--muted);font-weight:600}

/* =====================================================================
   🧭 الصفحة الرئيسية والكارت المختصر (تنظيم ومسافات — نفس ألوان الموقع)
   ===================================================================== */
/* الهيدر: لوجو + بحث + قايمة + سلة */
.h-acts{display:flex;align-items:center;gap:8px}
.h-ico{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:1.1rem;cursor:pointer;position:relative;list-style:none;padding:0;font-family:inherit}
.h-ico::-webkit-details-marker{display:none}
.h-ico:hover{border-color:var(--brand)}
.hmenu{position:relative}
.hmenu .fav-n{position:absolute;top:-4px;inset-inline-end:-4px}
.hmenu-list{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:6px;min-width:200px;display:grid;z-index:60}
.hmenu-list a{padding:10px 12px;border-radius:10px;font-weight:700;white-space:nowrap}
.hmenu-list a:hover{background:#f9fafb;color:var(--brand)}
.h-search{border-top:1px solid var(--line);background:#fff;padding:8px 0}
.h-search .container{display:flex;gap:8px;height:auto}
.h-search input{flex:1;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font:inherit}
@media(max-width:520px){.cart-btn{padding:9px 14px}.cart-btn .cart-txt{display:none}.logo{font-size:1.3rem}}

/* الجزء اللي فوق: صغير وجواه البحث */
.hero.hero-s{padding:20px 0 46px}
.hero.hero-s h1{font-size:clamp(1.25rem,3.2vw,1.8rem);line-height:1.4}
.hero.hero-s p{font-size:.92rem;margin-top:4px}
.is-home>#filterForm{margin-top:-30px;position:relative;z-index:2}
.is-home>#filterForm .search input{box-shadow:0 6px 20px rgba(0,0,0,.08);background:#fff;padding:12px 18px}

/* الأقسام: دواير بتتسحب */
.cat-strip{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;scrollbar-width:none;padding:16px 2px 6px;-webkit-overflow-scrolling:touch}
.cat-strip::-webkit-scrollbar{display:none}
.cat-dot{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
.cd-img{width:68px;height:68px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--line);background:linear-gradient(135deg,#fff1f2,#ecfeff);display:grid;place-items:center;transition:box-shadow .15s}
.cd-img img{width:100%;height:100%;object-fit:cover}
.cd-img b{font-size:1.5rem;color:var(--brand)}
.cat-dot:hover .cd-img{box-shadow:0 0 0 2px var(--brand)}
.cat-dot strong{font-size:.85rem;line-height:1.3}
.cat-dot small{font-size:.72rem;color:var(--muted)}
.cat-strip .cat-dot{flex-shrink:0}
@media(min-width:900px){.cat-strip{justify-content:center;gap:22px}.cat-dot{flex-basis:92px}.cd-img{width:84px;height:84px}}

/* إزاي تطلب */
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 6px}
.how-s{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.how-s>b{flex:0 0 30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.9rem}
.how-s span{display:grid;line-height:1.35}
.how-s strong{font-size:.9rem}
.how-s small{font-size:.76rem;color:var(--muted)}
@media(max-width:640px){.how{grid-template-columns:1fr;gap:6px}.how-s{padding:8px 10px}}

/* الصفوف والعناوين والمسافات */
.row-sec{margin:18px 0 2px}
.row-head{margin-bottom:8px}
.row-head h2{font-size:1.15rem}
.list-head{margin-top:20px}
.row-scroll{gap:10px}
.row-scroll>.card{flex:0 0 210px}
@media(max-width:560px){.row-scroll>.card{flex-basis:44%}}
.is-home .ss-strip{border-radius:14px;margin:18px 0 4px;padding:10px 0}
.is-home .ss-strip .container{padding:0 14px}
.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:8px 0 20px}
@media(max-width:560px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.more-wrap{margin:4px 0 30px}
.filters{margin:16px 0 12px}

/* الكارت المختصر */
.c-compact .carousel .track{aspect-ratio:4/5}
.c-compact .carousel .slide img{object-fit:cover}
.c-compact .body{padding:10px;gap:4px}
.c-compact h3{font-size:.95rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-meta{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-price{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin-top:2px}
.c-price b{font-size:1.15rem;font-weight:800;color:var(--brand)}
.c-price small{font-size:.72rem;color:var(--muted);font-weight:600}
.c-price s{font-size:.8rem;color:var(--muted)}
.c-series{font-size:.78rem;color:var(--ink)}
.c-dots{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:2px}
.c-dots i{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.c-dots small{font-size:.72rem;color:var(--muted);margin-inline-start:2px}
.c-buy{margin-top:auto;padding:9px 10px;font-size:.92rem}
.c-compact .body>.c-buy{margin-top:6px}
@media(max-width:560px){.c-compact .body{padding:8px}.c-price b{font-size:1.05rem}.c-buy{font-size:.86rem;padding:8px 6px}}

/* 🛒 شاشة طلب السيري (من تحت) */
.sheet-ov{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s;z-index:70}
.sheet-ov.open{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;max-height:88vh;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.15);transform:translateY(105%);transition:transform .25s ease;z-index:71;display:flex;flex-direction:column}
.sheet.open{transform:none}
.sheet-h{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.sheet-h img{width:64px;height:80px;object-fit:cover;border-radius:10px;background:#f3f4f6;flex:0 0 auto}
.sheet-t{flex:1;min-width:0;display:grid;gap:2px}
.sheet-t b{font-size:.95rem;line-height:1.4}
.sheet-t span b{color:var(--brand)}
.sheet-t a{font-size:.8rem;color:var(--accent);font-weight:700}
.sheet-h .x{align-self:flex-start;border:0;background:#f3f4f6;width:34px;height:34px;border-radius:50%;font-size:1.3rem;cursor:pointer}
.sheet-body{overflow-y:auto;padding:12px 14px 18px;overscroll-behavior:contain}
.sheet-body .color-qty{grid-template-columns:1fr}
body.sheet-on{overflow:hidden}
body.sheet-on .wa-float{display:none}
@media(min-width:700px){.sheet{left:50%;right:auto;width:520px;bottom:50%;border-radius:20px;transform:translate(-50%,60%);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}.sheet.open{transform:translate(-50%,50%);opacity:1;pointer-events:auto}}

/* زرار الواتساب العائم أصغر */
.wa-float{width:50px;height:50px;font-size:1.35rem;bottom:16px;right:16px}

/* 🧾 آخر الصفحة */
.footer{text-align:start;padding:28px 0 0}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px}
.f-col{display:grid;gap:6px;align-content:start;font-size:.88rem}
.f-col h4{color:#fff;font-size:.95rem;margin-bottom:2px}
.f-col a:hover{color:#fff;text-decoration:underline}
.f-logo{color:#fff;font-size:1.25rem}
.f-note{color:#fff;font-weight:700}
.f-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding:12px 16px;text-align:center;font-size:.8rem;color:#9ca3af}
@media(max-width:700px){.f-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}

/* إزاي تطلب على الموبايل: 3 خطوات جنب بعض في سطر واحد */
@media(max-width:640px){.how{grid-template-columns:repeat(3,1fr);gap:6px}.how-s{flex-direction:column;text-align:center;gap:4px;padding:8px 6px}.how-s small{display:none}.how-s strong{font-size:.78rem}.how-s>b{flex-basis:auto;width:26px;height:26px;font-size:.8rem}}
/* شاشة الطلب مقفولة = مخفية تمامًا */
.sheet{visibility:hidden;transition:transform .25s ease,opacity .2s,visibility 0s linear .3s}
.sheet.open{visibility:visible;transition:transform .25s ease,opacity .2s,visibility 0s}
/* ✍️ أسماء بالذكاء الصناعي */
.ain-scope{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0}
.ain-run{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ain-prog{flex:1 1 200px;height:10px;background:#f3f4f6;border-radius:999px;overflow:hidden}
.ain-prog i{display:block;height:100%;width:0;background:var(--brand);transition:width .3s}
.ain-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.ain-list{display:grid;gap:10px}
.ain-row{display:grid;grid-template-columns:28px 70px 1fr 1.3fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:10px}
.ain-chk input{width:18px;height:18px}
.ain-img img{width:70px;height:88px;object-fit:cover;border-radius:8px;background:#f3f4f6}
.ain-old,.ain-new{display:grid;gap:4px;min-width:0}
.ain-old small{color:var(--muted);line-height:1.6}
.ain-new input,.ain-new textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:.92rem}
.ain-new input{font-weight:700;border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
@media(max-width:760px){.ain-row{grid-template-columns:24px 60px 1fr}.ain-new{grid-column:1/-1}.ain-img img{width:60px;height:75px}}
/* ✏️ تعديل طلب */
.oe-table input{width:90px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit}
.oe-row.gone td{opacity:.4;text-decoration:line-through}
.oe-row.gone td:nth-child(2),.oe-row.gone td:last-child{opacity:1;text-decoration:none}
.oe-row.is-new{background:#f0fdf4}
.oe-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:10px;border:1px dashed var(--line);border-radius:12px}
.oe-add #oeSearch{flex:1 1 260px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}
.oe-add #oeQty{width:90px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}
.oe-add select{border:1px solid var(--line);border-radius:10px;padding:8px}
.oe-total{margin-top:12px;font-size:1.05rem}
.oe-total #oeTot{color:var(--brand)}
.oe-hist{margin-top:8px}
.oe-form .row2 input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;margin-top:4px}
.oe-form .row2 label{font-weight:700}