:root{
  --brand:#7c4dff; --brand-dark:#6236e0; --accent:#ec4899;
  --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,#f3eeff,#fdf2f8);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,#f3eeff,#fdf2f8);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:#7c4dff;opacity:.1}
.chart .line{fill:none;stroke:#7c4dff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.chart .hit{fill:#7c4dff;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:#7c4dff;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,#7c4dff);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,#7c4dff);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}

/* ================= زايا كيدز — الشراء قطاعي ================= */
.rbuy{margin-top:14px}
.opt-title{font-weight:700;margin:12px 0 6px}
.opt-title .opt-sel{color:var(--brand)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.rbuy .chip{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-width:52px;justify-content:center;transition:.15s}
.rbuy .chip:hover{border-color:var(--brand)}
.rbuy .chip.on{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(124,77,255,.28)}
.rbuy .chip .dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block}
.rbuy .chip.out{opacity:.55;text-decoration:line-through;font-weight:600;font-size:.85rem}
.chips.need,.size-free.need{animation:needShake .5s;outline:2px dashed #f59e0b;outline-offset:4px;border-radius:12px}
@keyframes needShake{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.size-free{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit}
.rbuy .qty-row{margin-top:16px}
.rbuy-hint{margin-top:8px;color:#b45309;font-weight:700}
.card-dots{display:flex;gap:4px;align-items:center;margin:6px 0 10px;flex-wrap:wrap}
.card-dots .dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.card-dots .dot.out{opacity:.3}
.card-dots small{color:var(--muted);font-weight:700}
.sz-line{font-weight:600}
.ci-size{display:inline-block;background:#f3eeff;color:#5b21b6;border-radius:8px;padding:0 8px;font-size:.85rem;font-weight:700;margin-inline-start:4px}
.ship-note{font-size:.85rem;color:var(--muted);text-align:center;margin:-4px 0 8px;line-height:1.5}
/* لوحة التحكم: آسيا */
.src-tag{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:8px;padding:1px 8px;font-size:.78rem;font-weight:700;margin-top:3px}
.src-tag.pin{background:#fef3c7;color:#92400e}
.src-tag.off{background:#fee2e2;color:#991b1b}
.src-box{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px;padding:12px 14px;display:grid;gap:6px}
.chk{display:flex;gap:8px;align-items:flex-start;font-weight:500}
.chk input{width:auto!important;margin-top:6px}
.src-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:12px 0}
.src-kpis>div{background:#faf9ff;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}
.src-kpis b{display:block;font-size:1.25rem}
.src-kpis span{font-size:.8rem;color:var(--muted)}
a.btn{display:inline-block;text-align:center}a.btn.block{display:block}

/* ✍️ وصف المنتج */
.rdesc{margin-top:22px;background:linear-gradient(180deg,#faf7ff,#fff);border:1px solid #ece4ff;border-radius:16px;padding:16px 16px 12px;line-height:1.9}
.rdesc h3{font-size:1.15rem;margin-bottom:6px}
.rdesc h4{font-size:1rem;margin:14px 0 6px;color:#5b21b6}
.rdesc p{margin:6px 0;color:#374151}
.rdesc .rd-hook{font-size:1.08rem;font-weight:800;color:var(--ink)}
.rdesc ul{list-style:none;margin:4px 0;padding:0;display:grid;gap:6px}
.rdesc li{position:relative;padding-inline-start:26px;color:#374151}
.rdesc li::before{content:'✓';position:absolute;inset-inline-start:0;top:2px;width:19px;height:19px;border-radius:50%;background:var(--brand);color:#fff;font-size:.7rem;display:grid;place-items:center;font-weight:800}
.rdesc b{color:var(--ink)}
.rd-chips{display:flex;flex-wrap:wrap;gap:6px}
.rd-chips span{background:#fff;border:1px solid #e9e3ff;border-radius:999px;padding:3px 12px;font-weight:700;font-size:.9rem;display:inline-flex;gap:6px;align-items:center}
.rd-chips span.out{opacity:.5;text-decoration:line-through}
.rd-chips .dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:inline-block}
.rd-tip{font-size:.9rem;background:#fff7ed;border-radius:10px;padding:6px 10px;color:#9a3412!important}
.rd-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed #e9e3ff}
.rd-trust span{font-size:.85rem;font-weight:700;color:#4b5563;background:#fff;border-radius:10px;padding:4px 10px;border:1px solid var(--line)}
/* 🙈 إخفاء الأقسام */
.hide-toggle .ht-on,.sub-eye .ht-on{display:none}
.hide-toggle.on .ht-on,.sub-eye:has(input:checked) .ht-on{display:inline}
.hide-toggle.on .ht-off,.sub-eye:has(input:checked) .ht-off{display:none}
.hide-toggle.on{background:#fef3c7;border-color:#f59e0b;color:#92400e}
.bulk-row.is-hidden{background:repeating-linear-gradient(135deg,#fff,#fff 10px,#fafaf9 10px,#fafaf9 20px)}
.bulk-row.is-hidden .cat-thumb,.bulk-row.is-hidden .row-name{opacity:.55}
.sub-eye{cursor:pointer;padding:0 4px;font-size:.85rem}
.sub-chip.is-hidden{opacity:.6;text-decoration:line-through}

/* 🛍️ الشراء من الكارت مباشرة */
.rbuy-card{margin-top:8px;display:grid;gap:8px}
.chips.sm{gap:5px}
.chips.sm .chip{padding:5px 9px;min-width:0;font-size:.82rem;border-radius:10px}
.chips.dots{gap:6px;align-items:center}
.rbuy .chip.cdot{padding:3px;min-width:0;width:30px;height:30px;border-radius:50%;justify-content:center}
.rbuy .chip.cdot .dot{width:20px;height:20px}
.rbuy .chip.cdot.on{background:#fff;border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}
.rbuy .chip.cdot.out{opacity:.35;text-decoration:none;cursor:not-allowed;position:relative}
.rbuy .chip.cdot.out::after{content:'';position:absolute;inset:13px 2px auto;height:2px;background:#6b7280;transform:rotate(-45deg)}
.chips.dots .opt-sel{font-size:.82rem;font-weight:700;color:var(--brand)}
.add-btn{font-size:1rem;letter-spacing:.2px;box-shadow:0 6px 16px rgba(124,77,255,.28);transition:transform .12s,background .2s}
.add-btn:active{transform:scale(.97)}
.add-btn.added{background:#16a34a!important;box-shadow:0 6px 16px rgba(22,163,74,.3)}
.card-trust{font-size:.74rem;color:var(--muted);text-align:center;line-height:1.5}
.rbuy-card .rbuy-hint{margin:0;font-size:.85rem;text-align:center}
.sz-link{text-decoration:underline}
.cart-btn.bump{animation:cartBump .6s}
@keyframes cartBump{0%,100%{transform:none}30%{transform:scale(1.18)}60%{transform:scale(.95)}}

/* 🎨 صور AI */
.ai-box{background:#fdf4ff;border:1px solid #f5d0fe;border-radius:12px;padding:10px 12px;display:grid;gap:8px}
.ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.ai-grid figure,.ai-live figure{position:relative;margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ai-grid img,.ai-live img{width:100%;aspect-ratio:1;object-fit:cover}
.ai-grid figcaption,.ai-live figcaption{font-size:.75rem;padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-del{position:absolute;top:4px;inset-inline-start:4px;border:0;background:rgba(255,255,255,.9);border-radius:8px;cursor:pointer;padding:2px 6px}
.ai-live{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;margin-top:10px}

/* 🏠 أقسام الرئيسية */
.home-toggle .ht-on{display:none}.home-toggle.on .ht-on{display:inline}.home-toggle.on .ht-off{display:none}
.home-toggle.on{background:#ede9fe;border-color:var(--brand);color:#5b21b6}
.sub-home{cursor:pointer;padding:0 4px;font-size:.85rem;opacity:.35;filter:grayscale(1)}
.sub-home.on{opacity:1;filter:none}

/* 🖼 لوجو الموقع */
.logo.has-img{display:flex;flex-direction:column;justify-content:center;line-height:1}
.logo-img{height:46px;width:auto;max-width:170px;object-fit:contain;display:block}
.logo.has-img small{margin-top:2px}
@media (max-width:480px){.logo-img{height:38px;max-width:120px}}
.logo-prev{width:140px;min-height:64px;display:grid;place-items:center;background:#f8f7fb;border:1px dashed var(--line);border-radius:10px;padding:6px}
.logo-prev img{max-height:56px;max-width:130px}

/* 📱 السوشيال ميديا */
.social{display:grid;justify-items:center;gap:10px;margin-bottom:14px}
.soc-t{font-size:.95rem;color:inherit}
.soc-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.social .soc{display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.social.footer .soc{background:#fff;border-radius:999px;padding:6px 14px 6px 8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.social.footer .soc svg{width:26px;height:26px}
.social.footer .soc span{color:#1f2937;font-weight:700;font-size:.85rem}
.social .soc:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.14)}
.social.mini .soc svg{width:28px;height:28px}
.soc-snapchat svg circle{stroke:#e5e5e5}
.soc-ed{display:grid;gap:6px}
.soc-in{display:flex;gap:8px;align-items:center}
.soc-in .soc{flex:none;display:inline-flex}
.soc-in input{flex:1}
@media (max-width:480px){.social.footer .soc span{display:none}.social.footer .soc{padding:6px}}

/* =====================================================================
   ✨ زايا — تحديث التصميم (UI/UX Pro Max): ناعم، مبهج، واضح للأم على الموبايل
   الألوان متفحوصة على تباين 4.5:1 للنص — والخطوط: Baloo Bhaijaan 2 للعناوين + Cairo للنص
   ===================================================================== */
:root{
  --brand:#6d3ef5; --brand-dark:#5527d8; --brand-soft:#f1ebff; --accent:#db2777; --accent-soft:#fdeaf3;
  --ink:#1f1a3d; --muted:#5b6472; --line:#eee6f6; --bg:#fdf9fd; --card:#fff;
  --radius:18px; --shadow-sm:0 1px 2px rgba(31,26,61,.06),0 4px 14px rgba(31,26,61,.06);
  --shadow-md:0 10px 30px rgba(109,62,245,.14); --ease:cubic-bezier(.2,.8,.2,1);
  --font-h:'Baloo Bhaijaan 2','Cairo',Tahoma,sans-serif;
}
body{background:var(--bg);font-size:16px}
h1,h2,h3,.sec-title,.logo{font-family:var(--font-h)}
a,button,[role=button],.chip,label.btn{cursor:pointer}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:10px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* الهيدر */
.header{background:rgba(255,255,255,.88);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line)}
.header .container{height:64px}
.logo{font-size:1.7rem;letter-spacing:-.3px}
.hdr-act{display:flex;align-items:center;gap:8px}
.fav-link,.my-btn,.cat-pdf-btn{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;color:var(--ink);transition:background .2s,border-color .2s}
.fav-link:hover,.my-btn:hover,.cat-pdf-btn:hover{background:var(--brand-soft);border-color:#dccfff}
.fav-link .ico{color:var(--accent)} .my-btn .ico{color:var(--brand)}
.cart-btn{min-height:44px;padding:0 16px;background:var(--brand);box-shadow:0 6px 16px rgba(109,62,245,.3);transition:background .2s,transform .15s var(--ease)}
.cart-btn:hover{background:var(--brand-dark)}
.cart-btn .badge{background:#fff;color:var(--brand);font-weight:800}
.fav-n{position:absolute;top:-4px;inset-inline-end:-4px;background:var(--accent);color:#fff;border-radius:999px;min-width:20px;height:20px;font-size:.72rem;display:grid;place-items:center;padding:0 5px}
@media (max-width:640px){.fav-link span,.my-btn span,.cat-pdf-btn span,.cart-txt{display:none}.fav-link,.my-btn,.cat-pdf-btn{width:44px;padding:0;justify-content:center}.cart-btn{padding:0 12px}.hdr-act{gap:6px}}

/* الهيرو */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#f4eeff 0%,#fdeef6 55%,#fff7ec 100%);padding:56px 0 48px;text-align:center}
.hero .blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;pointer-events:none}
.hero .b1{width:220px;height:220px;background:#e3d6ff;top:-70px;inset-inline-start:-60px}
.hero .b2{width:160px;height:160px;background:#ffd6e8;bottom:-60px;inset-inline-end:8%}
.hero .b3{width:90px;height:90px;background:#ffe7b8;top:30px;inset-inline-end:-20px}
.hero-in{position:relative}
.hero h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.25;color:var(--ink);font-weight:800}
.hero h1 em{font-style:normal;color:var(--accent);background:linear-gradient(transparent 62%,#ffd9ea 62%);padding:0 6px;border-radius:6px}
.hero p{font-size:1.08rem;color:var(--muted);max-width:560px;margin:12px auto 0}
.hero .pill{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--brand);border:1px solid #e2d7ff;box-shadow:var(--shadow-sm);padding:6px 14px}
.hero-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.btn.lg{min-height:52px;padding:0 26px;border-radius:16px;font-size:1.05rem;display:inline-flex;align-items:center;gap:8px}
.btn.soft{background:#fff;color:var(--brand);border:1.5px solid #dccfff}
.btn.soft:hover{background:var(--brand-soft)}
.btn.brand{background:var(--brand);color:#fff}
.btn.brand:hover{background:var(--brand-dark)}
.trust-row{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;padding:0;color:var(--ink);font-weight:700;font-size:.92rem}
.trust-row li{display:inline-flex;align-items:center;gap:6px}
.trust-row .ico{color:var(--brand)}
.hero-sm{padding:26px 0 22px}
.hero-sm h1{font-size:clamp(1.5rem,4.5vw,2.2rem)}
.hero-sm p{display:flex;justify-content:center;align-items:center;gap:6px;font-size:.92rem;margin-top:6px}
.hero-sm .ico{color:var(--brand)}

/* العناوين والأقسام */
.sec-title{font-size:clamp(1.4rem,3.5vw,1.9rem);color:var(--ink);margin:36px 0 16px}
.cat-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}
.cat-card{border:0;background:#fff;border-radius:22px;box-shadow:var(--shadow-sm);padding:10px 10px 14px;transition:transform .2s var(--ease),box-shadow .2s}
.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.cat-img{border-radius:16px;margin-bottom:10px;background:linear-gradient(135deg,#f3eeff,#fdeef6)}
.cat-card strong{font-family:var(--font-h);font-size:1.08rem;color:var(--ink)}
.filters a{min-height:40px;display:inline-flex;align-items:center;border-color:var(--line);transition:background .2s,color .2s}
.filters a.active,.filters a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.row-head h2{font-family:var(--font-h)}
.row-all{color:var(--brand)!important;font-weight:800}

/* كارت المنتج */
.card{border:0;border-radius:22px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.card .carousel{background:#faf6fd}
.card .body{padding:14px 14px 16px;gap:8px}
.card h3{font-family:'Cairo',Tahoma,sans-serif;font-size:1rem;line-height:1.5;color:var(--ink)}
.price{color:var(--brand);font-size:1.25rem}
.old-price{color:#8a8f99}
.sale-badge{background:var(--accent);border-radius:12px;padding:3px 10px}
.new-badge{border-radius:12px}
.fav-btn{width:40px;height:40px}
.details-link{color:var(--muted);font-weight:700}
.details-link:hover{color:var(--brand)}
.rbuy .chip{min-height:40px}
.chips.sm .chip{min-height:34px}
.add-btn{min-height:48px;border-radius:14px}

/* ليه زايا */
.why{margin:40px 0 56px}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.why-c{background:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow-sm);display:grid;gap:6px;justify-items:start;transition:transform .2s var(--ease)}
.why-c:hover{transform:translateY(-3px)}
.why-i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.why-c:nth-child(2) .why-i{background:#e7f6ff;color:#0369a1}
.why-c:nth-child(3) .why-i{background:#e9f8ef;color:#15803d}
.why-c:nth-child(4) .why-i{background:var(--accent-soft);color:var(--accent)}
.why-c b{font-family:var(--font-h);font-size:1.15rem;color:var(--ink)}
.why-c p{color:var(--muted);font-size:.93rem;line-height:1.7}

/* صفحة المنتج */
.info-box h1{font-size:clamp(1.4rem,4vw,2rem);color:var(--ink)}
.product-page .gallery .carousel{border-radius:22px;background:#faf6fd;box-shadow:var(--shadow-sm)}
.rbuy:not(.rbuy-card){background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow-sm)}
.card-trust{color:var(--muted)}

/* الفوتر */
.footer{background:linear-gradient(180deg,#2a2253,#1f1a3d);color:#e4e1f5;padding:36px 16px 28px}
.wa-float{width:58px;height:58px;background:#25d366;box-shadow:0 10px 24px rgba(37,211,102,.35);color:#25d366}
.wa-float svg circle{fill:#25d366}
.toast.ok{border-color:#bbf7d0}

.add-btn,.btn.block.add-btn{display:flex;align-items:center;justify-content:center;gap:8px}
.card-trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px}
.card-trust .ico{color:var(--brand)}
.row-head h2{display:flex;align-items:center;gap:8px}.row-head h2 .ico{color:var(--accent)}
.wa-float svg{width:36px;height:36px}
@media (max-width:640px){.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px}.cat-card{padding:6px 6px 10px;border-radius:18px}.cat-card strong{font-size:.95rem}.cat-img{border-radius:12px}}
.product-page>*{min-width:0}   /* الصور ما تعملش سكرول بالعرض على الموبايل */
.product-page .buy{background:transparent;border:0;padding:0;box-shadow:none}

/* 🏠 ترتيب الرئيسية */
.hrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:8px}
.hrow.off{opacity:.55;background:#fafafa}
.hrow-main{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:260px}
.hrow-main select,.hrow-main input{width:auto;flex:1;min-width:120px}
.hrow-tools{display:flex;gap:6px;align-items:center}
.hblock{background:#f8f6fc;border:1px dashed #ddd3f3;border-radius:12px;padding:10px 12px;margin:8px 0}
.hblock.fixed{color:var(--muted);font-size:.9rem}