/* Norel Store — storefront redesign layer: hero, ticker, category rail,
   and the flagship (Music) card in the products grid. Loads after
   store-luxe.css and only adds/overrides — the grid, cart and checkout
   markup/behavior in store.js are untouched. */

/* ---- Hero (compact — no boxed panel, no side mark) ---- */
body.store-luxe .store-hero-compact{
  text-align:center;padding:40px 20px 28px;margin:0 0 20px;
  animation:luxeRise .6s ease both;
}
body.store-luxe .shc-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--luxe-line);border-radius:999px;
  padding:7px 16px;color:var(--luxe-mute);font-weight:600;font-size:12px;
  background:rgba(129,104,78,.08);margin-bottom:18px;
}
body.store-luxe .shc-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--luxe-logo);box-shadow:0 0 10px rgba(168,154,131,.8)}
body.store-luxe .shc-title{
  margin:0 auto 14px;font-family:'Tajawal','Cairo',sans-serif!important;
  font-size:clamp(1.9rem,4.4vw,2.8rem);font-weight:700;letter-spacing:-.02em;
  color:#f2ede4;text-wrap:balance;
}
body.store-luxe .shc-title em{
  font-style:normal;
  background:linear-gradient(90deg,var(--luxe-logo),#e7d7b8);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.store-luxe .shc-lead{
  margin:0 auto 26px;max-width:52ch;color:var(--luxe-mute);
  font-size:1rem;line-height:1.8;
}
body.store-luxe .shc-stats{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
body.store-luxe .shc-stat{display:flex;flex-direction:column;align-items:center;gap:4px}
body.store-luxe .shc-stat strong{
  font-family:'Tajawal','Cairo',sans-serif;font-size:1.5rem;font-weight:700;line-height:1;
  background:linear-gradient(90deg,#f2ede4,var(--luxe-logo));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums;
}
body.store-luxe .shc-stat span{color:var(--luxe-mute);font-size:.76rem;font-weight:500}
body.store-luxe .shc-sep{width:1px;height:30px;background:var(--luxe-line)}

/* ---- Tools bar: currency + category + search, one row ---- */
body.store-luxe .store-luxe-tools{grid-template-columns:180px 200px minmax(0,1fr)!important}
body.store-luxe .shc-cat-wrap{height:52px;flex:none!important}
body.store-luxe .shc-cat-wrap select{height:100%!important}

/* ---- Result count ---- */
body.store-luxe .shc-count-row{display:flex;justify-content:flex-start;margin:16px 0 16px}
body.store-luxe .shc-count-row .store-count{display:inline-flex}

.atelier-ladder-note{display:block;color:#9c907d;font-size:11px;font-weight:500;margin:2px 0 0}

/* ---- Direct add-to-cart controls on the grid card ---- */
body.store-luxe .atelier-field-row{display:flex;gap:8px;direction:rtl}
body.store-luxe .atelier-select-wrap{position:relative;flex:1;min-width:0}
body.store-luxe .atelier-select-wrap select{
  width:100%;appearance:none;-webkit-appearance:none;
  background:#1e1a14!important;border:1px solid rgba(129,104,78,.3)!important;color:var(--luxe-ink)!important;
  border-radius:11px!important;padding:10px 32px 10px 12px;font-family:inherit;font-size:.82rem;font-weight:600;
  cursor:pointer;transition:border-color .2s ease;
}
body.store-luxe .atelier-select-wrap select:hover,
body.store-luxe .atelier-select-wrap select:focus{border-color:rgba(194,172,131,.55)!important;outline:0}
body.store-luxe .atelier-select-wrap::after{
  content:"";position:absolute;inset-inline-start:12px;top:50%;width:7px;height:7px;
  border-inline-start:2px solid var(--luxe-mute);border-bottom:2px solid var(--luxe-mute);
  transform:translateY(-65%) rotate(-45deg);pointer-events:none;
}
body.store-luxe .music-card .atelier-select-wrap{flex:1 1 56%}
body.store-luxe .music-qty{
  display:flex!important;align-items:center;flex:0 0 auto;
  border:1px solid rgba(129,104,78,.3)!important;border-radius:11px!important;overflow:hidden;background:#1e1a14!important;
}
body.store-luxe .music-qty button{
  width:32px;height:100%;border:0!important;background:transparent!important;color:#c2b6a1!important;
  font-size:16px;cursor:pointer;border-radius:0!important;
}
body.store-luxe .music-qty button:hover{color:#fff!important}
body.store-luxe .music-qty input{
  width:34px;text-align:center;border:0!important;background:transparent!important;color:#fff!important;
  font-weight:700!important;font-size:.82rem;border-radius:0!important;padding:0!important;
}
body.store-luxe .atelier-bc-note{
  display:flex;align-items:center;justify-content:center;min-height:40px;
  border:1px dashed rgba(129,104,78,.3);border-radius:11px;color:var(--luxe-mute);
  font-size:.76rem;font-weight:500;padding:6px 10px;text-align:center;
}

/* ---- Rebuilt product card: compact top badge, no banner ---- */
body.store-luxe .atelier-card{padding:20px!important;gap:14px!important}
body.store-luxe .atelier-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.store-luxe .atelier-title h3{margin:0 0 8px;font-size:1.08rem;color:#fff;font-family:'Tajawal','Cairo',sans-serif;font-weight:600}
body.store-luxe .atelier-cat{
  display:inline-flex;font-size:10.5px;font-weight:700;letter-spacing:.3px;color:#c2b6a1;
  border:1px solid rgba(129,104,78,.28);border-radius:999px;padding:4px 10px;background:rgba(21,18,14,.4);
}
body.store-luxe .atelier-badge{
  width:52px;height:52px;border-radius:15px;flex:0 0 auto;display:grid;place-items:center;
  background:radial-gradient(circle at 30% 25%,var(--hue),var(--hue-dim));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.3);
}
body.store-luxe .atelier-badge img,
body.store-luxe .atelier-badge svg,
body.store-luxe .atelier-badge .sant-bot-icon{
  width:28px!important;height:28px!important;object-fit:contain;filter:none!important;opacity:1!important;
}
body.store-luxe .atelier-hue-econ{--hue:#6b7048;--hue-dim:#3c3b22}
body.store-luxe .atelier-hue-util{--hue:#5a5648;--hue-dim:#332f26}
body.store-luxe .atelier-hue-support{--hue:#7a4f4a;--hue-dim:#3a2323}
body.store-luxe .atelier-hue-market{--hue:#4f6b68;--hue-dim:#1c302d}
body.store-luxe .atelier-hue-music{--hue:#a8895f;--hue-dim:#4a3a22}
body.store-luxe .atelier-desc{margin:0!important;color:#9c907d!important;font-size:.85rem!important;line-height:1.65!important;min-height:2.6em}
body.store-luxe .atelier-stats{display:flex;align-items:center;gap:14px;color:var(--luxe-mute);font-size:.78rem;font-weight:500}
body.store-luxe .atelier-stats span{display:flex;align-items:center;gap:5px}
body.store-luxe .atelier-stats svg{opacity:.9}

/* Primary "add to cart" CTA */
body.store-luxe .product-bottom > button{
  background:linear-gradient(135deg,var(--luxe-logo),#a8895f)!important;
  border-color:transparent!important;color:#1c1712!important;
}
body.store-luxe .product-bottom > button:hover{filter:brightness(1.06)}
body.store-luxe .product-bottom > button.is-added{
  background:linear-gradient(135deg,#6fbf73,#4f9a53)!important;color:#0d1a0e!important;
}
@media(max-width:900px){
  body.store-luxe .store-luxe-tools{grid-template-columns:1fr!important}
}
