/* ALSHMALY CUSTOMER FLOW V16 */

/* V15 product cards: force a real boxed card, even if old CSS loses. */
#almCatalogV15 .alm-v15-products{
  display:grid !important;
  gap:11px !important;
}
#almCatalogV15 .alm-v15-product{
  position:relative !important;
  display:grid !important;
  grid-template-columns:68px minmax(0,1fr) 28px !important;
  align-items:center !important;
  gap:12px !important;
  min-height:100px !important;
  width:100% !important;
  padding:13px !important;
  margin:0 !important;
  border-radius:20px !important;
  border:1px solid rgba(112,137,222,.18) !important;
  background:
    radial-gradient(circle at 100% 0,rgba(116,86,238,.11),transparent 35%),
    linear-gradient(145deg,rgba(15,26,50,.94),rgba(7,13,27,.97)) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025) !important;
  color:#f2f4f8 !important;
  cursor:pointer !important;
}
#almCatalogV15 .alm-v15-product:active{transform:scale(.988)}
#almCatalogV15 .alm-v15-product .customer-product-visual{
  width:68px !important;height:68px !important;border-radius:17px !important;
  display:grid !important;place-items:center !important;overflow:hidden !important;
  color:#e7c36b !important;font-size:27px !important;
  border:1px solid rgba(255,255,255,.065) !important;
  background:rgba(255,255,255,.03) !important;
}
#almCatalogV15 .alm-v15-product .customer-product-visual img{
  width:100% !important;height:100% !important;object-fit:cover !important
}
#almCatalogV15 .alm-v15-product .customer-product-copy{min-width:0 !important}
#almCatalogV15 .alm-v15-product .customer-product-topline{
  display:flex !important;align-items:center !important;gap:7px !important;flex-wrap:wrap !important
}
#almCatalogV15 .alm-v15-product .customer-product-topline strong{
  color:#f5f6f9 !important;font-size:14px !important;font-weight:850 !important
}
#almCatalogV15 .alm-v15-product .customer-product-topline em{
  display:inline-flex !important;align-items:center !important;
  padding:4px 7px !important;border-radius:999px !important;
  font-style:normal !important;font-size:7px !important;color:#e8c66f !important;
  border:1px solid rgba(230,189,102,.17) !important;background:rgba(230,189,102,.05) !important
}
#almCatalogV15 .alm-v15-product .customer-product-copy p{
  margin:5px 0 0 !important;color:#7e8aa0 !important;font-size:8.5px !important;
  line-height:1.55 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important
}
#almCatalogV15 .alm-v15-product .customer-product-price{
  margin-top:7px !important;color:#e9c66f !important;font-size:9.5px !important;font-weight:800 !important
}
#almCatalogV15 .alm-v15-product .customer-product-arrow{
  color:#63718a !important;font-size:23px !important;text-align:center !important
}

html.alm-order-lock-v16,body.alm-order-lock-v16{overflow:hidden!important}
.alm-order-overlay-v16{
  position:fixed;inset:0;z-index:2147483300;display:flex;align-items:flex-end;justify-content:center;
  padding:14px 10px max(12px,env(safe-area-inset-bottom));background:rgba(2,5,13,.76);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease
}
.alm-order-overlay-v16.open{opacity:1;visibility:visible;pointer-events:auto}
.alm-order-modal-v16{
  width:min(100%,520px);max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  direction:rtl;border-radius:27px 27px 21px 21px;border:1px solid rgba(105,130,215,.20);color:#f4f6fa;
  background:radial-gradient(circle at 92% 5%,rgba(230,189,102,.08),transparent 28%),
  radial-gradient(circle at 5% 92%,rgba(104,66,240,.13),transparent 34%),
  linear-gradient(165deg,#0d1730,#070d1c 76%);
  box-shadow:0 -24px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035);
  transform:translateY(25px) scale(.986);transition:transform .20s cubic-bezier(.2,.78,.2,1)
}
.alm-order-overlay-v16.open .alm-order-modal-v16{transform:translateY(0) scale(1)}
.alm-order-handle-v16{width:43px;height:4px;margin:9px auto 3px;border-radius:20px;background:#34415b}
.alm-order-head-v16{
  position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 16px 13px;background:linear-gradient(180deg,rgba(11,20,42,.99),rgba(11,20,42,.92),transparent)
}
.alm-order-head-v16 small{display:block;color:#718098;font-size:8px}
.alm-order-head-v16 h3{margin:2px 0 0;font-size:17px}
.alm-order-head-v16 button{
  width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.028);color:#bdc6d5;font-size:22px
}
.alm-order-body-v16{padding:2px 14px 16px}

.alm-product-summary-v16{
  display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center;padding:13px;
  border:1px solid rgba(105,130,216,.13);border-radius:19px;
  background:linear-gradient(145deg,rgba(20,31,58,.74),rgba(7,13,27,.78))
}
.alm-product-media-v16{
  width:70px;height:70px;border-radius:17px;overflow:hidden;display:grid;place-items:center;
  color:#e6bd66;font-size:27px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055)
}
.alm-product-media-v16 img{width:100%;height:100%;object-fit:cover}
.alm-product-summary-v16 small{color:#6d7b93;font-size:8px}
.alm-product-summary-v16 h4{margin:3px 0 0;font-size:15px}
.alm-product-summary-v16 p{margin:5px 0 0;color:#77859d;font-size:8.5px;line-height:1.6}

.alm-block-v16,.alm-fields-v16{
  margin-top:11px;padding:13px;border-radius:19px;border:1px solid rgba(109,133,216,.12);
  background:rgba(6,12,25,.52)
}
.alm-block-head-v16{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:11px}
.alm-block-head-v16 small{display:block;color:#6f7c93;font-size:8px}
.alm-block-head-v16 b{display:block;margin-top:2px;font-size:12px}
.alm-block-head-v16>span{
  color:#79869c;font-size:8px;border:1px solid rgba(255,255,255,.06);border-radius:99px;padding:4px 7px
}

.alm-qty-v16{display:grid;grid-template-columns:47px 1fr 47px;gap:8px}
.alm-qty-v16 button,.alm-qty-v16 input{
  height:48px;border-radius:14px;border:1px solid rgba(114,140,222,.16);background:rgba(4,9,20,.72);color:#eef1f7
}
.alm-qty-v16 button{font-size:19px;color:#e7c26d}
.alm-qty-v16 input{width:100%;outline:0;text-align:center;font-size:14px;font-weight:800}

.alm-options-v16{display:grid;gap:9px}
.alm-option-v16{
  position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:11px;
  min-height:72px;padding:10px 12px;border-radius:17px;border:1px solid rgba(110,136,219,.15);
  background:linear-gradient(145deg,rgba(18,28,52,.72),rgba(7,13,26,.78))
}
.alm-option-v16 input{position:absolute;opacity:0;pointer-events:none}
.alm-option-v16>i{
  width:23px;height:23px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.09);
  color:transparent;font-style:normal;font-size:10px;background:rgba(255,255,255,.02)
}
.alm-option-v16:has(input:checked){
  border-color:rgba(230,189,102,.38);
  background:linear-gradient(145deg,rgba(230,189,102,.10),rgba(15,22,40,.82))
}
.alm-option-v16:has(input:checked)>i{color:#171107;background:#e2b95f;border-color:#e2b95f}
.alm-option-copy-v16 b{
  display:block !important;color:#f3f5f9 !important;font-size:12px !important;font-weight:850 !important
}
.alm-option-copy-v16 small{display:block;color:#707d93;font-size:8px;margin-top:3px}
.alm-option-v16>strong{color:#eac872;font-size:12px;white-space:nowrap}

.alm-fields-v16{display:grid;gap:9px}
.alm-field-v16>span{
  display:flex;align-items:center;gap:6px;margin:0 2px 6px;color:#b4bdcc;font-size:9px;font-weight:700
}
.alm-field-v16 em{
  font-style:normal;color:#e6bd66;font-size:6.5px;border:1px solid rgba(230,189,102,.13);
  border-radius:99px;padding:2px 5px
}
.alm-field-v16 em.optional{color:#68758b;border-color:rgba(255,255,255,.05)}
.alm-field-v16 input,.alm-field-v16 select,.alm-field-v16 textarea{
  width:100%;border-radius:13px;border:1px solid rgba(111,137,217,.15);outline:0;
  background:rgba(3,8,18,.70);color:#eef1f6;padding:0 11px;font-size:10px
}
.alm-field-v16 input,.alm-field-v16 select{height:45px}
.alm-field-v16 textarea{padding-top:10px;min-height:82px;resize:vertical}
.alm-field-v16>small{display:block;margin:5px 3px 0;color:#657289;font-size:7.5px}

.alm-error-v16{
  margin-top:10px;padding:10px 11px;border-radius:13px;color:#ff9aa4;font-size:9px;line-height:1.6;
  border:1px solid rgba(255,116,130,.14);background:rgba(255,116,130,.055)
}
.alm-error-v16 a{color:#eac872;font-weight:800}

.alm-submit-v16{
  position:sticky;bottom:-1px;z-index:3;display:grid;grid-template-columns:1fr 1.65fr;gap:10px;align-items:center;
  margin-top:12px;padding:12px;border-radius:18px;border:1px solid rgba(230,189,102,.15);
  background:rgba(8,15,30,.96);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
  box-shadow:0 -12px 36px rgba(0,0,0,.20)
}
.alm-submit-v16 small{display:block;color:#748198;font-size:8px}
.alm-submit-v16 strong{display:block;margin-top:2px;color:#e9c66f;font-size:17px}
.alm-submit-v16 button,.alm-success-actions-v16 .primary{
  height:49px;border:0;border-radius:14px;color:#181208;font-size:10px;font-weight:900;
  display:flex;align-items:center;justify-content:center;gap:7px;
  background:linear-gradient(135deg,#f3d78e,#dcae52)
}
.alm-submit-v16 button:disabled{opacity:.55}

.alm-order-state-v16,.alm-success-v16{
  min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#7f8ba0
}
.alm-state-icon-v16,.alm-success-icon-v16{
  width:58px;height:58px;display:grid;place-items:center;border-radius:18px;
  color:#e5bc64;font-size:28px;border:1px solid rgba(230,189,102,.15);background:rgba(230,189,102,.055)
}
.alm-success-icon-v16{
  color:#7de2bb;border-color:rgba(92,220,170,.15);background:rgba(92,220,170,.06)
}
.alm-order-state-v16 b,.alm-success-v16 b{color:#edf0f6;font-size:15px}
.alm-order-state-v16 small,.alm-success-v16 small{font-size:9px;line-height:1.6}
.alm-success-actions-v16{
  width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px
}
.alm-success-actions-v16 button{height:50px;border-radius:14px;font-size:10px;font-weight:850}
.alm-success-actions-v16 .secondary{
  color:#dbe1ec;border:1px solid rgba(114,140,222,.16);background:rgba(19,30,55,.74)
}

@media(max-width:390px){
  .alm-order-body-v16{padding-left:10px;padding-right:10px}
  .alm-submit-v16{grid-template-columns:1fr 1.55fr}
}
@media(prefers-reduced-motion:reduce){
  .alm-order-overlay-v16,.alm-order-modal-v16,#almCatalogV15 .alm-v15-product{transition:none!important}
}