:root{
 --cream:#f7f3ed;--card:#fff;--green:#0d4b3b;--green2:#163f34;--red:#d82920;
 --ink:#191919;--muted:#79746e;--line:#ece7df;--soft:#eee8df;--sand:#e9dfd2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.splash{position:fixed;inset:0;background:linear-gradient(#f0e7db,#e8ddcf);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.45s}
.splash.hide{opacity:0;pointer-events:none}
.splash-mark{font-size:62px;color:var(--green);line-height:1}
.splash h1{font-size:42px;margin:4px 0;color:var(--green)}
.splash span{letter-spacing:7px;color:var(--green);font-weight:700}
.splash p{margin-top:22px;color:#5f625b}
.splash-art{font-size:50px;margin-top:55px}
.app-header{position:sticky;top:0;z-index:20;height:64px;background:#fbf8f4ef;backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 15px;border-bottom:1px solid var(--line)}
.brand-center{text-align:center}.brand-center strong{display:block;color:var(--green);font-size:22px}.brand-center small{font-size:9px;letter-spacing:4px;color:#6b746f}
.header-side.left{text-align:left}.icon-btn{border:0;background:none;font-size:20px}
.page{max-width:980px;margin:auto;padding:14px 14px 95px}
.home-top{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.location-line{font-size:13px;color:#555}.search-wrap{position:relative}.search-wrap input{width:100%;padding:12px 42px 12px 14px;border:0;background:#ebe8e3;border-radius:13px}.search-wrap span{position:absolute;right:14px;top:8px;font-size:24px;color:#777}
.hero-new{margin-top:14px;border-radius:22px;min-height:205px;padding:24px;background:linear-gradient(135deg,#e5dacd,#f1ebe3);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}
.hero-copy{z-index:2}.hero-copy small{color:#59635d}.hero-copy h2{font-size:30px;line-height:1.35;margin:7px 0 16px}.hero-copy button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:10px 17px;font-weight:700}
.hero-products{position:relative}.hero-pot{position:absolute;font-size:92px;left:30px;bottom:10px}.hero-jar{position:absolute;font-size:58px;right:15px;bottom:16px}.hero-spoon{position:absolute;font-size:50px;left:0;top:5px;transform:rotate(-18deg)}
.section-block{margin-top:24px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h3{margin:0;font-size:20px}.section-title button{border:0;background:none;color:var(--green);font-size:13px}
.cats-new{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cat-new{background:#fff;border-radius:14px;padding:13px 8px;text-align:center;border:1px solid var(--line);box-shadow:0 2px 8px #00000008}.cat-new .cat-icon{height:72px;border-radius:12px;background:#f1ece6;display:grid;place-items:center;font-size:38px;margin-bottom:8px}.cat-new b{font-size:12px}
.promo-strip{background:var(--green);color:#fff;border-radius:16px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center}.promo-strip small{display:block;opacity:.75}.promo-strip strong{font-size:14px}.promo-strip span{background:#fff;color:var(--green);padding:7px 10px;border-radius:9px;font-size:11px;font-weight:700}
.grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-new{background:#fff;border-radius:16px;border:1px solid var(--line);overflow:hidden;position:relative}.fav-float{position:absolute;top:8px;left:8px;width:32px;height:32px;border:0;background:#fff;border-radius:50%;z-index:2;font-size:18px}.fav-float.active{color:var(--red)}
.product-img-new{height:150px;background:#efeae4;display:grid;place-items:center;font-size:62px;overflow:hidden}.product-img-new img{width:100%;height:100%;object-fit:cover}.product-info{padding:11px}.product-info h4{font-size:14px;margin:0 0 5px}.product-info .stars{font-size:10px;color:#f3a51f;margin-bottom:6px}.price-new{color:var(--red);font-weight:800;font-size:15px}.old-price{font-size:11px;color:#aaa;text-decoration:line-through;margin-right:5px}.product-info button.add-mini{width:100%;margin-top:9px;border:0;background:var(--green);color:#fff;border-radius:9px;padding:8px}
.bottom-nav-new{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:68px;background:#fff;border-top:1px solid var(--line);z-index:30;display:flex;justify-content:space-around;padding-top:7px}.bottom-nav-new button{position:relative;border:0;background:none;color:#3f423f;font-size:19px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav-new button.active{color:var(--green)}.bottom-nav-new span{font-size:10px}.bottom-nav-new b{position:absolute;top:-2px;right:-3px;background:var(--red);color:#fff;min-width:17px;height:17px;border-radius:9px;font-size:10px;display:grid;place-items:center}
#shade{position:fixed;inset:0;background:#0006;z-index:45;display:none}#shade.show{display:block}
.drawer{position:fixed;inset:0 0 0 auto;width:min(430px,100vw);background:#fff;z-index:60;transform:translateX(110%);transition:.3s;display:flex;flex-direction:column}.drawer.open{transform:none}
.drawerHead,.sub-header{height:60px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;border-bottom:1px solid var(--line);padding:0 8px}.drawerHead h3,.sub-header strong{text-align:center;margin:0;font-size:17px}.drawerHead button,.sub-header button{border:0;background:none;font-size:24px}.trash{font-size:18px!important}.cartItems{flex:1;overflow:auto;padding:12px 16px}.cartItem{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-thumb{height:68px;background:#f0ebe5;border-radius:11px;display:grid;place-items:center;font-size:34px;overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cartItem h4{margin:2px 0;font-size:13px}.cartItem .price-new{display:block;margin-top:6px}.qty{display:flex;align-items:center;gap:5px}.qty button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:6px}
.coupon-card{padding:13px 16px;border-top:1px solid var(--line)}.coupon-card label{font-size:13px;font-weight:700}.coupon-card>div{display:flex;gap:7px;margin-top:7px}.coupon-card input{flex:1;padding:10px;border:1px solid var(--line);border-radius:9px}.coupon-card button{border:0;background:var(--green);color:#fff;border-radius:8px;padding:0 13px}
.summary-new{padding:15px 17px;border-top:1px solid var(--line)}.summary-new>div{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.summary-new .grand{font-size:17px;padding-top:10px;border-top:1px solid var(--line);margin-top:10px}
.primary-full{width:100%;border:0;background:var(--green);color:#fff;border-radius:11px;padding:13px;font-weight:800;margin-top:8px}
.modal{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;background:#0006;padding:0}.modal.show{display:flex}.phone-card{width:min(430px,100vw);height:min(880px,100vh);background:#fff;overflow:auto;position:relative}.admin-phone{background:#f7f3ed}
.product-detail-img{height:360px;background:#efeae4;display:grid;place-items:center;font-size:120px;overflow:hidden}.product-detail-img img{width:100%;height:100%;object-fit:cover}.product-detail-body{padding:18px}.product-detail-body h2{font-size:21px;margin:0 0 6px}.rating-line{color:#f3a51f;font-size:12px}.detail-price{font-size:22px;color:var(--red);font-weight:900;margin:14px 0}.detail-note{font-size:14px;line-height:1.8}.detail-stock{font-size:12px;color:var(--green);margin:10px 0}.detail-actions{display:grid;grid-template-columns:90px 1fr;gap:10px}.detail-actions .qtybox{border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-around}.detail-actions button{border:0}.detail-actions .buy{background:var(--green);color:#fff;border-radius:10px}
.checkout-form,.account-box{padding:18px}.checkout-form h4{margin:5px 0 12px}.checkout-form label{display:block;font-size:12px;font-weight:700;margin-bottom:11px}.checkout-form input,.checkout-form select,.checkout-form textarea,.account-box input{width:100%;margin-top:5px;padding:11px;border:1px solid var(--line);border-radius:9px}.payment-option{border:1px solid var(--line);padding:13px;border-radius:10px;display:flex;gap:8px;align-items:center}.payment-option span{flex:1}.payment-option b{color:var(--green)}
.account-box{text-align:center}.avatar{font-size:58px}.account-box h3{margin:8px 0}.account-box p{color:var(--muted);font-size:13px}.inline{display:flex;gap:8px}.inline button{border:0;background:var(--green);color:#fff;border-radius:9px;padding:0 12px}.admin-entry{width:100%;margin-top:20px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px}
.orderCard{border:1px solid var(--line);border-radius:11px;padding:12px;margin-top:10px;text-align:right}.badge{display:inline-block;background:#f0e7da;color:var(--green);padding:4px 8px;border-radius:99px;font-size:10px}
.favorites-list{padding:13px}.fav-row{display:grid;grid-template-columns:72px 1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:11px 0}.fav-row .cart-thumb{height:72px}.fav-row button{border:0;background:none;color:var(--red);font-size:18px}
.admin-head{background:var(--green);color:#fff}.admin-head button{color:#fff}.admin-login{padding:40px 22px;text-align:center}.admin-shield{font-size:58px}.admin-login input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;margin:10px 0}.admin-login button{width:100%;border:0;background:var(--green);color:#fff;padding:12px;border-radius:9px}
.pane{padding:15px}.admin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:#fff;border-radius:12px;padding:14px;border:1px solid var(--line)}.stat small{display:block;color:var(--muted);font-size:11px}.stat b{display:block;font-size:21px;margin-top:4px}.admin-menu{margin-top:14px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.admin-menu button{width:100%;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;text-align:right;border:0;background:#fff;padding:14px;border-bottom:1px solid var(--line)}.admin-menu button:last-child{border-bottom:0}.lowItem{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:7px}.lowItem b{color:var(--red)}
.admin-back{display:grid;grid-template-columns:80px 1fr 80px;align-items:center}.admin-back h3{text-align:center}.admin-back button{border:0;background:none;color:var(--green)}.adminForm{display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#fff;padding:12px;border-radius:12px;border:1px solid var(--line)}.adminForm input,.adminForm select,.adminForm textarea{padding:10px;border:1px solid var(--line);border-radius:8px}.adminForm textarea,.adminForm button{grid-column:1/-1}.adminForm button,.export-btn{border:0;background:var(--green);color:#fff;padding:11px;border-radius:9px}.adminRow{display:grid;grid-template-columns:1.5fr .7fr .5fr auto;gap:7px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:8px;font-size:12px}.adminRow button{border:0;padding:6px;border-radius:7px}
#restoreText{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;margin:12px 0}
.hidden{display:none!important}.empty{text-align:center;color:var(--muted);padding:35px 10px}
@media(max-width:760px){.cats-new{grid-template-columns:repeat(4,1fr)}.grid-new{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.page{padding-left:10px;padding-right:10px}.hero-new{grid-template-columns:1.1fr .9fr;padding:18px}.hero-copy h2{font-size:25px}.hero-pot{font-size:76px;left:6px}.hero-jar{font-size:45px}.hero-spoon{font-size:38px}.cats-new{grid-template-columns:repeat(4,1fr);gap:7px}.cat-new{padding:8px 4px}.cat-new .cat-icon{height:58px;font-size:30px}.cat-new b{font-size:10px}.product-img-new{height:145px}.grid-new{gap:9px}.product-info{padding:9px}.product-info h4{font-size:12px}.adminForm{grid-template-columns:1fr}.adminForm textarea,.adminForm button{grid-column:auto}.adminRow{grid-template-columns:1fr 1fr}.adminRow>div{grid-column:1/-1}}

.finance-row{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;margin:8px 0;display:grid;grid-template-columns:1.5fr repeat(4,.8fr) auto;gap:6px;align-items:center}
.finance-row>div:first-child small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.finance-row input{min-width:0;padding:8px;border:1px solid var(--line);border-radius:7px}.finance-row button{border:0;background:var(--green);color:#fff;border-radius:7px;padding:8px}.profit-chip{grid-column:1/-1;color:var(--green);font-size:11px;font-weight:700}
.expense-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:7px}.expense-row small{display:block;color:var(--muted);font-size:10px}.expense-row button{border:0;background:#f5e5e3;color:#a33;border-radius:7px;padding:6px}
@media(max-width:650px){.finance-row{grid-template-columns:1fr 1fr}.finance-row>div:first-child,.profit-chip{grid-column:1/-1}}

/* V10 */
#supplierList,#purchaseList,#stockList,#financeProducts,#expensesList{margin-top:12px}.adminRow small{color:#777}.status select{margin-top:8px;padding:7px;border:1px solid var(--line);border-radius:7px}

/* V11 reports */
.report-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:12px}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.report-row{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}
.report-row:last-child{border-bottom:0}.report-row small{color:var(--muted)}.warn{color:#b82a20}
.bars{height:175px;display:flex;align-items:end;gap:7px;overflow-x:auto;padding:8px 2px 0}
.bar-col{min-width:32px;text-align:center;font-size:9px;color:var(--muted)}.bar-value{font-size:8px;margin-bottom:4px}
.bar-wrap{height:122px;display:flex;align-items:end;justify-content:center}.bar{width:18px;background:var(--green);border-radius:7px 7px 2px 2px}
.progress-row{padding:9px 0}.progress-row>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}
.progress{height:8px;background:#eee8df;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green);border-radius:99px}
.stat span{display:block;font-size:10px;color:var(--muted);margin-top:4px}
@media(max-width:620px){.report-grid{grid-template-columns:1fr}}

/* V12 operations */
#customersList,#returnsList,#staffList{margin-top:12px}
.adminForm label{font-size:12px;display:flex;align-items:center;gap:6px}

/* V13 invoice */
.invoice-modal-card{max-width:760px}.invoice-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--green);padding-bottom:12px}.invoice-head h2{margin:0;color:var(--green)}.invoice-no{text-align:left}.invoice-no span,.invoice-meta small,.invoice-address small{display:block;color:var(--muted);font-size:11px}.invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.invoice-meta>div,.invoice-address{background:#faf8f4;border:1px solid var(--line);border-radius:10px;padding:10px}.invoice-table{width:100%;border-collapse:collapse;margin-top:14px}.invoice-table th,.invoice-table td{padding:10px;border-bottom:1px solid var(--line);text-align:right}.invoice-table th{background:var(--green);color:#fff}.invoice-totals{margin-top:14px;margin-right:auto;max-width:320px}.invoice-totals>div{display:flex;justify-content:space-between;padding:7px 0}.invoice-grand{font-size:16px;border-top:2px solid var(--green);margin-top:4px;padding-top:10px!important}.invoice-status{margin-top:12px;background:#eef5f1;padding:10px;border-radius:9px}.invoice-actions{display:flex;gap:8px;margin-top:16px}.invoice-actions button{flex:1}.close{float:left}
@media(max-width:620px){.invoice-meta{grid-template-columns:1fr 1fr}.invoice-actions{flex-direction:column}}
@media print{body *{visibility:hidden!important}#invoiceModal,#invoiceModal *{visibility:visible!important}#invoiceModal{position:absolute!important;inset:0!important;background:#fff!important}.invoice-modal-card{box-shadow:none!important;border:0!important;max-width:none!important}.invoice-actions,.close{display:none!important}}

.legal-footer{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:26px 16px 90px;font-size:12px}.legal-footer a{color:#0d4b3b;text-decoration:none}

/* ===== BALCONA ADMIN PREMIUM ===== */

.admin-phone{
  background:#f7f4ee !important;
}

.admin-head{
  background:linear-gradient(135deg,#0d4b3b,#0a3e32) !important;
  color:#fff !important;
  border-bottom:0 !important;
  box-shadow:0 10px 28px rgba(13,75,59,.18);
}

.admin-head strong{
  font-size:22px !important;
  font-weight:900 !important;
}

.admin-dashboard{
  padding:18px !important;
}

.admin-dashboard .stats,
.admin-stats{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:18px !important;
}

.admin-dashboard .stat,
.admin-stat{
  background:#fff !important;
  border:1px solid #ebe6de !important;
  border-radius:22px !important;
  padding:18px 16px !important;
  box-shadow:0 8px 22px rgba(20,45,37,.05) !important;
}

.admin-dashboard .stat small,
.admin-stat small{
  color:#8c918e !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.admin-dashboard .stat b,
.admin-stat b{
  display:block !important;
  margin-top:8px !important;
  color:#15211d !important;
  font-size:28px !important;
  font-weight:900 !important;
}

.admin-menu,
.admin-links{
  background:#fff !important;
  border:1px solid #ebe6de !important;
  border-radius:24px !important;
  overflow:hidden !important;
  box-shadow:0 10px 25px rgba(20,45,37,.05) !important;
}

.admin-menu a,
.admin-menu button,
.admin-links a,
.admin-links button{
  min-height:72px !important;
  padding:0 20px !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #f0ece5 !important;
  font-size:18px !important;
  font-weight:800 !important;
  color:#1d3e34 !important;
}

.admin-menu a:last-child,
.admin-menu button:last-child,
.admin-links a:last-child,
.admin-links button:last-child{
  border-bottom:0 !important;
}

.admin-menu a:active,
.admin-menu button:active,
.admin-links a:active,
.admin-links button:active{
  background:#f0f5f2 !important;
}

.admin-dashboard h3,
.admin-dashboard h2{
  color:#17251f !important;
  font-weight:900 !important;
  letter-spacing:-.4px !important;
}

.admin-dashboard .low-stock,
#lowStock{
  background:#fff !important;
  border:1px solid #ebe6de !important;
  border-radius:22px !important;
  padding:18px !important;
  box-shadow:0 8px 22px rgba(20,45,37,.04) !important;
}


/* ===== BALCONA PRODUCTS PREMIUM ===== */

.admin-products{
  padding:18px !important;
}

.admin-products form,
#productForm{
  background:#fff !important;
  border:1px solid #ebe6de !important;
  border-radius:24px !important;
  padding:18px !important;
  box-shadow:0 8px 24px rgba(20,45,37,.05) !important;
  margin-bottom:18px !important;
}

#productForm input,
#productForm select,
#productForm textarea{
  min-height:54px !important;
  border:1px solid #e4dfd7 !important;
  border-radius:15px !important;
  background:#fcfbf9 !important;
  padding:12px 14px !important;
  font-size:15px !important;
}

#productForm input:focus,
#productForm select:focus,
#productForm textarea:focus{
  outline:none !important;
  border-color:#0d4b3b !important;
  box-shadow:0 0 0 3px rgba(13,75,59,.08) !important;
}

#productForm button{
  min-height:56px !important;
  border:0 !important;
  border-radius:16px !important;
  background:#0d4b3b !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:900 !important;
}

#adminProducts > div,
.admin-product-row{
  background:#fff !important;
  border:1px solid #ebe6de !important;
  border-radius:18px !important;
  margin-bottom:10px !important;
  padding:15px !important;
  box-shadow:0 5px 15px rgba(20,45,37,.035) !important;
}


/* ===== PRODUCT FORM MOBILE CLEANUP ===== */

#productForm{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  padding:18px !important;
}

#productForm > *{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

#productForm input,
#productForm select,
#productForm textarea{
  width:100% !important;
  min-height:56px !important;
  margin:0 !important;
  font-size:16px !important;
  border-radius:16px !important;
}

#productForm textarea{
  min-height:90px !important;
  resize:vertical !important;
}

#productForm button{
  width:100% !important;
  min-height:58px !important;
  margin-top:4px !important;
  border-radius:17px !important;
}

@media(min-width:700px){
  #productForm{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #productForm button{
    grid-column:1/-1 !important;
  }
}


/* BALCONA PRODUCT FORM - MOBILE FIX */
#productTab .adminForm{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}

#productTab .adminForm > *{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

#productTab .adminForm input,
#productTab .adminForm select,
#productTab .adminForm textarea{
  min-height:56px !important;
  font-size:16px !important;
  border-radius:15px !important;
}

#productTab .adminForm button{
  width:100% !important;
  min-height:58px !important;
  grid-column:1/-1 !important;
}


/* FINAL PRODUCT FORM MOBILE FIX */

#prodForm{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  width:100% !important;
}

#prodForm > *{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

#prodForm input,
#prodForm select,
#prodForm textarea{
  width:100% !important;
  min-height:56px !important;
  padding:12px 14px !important;
  font-size:16px !important;
  border-radius:15px !important;
  box-sizing:border-box !important;
}

#prodForm button{
  width:100% !important;
  min-height:58px !important;
  margin-top:4px !important;
  border-radius:16px !important;
}


/* ===== BALCONA ORDERS PREMIUM ===== */

#orderTab{
  padding:18px !important;
}

#orderTab .admin-back{
  margin-bottom:16px !important;
}

#orderTab .export-btn{
  min-height:50px !important;
  padding:0 20px !important;
  border:0 !important;
  border-radius:15px !important;
  background:#0d4b3b !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  box-shadow:0 7px 18px rgba(13,75,59,.14) !important;
  margin-bottom:16px !important;
}

#orders{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

#orders .orderCard{
  background:#fff !important;
  border:1px solid #e9e4dc !important;
  border-radius:22px !important;
  padding:18px !important;
  margin:0 !important;
  box-shadow:0 8px 24px rgba(20,45,37,.055) !important;
  line-height:1.65 !important;
}

#orders .orderCard > b{
  display:block !important;
  font-size:17px !important;
  font-weight:900 !important;
  color:#17251f !important;
  margin-bottom:6px !important;
  word-break:break-word !important;
}

#orders .orderCard small{
  display:block !important;
  font-size:14px !important;
  color:#5f6662 !important;
  line-height:1.7 !important;
}

#orders .status{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
  margin-top:14px !important;
}

#orders .badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  background:#eef4f1 !important;
  color:#0d4b3b !important;
  font-size:13px !important;
  font-weight:900 !important;
}

#orders .status a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:12px !important;
  background:#eaf7ef !important;
  color:#137a3d !important;
  text-decoration:none !important;
  font-weight:900 !important;
  margin:0 !important;
}

#orders .status select{
  flex:1 1 160px !important;
  min-width:0 !important;
  min-height:44px !important;
  border:1px solid #ded9d1 !important;
  border-radius:13px !important;
  background:#f8f7f4 !important;
  color:#163e32 !important;
  padding:0 12px !important;
  font-size:14px !important;
  font-weight:800 !important;
}

@media(max-width:390px){
  #orders .orderCard{
    padding:15px !important;
  }

  #orders .orderCard > b{
    font-size:15px !important;
  }

  #orders .status{
    gap:7px !important;
  }
}


/* ===== BALCONA FINANCE PREMIUM ===== */

#financeTab{
  padding:18px !important;
}

#financeStats{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:22px !important;
}

#financeStats .stat{
  background:#fff !important;
  border:1px solid #e9e4dc !important;
  border-radius:22px !important;
  padding:18px 16px !important;
  box-shadow:0 8px 22px rgba(20,45,37,.05) !important;
}

#financeStats .stat small{
  display:block !important;
  color:#8b918d !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
}

#financeStats .stat b{
  display:block !important;
  color:#153b30 !important;
  font-size:25px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
}

#financeTab h4{
  font-size:19px !important;
  font-weight:900 !important;
  color:#17251f !important;
  margin:24px 0 12px !important;
}

#financeProducts{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

#financeProducts .finance-row{
  background:#fff !important;
  border:1px solid #e9e4dc !important;
  border-radius:18px !important;
  padding:15px !important;
  box-shadow:0 6px 18px rgba(20,45,37,.04) !important;
}

#financeProducts .profit-chip{
  display:inline-block !important;
  margin-top:8px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:#eef5f1 !important;
  color:#0d4b3b !important;
  font-size:12px !important;
  font-weight:900 !important;
}

#expenseForm{
  display:flex !important;
  flex-direction:column !important;
  gap:11px !important;
  background:#fff !important;
  border:1px solid #e9e4dc !important;
  border-radius:22px !important;
  padding:18px !important;
  box-shadow:0 8px 22px rgba(20,45,37,.05) !important;
}

#expenseForm > *{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

#expenseForm input,
#expenseForm select,
#expenseForm textarea{
  min-height:54px !important;
  border:1px solid #e1ddd5 !important;
  border-radius:15px !important;
  background:#fcfbf9 !important;
  padding:12px 14px !important;
  font-size:15px !important;
}

#expenseForm button{
  min-height:56px !important;
  border:0 !important;
  border-radius:16px !important;
  background:#0d4b3b !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
}

#expenseList{
  margin-top:14px !important;
}

#expenseList .expense-row{
  background:#fff !important;
  border:1px solid #e9e4dc !important;
  border-radius:18px !important;
  padding:14px !important;
  margin-bottom:10px !important;
  box-shadow:0 5px 15px rgba(20,45,37,.035) !important;
}

@media(max-width:390px){
  #financeStats .stat b{
    font-size:22px !important;
  }
}


.finance-report-card{
  background:#fff;
  border-radius:18px;
  padding:16px;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  margin-bottom:16px;
}

.finance-report-card h3{
  margin:0 0 14px;
  color:#0d4b3b;
  font-size:18px;
}

.finance-report-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.finance-report-grid div{
  background:#f7f3ed;
  border-radius:14px;
  padding:12px;
}

.finance-report-grid span{
  display:block;
  font-size:12px;
  color:#666;
  margin-bottom:6px;
}

.finance-report-grid b{
  display:block;
  font-size:16px;
  color:#111;
}


.money-card{
  background:#fff;
  border:1px solid #e8e1d7;
  border-radius:18px;
  padding:14px 16px;
  margin:10px 0;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}

.money-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.money-card-top b{
  font-size:17px;
  color:#173f35;
}

.money-card-top strong{
  font-size:18px;
  color:#0d4b3b;
}

.money-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  font-size:14px;
  color:#6f6f6f;
  margin-bottom:8px;
}

.money-card-note{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-top:8px;
  border-top:1px solid #f0ece6;
}

.money-card-note span{
  font-weight:700;
  color:#4b4b4b;
}

.money-card-note small{
  color:#777;
  line-height:1.5;
}

.money-card.mm-in .money-card-top b,
.money-card.mm-in .money-card-top strong{
  color:#168a55;
}

.money-card.mm-out .money-card-top b,
.money-card.mm-out .money-card-top strong{
  color:#c63b32;
}

.money-card.mm-capital .money-card-top b,
.money-card.mm-capital .money-card-top strong{
  color:#2563a6;
}

.money-card.mm-withdraw .money-card-top b,
.money-card.mm-withdraw .money-card-top strong{
  color:#d8791f;
}

.money-card.mm-in .money-card-top b,
.money-card.mm-in .money-card-top strong{
  color:#168a55 !important;
}

.money-card.mm-out .money-card-top b,
.money-card.mm-out .money-card-top strong{
  color:#c63b32 !important;
}

.money-card.mm-capital .money-card-top b,
.money-card.mm-capital .money-card-top strong{
  color:#2563a6 !important;
}

.money-card.mm-withdraw .money-card-top b,
.money-card.mm-withdraw .money-card-top strong{
  color:#d8791f !important;
}

.finance-product-card{
  background:#fff;
  border:1px solid #e8e1d7;
  border-radius:20px;
  padding:16px;
  margin:14px 0;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}

.fpc-title{
  font-size:19px;
  font-weight:800;
  color:#1f2d2a;
  margin-bottom:14px;
}

.fpc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.fpc-item{
  background:#faf8f4;
  border:1px solid #eee7dc;
  border-radius:14px;
  padding:10px;
}

.fpc-item small{
  display:block;
  color:#777;
  margin-bottom:5px;
  font-size:13px;
}

.fpc-item strong{
  color:#173f35;
  font-size:16px;
}

.fpc-item.profit{
  background:#eef8f3;
}

.fpc-item input{
  width:100%;
  border:0;
  background:transparent;
  font-size:16px;
  font-weight:700;
  padding:0;
  outline:none;
}

.fpc-extra{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}

.fpc-extra input{
  width:100%;
  border:1px solid #e3ddd4;
  border-radius:12px;
  padding:11px;
  font-size:14px;
  box-sizing:border-box;
}

.fpc-save{
  width:100%;
  margin-top:12px;
  border:0;
  border-radius:14px;
  padding:12px;
  background:#0d4b3b;
  color:#fff;
  font-size:16px;
  font-weight:700;
}

@media (max-width:520px){
  .fpc-grid{
    grid-template-columns:1fr 1fr;
  }
}

.fpc-item.profit.gain{
  background:#eef8f3;
}

.fpc-item.profit.gain strong{
  color:#168a55;
}

.fpc-item.profit.loss{
  background:#fff1ef;
  border-color:#f0c9c3;
}

.fpc-item.profit.loss strong{
  color:#c63b32;
}

.fpc-item.stock-low{
  background:#fff7e8;
  border-color:#f0d7a5;
}

.fpc-item.stock-low strong{
  color:#b96a16;
}

.stock-warning{
  display:block;
  margin-top:6px;
  font-style:normal;
  font-size:12px;
  line-height:1.4;
  color:#b96a16;
  font-weight:700;
}

.fpc-item select{
  width:100%;
  border:0;
  background:transparent;
  font-size:15px;
  font-weight:700;
  color:#173f35;
  outline:none;
  padding:0;
  direction:rtl;
}

.fpc-item select:invalid,
.fpc-item select option[value=""]{
  color:#999;
}

/* BALCONA FINANCE OVERVIEW */
.finance-overview{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0;
}

.finance-overview-card{
  background:#fff;
  border:1px solid #e8e1d7;
  border-radius:16px;
  padding:13px;
  min-height:72px;
}

.finance-overview-card small{
  display:block;
  color:#777;
  margin-bottom:6px;
  font-size:13px;
}

.finance-overview-card strong{
  display:block;
  color:#0d4b3b;
  font-size:17px;
}

.finance-overview-card.debt strong,
.finance-overview-card.negative strong{
  color:#c63b32;
}

.finance-overview-card.positive strong{
  color:#168a55;
}

.finance-overview-card.capital{
  background:#eef8f3;
}

.finance-sales-overview{
  margin-top:18px;
}

/* BALCONA FINANCE MOBILE FIX */
.finance-overview{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  box-sizing:border-box !important;
  align-items:stretch !important;
}

.finance-overview-card{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:105px !important;
  height:auto !important;
  margin:0 !important;
  padding:14px 10px !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  overflow:hidden !important;
}

.finance-overview-card small{
  width:100% !important;
  display:block !important;
  font-size:14px !important;
  line-height:1.5 !important;
  margin:0 0 8px !important;
  white-space:normal !important;
}

.finance-overview-card strong{
  width:100% !important;
  display:block !important;
  font-size:19px !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

.finance-sales-overview{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

@media (max-width:480px){
  .finance-overview{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .finance-overview-card{
    min-height:110px !important;
  }
}

/* FINAL FINANCE IPHONE LAYOUT */
#financeStats{
  width:100% !important;
  display:block !important;
  box-sizing:border-box !important;
}

#financeStats .finance-overview{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:12px !important;
  margin:12px 0 !important;
}

#financeStats .finance-overview-card{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:120px !important;
  height:120px !important;
  margin:0 !important;
  padding:12px 8px !important;
  box-sizing:border-box !important;
  float:none !important;
  position:relative !important;
}

#financeStats .finance-sales-overview{
  width:100% !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}

#financeStats .finance-overview-card strong{
  font-size:18px !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

@media(max-width:600px){
  #financeStats .finance-overview,
  #financeStats .finance-sales-overview{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  }
}

/* BALCONA FINANCE FINAL POLISH */

/* الكروت الأساسية */
#financeStats .finance-overview-card{
  border:1px solid #e7dfd4 !important;
  box-shadow:0 3px 12px rgba(13,75,59,.045) !important;
}

/* وضع رأس المال */
#financeStats .finance-overview-card.capital{
  background:#edf8f3 !important;
  border-color:#d1e8dc !important;
}

#financeStats .finance-overview-card.capital strong{
  color:#075c46 !important;
  font-weight:800 !important;
}

/* الفرق السالب */
#financeStats .finance-overview-card.negative{
  background:#fff7f5 !important;
  border-color:#f1d7d2 !important;
}

#financeStats .finance-overview-card.negative strong{
  color:#c83d32 !important;
  font-weight:800 !important;
}

/* ديون الموردين */
#financeStats .finance-overview-card.debt{
  background:#fffaf8 !important;
}

#financeStats .finance-overview-card.debt strong{
  color:#c83d32 !important;
}

/* بطاقات المبيعات والأرباح تكون أقصر */
#financeStats .finance-sales-overview .finance-overview-card{
  height:100px !important;
  min-height:100px !important;
}

/* تحسين الخط */
#financeStats .finance-overview-card small{
  color:#747474 !important;
  font-weight:600 !important;
}

#financeStats .finance-overview-card strong{
  font-weight:800 !important;
  letter-spacing:0 !important;
}


/* CAPITAL STATEMENT */
.capital-statement{
  margin-top:18px;
  background:#fff;
  border:1px solid #e8e1d7;
  border-radius:20px;
  padding:16px;
}

.capital-statement h3{
  margin:0 0 14px;
  color:#173f35;
  font-size:20px;
}

.capital-statement-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.capital-statement-grid > div{
  background:#faf8f4;
  border:1px solid #eee7dc;
  border-radius:14px;
  padding:12px;
  min-height:88px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.capital-statement-grid small{
  display:block;
  color:#777;
  margin-bottom:6px;
  line-height:1.4;
}

.capital-statement-grid strong{
  color:#0d4b3b;
  font-size:17px;
}

.capital-statement-grid .cs-plus{
  background:#eef8f3;
}

.capital-statement-grid .cs-plus strong{
  color:#168a55;
}

.capital-statement-grid .cs-minus{
  background:#fff4f2;
}

.capital-statement-grid .cs-minus strong{
  color:#c63b32;
}

.capital-statement-grid .cs-current{
  background:#edf8f3;
}

.drawerFoot{
  flex-shrink:0;
  padding:14px 16px calc(16px + env(safe-area-inset-bottom));
  background:#fff;
  border-top:1px solid #ece8e1;
}


#cartDrawer{
  display:flex;
  flex-direction:column;
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
}

#cartItems{
  flex:1 1 auto;
  overflow-y:auto;
  min-height:0;
  -webkit-overflow-scrolling:touch;
}

.summary-new.drawerFoot{
  flex:0 0 auto;
}


#cartDrawer{
  box-sizing:border-box;
  padding-bottom:calc(105px + env(safe-area-inset-bottom));
}


.drawer{
  bottom:68px !important;
  height:auto !important;
}


.drawer{
  bottom:68px !important;
  height:auto !important;
}


/* BALCONA IOS BOTTOM NAV SAFE AREA */
.bottom-nav-new{
  bottom:calc(18px + env(safe-area-inset-bottom)) !important;
}

body{
  padding-bottom:calc(110px + env(safe-area-inset-bottom)) !important;
}


/* BALCONA COMPACT BOTTOM NAV */
.bottom-nav-new{
  bottom:calc(8px + env(safe-area-inset-bottom)) !important;
  min-height:58px !important;
  padding:4px 8px !important;
  border-radius:22px !important;
}
.bottom-nav-new button{
  padding:3px 1px !important;
  min-height:50px !important;
  font-size:18px !important;
}
.bottom-nav-new button span{
  font-size:9px !important;
}
body{
  padding-bottom:calc(90px + env(safe-area-inset-bottom)) !important;
}


/* BALCONA FINAL BOTTOM CLEARANCE */
main,
.admin-wrap,
.account-page,
.page-content{
  padding-bottom:160px !important;
}

body::after{
  content:"";
  display:block;
  height:140px;
}


/* BALCONA COLLAPSIBLE BOTTOM NAV */
.bottom-nav-new{
  transition:transform .25s ease, opacity .25s ease !important;
}

.bottom-nav-new.nav-collapsed{
  transform:translateY(calc(100% + 35px)) !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.nav-toggle-btn{
  position:fixed;
  right:18px;
  bottom:calc(82px + env(safe-area-inset-bottom));
  z-index:10000;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#0d4b3b;
  color:#fff;
  font-size:22px;
  line-height:42px;
  text-align:center;
  box-shadow:0 4px 14px rgba(0,0,0,.20);
}

.bottom-nav-new.nav-collapsed + *{}

body:has(.bottom-nav-new.nav-collapsed) .nav-toggle-btn{
  bottom:calc(14px + env(safe-area-inset-bottom));
}


/* ADMIN ONLY NAV TOGGLE */
#navToggleBtn{
  display:none;
}

/* Restore Balcona green hero */
.hero-new{
  background:linear-gradient(135deg,#0a3f32,#125b48) !important;
}
.hero-copy small,
.hero-copy h2{
  color:#fff !important;
}
.hero-copy button{
  background:#f7f3ed !important;
  color:#0d4b3b !important;
}

/* ===== BALCONA LUXE CUSTOMER TOP ===== */
.app-header{
  height:76px !important;
  background:#fff !important;
  border-bottom:1px solid rgba(13,75,59,.08) !important;
  box-shadow:0 8px 24px rgba(13,75,59,.06) !important;
}
.brand-center strong{
  font-size:26px !important;
  font-weight:900 !important;
  color:#0d4b3b !important;
}
.brand-center small{
  font-size:9px !important;
  letter-spacing:5px !important;
  color:#9a8b76 !important;
}
.icon-btn{
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
  background:#f3efe8 !important;
  display:grid !important;
  place-items:center !important;
}

.home-top{
  display:block !important;
  padding:16px 0 4px !important;
}
.location-line{
  margin:0 2px 12px !important;
  font-weight:800 !important;
  color:#4f5652 !important;
}
.search-wrap{
  min-height:56px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #e8e2d9 !important;
  box-shadow:0 10px 28px rgba(13,75,59,.07) !important;
}
.search-wrap input{
  min-height:56px !important;
  background:transparent !important;
  border:0 !important;
  font-size:15px !important;
}
.search-wrap span{
  top:12px !important;
  color:#0d4b3b !important;
}

.cats-new{
  display:flex !important;
  gap:14px !important;
  overflow-x:auto !important;
  padding:4px 2px 10px !important;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.cats-new::-webkit-scrollbar{display:none}
.cat-new{
  min-width:92px !important;
  width:92px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  scroll-snap-align:start;
}
.cat-new .cat-icon{
  width:76px !important;
  height:76px !important;
  margin:0 auto 8px !important;
  border-radius:50% !important;
  background:#efe8dc !important;
  border:1px solid #e2d9cc !important;
  box-shadow:0 7px 18px rgba(13,75,59,.07) !important;
  font-size:36px !important;
}
.cat-new b{
  display:block !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:#202320 !important;
}

/* ===== BALCONA LUXE PRODUCT CARDS ===== */
.product-new{
  border-radius:20px !important;
  border:1px solid rgba(13,75,59,.08) !important;
  box-shadow:0 10px 28px rgba(13,75,59,.07) !important;
  transition:.2s ease !important;
}

.product-img-new{
  height:175px !important;
  background:#f4efe8 !important;
}

.product-info{
  padding:12px !important;
}

.product-info h4{
  font-size:14px !important;
  line-height:1.5 !important;
  min-height:42px !important;
  color:#202320 !important;
}

.price-new{
  color:#0d4b3b !important;
  font-size:17px !important;
  font-weight:900 !important;
}

.product-info button.add-mini{
  margin-top:10px !important;
  border-radius:12px !important;
  padding:10px !important;
  background:#0d4b3b !important;
  font-weight:800 !important;
}

.fav-float{
  width:36px !important;
  height:36px !important;
  box-shadow:0 5px 15px rgba(0,0,0,.08) !important;
}

/* FIX ADMIN COLLAPSIBLE BOTTOM NAV */
body:has(#admin.show) .bottom-nav-new{
  z-index:10001 !important;
}

body:has(#admin.show) #navToggleBtn{
  z-index:10002 !important;
}

/* ===== BALCONA LUXE FEATURED PRODUCTS SECTION ===== */
#productsSec{
  margin-top:28px !important;
  padding:16px !important;
  background:#fff !important;
  border:1px solid rgba(13,75,59,.07) !important;
  border-radius:22px !important;
  box-shadow:0 10px 30px rgba(13,75,59,.05) !important;
}

#productsSec .section-title{
  margin-bottom:16px !important;
}

#productsSec .section-title h3{
  font-size:21px !important;
  font-weight:900 !important;
  color:#202320 !important;
}

#productsSec .section-title button{
  background:#f3efe8 !important;
  color:#0d4b3b !important;
  padding:8px 13px !important;
  border-radius:12px !important;
  font-weight:800 !important;
}

#productsSec .grid-new{
  gap:14px !important;
}

@media(max-width:650px){
  #productsSec{
    padding:12px !important;
    border-radius:20px !important;
  }

  #productsSec .grid-new{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
  }
}

/* ===== BALCONA LUXE PROMO BANNER ===== */
.balcona-luxe-banner{
  position:relative;
  overflow:hidden;
  margin:22px 0 28px;
  min-height:210px;
  padding:25px 22px;
  border-radius:24px;
  background:linear-gradient(135deg,#0a3f32,#125b48);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 14px 35px rgba(13,75,59,.16);
}

.luxe-banner-copy{
  position:relative;
  z-index:2;
  max-width:58%;
}

.luxe-banner-copy small{
  color:#dfd3bd;
  font-weight:800;
}

.luxe-banner-copy h2{
  margin:6px 0;
  font-size:28px;
  line-height:1.25;
}

.luxe-banner-copy p{
  margin:0 0 15px;
  font-size:12px;
  line-height:1.6;
  opacity:.85;
}

.luxe-banner-copy button{
  border:0;
  border-radius:12px;
  padding:10px 15px;
  background:#f4efe7;
  color:#0d4b3b;
  font-weight:900;
}

.luxe-banner-art{
  position:relative;
  width:40%;
  min-height:150px;
}

.luxe-banner-art span{
  position:absolute;
  filter:drop-shadow(0 10px 10px rgba(0,0,0,.18));
}

.luxe-banner-art span:nth-child(1){font-size:78px;right:4px;bottom:8px;transform:rotate(-8deg)}
.luxe-banner-art span:nth-child(2){font-size:55px;left:0;top:5px;transform:rotate(20deg)}
.luxe-banner-art span:nth-child(3){font-size:48px;left:12px;bottom:0}

@media(max-width:650px){
  .balcona-luxe-banner{
    margin:18px 12px 25px;
    min-height:190px;
    padding:20px 18px;
  }
  .luxe-banner-copy h2{font-size:24px}
}

/* FIX CUSTOMER PAGE EXTRA BOTTOM SPACE */
body::after{
  display:none !important;
  height:0 !important;
}

.page{
  padding-bottom:110px !important;
}

/* FIX CUSTOMER PAGE EXTRA BOTTOM SPACE */
body::after{
  display:none !important;
  height:0 !important;
}

.page{
  padding-bottom:110px !important;
}

/* KEEP LAST PRODUCTS CLEAR OF BOTTOM NAV */
.new-arrivals-section{
  padding-bottom:90px !important;
}

/* CART SMART ADD-ON */
.cart-suggestion{
  margin:12px 14px;
  padding:12px;
  background:#f6f1e8;
  border:1px solid #e7dece;
  border-radius:18px;
}
.cart-suggestion>small{
  display:block;
  margin-bottom:9px;
  font-weight:800;
  color:#0d4b3b;
}
.cart-suggestion-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.cart-suggestion-row .cart-thumb{
  width:58px;
  height:58px;
  border-radius:14px;
  overflow:hidden;
  flex:0 0 58px;
  background:#fff;
}
.cart-suggestion-info{
  flex:1;
  min-width:0;
}
.cart-suggestion-info b{
  display:block;
  font-size:13px;
  margin-bottom:4px;
}
.cart-suggestion-info span{
  color:#0d4b3b;
  font-weight:900;
}
.cart-suggestion-row>button{
  border:0;
  background:#0d4b3b;
  color:#fff;
  padding:9px 12px;
  border-radius:12px;
  font-weight:800;
  cursor:pointer;
}

/* FIX CART ITEMS LARGE EMPTY SPACE */
#cartItems{
  flex:0 1 auto !important;
  max-height:42vh;
  overflow-y:auto;
}

/* CHECKOUT ORDER SUMMARY */
.checkout-summary{
  margin:14px 0;
  padding:14px;
  background:#f7f3ec;
  border:1px solid #e7dece;
  border-radius:18px;
}
.checkout-summary>div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:8px 0;
  font-size:14px;
}
.checkout-summary>div+div{
  border-top:1px solid #ebe3d7;
}
.checkout-summary b{
  color:#0d4b3b;
}
.checkout-summary .checkout-total{
  margin-top:4px;
  padding-top:12px;
  font-size:17px;
  font-weight:900;
}
.checkout-summary .checkout-total b{
  font-size:19px;
}

/* ===== BALCONA CUSTOMER ORDERS ===== */
#myOrders{
  margin-top:18px;
  text-align:right;
}

.myorders-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:14px;
  background:#f6f3ee;
  padding:5px;
  border-radius:14px;
}

.myorders-tabs button{
  border:0;
  background:transparent;
  padding:11px 6px;
  border-radius:10px;
  font-weight:800;
  color:#777;
}

.myorders-tabs button.active{
  background:#fff;
  color:var(--green);
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}

.myorders-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.customer-order-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:15px;
  box-shadow:0 5px 18px rgba(20,45,37,.05);
}

.customer-order-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}

.customer-order-head small,
.customer-order-meta small{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-bottom:4px;
}

.customer-order-head b{
  font-size:15px;
}

.customer-order-status{
  background:#eef4f1;
  color:var(--green);
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.customer-order-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:13px 0;
}

.customer-order-meta>div{
  background:#faf8f4;
  border-radius:11px;
  padding:10px;
}

.customer-order-meta b{
  font-size:12px;
}

.order-details-btn{
  width:100%;
  border:1px solid var(--green);
  background:#fff;
  color:var(--green);
  border-radius:11px;
  padding:10px;
  font-weight:800;
}

.customer-order-details{
  margin-top:15px;
  padding-top:5px;
}

.track-step{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:9px;
  align-items:start;
  position:relative;
  padding-bottom:14px;
  color:#999;
}

.track-step:not(:last-child)::after{
  content:"";
  position:absolute;
  right:14px;
  top:27px;
  width:2px;
  height:calc(100% - 15px);
  background:#e5e5e5;
}

.track-dot{
  width:28px;
  height:28px;
  border:2px solid #d9d9d9;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:900;
  background:#fff;
  z-index:1;
}

.track-step.done{
  color:#1f2e28;
}

.track-step.done .track-dot{
  background:var(--green);
  border-color:var(--green);
  color:#fff;
}

.track-step.done:not(:last-child)::after{
  background:var(--green);
}

.track-step b{
  display:block;
  font-size:13px;
  padding-top:4px;
}

.track-step small{
  display:block;
  color:var(--muted);
  font-size:10px;
  line-height:1.6;
  margin-top:3px;
}


/* ===== BALCONA ADMIN ORDERS UI ===== */
#orders{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.admin-order-card{
  background:#fff;
  border:1px solid #e9e4dc;
  border-radius:20px;
  padding:16px;
  box-shadow:0 8px 24px rgba(20,45,37,.055);
}

.admin-order-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}

.admin-order-top small,
.admin-order-grid small,
.admin-order-items small{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-bottom:4px;
}

.admin-order-top b{
  font-size:17px;
  font-weight:900;
}

.admin-order-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eef4f1;
  color:var(--green);
  padding:8px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.admin-order-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0;
}

.admin-order-grid>div{
  background:#faf8f4;
  border-radius:11px;
  padding:10px;
  min-width:0;
}

.admin-order-grid b{
  display:block;
  font-size:12px;
  word-break:break-word;
}

.admin-order-items{
  background:#faf8f4;
  border-radius:11px;
  padding:11px;
  margin-bottom:12px;
  line-height:1.7;
  font-size:12px;
}

.admin-order-dates{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:var(--muted);
  margin-bottom:13px;
}

.admin-order-dates small{
  font-size:10px;
}

.admin-order-actions{
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:9px;
}

.admin-order-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:11px;
  background:#eaf7ef;
  color:#167746;
  text-decoration:none;
  font-weight:900;
  font-size:13px;
}

.admin-order-actions select{
  width:100%;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
  padding:0 10px;
  font-weight:800;
}

@media(max-width:390px){
  .admin-order-card{
    padding:14px;
  }

  .admin-order-grid{
    grid-template-columns:1fr;
  }

  .admin-order-actions{
    grid-template-columns:1fr;
  }
}


.luxury-icon{
  width:46px;
  height:46px;
  border-radius:15px;
  background:#f4f0e9;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#0d5a46;
  box-shadow:0 4px 14px rgba(0,0,0,.07);
  position:relative;
}
.luxury-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.luxury-icon:active{
  transform:scale(.94);
}

/* BALCONA PREMIUM FLOATING BOTTOM NAV */
.bottom-nav-new{
  bottom:14px;
  width:min(720px,calc(100% - 22px));
  height:72px;
  border:1px solid rgba(15,90,70,.10);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 30px rgba(20,40,34,.12);
  backdrop-filter:blur(18px);
  padding:8px 10px 7px;
}

.bottom-nav-new button{
  min-width:56px;
  height:56px;
  border-radius:18px;
  justify-content:center;
  gap:3px;
  transition:.2s ease;
}

.bottom-nav-new button.active{
  background:#edf5f1;
  color:#0d5a46;
}

.bottom-nav-new button:active{
  transform:scale(.94);
}

.bottom-nav-new span{
  font-size:10px;
  font-weight:700;
}

.bottom-nav-new b{
  top:2px;
  right:3px;
  box-shadow:0 2px 7px rgba(0,0,0,.15);
}

body{
  padding-bottom:96px;
}

.bottom-nav-new button svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.bottom-nav-new button.active svg{
  stroke-width:2.1;
}


/* BALCONA CUSTOMER ACCOUNT */
.customer-account-hero{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px;
  margin-bottom:14px;
  border-radius:22px;
  background:#f3f7f4;
  text-align:right;
}
.customer-account-hero h3{margin:0 0 5px;color:#0d5a46;}
.customer-account-hero p{margin:0;color:#66736e;line-height:1.7;font-size:13px;}
.customer-account-icon{
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  background:#e4efe9;font-size:28px;flex:0 0 auto;
}
.customer-main-btn{
  width:100%;border:0;border-radius:17px;
  background:#0d5a46;color:#fff;
  font-weight:800;font-size:16px;padding:15px;
  margin-bottom:12px;
}
.customer-auth-box{
  border:1px solid #e8e5df;
  border-radius:20px;padding:14px;
  margin:10px 0 16px;background:#fff;
}
.customer-auth-tabs{
  display:grid;grid-template-columns:1fr 1fr;
  gap:6px;background:#f5f3ef;padding:5px;
  border-radius:14px;margin-bottom:14px;
}
.customer-auth-tabs button{
  border:0;background:transparent;
  padding:10px;border-radius:11px;font-weight:700;
}
.customer-auth-tabs button.active{
  background:#fff;color:#0d5a46;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.customer-auth-box form{
  display:grid;gap:10px;
}
.customer-auth-box form.hidden{display:none;}
.customer-auth-box label,
.customer-profile-form label{
  display:grid;gap:6px;font-size:13px;font-weight:700;
}
.customer-auth-box input,
.customer-profile-form input{
  width:100%;box-sizing:border-box;
  border:1px solid #ddd8cf;border-radius:13px;
  padding:12px;background:#faf9f6;font-size:15px;
}
.customer-auth-msg{
  min-height:20px;text-align:center;
  margin-top:10px;color:#9b4a3a;font-size:13px;
}
.guest-divider{
  display:flex;align-items:center;gap:10px;
  margin:16px 0;color:#999;
}
.guest-divider:before,.guest-divider:after{
  content:"";height:1px;background:#e2ded7;flex:1;
}
.guest-box{
  border-radius:20px;padding:16px;
  background:#faf9f6;text-align:right;
}
.guest-box h4{margin:0 0 5px;color:#222;}
.guest-box p{margin:0 0 12px;color:#777;font-size:13px;}
.customer-profile-card{
  display:flex;align-items:center;gap:14px;
  padding:16px;border-radius:20px;
  background:#f2f7f4;margin-bottom:14px;text-align:right;
}
.customer-profile-avatar{
  width:60px;height:60px;border-radius:50%;
  display:grid;place-items:center;background:#dfece5;font-size:29px;
}
.customer-profile-card small{color:#777;}
.customer-profile-card h3{margin:2px 0;color:#0d5a46;}
.customer-profile-card span{font-size:13px;color:#666;}
.customer-profile-form{
  display:grid;gap:10px;
  padding:15px;border:1px solid #ebe7df;
  border-radius:20px;margin-bottom:14px;
}
.customer-profile-form h4{margin:0 0 4px;}
.customer-account-links{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin-bottom:14px;
}
.customer-account-links button{
  border:1px solid #ddd8cf;background:#fff;
  border-radius:14px;padding:12px;font-weight:700;
}
.account-admin-divider{
  border-top:1px solid #ebe7df;
  margin:20px 0 14px;
}


/* BALCONA ACCOUNT FIXED NAV */
body.balcona-account-open .bottom-nav{
  display:flex !important;
  position:fixed !important;
  z-index:99999 !important;
}

body.balcona-account-open #account .phone-card{
  padding-bottom:115px !important;
}



body.balcona-account-open #account{
  padding-bottom:90px;
}


/* BALCONA ACCOUNT TOPBAR - ISOLATED FINAL */
html body.balcona-account-open #account > .phone-card{
  padding-top:0 !important;
}

html body.balcona-account-open #account .account-topbar{
  position:sticky !important;
  top:0 !important;
  z-index:100010 !important;

  width:100% !important;
  height:64px !important;
  min-height:64px !important;
  box-sizing:border-box !important;

  display:flex !important;
  flex-direction:row !important;
  direction:rtl !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;

  padding:0 22px !important;
  margin:0 !important;

  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #eeeae3 !important;
  box-shadow:none !important;
}

html body.balcona-account-open #account .account-topbar .account-back-arrow{
  position:static !important;
  flex:0 0 34px !important;

  width:34px !important;
  min-width:34px !important;
  height:48px !important;

  padding:0 !important;
  margin:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;

  color:#0d5a46 !important;
  font-size:42px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

html body.balcona-account-open #account .account-topbar strong{
  position:static !important;
  display:block !important;

  width:auto !important;
  height:auto !important;

  padding:0 !important;
  margin:0 !important;

  color:#0d5a46 !important;
  font-size:22px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

html body.balcona-account-open #account .account-box{
  margin-top:0 !important;
  padding-top:14px !important;
}

html body.balcona-account-open #account .customer-account-hero{
  margin-top:0 !important;
}

/* ===== ACCOUNT HEADER DEFINITIVE LAYOUT ===== */

html body #account.show{
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
  height:100dvh !important;
  max-height:100dvh !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  align-items:stretch !important;
  justify-content:center !important;
  background:#fff !important;
}

html body #account.show > .phone-card{
  position:relative !important;
  width:min(430px,100vw) !important;
  height:100dvh !important;
  max-height:100dvh !important;

  padding:0 !important;
  margin:0 !important;

  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;

  background:#fff !important;
}

/* الهيدر يبقى ظاهر داخل حسابي */
html body #account.show .account-topbar{
  position:sticky !important;
  top:0 !important;
  right:auto !important;
  left:auto !important;

  width:100% !important;
  height:60px !important;
  min-height:60px !important;

  display:flex !important;
  flex-direction:row !important;
  direction:rtl !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;

  box-sizing:border-box !important;
  padding:0 18px !important;
  margin:0 !important;

  background:#fff !important;
  border-bottom:1px solid #eeeae3 !important;

  z-index:2147483000 !important;
}

/* السهم يمين */
html body #account.show .account-topbar .account-back-arrow{
  position:static !important;

  width:34px !important;
  min-width:34px !important;
  height:50px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#0d5a46 !important;
  font-size:42px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

/* حسابي مباشرة على يسار السهم */
html body #account.show .account-topbar strong{
  position:static !important;

  display:block !important;
  width:auto !important;

  margin:0 !important;
  padding:0 !important;

  color:#0d5a46 !important;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* المحتوى يبدأ طبيعي مباشرة بعد الهيدر */
html body #account.show .account-box{
  margin:0 !important;
  padding:14px 18px 90px !important;
}

/* إلغاء أي فراغ علوي قديم */
html body #account.show .customer-account-hero{
  margin-top:0 !important;
}


/* ===== BALCONA ACCOUNT DASHBOARD V1 ===== */

#account.show > .phone-card{
  background:#f7f7f5 !important;
}

#account.show .account-topbar{
  background:#fff !important;
}

#account.show .account-box{
  text-align:right !important;
  background:#f7f7f5 !important;
}

#customerSignedIn .customer-profile-card{
  position:relative;
  min-height:76px;
  box-sizing:border-box;
  margin:0 0 18px !important;
  padding:15px 16px !important;
  border:1px solid #edf0ec;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 4px 16px rgba(13,75,59,.035);
}

#customerSignedIn .customer-profile-avatar{
  width:58px !important;
  height:58px !important;
  color:#0d5a46;
  background:#dff0e8 !important;
}

#customerSignedIn .customer-profile-card h3{
  margin:0 0 5px !important;
  color:#183d33;
  font-size:20px;
}

#customerSignedIn .customer-profile-card p{
  margin:0 !important;
  color:#72807b;
}

.balcona-account-dashboard{
  display:grid;
  gap:22px;
}

.account-dashboard-section{
  display:block;
}

.account-section-title{
  margin:0 4px 10px !important;
  color:#173f34;
  font-size:20px;
  font-weight:900;
}

.account-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.account-summary-card{
  position:relative;
  min-height:126px;
  padding:18px 14px;
  border:1px solid #edf0ec;
  border-radius:18px;
  background:#fff;
  color:#213b34;
  text-align:right;
  box-shadow:0 4px 14px rgba(13,75,59,.035);
}

.account-summary-card:active{
  transform:scale(.985);
  background:#f4f8f5;
}

.account-summary-card .account-card-icon{
  display:block;
  margin-bottom:13px;
  color:#0d6a52;
  font-size:31px;
  font-weight:400;
  line-height:1;
}

.account-summary-card strong{
  display:block;
  margin-bottom:6px;
  font-size:18px;
  font-weight:900;
}

.account-summary-card small{
  display:block;
  color:#707b77;
  font-size:14px;
}

.account-action-list{
  margin-top:13px;
  overflow:hidden;
  border:1px solid #edf0ec;
  border-radius:18px;
  background:#fff;
  box-shadow:0 4px 14px rgba(13,75,59,.03);
}

.account-action-list button{
  width:100%;
  min-height:62px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 24px;
  align-items:center;
  gap:8px;
  padding:0 15px;
  border:0;
  border-bottom:1px solid #eef0ed;
  background:#fff;
  color:#253c35;
  text-align:right;
}

.account-action-list button:last-child{
  border-bottom:0;
}

.account-action-list button:active{
  background:#f4f8f5;
}

.account-row-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#0d6a52;
  background:#eaf4ef;
  font-size:21px;
  font-weight:800;
}

.account-action-list b{
  font-size:16px;
  font-weight:800;
}

.account-row-arrow{
  color:#0d6a52;
  font-size:30px;
  line-height:1;
}

#customerSignedIn .account-profile-edit-panel{
  display:none;
  gap:11px;
  margin:16px 0 0 !important;
  padding:16px !important;
  border:1px solid #e4e9e5 !important;
  border-radius:18px !important;
  background:#fff !important;
  scroll-margin-top:75px;
}

#customerSignedIn .account-profile-edit-panel.is-open{
  display:grid;
}

#customerSignedIn .account-profile-edit-panel h4{
  color:#173f34;
  font-size:18px;
}

#customerSignedIn .account-old-links{
  display:none !important;
}

.account-info-panel{
  margin-top:12px;
  padding:16px;
  border:1px solid #dfe8e3;
  border-radius:18px;
  background:#fff;
  color:#344942;
  line-height:1.8;
}

.account-info-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  color:#0d5a46;
  font-size:18px;
}

.account-info-head button{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#edf5f1;
  color:#0d5a46;
  font-size:25px;
}

.account-info-panel h4{
  margin:12px 0 3px;
  color:#173f34;
}

.account-info-panel p{
  margin:0 0 8px !important;
  color:#66736e !important;
  font-size:14px !important;
}

.account-info-panel ol{
  margin:0;
  padding-right:21px;
}

.account-logout-btn{
  width:100%;
  min-height:52px;
  margin:0 0 18px;
  border:1px solid #e6cfc9;
  border-radius:16px;
  background:#fff;
  color:#a34232;
  font-size:15px;
  font-weight:800;
}

#myOrders{
  margin-top:18px;
  scroll-margin-top:76px;
}

@media(max-width:380px){
  .account-summary-card{
    min-height:116px;
    padding:15px 12px;
  }

  .account-summary-card strong{
    font-size:16px;
  }

  .account-action-list b{
    font-size:15px;
  }
}


/* ACCOUNT CORRECT LOCATION AND WALLET ICONS */
.account-summary-card .account-card-icon svg{
  width:40px !important;
  height:40px !important;
  display:block !important;
  fill:none !important;
  stroke:#0d6a52 !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}


/* ===== ACCOUNT ICONS AND BOTTOM NAV FINAL ===== */

/* أيقونة الموقع والمحفظة */
.account-summary-card .account-card-icon svg{
  width:40px !important;
  height:40px !important;
  display:block !important;
  fill:none !important;
  stroke:#0d6a52 !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* إظهار شريط بالكونه السفلي داخل حسابي */
body.balcona-account-open #mainBottomNav,
body.balcona-account-open .bottom-nav-new{
  position:fixed !important;
  right:auto !important;
  left:50% !important;
  bottom:0 !important;

  width:min(430px,100vw) !important;
  min-height:72px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-around !important;

  margin:0 !important;
  padding-bottom:env(safe-area-inset-bottom) !important;

  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;

  transform:translateX(-50%) !important;
  z-index:2147483640 !important;
}

/* توزيع أزرار الشريط بالتساوي */
body.balcona-account-open #mainBottomNav > *,
body.balcona-account-open .bottom-nav-new > *{
  flex:1 1 20% !important;
}

/* ترك مساحة أسفل صفحة حسابي حتى لا يغطي الشريط المحتوى */
body.balcona-account-open #account.show > .phone-card{
  padding-bottom:calc(95px + env(safe-area-inset-bottom)) !important;
  box-sizing:border-box !important;
}

body.balcona-account-open #account.show .account-box{
  padding-bottom:calc(115px + env(safe-area-inset-bottom)) !important;
}


/* ===== BALCONA FAVORITES HEADER FINAL ===== */

html body #favoritesModal.show{
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
  height:100dvh !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  align-items:stretch !important;
  justify-content:center !important;
  background:#fff !important;
}

html body #favoritesModal.show > .phone-card{
  position:relative !important;
  width:min(430px,100vw) !important;
  height:100dvh !important;
  max-height:100dvh !important;
  padding:0 0 90px !important;
  margin:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#fff !important;
  -webkit-overflow-scrolling:touch !important;
}

/* نفس هيدر حسابي */
html body #favoritesModal.show .favorites-topbar{
  position:sticky !important;
  top:0 !important;
  right:auto !important;
  left:auto !important;

  width:100% !important;
  height:60px !important;
  min-height:60px !important;

  display:flex !important;
  flex-direction:row !important;
  direction:rtl !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;

  box-sizing:border-box !important;
  padding:0 18px !important;
  margin:0 !important;

  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #eeeae3 !important;
  z-index:2147483000 !important;
}

/* سهم المفضلة بنفس سهم حسابي */
html body #favoritesModal.show .favorites-back-arrow{
  position:static !important;
  width:34px !important;
  min-width:34px !important;
  height:50px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;
  margin:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#0d5a46 !important;
  font-size:42px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

/* كلمة المفضلة على يسار السهم */
html body #favoritesModal.show .favorites-topbar strong{
  position:static !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;

  color:#0d5a46 !important;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-align:right !important;
  white-space:nowrap !important;
}


/* ACCOUNT NOTIFY BELL LEFT */
.account-notify-row .account-row-placeholder{
  width:36px !important;
  height:36px !important;
}

.account-notify-row .account-notify-bell{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  font-size:25px !important;
  line-height:1 !important;
}


/* ACCOUNT GREEN BELL LEFT */
.account-notify-row .account-row-placeholder{
  width:36px !important;
  height:36px !important;
}

.account-notify-row .account-notify-bell{
  width:36px !important;
  height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.account-notify-row .account-notify-bell svg{
  width:31px !important;
  height:31px !important;
  display:block !important;
  fill:none !important;
  stroke:#0d6a52 !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}


/* HOME BELL FAR LEFT FINAL */
.app-header{
  position:relative !important;
}

.app-header > .header-side.left{
  position:absolute !important;
  left:max(16px, env(safe-area-inset-left)) !important;
  right:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  width:auto !important;
  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  z-index:5 !important;
}


/* ===== BALCONA NOTIFICATIONS HEADER FINAL ===== */

html body #notificationsModal.show{
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
  height:100dvh !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  align-items:stretch !important;
  justify-content:center !important;
  background:#fff !important;
}

html body #notificationsModal.show > .phone-card{
  position:relative !important;
  width:min(430px,100vw) !important;
  height:100dvh !important;
  max-height:100dvh !important;
  padding:0 0 90px !important;
  margin:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#fff !important;
  -webkit-overflow-scrolling:touch !important;
}

/* نفس هيدر حسابي والمفضلة */
html body #notificationsModal.show .notifications-topbar{
  position:sticky !important;
  top:0 !important;
  right:auto !important;
  left:auto !important;

  width:100% !important;
  height:60px !important;
  min-height:60px !important;

  display:flex !important;
  flex-direction:row !important;
  direction:rtl !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;

  box-sizing:border-box !important;
  padding:0 18px !important;
  margin:0 !important;

  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #eeeae3 !important;
  z-index:2147483000 !important;
}

html body #notificationsModal.show .notifications-back-arrow{
  position:static !important;
  width:34px !important;
  min-width:34px !important;
  height:50px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;
  margin:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#0d5a46 !important;
  font-size:42px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

html body #notificationsModal.show .notifications-topbar strong{
  position:static !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;

  color:#0d5a46 !important;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-align:right !important;
  white-space:nowrap !important;
}


/* ===== BALCONA MODERN CATEGORY DESIGN ===== */

html body #categoryModal.show{
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
  height:100dvh !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  align-items:stretch !important;
  justify-content:center !important;
  direction:rtl !important;
  background:#f8f6f1 !important;
}

html body #categoryModal.show > .category-modern-card{
  position:relative !important;
  width:min(430px,100vw) !important;
  height:100dvh !important;
  max-height:100dvh !important;
  margin:0 !important;
  padding:0 0 105px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
  background:#fbfaf7 !important;
  -webkit-overflow-scrolling:touch !important;
}

/* الهيدر */
.category-native-header{
  position:sticky;
  top:0;
  z-index:2147483000;

  height:82px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 52px;
  align-items:center;
  direction:rtl;

  padding:0 15px;
  box-sizing:border-box;
  background:#fff;
  border-bottom:1px solid #eee9e1;
}

.category-native-back,
.category-native-cart{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:15px;
  background:#f6f3ed;
  color:#0d5a46;
}

.category-native-back{
  font-size:40px;
  line-height:1;
}

.category-native-cart svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:#0d5a46;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.category-native-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.category-native-brand strong{
  color:#0d5a46;
  font-size:27px;
  font-weight:900;
  line-height:1;
}

.category-native-brand small{
  margin-top:7px;
  color:#aa9a7e;
  font-size:10px;
  font-weight:700;
  letter-spacing:5px;
  direction:ltr;
}

/* المحتوى */
.category-modern-content{
  padding:20px 13px 25px;
}

.category-modern-content > h1{
  margin:0 5px 18px;
  color:#173e34;
  font-size:27px;
  font-weight:900;
}

/* أسماء الأقسام بدون مربعات */
.category-text-tabs{
  position:sticky;
  top:82px;
  z-index:20;

  display:flex;
  direction:rtl;
  gap:25px;
  overflow-x:auto;

  margin:0 -13px 15px;
  padding:4px 18px 9px;

  background:rgba(251,250,247,.97);
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.category-text-tabs::-webkit-scrollbar{
  display:none;
}

.category-text-tabs button{
  position:relative;
  flex:0 0 auto;

  min-height:42px;
  padding:4px 0 11px;

  border:0;
  border-radius:0;
  background:transparent;

  color:#7e8581;
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
}

.category-text-tabs button.active{
  color:#0d6a52;
  font-weight:900;
}

.category-text-tabs button.active::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:2px;
  width:80%;
  height:3px;
  border-radius:99px;
  background:#0d6a52;
}

/* البحث */
.category-modern-search{
  height:54px;
  display:flex;
  align-items:center;
  gap:10px;

  margin-bottom:16px;
  padding:0 16px;

  border:1px solid #ebe6de;
  border-radius:18px;
  background:#fff;
  box-shadow:0 7px 20px rgba(27,55,47,.06);
}

.category-modern-search input{
  flex:1;
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  text-align:right;
  color:#253c35;
  font-size:15px;
}

.category-modern-search svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:#0d5a46;
  stroke-width:2;
  stroke-linecap:round;
}

/* شبكة المنتجات */
.category-products-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}

.category-product-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #eeeae3;
  border-radius:19px;
  background:#fff;
  box-shadow:0 7px 20px rgba(27,55,47,.055);
}

.category-product-image{
  position:relative;
  height:165px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#f0ece5;
  font-size:60px;
}

.category-product-image > img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.category-product-favorite{
  position:absolute;
  top:9px;
  left:9px;

  width:34px;
  height:34px;
  display:grid;
  place-items:center;

  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#30463f;
  font-size:22px;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.category-product-favorite.active{
  color:#b6372d;
}

.category-product-info{
  padding:11px;
}

.category-product-info h3{
  min-height:38px;
  margin:0 0 5px;
  overflow:hidden;
  color:#1f332d;
  font-size:14px;
  font-weight:800;
  line-height:1.4;
}

.category-product-info small{
  min-height:31px;
  display:block;
  overflow:hidden;
  color:#89908d;
  font-size:11px;
  line-height:1.4;
}

.category-product-price{
  margin:8px 0;
  color:#0d6a52;
  font-size:15px;
  font-weight:900;
}

.category-add-cart{
  width:100%;
  min-height:37px;
  border:0;
  border-radius:11px;
  background:#0d6a52;
  color:#fff;
  font-size:12px;
  font-weight:800;
}

.category-add-cart:disabled{
  background:#b9bfbc;
}

.category-products-empty{
  grid-column:1/-1;
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:45px 15px;
  border-radius:20px;
  background:#fff;
  color:#66736e;
  text-align:center;
}

.category-products-empty strong{
  color:#173e34;
  font-size:18px;
}

/* شريط بالكونه السفلي */
body:has(#categoryModal.show) #mainBottomNav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:0 !important;

  width:min(430px,100vw) !important;
  display:flex !important;

  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;

  transform:translateX(-50%) !important;
  z-index:2147483640 !important;
}

/* تفاصيل المنتج تظهر فوق صفحة الأقسام */
html body #productModal.show{
  z-index:2147483645 !important;
}

@media(max-width:370px){
  .category-text-tabs{
    gap:19px;
  }

  .category-product-image{
    height:145px;
  }

  .category-modern-content{
    padding-left:10px;
    padding-right:10px;
  }
}

/* ===== BALCONA CATEGORY EXACT VISUAL POLISH ===== */
#categoryModal .category-modern-card{
  color:#183f35;
}

#categoryModal .category-modern-content{
  padding-left:12px !important;
  padding-right:12px !important;
}

#categoryModal .category-text-tabs{
  scroll-padding-inline:18px;
}

#categoryModal .category-product-card{
  display:flex;
  flex-direction:column;
  min-height:382px;
}

#categoryModal .category-product-image{
  height:210px !important;
  margin:6px 6px 0;
  border-radius:15px;
}

#categoryModal .category-product-info{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:9px 10px 8px !important;
  text-align:right;
}

#categoryModal .category-product-info h3{
  margin:0 0 4px;
  color:#1c302a;
  font-size:15px;
  font-weight:800;
  line-height:1.45;
}

#categoryModal .category-product-info small{
  display:block;
  min-height:22px;
  color:#8b8d88;
  font-size:12px;
  line-height:1.45;
}

#categoryModal .category-product-price{
  margin-top:auto;
  padding:4px 0 7px;
  color:#087153;
  font-size:16px;
  font-weight:900;
}

#categoryModal .category-add-cart{
  width:100%;
  min-height:39px;
  border:0;
  border-radius:13px;
  background:#087153;
  color:#fff;
  font-size:14px;
  font-weight:800;
}

#categoryModal .category-add-cart::after{
  content:"  🛒";
}

@media(max-width:390px){
  #categoryModal .category-products-grid{
    gap:8px;
  }

  #categoryModal .category-product-image{
    height:180px !important;
  }

  #categoryModal .category-product-card{
    min-height:350px;
  }

  #categoryModal .category-product-info h3{
    font-size:14px;
  }
}

/* ===== BALCONA CATEGORY REFERENCE MATCH FINAL ===== */

html body #categoryModal.show{
  background:#fbfaf7 !important;
}

html body #categoryModal.show > .category-modern-card{
  width:min(430px,100vw) !important;
  background:#fbfaf7 !important;
  padding-bottom:92px !important;
}

/* هيدر خفيف مثل التصميم المرجعي */
#categoryModal .category-native-header{
  height:74px !important;
  grid-template-columns:46px 1fr 46px !important;
  padding:0 16px !important;
  background:#fbfaf7 !important;
  border-bottom:0 !important;
}

#categoryModal .category-native-back,
#categoryModal .category-native-cart{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#075b46 !important;
}

#categoryModal .category-native-back{
  font-size:40px !important;
}

#categoryModal .category-native-cart svg{
  width:28px !important;
  height:28px !important;
  stroke-width:1.8 !important;
}

#categoryModal .category-native-brand strong{
  font-size:27px !important;
  color:#076248 !important;
}

#categoryModal .category-native-brand small{
  margin-top:5px !important;
  font-size:9px !important;
  letter-spacing:4px !important;
}

/* العنوان والتبويبات */
#categoryModal .category-modern-content{
  padding:8px 15px 22px !important;
}

#categoryModal .category-modern-content > h1{
  margin:4px 3px 14px !important;
  font-size:27px !important;
  line-height:1.2 !important;
  color:#183b32 !important;
}

#categoryModal .category-text-tabs{
  top:74px !important;
  gap:24px !important;
  margin:0 -15px 13px !important;
  padding:2px 18px 8px !important;
  scroll-padding-inline:18px !important;
  background:#fbfaf7 !important;
}

#categoryModal .category-text-tabs button{
  min-height:39px !important;
  padding:3px 0 10px !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:#7d837f !important;
}

#categoryModal .category-text-tabs button.active{
  color:#087153 !important;
  font-weight:900 !important;
}

#categoryModal .category-text-tabs button.active::after{
  right:4% !important;
  width:92% !important;
  height:3px !important;
}

/* البحث */
#categoryModal .category-modern-search{
  height:51px !important;
  margin:0 0 13px !important;
  padding:0 15px !important;
  border-radius:17px !important;
  box-shadow:0 6px 18px rgba(28,51,44,.07) !important;
}

#categoryModal .category-modern-search input{
  font-size:14px !important;
}

#categoryModal .category-modern-search svg{
  width:24px !important;
  height:24px !important;
}

/* شبكة وبطاقات المنتجات */
#categoryModal .category-products-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

#categoryModal .category-product-card{
  min-height:0 !important;
  border:1px solid #eeeae4 !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:0 5px 16px rgba(24,54,45,.055) !important;
}

#categoryModal .category-product-image{
  height:176px !important;
  margin:5px 5px 0 !important;
  border-radius:13px !important;
  background:#f0ece5 !important;
}

#categoryModal .category-product-image > img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

#categoryModal .category-product-favorite{
  top:8px !important;
  left:8px !important;
  width:32px !important;
  height:32px !important;
  font-size:21px !important;
  background:rgba(255,255,255,.94) !important;
}

#categoryModal .category-product-info{
  min-height:126px !important;
  padding:8px 8px 7px !important;
}

#categoryModal .category-product-info h3{
  margin:0 0 2px !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  color:#1b2c27 !important;
}

#categoryModal .category-product-info small{
  min-height:20px !important;
  font-size:10.5px !important;
  line-height:1.45 !important;
  color:#8b8d89 !important;
}

#categoryModal .category-product-price{
  padding:3px 0 5px !important;
  font-size:14px !important;
  color:#087153 !important;
}

#categoryModal .category-add-cart{
  min-height:37px !important;
  padding:7px 4px !important;
  border-radius:12px !important;
  background:#087153 !important;
  color:#fff !important;
  font-size:12px !important;
}

#categoryModal .category-add-cart::after{
  content:"  🛒" !important;
}

/* الشريط السفلي */
body:has(#categoryModal.show) #mainBottomNav{
  z-index:2147483500 !important;
  height:72px !important;
  border-radius:25px 25px 0 0 !important;
  box-shadow:0 -5px 18px rgba(28,51,44,.07) !important;
}

@media(max-width:380px){
  #categoryModal .category-modern-content{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  #categoryModal .category-products-grid{
    gap:8px !important;
  }

  #categoryModal .category-product-image{
    height:160px !important;
  }
}

/* BALCONA CATEGORY PIXEL MATCH V2 */
#categoryModal .category-native-header{height:94px!important;min-height:94px!important;padding:0 17px!important;grid-template-columns:46px 1fr 46px!important;background:#fbfaf7!important;border:0!important;box-shadow:none!important}
#categoryModal .category-native-back,#categoryModal .category-native-cart{width:42px!important;height:46px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#087153!important}
#categoryModal .category-native-cart svg{width:29px!important;height:29px!important;stroke:#087153!important;stroke-width:1.7!important}
#categoryModal .category-native-back{font-size:39px!important}
#categoryModal .category-native-brand{position:relative!important;padding-top:8px!important}
#categoryModal .category-native-brand:before,#categoryModal .category-native-brand:after{content:""!important;position:absolute!important;top:0!important;left:50%!important;width:10px!important;height:17px!important;background:#087153!important;transform-origin:bottom center!important}
#categoryModal .category-native-brand:before{border-radius:100% 0 100% 0!important;transform:translateX(-2px) rotate(34deg)!important}
#categoryModal .category-native-brand:after{top:3px!important;width:8px!important;height:14px!important;border-radius:0 100% 0 100%!important;transform:translateX(-9px) rotate(-31deg)!important}
#categoryModal .category-native-brand strong{font-size:30px!important;color:#087153!important}
#categoryModal .category-native-brand small{margin-top:6px!important;font-size:9px!important;letter-spacing:4.4px!important}
#categoryModal .category-modern-content{padding:4px 15px 24px!important}
#categoryModal .category-modern-content>h1{margin:4px 0 19px!important;font-size:30px!important;line-height:1.15!important}
#categoryModal .category-text-tabs{position:relative!important;top:auto!important;gap:27px!important;margin:0 -15px 14px!important;padding:0 18px 7px!important;background:transparent!important}
#categoryModal .category-text-tabs button{min-height:37px!important;padding:2px 0 10px!important;font-size:14px!important;font-weight:500!important}
#categoryModal .category-text-tabs button.active{font-weight:900!important}
#categoryModal .category-text-tabs button.active:after{right:0!important;width:100%!important;height:3px!important}
#categoryModal .category-modern-search{height:52px!important;margin:0 0 13px!important;padding:0 16px!important;border-radius:18px!important}
#categoryModal .category-products-grid{gap:9px!important}
#categoryModal .category-product-card{min-height:0!important;border-radius:17px!important}
#categoryModal .category-product-image{height:auto!important;aspect-ratio:1/1!important;margin:5px 5px 0!important;border-radius:13px!important}
#categoryModal .category-product-info{min-height:116px!important;padding:7px 8px!important}
#categoryModal .category-product-info h3{margin:0 0 2px!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#categoryModal .category-product-info small{min-height:18px!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#categoryModal .category-product-price{padding:3px 0 5px!important;font-size:14px!important}
#categoryModal .category-add-cart{min-height:36px!important;padding:6px 5px!important;border-radius:12px!important;font-size:12px!important}
#categoryModal .category-add-cart:after{content:" 🛒"!important;filter:grayscale(1) brightness(0) invert(1)!important;font-size:14px!important}
body:has(#categoryModal.show) #mainBottomNav{height:76px!important;border-radius:24px 24px 0 0!important;box-shadow:0 -4px 16px rgba(23,61,51,.06)!important}
/* CATEGORY COMPACT CARDS FINAL */ #categoryModal .category-product-info{display:block!important;min-height:0!important;padding:7px 8px!important} #categoryModal .category-product-info small{display:block!important;margin:0 0 2px!important} #categoryModal .category-product-price{margin:3px 0 5px!important;padding:0!important} #categoryModal .category-add-cart{margin:0!important} body:has(#categoryModal.show) #mainBottomNav button.active{background:transparent!important;color:#087153!important}
#categoryModal .category-native-brand::before,#categoryModal .category-native-brand::after{content:none!important} #categoryModal .category-native-brand img{display:block!important;width:190px!important;height:72px!important;object-fit:cover!important;object-position:center!important}


/* BALCONA SAFE HOME V2 */
html,body{background:#fbfaf7!important}

.page{
  width:min(430px,100%)!important;
  margin:auto!important;
  padding:20px 13px 110px!important;
  background:#fbfaf7!important;
}

.home-top{padding:0!important}

.home-page-title{
  margin:0 5px 18px!important;
  color:#173e34!important;
  font-size:27px!important;
  font-weight:900!important;
  text-align:right!important;
}

.home-text-tabs{
  display:flex!important;
  direction:rtl!important;
  gap:25px!important;
  overflow-x:auto!important;
  margin:0 -13px 15px!important;
  padding:4px 18px 9px!important;
  scrollbar-width:none!important;
}

.home-text-tabs::-webkit-scrollbar{display:none!important}

.home-text-tabs button{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:42px!important;
  padding:4px 0 11px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7e8581!important;
  font-size:15px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.home-text-tabs button.active{
  color:#0d6a52!important;
  font-weight:900!important;
}

.home-text-tabs button.active:after{
  content:""!important;
  position:absolute!important;
  right:10%!important;
  bottom:2px!important;
  width:80%!important;
  height:3px!important;
  border-radius:99px!important;
  background:#0d6a52!important;
}

.home-top .search-wrap{
  height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  padding:0 16px!important;
  border:1px solid #ebe6de!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(27,55,47,.06)!important;
}

.home-top .search-wrap input{
  flex:1!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  text-align:right!important;
  font-size:15px!important;
}

.home-top .search-wrap span{
  color:#0d5a46!important;
  font-size:27px!important;
}

.hero-new{
  position:relative!important;
  height:82px!important;
  min-height:82px!important;
  margin:0 0 18px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e5e5df!important;
  border-radius:18px!important;
  background:#eef2ec url("/balcona_demo_30/05-cookware-set.webp") left center/52% auto no-repeat!important;
  box-shadow:0 7px 20px rgba(27,55,47,.055)!important;
}

.home-slim-copy{
  position:absolute!important;
  inset:0 41% 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-end!important;
  padding:0 17px!important;
  text-align:right!important;
}

.home-slim-copy strong{
  color:#174d3f!important;
  font-size:16px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.home-slim-copy small{
  margin-top:3px!important;
  color:#74817c!important;
  font-size:11px!important;
}

.page>.section-block:has(#cats),
.page>.section-block:has(.promo-strip),
.balcona-luxe-banner,
.new-arrivals-section,
.add-to-order-section{
  display:none!important;
}

#productsSec{
  display:block!important;
  margin:0!important;
  padding:0!important;
}

#productsSec .section-title{
  margin:0 5px 12px!important;
  padding:0!important;
}

#productsSec .section-title h3{
  margin:0!important;
  color:#173e34!important;
  font-size:22px!important;
  font-weight:900!important;
}

#productsSec .section-title button{display:none!important}

#grid.grid-new{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
}

#grid .product-new{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #eeeae3!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(27,55,47,.055)!important;
}

#grid .product-img-new{
  height:165px!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#f0ece5!important;
}

#grid .product-img-new img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#grid .fav-float{
  top:9px!important;
  left:9px!important;
  width:34px!important;
  height:34px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.95)!important;
  color:#30463f!important;
  font-size:21px!important;
  box-shadow:0 3px 10px rgba(0,0,0,.08)!important;
}

#grid .product-info{
  display:block!important;
  min-height:0!important;
  padding:8px!important;
  text-align:right!important;
}

#grid .product-info h4{
  min-height:0!important;
  margin:0 0 3px!important;
  overflow:hidden!important;
  color:#182d27!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

#grid .stars{
  margin:0 0 3px!important;
  color:#959b98!important;
  font-size:10px!important;
  white-space:nowrap!important;
}

#grid .price-new{
  display:block!important;
  margin:3px 0 5px!important;
  color:#087153!important;
  font-size:15px!important;
  font-weight:900!important;
}

#grid .add-mini{
  width:100%!important;
  height:34px!important;
  margin:0!important;
  padding:0 6px!important;
  border:0!important;
  border-radius:12px!important;
  background:#087b5c!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}
.home-slim-copy{inset:0 0 0 46%!important;align-items:flex-end!important;background:linear-gradient(90deg,rgba(238,242,236,0),#eef2ec 30%)!important}
.home-slim-copy{inset:0 0 0 46%!important;align-items:flex-end!important;background:linear-gradient(90deg,rgba(238,242,236,0),#eef2ec 30%)!important}
.home-product-note{display:block!important;min-height:18px!important;margin:0 0 3px!important;overflow:hidden!important;color:#858b88!important;font-size:11px!important;line-height:1.4!important;white-space:nowrap!important;text-overflow:ellipsis!important}
#productsSec{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.hero-new{background-image:linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(238,242,236,.72) 58%,#eef2ec 100%),url("/balcona_demo_30/05-cookware-set.webp")!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.home-slim-copy{background:transparent!important}
.hero-new{height:105px!important;min-height:105px!important}.home-slim-copy strong{font-size:18px!important}.home-slim-copy small{font-size:12px!important}

.hero-new{background:#eef2ec!important}
.home-slide{
  position:absolute!important;
  inset:0!important;
  opacity:0;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  animation:balconaHomeSlide 15s infinite;
}
.slide-one{
  background-image:url("/balcona_demo_30/05-cookware-set.webp")!important;
  animation-delay:0s
}
.slide-two{
  background-image:url("/balcona_demo_30/02-knife-set.webp")!important;
  animation-delay:5s
}
.slide-three{
  background-image:url("/balcona_demo_30/09-glass-containers.webp")!important;
  animation-delay:10s
}
.hero-new:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(238,242,236,.78) 58%,#eef2ec)!important
}
.home-slim-copy{z-index:3!important}
.home-slide-dots{
  position:absolute!important;
  z-index:4!important;
  left:14px!important;
  bottom:9px!important;
  display:flex!important;
  gap:4px!important
}
.home-slide-dots i{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:rgba(13,90,70,.4)!important
}
@keyframes balconaHomeSlide{
  0%,28%{opacity:1}
  33%,100%{opacity:0}
}

.brand-center{width:180px!important;height:72px!important;background:url("/balcona-logo.png") center/cover no-repeat!important;overflow:hidden!important}.brand-center strong,.brand-center small{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.brand-center{position:relative!important}.brand-center #storeTitle{position:absolute!important;inset:0!important;z-index:5!important;width:100%!important;height:100%!important;display:block!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important}.brand-center small{pointer-events:none!important}
@keyframes balconaSplashExit{0%,55%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}.splash{animation:balconaSplashExit .65s ease forwards!important}
.splash{background:#f7f1e7 url("/balcona_demo_30/balcona-splash.webp") center/cover no-repeat!important;animation-duration:1.5s!important}.splash>*{display:none!important}
.splash{animation-duration:3s!important}
/* BALCONA PRODUCT WINDOW FINAL */ #productModal{padding:0!important;background:rgba(20,35,30,.55)!important} #productModal .phone-card{width:min(430px,100vw)!important;height:100vh!important;background:#faf8f4!important;border-radius:0!important;overflow-y:auto!important} #productModal .sub-header{position:sticky!important;top:0!important;z-index:10!important;height:64px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid #ece7df!important} #productModal .sub-header strong{font-size:18px!important;color:#0d5543!important} #productModal .sub-header button{color:#0d5543!important;font-size:30px!important} #productModal .product-detail-img{height:390px!important;background:#f3eee7!important;padding:12px!important;box-sizing:border-box!important;overflow:hidden!important} #productModal .product-detail-img img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:18px!important;background:#fff!important} #productModal .product-detail-body{margin:-8px 12px 20px!important;padding:22px 18px!important;background:#fff!important;border-radius:22px!important;box-shadow:0 8px 28px rgba(20,55,45,.08)!important;position:relative!important} #productModal .product-detail-body h2{font-size:23px!important;line-height:1.5!important;color:#173f35!important;margin:0 0 8px!important} #productModal .detail-price{color:#08745d!important;font-size:24px!important;margin:14px 0!important} #productModal .detail-note{background:#f6f3ee!important;border-radius:14px!important;padding:13px!important;line-height:2!important;color:#555!important} #productModal .detail-stock{font-size:13px!important;font-weight:700!important;margin:14px 0!important} #productModal .detail-actions{position:sticky!important;bottom:8px!important;grid-template-columns:105px 1fr!important;gap:10px!important} #productModal .qtybox{height:50px!important;background:#fff!important} #productModal .buy{min-height:50px!important;font-size:16px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(13,85,67,.2)!important}
/* BALCONA PRODUCT WINDOW FINAL */ #productModal{padding:0!important;background:rgba(20,35,30,.55)!important} #productModal .phone-card{width:min(430px,100vw)!important;height:100vh!important;background:#faf8f4!important;border-radius:0!important;overflow-y:auto!important} #productModal .sub-header{position:sticky!important;top:0!important;z-index:10!important;height:64px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid #ece7df!important} #productModal .sub-header strong{font-size:18px!important;color:#0d5543!important} #productModal .sub-header button{color:#0d5543!important;font-size:30px!important} #productModal .product-detail-img{height:390px!important;background:#f3eee7!important;padding:12px!important;box-sizing:border-box!important;overflow:hidden!important} #productModal .product-detail-img img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:18px!important;background:#fff!important} #productModal .product-detail-body{margin:-8px 12px 20px!important;padding:22px 18px!important;background:#fff!important;border-radius:22px!important;box-shadow:0 8px 28px rgba(20,55,45,.08)!important;position:relative!important} #productModal .product-detail-body h2{font-size:23px!important;line-height:1.5!important;color:#173f35!important;margin:0 0 8px!important} #productModal .detail-price{color:#08745d!important;font-size:24px!important;margin:14px 0!important} #productModal .detail-note{background:#f6f3ee!important;border-radius:14px!important;padding:13px!important;line-height:2!important;color:#555!important} #productModal .detail-stock{font-size:13px!important;font-weight:700!important;margin:14px 0!important} #productModal .detail-actions{position:sticky!important;bottom:8px!important;grid-template-columns:105px 1fr!important;gap:10px!important} #productModal .qtybox{height:50px!important;background:#fff!important} #productModal .buy{min-height:50px!important;font-size:16px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(13,85,67,.2)!important}

/* PRODUCT FORM CLEAR LABELS */
.adminForm .product-field-label{
  display:block!important;
  color:#174c3f!important;
  font-size:14px!important;
  font-weight:800!important;
  margin:6px 0!important;
  text-align:right!important;
}
.adminForm .product-field-label input{
  width:100%!important;
  box-sizing:border-box!important;
  margin-top:8px!important;
}

/* BALCONA ACCOUNT PAGE HOME-STYLE FINAL */
html body #account.show{
  align-items:stretch!important;
  justify-content:center!important;
  padding:0!important;
  background:#f8f6f1!important;
}
html body #account.show > .phone-card{
  width:min(430px,100vw)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 0 calc(105px + env(safe-area-inset-bottom))!important;
  background:#faf9f5!important;
  box-sizing:border-box!important;
  -webkit-overflow-scrolling:touch!important;
}
html body #account.show .account-brand-header{
  position:sticky!important;
  top:0!important;
  z-index:2147483100!important;
  width:100%!important;
  height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #eeeae3!important;
  box-shadow:0 4px 16px rgba(23,62,52,.045)!important;
}
html body #account.show .account-brand-header img{
  display:block!important;
  width:auto!important;
  height:58px!important;
  max-width:190px!important;
  object-fit:contain!important;
}
html body #account.show .account-topbar{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  width:100%!important;
  height:68px!important;
  min-height:68px!important;
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding:0 20px!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:#faf9f5!important;
  border:0!important;
  border-bottom:1px solid #eeeae3!important;
  box-shadow:none!important;
  z-index:5!important;
}
html body #account.show .account-back-arrow{
  position:static!important;
  width:34px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#0d5a46!important;
  font-size:42px!important;
  line-height:1!important;
}
html body #account.show .account-topbar strong{
  position:static!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#173e34!important;
  font-size:25px!important;
  font-weight:900!important;
  text-align:right!important;
}
html body #account.show .account-box{
  width:100%!important;
  padding:20px 18px 125px!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:#faf9f5!important;
}
html body #account.show .customer-account-hero,
html body #account.show .customer-auth-box,
html body #account.show .guest-box{
  border-radius:22px!important;
  border:1px solid #ebe7df!important;
  box-shadow:0 7px 22px rgba(23,62,52,.055)!important;
}

/* ACCOUNT EXACTLY LIKE CATEGORY PAGE */
html body #account.show > .phone-card{
  background:#fbfaf7!important;
}
html body #account.show .account-native-header{
  position:sticky!important;
  top:0!important;
  z-index:2147483000!important;
  height:82px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 52px!important;
  align-items:center!important;
  direction:rtl!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid #eee9e1!important;
  box-shadow:none!important;
}
html body #account.show .account-native-back,
html body #account.show .account-native-cart{
  width:46px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  background:#f6f3ed!important;
  color:#0d5a46!important;
}
html body #account.show .account-native-back{
  font-size:40px!important;
  line-height:1!important;
}
html body #account.show .account-native-cart svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:#0d5a46!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body #account.show .account-native-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
}
html body #account.show .account-native-brand img{
  display:block!important;
  width:auto!important;
  height:64px!important;
  max-width:180px!important;
  object-fit:contain!important;
}
html body #account.show .account-page-title{
  margin:20px 18px 18px!important;
  color:#173e34!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.3!important;
  text-align:right!important;
}
html body #account.show .account-box{
  padding:0 13px 125px!important;
  background:#fbfaf7!important;
}

/* ACCOUNT CLEAN HOME-LIKE DESIGN */
html body #account.show .account-native-header{
  height:68px!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  padding:0 14px!important;
  box-shadow:0 3px 14px rgba(23,62,52,.04)!important;
}
html body #account.show .account-native-back,
html body #account.show .account-native-cart{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
}
html body #account.show .account-native-back{
  font-size:35px!important;
}
html body #account.show .account-native-cart svg{
  width:24px!important;
  height:24px!important;
}
html body #account.show .account-native-brand{
  height:68px!important;
  overflow:hidden!important;
}
html body #account.show .account-native-brand img{
  width:150px!important;
  height:54px!important;
  max-width:150px!important;
  object-fit:contain!important;
  mix-blend-mode:multiply!important;
}
html body #account.show .account-page-title{
  margin:22px 18px 16px!important;
  font-size:29px!important;
  line-height:1.2!important;
}
html body #account.show .account-box{
  padding:0 14px 120px!important;
}
html body #account.show .customer-account-hero{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  gap:13px!important;
  align-items:center!important;
  padding:18px!important;
  border-radius:19px!important;
  background:linear-gradient(135deg,#f4f8f5,#eef5f1)!important;
  box-shadow:none!important;
}
html body #account.show .customer-account-icon{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:50%!important;
  background:#e2eee8!important;
  font-size:29px!important;
}
html body #account.show .customer-account-hero h3{
  margin:0 0 5px!important;
  font-size:20px!important;
  line-height:1.35!important;
}
html body #account.show .customer-account-hero p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.7!important;
  color:#6d7773!important;
}
html body #account.show .customer-main-btn{
  min-height:54px!important;
  margin:13px 0 0!important;
  padding:10px 16px!important;
  border-radius:16px!important;
  font-size:17px!important;
  font-weight:900!important;
}
html body #account.show .guest-divider{
  margin:20px 0!important;
}
html body #account.show .guest-box{
  padding:17px!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body #account.show .guest-box h4{
  margin:0 0 5px!important;
  font-size:18px!important;
}
html body #account.show .guest-box p{
  margin:0 0 13px!important;
  font-size:13px!important;
  line-height:1.6!important;
  color:#777!important;
}
html body #account.show .guest-box .inline{
  display:grid!important;
  grid-template-columns:1fr 105px!important;
  gap:8px!important;
}
html body #account.show .guest-box .inline input{
  min-width:0!important;
  height:48px!important;
  margin:0!important;
  padding:0 13px!important;
  box-sizing:border-box!important;
  border-radius:13px!important;
}
html body #account.show .guest-box .inline button{
  min-width:0!important;
  min-height:48px!important;
  padding:5px 9px!important;
  border-radius:13px!important;
  font-size:14px!important;
  font-weight:800!important;
}


/* ACCOUNT USES THE REAL HOME HEADER */
html body #account.show .account-app-header{
  position:sticky!important;
  top:0!important;
  z-index:2147483000!important;
  width:100%!important;
  height:76px!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:1fr 2fr 1fr!important;
  align-items:center!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid rgba(13,75,59,.08)!important;
  box-shadow:0 8px 24px rgba(13,75,59,.06)!important;
}

html body #account.show .account-app-header .header-side{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

html body #account.show .account-app-header .header-side.left{
  justify-content:flex-end!important;
}

html body #account.show .account-brand-center{
  width:180px!important;
  max-width:100%!important;
  height:72px!important;
  margin:auto!important;
  background:url("/balcona-logo.png") center/cover no-repeat!important;
}

html body #account.show .account-app-header .icon-btn{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#f3efe8!important;
  color:#0d5a46!important;
}

html body #account.show .account-app-header .icon-btn svg{
  width:25px!important;
  height:25px!important;
  fill:none!important;
  stroke:#0d5a46!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body #account.show .account-home-back{
  font-size:39px!important;
  font-weight:400!important;
  line-height:1!important;
}

html body #account.show .account-page-title{
  margin:22px 18px 16px!important;
  padding:0!important;
  color:#173e34!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.3!important;
  text-align:right!important;
}

/* ACCOUNT EXACTLY USES THE SECTIONS PAGE SHELL */
html body #account.show{
  align-items:stretch!important;
  justify-content:center!important;
  padding:0!important;
  background:#fbfaf7!important;
}

html body #account.show > .category-modern-card{
  width:min(430px,100vw)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0 0 calc(105px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  background:#fbfaf7!important;
  -webkit-overflow-scrolling:touch!important;
}

html body #account.show .category-native-header{
  position:sticky!important;
  top:0!important;
  z-index:2147483000!important;
  height:82px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 52px!important;
  align-items:center!important;
  direction:rtl!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid #eee9e1!important;
  box-shadow:none!important;
}

html body #account.show .category-native-back,
html body #account.show .category-native-cart{
  width:46px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  background:#f6f3ed!important;
  color:#0d5a46!important;
}

html body #account.show .category-native-back{
  font-size:40px!important;
  line-height:1!important;
}

html body #account.show .category-native-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
}

html body #account.show .category-native-brand img{
  display:block!important;
  width:auto!important;
  height:64px!important;
  max-width:180px!important;
  object-fit:contain!important;
}

html body #account.show .category-native-cart svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:#0d5a46!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body #account.show .account-page-title{
  margin:20px 18px 18px!important;
  padding:0!important;
  color:#173e34!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.3!important;
  text-align:right!important;
}

html body #account.show .account-box{
  padding:0 13px 125px!important;
  background:#fbfaf7!important;
}

/* ACCOUNT EXACTLY USES THE SECTIONS PAGE SHELL */
html body #account.show{
  align-items:stretch!important;
  justify-content:center!important;
  padding:0!important;
  background:#fbfaf7!important;
}

html body #account.show > .category-modern-card{
  width:min(430px,100vw)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0 0 calc(105px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  background:#fbfaf7!important;
  -webkit-overflow-scrolling:touch!important;
}

html body #account.show .category-native-header{
  position:sticky!important;
  top:0!important;
  z-index:2147483000!important;
  height:82px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 52px!important;
  align-items:center!important;
  direction:rtl!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid #eee9e1!important;
  box-shadow:none!important;
}

html body #account.show .category-native-back,
html body #account.show .category-native-cart{
  width:46px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  background:#f6f3ed!important;
  color:#0d5a46!important;
}

html body #account.show .category-native-back{
  font-size:40px!important;
  line-height:1!important;
}

html body #account.show .category-native-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
}

html body #account.show .category-native-brand img{
  display:block!important;
  width:auto!important;
  height:64px!important;
  max-width:180px!important;
  object-fit:contain!important;
}

html body #account.show .category-native-cart svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:#0d5a46!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body #account.show .account-page-title{
  margin:20px 18px 18px!important;
  padding:0!important;
  color:#173e34!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.3!important;
  text-align:right!important;
}

html body #account.show .account-box{
  padding:0 13px 125px!important;
  background:#fbfaf7!important;
}

/* ACCOUNT FULL PAGE — SAME CLEAN SCALE AS SECTIONS */
html body #account.show .account-page-title{
  margin:20px 18px 14px!important;
  font-size:27px!important;
}

html body #account.show .account-box{
  padding:0 12px 115px!important;
  text-align:right!important;
  background:#fbfaf7!important;
}

html body #account.show .customer-account-hero{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid #eeeae3!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(27,55,47,.05)!important;
}

html body #account.show .customer-account-icon{
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:50%!important;
  background:#eaf4ef!important;
  font-size:27px!important;
}

html body #account.show .customer-account-hero h3{
  margin:0 0 3px!important;
  color:#173e34!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.4!important;
}

html body #account.show .customer-account-hero p{
  margin:0!important;
  color:#747d79!important;
  font-size:12px!important;
  line-height:1.65!important;
}

html body #account.show .customer-main-btn{
  width:100%!important;
  min-height:48px!important;
  margin:11px 0 0!important;
  padding:8px 14px!important;
  border:0!important;
  border-radius:14px!important;
  background:#0d6a52!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  box-shadow:none!important;
}

html body #account.show .customer-auth-box{
  margin:11px 0 0!important;
  padding:12px!important;
  border:1px solid #eeeae3!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(27,55,47,.05)!important;
}

html body #account.show .customer-auth-tabs{
  min-height:46px!important;
  margin:0 0 12px!important;
  padding:4px!important;
  border-radius:13px!important;
  background:#f3f1ed!important;
}

html body #account.show .customer-auth-tabs button{
  min-height:38px!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  font-size:14px!important;
}

html body #account.show #customerLoginForm,
html body #account.show #customerRegisterForm{
  gap:9px!important;
  margin:0!important;
}

html body #account.show #customerLoginForm label,
html body #account.show #customerRegisterForm label{
  margin:0 0 9px!important;
  color:#273c35!important;
  font-size:13px!important;
  font-weight:800!important;
}

html body #account.show #customerLoginForm input,
html body #account.show #customerRegisterForm input{
  width:100%!important;
  height:46px!important;
  margin:5px 0 0!important;
  padding:0 13px!important;
  box-sizing:border-box!important;
  border:1px solid #e5e0d8!important;
  border-radius:13px!important;
  background:#fff!important;
  font-size:14px!important;
}

html body #account.show #customerLoginForm .primary-full,
html body #account.show #customerRegisterForm .primary-full{
  min-height:46px!important;
  margin:4px 0 0!important;
  padding:8px!important;
  border-radius:13px!important;
  font-size:15px!important;
}

html body #account.show .guest-divider{
  margin:15px 0!important;
}

html body #account.show .guest-box{
  margin:0!important;
  padding:14px!important;
  border:1px solid #eeeae3!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(27,55,47,.05)!important;
}

html body #account.show .guest-box h4{
  margin:0 0 3px!important;
  font-size:17px!important;
}

html body #account.show .guest-box p{
  margin:0 0 10px!important;
  font-size:12px!important;
  line-height:1.6!important;
}

html body #account.show .guest-box .inline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 96px!important;
  gap:8px!important;
}

html body #account.show .guest-box .inline input,
html body #account.show .guest-box .inline button{
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:13px!important;
}

html body #account.show .guest-box .inline button{
  padding:5px 8px!important;
  font-size:13px!important;
  font-weight:800!important;
}

/* ALL CUSTOMER PAGES — ONE BALCONA DESIGN */
html body .customer-unified-modal{
  align-items:stretch!important;
  justify-content:center!important;
  padding:0!important;
  background:#fbfaf7!important;
}

html body .customer-unified-modal > .category-modern-card{
  width:min(430px,100vw)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0 0 calc(105px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  background:#fbfaf7!important;
  -webkit-overflow-scrolling:touch!important;
}

html body .customer-native-header{
  position:sticky!important;
  top:0!important;
  z-index:2147483000!important;
  width:100%!important;
  height:82px!important;
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 52px!important;
  align-items:center!important;
  direction:rtl!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid #eee9e1!important;
  box-shadow:none!important;
}

html body .customer-native-header .category-native-brand img{
  display:block!important;
  width:auto!important;
  height:64px!important;
  max-width:180px!important;
  object-fit:contain!important;
}

html body .customer-header-space{
  width:46px!important;
  height:46px!important;
}

html body .customer-page-title{
  margin:20px 18px 16px!important;
  padding:0!important;
  color:#173e34!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.3!important;
  text-align:right!important;
}

html body .customer-favorite-head{
  color:#0d5a46!important;
  font-size:29px!important;
  font-weight:700!important;
}

html body .customer-trash{
  font-size:20px!important;
}

html body #checkout .checkout-form{
  margin:0 12px!important;
  padding:15px!important;
  border:1px solid #eeeae3!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(27,55,47,.05)!important;
}

html body #checkout .checkout-form h4{
  margin:5px 0 12px!important;
  color:#173e34!important;
  font-size:17px!important;
}

html body #checkout .checkout-form input,
html body #checkout .checkout-form select,
html body #checkout .checkout-form textarea{
  box-sizing:border-box!important;
  border:1px solid #e5e0d8!important;
  border-radius:13px!important;
  background:#fff!important;
}

html body #notificationsModal #notificationsList,
html body #favoritesModal #favoritesList{
  margin:0 12px!important;
  padding:0 0 115px!important;
}

html body #productModal .product-detail-img{
  margin:0 12px!important;
  border-radius:19px!important;
}

html body #productModal .product-detail-body{
  margin:12px!important;
  border:1px solid #eeeae3!important;
  border-radius:19px!important;
  box-shadow:0 7px 20px rgba(27,55,47,.05)!important;
}

html body #cart.customer-unified-page{
  width:min(430px,100vw)!important;
  height:100dvh!important;
  background:#fbfaf7!important;
}

html body #cart .customer-page-title{
  flex:0 0 auto!important;
}

html body #cart .cartItems{
  padding:0 14px 12px!important;
}

html body #cart .coupon-card,
html body #cart .summary-new{
  margin:8px 12px 0!important;
  padding:13px!important;
  border:1px solid #eeeae3!important;
  border-radius:16px!important;
  background:#fff!important;
}

/* ACCOUNT PAGE BEIGE PREVIEW ONLY */
html body #account.show .category-native-back,
html body #account.show .category-native-cart,
html body #account.show .customer-account-icon,
html body #account.show .account-row-icon{
  background:#f4f0e9!important;
  border:1px solid #e6ddd1!important;
  color:#0d6a52!important;
  box-shadow:0 6px 16px rgba(92,72,45,.11)!important;
}

html body #account.show .category-native-cart svg{
  stroke:#0d6a52!important;
}

html body #account.show .customer-account-hero,
html body #account.show .customer-auth-box,
html body #account.show .guest-box{
  background:#fffdfa!important;
  border:1px solid #e8e0d5!important;
  box-shadow:0 8px 22px rgba(92,72,45,.09)!important;
}

html body #account.show .customer-auth-tabs{
  background:#f4f0e9!important;
}

html body #account.show .customer-auth-tabs button.active{
  background:#fff!important;
  color:#0d6a52!important;
  box-shadow:0 4px 12px rgba(92,72,45,.09)!important;
}

/* ONLY THE THREE HEADER ITEMS — ONE FLAT COLOR, NO BUTTON SHAPES */
html body #account.show .category-native-header{
  background:#f7f3ed!important;
  border:0!important;
  border-bottom:1px solid #e8e0d5!important;
  box-shadow:none!important;
}

html body #account.show .category-native-back,
html body #account.show .category-native-cart{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#0d6a52!important;
}

html body #account.show .category-native-brand,
html body #account.show .category-native-brand img{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:multiply!important;
}

html body #account.show .category-native-cart svg{
  stroke:#0d6a52!important;
}

/* ACCOUNT FINAL HEADER — COMPLETELY FLAT, NO BUTTONS, NO IMAGE RECTANGLE */
html body #account.show .category-native-header{
  background:#f7f3ed!important;
  border:0!important;
  border-bottom:1px solid #e7ded2!important;
  box-shadow:none!important;
}

html body #account.show .category-native-back,
html body #account.show .category-native-cart{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#0d6a52!important;
}

html body #account.show .account-text-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

html body #account.show .account-text-logo strong{
  display:block!important;
  color:#0d6a52!important;
  font-size:25px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body #account.show .account-text-logo small{
  display:block!important;
  margin-top:6px!important;
  color:#0d6a52!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:5px!important;
  line-height:1!important;
  direction:ltr!important;
}

html body #account.show .category-native-cart svg{
  stroke:#0d6a52!important;
}

/* ACCOUNT FULL FLAT UNIFIED DESIGN */
html body #account.show,
html body #account.show > .phone-card,
html body #account.show .account-box{
  background:#f7f3ed!important;
}

/* إزالة شكل البطاقات */
html body #account.show .customer-account-hero,
html body #account.show .customer-auth-box,
html body #account.show .guest-box,
html body #account.show .customer-profile-card,
html body #account.show .customer-profile-form,
html body #account.show .account-action-list,
html body #account.show .orderCard{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* فاصل بسيط بدل البطاقات */
html body #account.show .customer-account-hero,
html body #account.show .guest-box,
html body #account.show .customer-auth-box{
  padding:18px 4px!important;
  border-bottom:1px solid #ddd3c5!important;
}

/* الأيقونة بدون دائرة */
html body #account.show .customer-account-icon,
html body #account.show .account-row-icon{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* الأزرار تتحول إلى نص أخضر بدون صندوق */
html body #account.show .customer-main-btn,
html body #account.show .primary-full,
html body #account.show .guest-box button,
html body #account.show .customer-account-links button,
html body #account.show .account-action-list button{
  min-height:46px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid #0d6a52!important;
  box-shadow:none!important;
  color:#0d6a52!important;
  font-weight:900!important;
}

/* الحقول بخط سفلي فقط */
html body #account.show input,
html body #account.show select,
html body #account.show textarea{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid #cfc4b5!important;
  box-shadow:none!important;
  color:#253c35!important;
}

/* تبويبات الدخول بدون مربعات */
html body #account.show .customer-auth-tabs,
html body #account.show .customer-auth-tabs button,
html body #account.show .customer-auth-tabs button.active{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body #account.show .customer-auth-tabs button.active{
  color:#0d6a52!important;
  border-bottom:2px solid #0d6a52!important;
}

/* الشريط السفلي بنفس لون الصفحة */
body.balcona-account-open #mainBottomNav,
body.balcona-account-open .bottom-nav-new{
  background:#f7f3ed!important;
  border-color:#ddd3c5!important;
  box-shadow:none!important;
}

/* REMOVE ACCOUNT DIVIDER LINES */
html body #account.show .customer-account-hero,
html body #account.show .customer-auth-box,
html body #account.show .guest-box{
  border:0!important;
  border-bottom:0!important;
}

html body #account.show .customer-main-btn,
html body #account.show .primary-full,
html body #account.show .guest-box button,
html body #account.show .customer-account-links button,
html body #account.show .account-action-list button{
  border:0!important;
  border-bottom:0!important;
}

html body #account.show input,
html body #account.show select,
html body #account.show textarea{
  border:0!important;
  border-bottom:0!important;
  outline:0!important;
}

html body #account.show .guest-divider{
  border:0!important;
  background:transparent!important;
}

html body #account.show .guest-divider::before,
html body #account.show .guest-divider::after{
  display:none!important;
  content:none!important;
}

html body #account.show .guest-box .inline{
  border:0!important;
  border-bottom:0!important;
}

/* ACCOUNT ULTRA SUBTLE RECTANGLES */
html body #account.show #customerSignedOut > .customer-account-hero,
html body #account.show #customerSignedOut > .guest-box,
html body #account.show #customerAuthBox{
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(210,198,181,.32)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

html body #account.show #customerSignedOut > .customer-account-hero{
  padding:16px!important;
}

html body #account.show #customerSignedOut > .guest-box,
html body #account.show #customerAuthBox{
  padding:16px!important;
}

html body #account.show .customer-account-icon{
  background:rgba(255,255,255,.18)!important;
  border:0!important;
  box-shadow:none!important;
}

/* الحقول مستطيل أخف */
html body #account.show #customerAuthBox input,
html body #account.show .guest-box input{
  background:rgba(255,255,255,.22)!important;
  border:1px solid rgba(210,198,181,.30)!important;
  border-radius:13px!important;
  box-shadow:none!important;
}

/* HOME PAGE — SAME SOFT BALCONA IDENTITY */
html body{
  background:#f8f5ef!important;
}

/* الهيدر موحد بدون شكل أزرار */
html body .app-header{
  height:82px!important;
  background:#f8f5ef!important;
  border:0!important;
  border-bottom:1px solid rgba(210,198,181,.28)!important;
  box-shadow:none!important;
}

html body .app-header .icon-btn{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#0d6a52!important;
}

html body .app-header .icon-btn svg{
  stroke:#0d6a52!important;
}

/* شعار كتابي بدون مستطيل الصورة */
html body .app-header .brand-center{
  position:relative!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  overflow:visible!important;
}

html body .app-header .brand-center strong,
html body .app-header .brand-center #storeTitle{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  opacity:1!important;
  color:#0d6a52!important;
  font-size:25px!important;
  font-weight:900!important;
  line-height:1!important;
  pointer-events:auto!important;
}

html body .app-header .brand-center small{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin-top:6px!important;
  overflow:visible!important;
  opacity:1!important;
  color:#0d6a52!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:5px!important;
  line-height:1!important;
}

/* خلفية الصفحة */
html body .page{
  background:#f8f5ef!important;
}

/* البحث مستطيل خفيف جدًا */
html body .home-top .search-wrap{
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(210,198,181,.32)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

html body .home-top .search-wrap input{
  background:transparent!important;
}

/* التبويبات */
html body .home-text-tabs button{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* البنر بصورة خفيفة */
html body .hero-new{
  border:1px solid rgba(210,198,181,.28)!important;
  border-radius:20px!important;
  box-shadow:none!important;
}

/* الأقسام بدون ظلال ثقيلة */
html body .cat-new{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body .cat-new .cat-icon{
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(210,198,181,.30)!important;
  box-shadow:none!important;
}

/* بطاقات المنتجات خفيفة جدًا */
html body .product-new{
  background:rgba(255,255,255,.24)!important;
  border:1px solid rgba(210,198,181,.30)!important;
  border-radius:19px!important;
  box-shadow:none!important;
}

html body .fav-float{
  background:rgba(255,255,255,.72)!important;
  border:0!important;
  box-shadow:none!important;
}

/* شريط العرض يبقى العنصر الأخضر الواضح */
html body .promo-strip{
  background:#0d6a52!important;
  border:0!important;
  box-shadow:none!important;
}

/* البنرات الإضافية */
html body .balcona-luxe-banner{
  border:1px solid rgba(210,198,181,.28)!important;
  box-shadow:none!important;
}

/* الشريط السفلي خفيف */
html body #mainBottomNav,
html body .bottom-nav-new{
  background:#fbfaf7!important;
  border:1px solid rgba(210,198,181,.35)!important;
  box-shadow:0 -4px 16px rgba(92,72,45,.035)!important;
}

/* HOME SEARCH SLIGHTLY SMALLER */
html body .home-top .search-wrap{
  height:48px!important;
  min-height:48px!important;
  margin-left:5px!important;
  margin-right:5px!important;
  padding:0 14px!important;
  border-radius:15px!important;
}

html body .home-top .search-wrap input{
  height:48px!important;
  min-height:48px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  font-size:14px!important;
}

html body .home-top .search-wrap span{
  top:8px!important;
  font-size:22px!important;
}

/* SOFTEN WHITE PRODUCT CARD BODY */
html body .product-new,
html body .product-new .product-info{
  background:#faf7f1!important;
}

html body .product-new{
  border-color:rgba(190,174,151,.28)!important;
  box-shadow:none!important;
}

html body .product-new .product-info{
  border:0!important;
}

html body .product-new .product-info small,
html body .product-new .product-info .stars{
  color:#817d76!important;
}

/* CART SOFT UNIFIED DESIGN */
html body #cart{
  background:#f8f5ef!important;
}

/* هيدر السلة بدون مستطيلات */
html body #cart .customer-native-header{
  background:#f8f5ef!important;
  border:0!important;
  border-bottom:1px solid rgba(210,198,181,.28)!important;
  box-shadow:none!important;
}

html body #cart .category-native-back,
html body #cart .category-native-cart{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* الشعار الكتابي */
html body #cart .cart-text-logo strong{
  display:block!important;
  color:#0d6a52!important;
  font-size:25px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body #cart .cart-text-logo small{
  display:block!important;
  margin-top:6px!important;
  color:#0d6a52!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:5px!important;
  line-height:1!important;
  direction:ltr!important;
}

/* منطقة المنتجات */
html body #cart .cartItems{
  background:#f8f5ef!important;
}

/* الكوبون والملخص بمستطيلات خفيفة جدًا */
html body #cart .coupon-card,
html body #cart .summary-new{
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(210,198,181,.32)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

/* حقل الكوبون */
html body #cart .coupon-card input{
  background:rgba(255,255,255,.25)!important;
  border:1px solid rgba(210,198,181,.32)!important;
  border-radius:13px!important;
  box-shadow:none!important;
}

/* زر تطبيق */
html body #cart .coupon-card button{
  background:#0d6a52!important;
  border:0!important;
  border-radius:13px!important;
  box-shadow:none!important;
  color:#fff!important;
}

/* زر إتمام الطلب */
html body #cart .primary-full{
  background:#0d6a52!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
  color:#fff!important;
}

/* رسالة السلة الفارغة */
html body #cart .empty{
  color:#8b8780!important;
  background:transparent!important;
}

/* ALL REMAINING CUSTOMER PAGES — FINAL SOFT DESIGN */
html body #categoryModal,
html body .customer-unified-modal{
  background:#f8f5ef!important;
}

html body #categoryModal > .phone-card,
html body .customer-unified-modal > .phone-card{
  background:#f8f5ef!important;
}

/* هيدر موحد بدون أزرار أو مستطيل شعار */
html body #categoryModal .category-native-header,
html body .customer-unified-modal .customer-native-header{
  background:#f8f5ef!important;
  border:0!important;
  border-bottom:1px solid rgba(210,198,181,.28)!important;
  box-shadow:none!important;
}

html body #categoryModal .category-native-back,
html body #categoryModal .category-native-cart,
html body .customer-unified-modal .category-native-back,
html body .customer-unified-modal .category-native-cart{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#0d6a52!important;
}

/* الشعار الكتابي */
html body .customer-text-logo strong{
  display:block!important;
  color:#0d6a52!important;
  font-size:25px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body .customer-text-logo small{
  display:block!important;
  margin-top:6px!important;
  color:#0d6a52!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:5px!important;
  line-height:1!important;
  direction:ltr!important;
}

/* عناوين الصفحات */
html body .customer-page-title,
html body #categoryModal .category-modern-content > h1{
  color:#173e34!important;
  font-size:27px!important;
  font-weight:900!important;
}

/* البحث في الأقسام */
html body #categoryModal .category-modern-search{
  height:48px!important;
  min-height:48px!important;
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(210,198,181,.32)!important;
  border-radius:15px!important;
  box-shadow:none!important;
}

/* منتجات الأقسام */
html body #categoryModal .category-product-card{
  background:#faf7f1!important;
  border:1px solid rgba(210,198,181,.30)!important;
  border-radius:19px!important;
  box-shadow:none!important;
}

html body #categoryModal .category-product-info{
  background:#faf7f1!important;
}

/* صفحة المنتج */
html body #productModal .product-detail-img{
  background:#f3eee7!important;
  border:1px solid rgba(210,198,181,.28)!important;
  border-radius:19px!important;
  box-shadow:none!important;
}

html body #productModal .product-detail-body{
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(210,198,181,.30)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

html body #productModal .detail-note{
  background:rgba(255,255,255,.20)!important;
  border:0!important;
  box-shadow:none!important;
}

html body #productModal .qtybox{
  background:rgba(255,255,255,.25)!important;
  border:1px solid rgba(210,198,181,.30)!important;
  box-shadow:none!important;
}

html body #productModal .buy{
  background:#0d6a52!important;
  box-shadow:none!important;
}

/* إتمام الطلب */
html body #checkout .checkout-form{
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(210,198,181,.30)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

html body #checkout input,
html body #checkout select,
html body #checkout textarea{
  background:rgba(255,255,255,.25)!important;
  border:1px solid rgba(210,198,181,.30)!important;
  border-radius:13px!important;
  box-shadow:none!important;
}

html body #checkout .payment-option,
html body #checkout .checkout-summary{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(210,198,181,.28)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

html body #checkout .primary-full{
  background:#0d6a52!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
}

/* المفضلة */
html body #favoritesModal .fav-row{
  margin:0 0 9px!important;
  padding:11px!important;
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(210,198,181,.30)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

/* الإشعارات */
html body #notificationsModal #notificationsList > *{
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(210,198,181,.30)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

/* الحالات الفارغة */
html body .customer-unified-modal .empty,
html body #categoryModal .empty{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#88837c!important;
}

/* الشريط السفلي */
html body #mainBottomNav,
html body .bottom-nav-new{
  background:#fbfaf7!important;
  border:1px solid rgba(210,198,181,.35)!important;
  box-shadow:0 -4px 16px rgba(92,72,45,.035)!important;
}

/* FAVORITES LEAF LOGO PREVIEW ONLY */
html body #favoritesModal .favorites-leaf-logo img{
  display:block!important;
  width:auto!important;
  height:64px!important;
  max-width:180px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* FAVORITES LOGO SLIGHTLY LARGER */
html body #favoritesModal .favorites-leaf-logo img{
  height:70px!important;
  max-width:200px!important;
}

/* FAVORITES LOGO LARGE */
html body #favoritesModal .favorites-leaf-logo img{
  width:220px!important;
  height:78px!important;
  max-width:220px!important;
  object-fit:contain!important;
}

/* CATEGORY PAGE — RIGHT SIDE CATEGORIES */
html body #categoryModal .category-modern-content{
  padding:18px 10px 115px!important;
}

html body #categoryModal .category-modern-content > h1{
  margin:0 5px 15px!important;
}

html body #categoryModal .category-sidebar-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  grid-template-areas:"content side"!important;
  gap:9px!important;
  align-items:start!important;
  direction:ltr!important;
}

html body #categoryModal .category-products-pane{
  grid-area:content!important;
  min-width:0!important;
  direction:rtl!important;
}

html body #categoryModal .category-side-tabs{
  grid-area:side!important;
  position:sticky!important;
  top:94px!important;
  z-index:18!important;

  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  width:104px!important;
  max-height:calc(100dvh - 205px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;

  margin:0!important;
  padding:2px 0 12px 8px!important;
  box-sizing:border-box!important;

  direction:rtl!important;
  background:#f8f5ef!important;
  border-left:1px solid rgba(210,198,181,.30)!important;
  scrollbar-width:none!important;
}

html body #categoryModal .category-side-tabs::-webkit-scrollbar{
  display:none!important;
}

html body #categoryModal .category-side-tabs button{
  width:94px!important;
  min-height:70px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;

  padding:7px 5px!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  color:#747a77!important;
  box-shadow:none!important;
  white-space:normal!important;
}

html body #categoryModal .category-side-tabs button::after{
  display:none!important;
}

html body #categoryModal .category-side-tabs button.active{
  background:#eaf4f0!important;
  color:#0d6a52!important;
  box-shadow:none!important;
}

html body #categoryModal .category-side-icon{
  display:block!important;
  font-size:24px!important;
  line-height:1!important;
  filter:grayscale(1)!important;
  opacity:.78!important;
}

html body #categoryModal .category-side-tabs button.active .category-side-icon{
  filter:none!important;
  opacity:1!important;
}

html body #categoryModal .category-side-label{
  display:block!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-align:center!important;
}

html body #categoryModal .category-modern-search{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0 0 10px!important;
  padding:0 11px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
}

html body #categoryModal .category-modern-search input{
  min-width:0!important;
  font-size:12px!important;
}

html body #categoryModal .category-modern-search svg{
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
}

html body #categoryModal .category-products-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

html body #categoryModal .category-product-card{
  border-radius:14px!important;
}

html body #categoryModal .category-product-image{
  height:128px!important;
}

html body #categoryModal .category-product-favorite{
  top:6px!important;
  left:6px!important;
  width:29px!important;
  height:29px!important;
  font-size:18px!important;
}

html body #categoryModal .category-product-info{
  padding:7px!important;
}

html body #categoryModal .category-product-info h3{
  min-height:33px!important;
  margin-bottom:3px!important;
  font-size:12px!important;
}

html body #categoryModal .category-product-info small{
  min-height:28px!important;
  font-size:9px!important;
}

html body #categoryModal .category-product-price{
  margin:6px 0!important;
  font-size:13px!important;
}

html body #categoryModal .category-add-cart{
  min-height:34px!important;
  padding:5px 3px!important;
  font-size:10px!important;
  border-radius:10px!important;
}

html body #categoryModal .category-products-empty{
  grid-column:1/-1!important;
}


/* BALCONA MODERN CONNECTED HOME */
html body{
  --home-green:#0d604b;
  --home-green-dark:#17483b;
  --home-green-soft:#e8f1ec;
  --home-cream:#f8f5ef;
  --home-cream-deep:#eee8dd;
  background:var(--home-cream)!important;
}

html body .page{
  background:var(--home-cream)!important;
}

/* الإعلان الرئيسي */
html body .hero-new{
  height:225px!important;
  min-height:225px!important;
  margin:0 0 22px!important;
  border:1px solid rgba(13,96,75,.12)!important;
  border-radius:24px!important;
  background:var(--home-green-soft)!important;
  box-shadow:0 12px 30px rgba(23,72,59,.10)!important;
}

html body .hero-new:after{
  background:linear-gradient(
    90deg,
    rgba(13,70,55,.04) 0%,
    rgba(232,241,236,.74) 49%,
    rgba(232,241,236,.98) 73%
  )!important;
}

html body .home-slim-copy{
  inset:0 0 0 43%!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:5px!important;
  padding:18px!important;
  background:transparent!important;
}

html body .home-hero-badge{
  display:inline-flex!important;
  padding:5px 9px!important;
  border-radius:99px!important;
  background:rgba(13,96,75,.10)!important;
  color:var(--home-green)!important;
  font-size:10px!important;
  font-weight:900!important;
}

html body .home-slim-copy strong{
  color:var(--home-green-dark)!important;
  font-size:20px!important;
  line-height:1.35!important;
  white-space:normal!important;
}

html body .home-slim-copy small{
  color:#61746d!important;
  font-size:11px!important;
}

html body .home-slim-copy button{
  min-height:34px!important;
  margin-top:6px!important;
  padding:7px 14px!important;
  border:0!important;
  border-radius:11px!important;
  background:var(--home-green)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}

html body .home-slide-dots{
  left:50%!important;
  bottom:9px!important;
  transform:translateX(-50%)!important;
}

html body .home-slide-dots i{
  width:6px!important;
  height:6px!important;
  background:rgba(13,96,75,.28)!important;
}

html body .home-slide-dots i:first-child{
  width:17px!important;
  border-radius:99px!important;
  background:var(--home-green)!important;
}

/* إظهار الأقسام */
html body .page>.section-block:has(#cats){
  display:block!important;
  margin:0 0 20px!important;
}

html body .page>.section-block:has(#cats) .section-title{
  margin:0 4px 11px!important;
}

html body .page>.section-block:has(#cats) .section-title h3{
  color:var(--home-green-dark)!important;
  font-size:19px!important;
  font-weight:900!important;
}

html body .page>.section-block:has(#cats) .section-title button{
  border:0!important;
  background:transparent!important;
  color:var(--home-green)!important;
  font-weight:800!important;
}

html body .cats-new{
  gap:9px!important;
  padding:2px 1px 8px!important;
}

html body .cat-new{
  min-width:82px!important;
  width:82px!important;
}

html body .cat-new .cat-icon{
  width:66px!important;
  height:66px!important;
  margin-bottom:7px!important;
  border:1px solid rgba(13,96,75,.12)!important;
  background:linear-gradient(145deg,#f4f7f4,var(--home-green-soft))!important;
  box-shadow:none!important;
  font-size:29px!important;
}

html body .cat-new b{
  color:var(--home-green-dark)!important;
  font-size:11px!important;
}

/* شريط العرض بنفس لوحة الألوان */
html body .page>.section-block:has(.promo-strip){
  display:block!important;
  margin:0 0 22px!important;
}

html body .promo-strip{
  min-height:78px!important;
  box-sizing:border-box!important;
  padding:15px 17px!important;
  border:1px solid rgba(13,96,75,.13)!important;
  border-radius:18px!important;
  background:linear-gradient(125deg,var(--home-green-dark),var(--home-green))!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(23,72,59,.12)!important;
}

html body .promo-strip small{
  color:#dcebe4!important;
}

html body .promo-strip strong{
  color:#fff!important;
}

html body .promo-strip #couponText{
  padding:7px 10px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}

/* المنتجات المختارة */
html body #productsSec .section-title{
  display:flex!important;
  margin-bottom:12px!important;
}

html body #productsSec .section-title button{
  display:block!important;
  border:0!important;
  background:transparent!important;
  color:var(--home-green)!important;
  font-weight:800!important;
}

/* وصل حديثاً */
html body .new-arrivals-section{
  display:block!important;
  margin-top:25px!important;
  padding-bottom:10px!important;
}

html body .new-arrivals-section .section-title{
  margin:0 4px 12px!important;
}

html body .new-arrivals-section .section-title h3{
  color:var(--home-green-dark)!important;
  font-size:20px!important;
  font-weight:900!important;
}

html body .new-arrivals-section .section-title button{
  border:0!important;
  background:transparent!important;
  color:var(--home-green)!important;
  font-weight:800!important;
}

html body #newArrivals{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

html body #newArrivals .product-new,
html body #grid .product-new{
  border:1px solid rgba(13,96,75,.10)!important;
  background:#fbfaf7!important;
  box-shadow:0 7px 20px rgba(23,72,59,.06)!important;
}

html body #newArrivals .product-img-new,
html body #grid .product-img-new{
  background:var(--home-green-soft)!important;
}

html body #newArrivals .add-mini,
html body #grid .add-mini{
  background:var(--home-green)!important;
}

/* نخفي البانر المكرر والألوان الزائدة */
html body .balcona-luxe-banner,
html body .add-to-order-section{
  display:none!important;
}


/* BALCONA MOCKUP MATCH FINAL */
html body{
  --match-green:#075a45;
  --match-green-dark:#064936;
  --match-soft:#edf4ef;
  --match-cream:#fbf8f2;
  --match-border:#e9e3d9;
  background:var(--match-cream)!important;
}

/* الهيدر */
html body .modern-home-header{
  position:relative!important;
  top:auto!important;
  z-index:100!important;
  width:min(430px,100%)!important;
  height:auto!important;
  min-height:90px!important;
  margin:0 auto!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr) 62px!important;
  grid-template-areas:"brand search actions"!important;
  direction:rtl!important;
  align-items:center!important;
  gap:9px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid #eee9e1!important;
  box-shadow:0 4px 18px rgba(18,66,52,.055)!important;
}

.modern-header-brand{
  grid-area:brand!important;
  width:92px!important;
  height:62px!important;
  cursor:pointer!important;
  background:url("/balcona-logo.png") center/contain no-repeat!important;
}

.modern-header-search{
  grid-area:search!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 12px!important;
  border:1px solid var(--match-border)!important;
  border-radius:15px!important;
  background:#f6f3ee!important;
  box-sizing:border-box!important;
}

.modern-header-search input{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#273d36!important;
  text-align:right!important;
  font-size:12px!important;
}

.modern-header-search svg{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  fill:none!important;
  stroke:var(--match-green)!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
}

.modern-header-actions{
  grid-area:actions!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:2px!important;
}

.modern-header-actions button{
  position:relative!important;
  width:30px!important;
  height:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  color:var(--match-green)!important;
}

.modern-header-actions svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.modern-header-actions #notificationBadge{
  position:absolute!important;
  top:0!important;
  right:-2px!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 3px!important;
  place-items:center!important;
  border-radius:10px!important;
  background:var(--match-green)!important;
  color:#fff!important;
  font-size:9px!important;
}

/* الصفحة */
html body .modern-home-page{
  width:min(430px,100%)!important;
  margin:0 auto!important;
  padding:12px 10px 112px!important;
  box-sizing:border-box!important;
  background:var(--match-cream)!important;
}

/* الإعلان الرئيسي */
html body .modern-home-page .hero-new{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:238px!important;
  min-height:238px!important;
  margin:0 0 18px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e4e5dc!important;
  border-radius:22px!important;
  background:#e9f0eb!important;
  box-shadow:0 8px 25px rgba(18,66,52,.09)!important;
}

.modern-home-page .home-slide{
  position:absolute!important;
  inset:0!important;
  background-size:cover!important;
  background-position:center!important;
}

.modern-home-page .hero-new:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(
    270deg,
    rgba(241,246,242,.97) 0%,
    rgba(241,246,242,.90) 35%,
    rgba(241,246,242,.28) 69%,
    rgba(241,246,242,.02) 100%
  )!important;
}

.modern-home-page .home-slim-copy{
  position:absolute!important;
  z-index:3!important;
  inset:0 0 0 42%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  padding:18px!important;
  box-sizing:border-box!important;
  text-align:right!important;
  background:transparent!important;
}

.modern-home-page .home-hero-badge{
  display:inline-flex!important;
  padding:5px 9px!important;
  border-radius:10px!important;
  background:rgba(7,90,69,.10)!important;
  color:var(--match-green)!important;
  font-size:10px!important;
  font-weight:900!important;
}

.modern-home-page .home-slim-copy strong{
  max-width:190px!important;
  color:var(--match-green-dark)!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1.32!important;
  white-space:normal!important;
}

.modern-home-page .home-slim-copy small{
  margin:0!important;
  color:#65726d!important;
  font-size:11px!important;
  line-height:1.5!important;
}

.modern-home-page .home-slim-copy button{
  min-width:104px!important;
  margin-top:6px!important;
  padding:10px 14px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--match-green)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 6px 15px rgba(7,90,69,.20)!important;
}

.modern-home-page .home-slide-dots{
  z-index:4!important;
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  gap:6px!important;
}

.modern-home-page .home-slide-dots i{
  width:7px!important;
  height:7px!important;
  background:rgba(7,90,69,.30)!important;
}

.modern-home-page .home-slide-dots i:first-child{
  width:22px!important;
  border-radius:8px!important;
  background:var(--match-green)!important;
}

/* عناوين الأقسام */
.modern-home-page .section-block{
  margin:0 0 19px!important;
}

.modern-home-page .section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 3px 11px!important;
  padding:0!important;
}

.modern-home-page .section-title h3{
  margin:0!important;
  color:var(--match-green-dark)!important;
  font-size:21px!important;
  font-weight:900!important;
}

.modern-home-page .section-title button{
  display:block!important;
  padding:4px!important;
  border:0!important;
  background:transparent!important;
  color:var(--match-green)!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* الأقسام */
html body .modern-home-page .modern-categories-block{
  display:block!important;
}

.modern-home-page .cats-new{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc((100% - 27px)/4)!important;
  gap:9px!important;
  overflow-x:auto!important;
  padding:0 1px 5px!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
}

.modern-home-page .cat-new{
  width:auto!important;
  min-width:0!important;
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:9px 5px!important;
  border:1px solid #e7e6df!important;
  border-radius:17px!important;
  background:#f3f2ec!important;
  scroll-snap-align:start!important;
  box-shadow:none!important;
}

.modern-home-page .cat-new .cat-icon{
  width:57px!important;
  height:57px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--match-soft)!important;
  color:var(--match-green)!important;
  font-size:29px!important;
  box-shadow:none!important;
}

.modern-home-page .cat-new b{
  color:#203c33!important;
  font-size:11px!important;
  line-height:1.35!important;
  text-align:center!important;
}

/* عرض اليوم */
html body .modern-home-page .modern-daily-offer{
  min-height:148px!important;
  display:grid!important;
  grid-template-columns:48% 52%!important;
  direction:ltr!important;
  overflow:hidden!important;
  border:1px solid #e7e1d7!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#f8eee8,#f4f7f1)!important;
  box-shadow:0 7px 22px rgba(18,66,52,.06)!important;
}

.daily-offer-image{
  height:148px!important;
  overflow:hidden!important;
}

.daily-offer-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

.daily-offer-copy{
  direction:rtl!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:14px 13px!important;
  box-sizing:border-box!important;
  text-align:right!important;
}

.daily-offer-copy small{
  color:#757b77!important;
  font-size:10px!important;
}

.daily-offer-copy strong{
  margin:3px 0!important;
  color:var(--match-green-dark)!important;
  font-size:22px!important;
  font-weight:900!important;
}

.daily-offer-copy span{
  display:inline-block!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:var(--match-green)!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.daily-offer-copy button{
  margin-top:8px!important;
  padding:8px 11px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--match-green)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}

/* وصل حديثاً والمنتجات */
html body .modern-home-page .new-arrivals-section,
html body .modern-home-page #productsSec{
  display:block!important;
  margin-bottom:20px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.modern-home-page #newArrivals.grid-new,
.modern-home-page #grid.grid-new{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
}

.modern-home-page #newArrivals .product-new,
.modern-home-page #grid .product-new{
  overflow:hidden!important;
  border:1px solid #e9e5de!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(18,66,52,.055)!important;
}

.modern-home-page #newArrivals .product-img-new,
.modern-home-page #grid .product-img-new{
  height:164px!important;
  background:#f1eee8!important;
}

.modern-home-page #newArrivals .product-img-new img,
.modern-home-page #grid .product-img-new img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.modern-home-page #newArrivals .product-info,
.modern-home-page #grid .product-info{
  padding:9px!important;
}

.modern-home-page #newArrivals .product-info h4,
.modern-home-page #grid .product-info h4{
  margin:0 0 4px!important;
  min-height:38px!important;
  color:#1b332b!important;
  font-size:13px!important;
  line-height:1.45!important;
  white-space:normal!important;
}

.modern-home-page #newArrivals .price-new,
.modern-home-page #grid .price-new{
  color:var(--match-green)!important;
  font-size:16px!important;
  font-weight:900!important;
}

.modern-home-page #newArrivals .add-mini,
.modern-home-page #grid .add-mini{
  width:100%!important;
  min-height:38px!important;
  margin-top:7px!important;
  border:0!important;
  border-radius:11px!important;
  background:var(--match-green)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}

/* إخفاء مكونات الصفحة القديمة */
.modern-home-page .home-top,
.modern-home-page .balcona-luxe-banner,
.modern-home-page .add-to-order-section,
.modern-home-page .promo-strip{
  display:none!important;
}

@media(max-width:370px){
  html body .modern-home-header{
    grid-template-columns:78px minmax(0,1fr) 58px!important;
    padding-inline:9px!important;
  }

  .modern-header-brand{
    width:78px!important;
  }

  .modern-home-page .home-slim-copy strong{
    font-size:21px!important;
  }
}

/* HOME CATEGORY REAL IMAGES */
html body .modern-home-page .cats-new{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  direction:rtl!important;
  gap:9px!important;
  overflow:visible!important;
}

html body .modern-home-page .cats-new .cat-new{
  width:auto!important;
  min-width:0!important;
  height:112px!important;
  padding:7px 5px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  overflow:hidden!important;
  border:1px solid #eee8df!important;
  border-radius:16px!important;
  background:#f5f2ec!important;
}

html body .modern-home-page .cats-new .cat-icon{
  width:100%!important;
  height:72px!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:12px!important;
  background:#f1f4ef!important;
}

html body .modern-home-page .cats-new .cat-icon img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:12px!important;
}

html body .modern-home-page .cats-new .cat-new b{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#153d32!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-align:center!important;
}

/* DAILY OFFER MOCKUP */
html body .modern-home-page .modern-daily-offer{
  height:142px!important;
  min-height:142px!important;
  display:grid!important;
  grid-template-columns:48% 52%!important;
  direction:ltr!important;
  overflow:hidden!important;
  border:1px solid #eadfd5!important;
  border-radius:18px!important;
  background:#fff4ed!important;
}

.modern-home-page .daily-offer-image{
  position:relative!important;
  height:142px!important;
  overflow:hidden!important;
}

.modern-home-page .daily-offer-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.modern-home-page .daily-discount{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  width:58px!important;
  height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#a94c39!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.05!important;
}

.modern-home-page .daily-discount b{
  font-size:19px!important;
}

.modern-home-page .daily-offer-copy{
  height:142px!important;
  padding:14px 12px!important;
  direction:rtl!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

.modern-home-page .daily-offer-copy>strong{
  color:#8f3d2e!important;
  font-size:20px!important;
  font-weight:900!important;
}

.modern-home-page .daily-offer-copy>small{
  margin:3px 0 9px!important;
  color:#7b746f!important;
  font-size:10px!important;
}

.modern-home-page .daily-countdown{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:5px!important;
  direction:rtl!important;
}

.modern-home-page .daily-countdown>span{
  min-width:0!important;
  height:47px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #eadfd8!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.62)!important;
}

.modern-home-page .daily-countdown b{
  color:#342d2a!important;
  font-size:16px!important;
}

.modern-home-page .daily-countdown small{
  color:#817a75!important;
  font-size:8px!important;
}


/* CATEGORY LINE ICONS LIKE MOCKUP */
html body .modern-home-page .cats-new .cat-new{
  height:108px!important;
  padding:10px 5px 7px!important;
  background:#f4f0e9!important;
}
html body .modern-home-page .cats-new .cat-icon{
  height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}
html body .modern-home-page .cats-new .cat-icon svg{
  width:58px!important;
  height:58px!important;
  fill:none!important;
  stroke:#0b513f!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .modern-home-page .cats-new .cat-new b{
  font-size:11px!important;
}


/* CATEGORY SIDEBAR SVG ICONS */
html body #categoryModal .category-side-icon{
  width:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  filter:none!important;
  opacity:.72!important;
}
html body #categoryModal .category-side-icon svg{
  width:31px!important;
  height:31px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body #categoryModal .category-side-tabs button.active .category-side-icon{
  opacity:1!important;
}

/* BALCONA HEADER LOGO — SINGLE FINAL RULE */
html body .modern-home-header{
  min-height:112px!important;
  grid-template-columns:92px minmax(0,1fr) 60px!important;
  grid-template-areas:"brand search actions"!important;
  gap:8px!important;
  padding:10px 8px!important;
}

html body .modern-header-brand{
  grid-area:brand!important;
  width:92px!important;
  height:70px!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
  align-self:center!important;
  position:static!important;
  transform:none!important;
  background-image:url("/balcona-logo-clean.png?v=20260916-tight-v20")!important;
  background-position:right center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}

@media(max-width:370px){
  html body .modern-home-header{
    grid-template-columns:82px minmax(0,1fr) 54px!important;
    gap:6px!important;
    padding-inline:7px!important;
  }

  html body .modern-header-brand{
    width:82px!important;
    height:58px!important;
  }
}


/* ACCOUNT BELOW MAIN HEADER TEST */
html body #account.show{
  position:fixed!important;
  inset:112px 0 0!important;
  width:100%!important;
  height:auto!important;
  max-height:calc(100dvh - 112px)!important;
  padding:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
  justify-content:center!important;
  background:#fff!important;
}

html body #account.show > .phone-card{
  width:min(430px,100vw)!important;
  height:100%!important;
  max-height:100%!important;
  margin:0 auto!important;
  padding:0 0 105px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  background:#fff!important;
  -webkit-overflow-scrolling:touch!important;
}

/* سطر الرجوع فقط — نحافظ على السهم القديم */
html body #account.show .category-native-header{
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  display:flex!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #e9e3d9!important;
  box-shadow:none!important;
}

html body #account.show .category-native-brand,
html body #account.show .category-native-cart{
  display:none!important;
}

html body #account.show .category-native-back{
  position:static!important;
  width:42px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#075a45!important;
  box-shadow:none!important;
  font-size:42px!important;
  line-height:1!important;
}

html body #account.show .account-page-title{
  margin:16px 18px 18px!important;
}


/* FIX MAIN HEADER WHILE ACCOUNT IS OPEN */
html body.balcona-account-open .modern-home-header{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(430px,100%)!important;
  z-index:2147483600!important;
}


/* ACCOUNT WHITE FINAL UNIFIED */
html body.balcona-account-open,
html body.balcona-account-open .modern-home-header,
html body #account.show,
html body #account.show > .phone-card,
html body #account.show .category-native-header,
html body #account.show .account-box,
body.balcona-account-open #mainBottomNav,
body.balcona-account-open .bottom-nav-new{
  background:#fff!important;
}


/* ACCOUNT SEAMLESS HEADER FINAL */
html body.balcona-account-open .modern-home-header,
html body #account.show .category-native-header{
  background:#fff!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

html body #account.show,
html body #account.show > .phone-card,
html body #account.show .account-box{
  background:#fff!important;
}


/* NOTIFICATIONS BELOW MAIN HEADER FINAL */
html body:has(#notificationsModal.show) .modern-home-header{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(430px,100%)!important;
  z-index:2147483600!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

html body #notificationsModal.show{
  position:fixed!important;
  inset:112px 0 0!important;
  width:100%!important;
  height:auto!important;
  max-height:calc(100dvh - 112px)!important;
  padding:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
  justify-content:center!important;
  background:#fff!important;
}

html body #notificationsModal.show > .phone-card{
  width:min(430px,100vw)!important;
  height:100%!important;
  max-height:100%!important;
  margin:0 auto!important;
  padding:0 0 105px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  background:#fff!important;
  -webkit-overflow-scrolling:touch!important;
}

html body #notificationsModal.show .customer-native-header{
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  display:flex!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

html body #notificationsModal.show .category-native-brand,
html body #notificationsModal.show .customer-header-space{
  display:none!important;
}

html body #notificationsModal.show .category-native-back{
  position:static!important;
  width:42px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#075a45!important;
  box-shadow:none!important;
  font-size:42px!important;
  line-height:1!important;
}

html body #notificationsModal.show,
html body #notificationsModal.show > .phone-card,
html body #notificationsModal.show #notificationsList,
body:has(#notificationsModal.show) #mainBottomNav{
  background:#fff!important;
}


/* CART BELOW MAIN HEADER FINAL */
html body:has(#cart.open) .modern-home-header{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(430px,100%)!important;
  z-index:2147483600!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

html body #cart.customer-unified-page.open{
  position:fixed!important;
  top:112px!important;
  bottom:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(430px,100vw)!important;
  height:auto!important;
  max-height:calc(100dvh - 112px)!important;
  padding:0 0 105px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  background:#fff!important;
  -webkit-overflow-scrolling:touch!important;
}

html body #cart.open .customer-native-header{
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  display:flex!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

html body #cart.open .category-native-brand{
  display:none!important;
}

html body #cart.open .category-native-back,
html body #cart.open .customer-trash{
  position:static!important;
  width:42px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#075a45!important;
  box-shadow:none!important;
  line-height:1!important;
}

html body #cart.open .category-native-back{
  font-size:42px!important;
}

html body #cart.open .customer-trash{
  font-size:21px!important;
}

html body #cart.open,
html body #cart.open .cartItems,
body:has(#cart.open) #mainBottomNav{
  background:#fff!important;
}

html body #cart.open .customer-page-title{
  margin:16px 18px!important;
}


/* FAVORITES BELOW MAIN HEADER FINAL */
html body:has(#favoritesModal.show) .modern-home-header{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(430px,100%)!important;
  z-index:2147483600!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

html body #favoritesModal.show{
  position:fixed!important;
  inset:112px 0 0!important;
  width:100%!important;
  height:auto!important;
  max-height:calc(100dvh - 112px)!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
  justify-content:center!important;
  background:#fff!important;
}

html body #favoritesModal.show > .phone-card{
  width:min(430px,100vw)!important;
  height:100%!important;
  max-height:100%!important;
  margin:0 auto!important;
  padding:0 0 105px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  background:#fff!important;
  -webkit-overflow-scrolling:touch!important;
}

html body #favoritesModal.show .category-native-header{
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  display:flex!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 14px!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

html body #favoritesModal.show .category-native-brand,
html body #favoritesModal.show .category-native-cart{
  display:none!important;
}

html body #favoritesModal.show .category-native-back{
  position:static!important;
  width:42px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#075a45!important;
  box-shadow:none!important;
  font-size:42px!important;
  line-height:1!important;
}

html body #favoritesModal.show .customer-page-title{
  margin:16px 18px 18px!important;
}

html body #favoritesModal.show,
html body #favoritesModal.show > .phone-card,
html body #favoritesModal.show #favoritesList,
body:has(#favoritesModal.show) #mainBottomNav{
  background:#fff!important;
}


/* FAVORITES EMPTY KITCHEN FINAL */
html body #favoritesModal .favorites-empty-state{
  width:100%!important;
  min-height:430px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:62px 27px 30px!important;
  text-align:center!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

html body #favoritesModal .favorites-kitchen-icon{
  width:126px!important;
  height:112px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 15px!important;
  color:#0d6a52!important;
}

html body #favoritesModal .favorites-kitchen-icon svg{
  width:96px!important;
  height:96px!important;
  display:block!important;
  fill:none!important;
  stroke:#0d6a52!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body #favoritesModal .favorites-kitchen-icon .favorite-heart{
  fill:#fff!important;
  stroke:#0d6a52!important;
}

html body #favoritesModal .favorites-empty-state strong{
  display:block!important;
  margin:0!important;
  color:#173e34!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.5!important;
}

html body #favoritesModal .favorites-empty-state p{
  max-width:320px!important;
  margin:12px 0 25px!important;
  color:#817f7a!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.9!important;
}

html body #favoritesModal .favorites-empty-state button{
  width:100%!important;
  height:52px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:16px!important;
  background:#0d6a52!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:16px!important;
  font-weight:900!important;
}


/* FAVORITES BOTTOM NAV FIXED FINAL */
html body:has(#favoritesModal.show) #mainBottomNav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(408px,calc(100% - 22px))!important;
  height:72px!important;
  display:flex!important;
  z-index:2147483500!important;
  opacity:1!important;
  pointer-events:auto!important;
  background:#fff!important;
}


/* BOTTOM NAV SOLID WHITE MASK FINAL */
html body #mainBottomNav{
  isolation:isolate!important;
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html body #mainBottomNav::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:0!important;
  right:-14px!important;
  left:-14px!important;
  bottom:calc(-18px - env(safe-area-inset-bottom))!important;
  background:#fff!important;
  pointer-events:none!important;
}


/* CART BOTTOM NAV FIXED FINAL */
html body:has(#cart.open) #mainBottomNav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(408px,calc(100% - 22px))!important;
  height:72px!important;
  display:flex!important;
  z-index:2147483500!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:#fff!important;
}

html body #cart.open{
  padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
}


/* ADMIN HEADER ONLY FIX V36 */
html body #admin.show{
  z-index:2147483646!important;
}

html body:has(#admin.show) .modern-home-header{
  display:none!important;
}

html body #admin.show .admin-head{
  position:sticky!important;
  top:0!important;
  z-index:500!important;
  width:100%!important;
  box-sizing:border-box!important;
}


/* FAVORITES HEADER ICONS BALANCED V40 */
html body:has(#favoritesModal.show) .modern-header-actions{
  gap:3px!important;
  align-items:center!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button{
  width:34px!important;
  min-width:34px!important;
  height:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button:first-child svg{
  width:27px!important;
  height:27px!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button:last-child svg{
  width:25px!important;
  height:25px!important;
}


/* FAVORITES HEADER ICONS BALANCED V41 */
html body:has(#favoritesModal.show) .modern-header-actions{
  gap:3px!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button{
  width:34px!important;
  min-width:34px!important;
  height:42px!important;
  flex:0 0 34px!important;
  padding:0!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button:first-child svg{
  width:26px!important;
  height:26px!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button:last-child svg{
  width:28px!important;
  height:28px!important;
}


/* FAVORITES HEADER ICONS VISUAL MATCH V43 */
html body:has(#favoritesModal.show) .modern-header-actions button:first-child svg{
  width:26px!important;
  height:26px!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button:last-child svg{
  width:30px!important;
  height:30px!important;
}


/* FAVORITES ICONS SIDE BY SIDE V45 */
html body:has(#favoritesModal.show) .modern-header-actions{
  gap:0!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button{
  width:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  margin:0!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button:first-child svg{
  transform:none!important;
}


/* ACCOUNT ICONS MEASURED MATCH V48 */
html body.balcona-account-open .modern-header-actions button:first-child svg{
  width:25px!important;
  height:25px!important;
  transform:none!important;
}

html body.balcona-account-open .modern-header-actions button:last-child svg{
  width:35px!important;
  height:35px!important;
}


/* ACCOUNT EXACT FAVORITES MATCH V49 */
html body.balcona-account-open .modern-header-actions button:first-child svg{
  width:26px!important;
  height:26px!important;
  transform:none!important;
}

html body.balcona-account-open .modern-header-actions button:last-child svg{
  width:30px!important;
  height:30px!important;
}


/* ACCOUNT FAVORITES IDENTICAL ICON SPACING V50 */
html body:has(#favoritesModal.show) .modern-header-actions,
html body.balcona-account-open .modern-header-actions{
  gap:0!important;
  column-gap:0!important;
}

html body:has(#favoritesModal.show) .modern-header-actions button,
html body.balcona-account-open .modern-header-actions button{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:42px!important;
  flex:0 0 30px!important;
  margin:0!important;
  padding:0!important;
}


/* CART HEADER ICONS MATCH V51 */
html body:has(#cart.open) .modern-header-actions{
  gap:0!important;
  column-gap:0!important;
}

html body:has(#cart.open) .modern-header-actions button{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:42px!important;
  flex:0 0 30px!important;
  margin:0!important;
  padding:0!important;
}

html body:has(#cart.open) .modern-header-actions button:first-child svg{
  width:26px!important;
  height:26px!important;
  transform:none!important;
}

html body:has(#cart.open) .modern-header-actions button:last-child svg{
  width:30px!important;
  height:30px!important;
}


/* HOME HEADER ICONS MATCH V52 */
html body:not(:has(.modal.show)):not(:has(#cart.open)) .modern-header-actions{
  gap:0!important;
  column-gap:0!important;
}

html body:not(:has(.modal.show)):not(:has(#cart.open)) .modern-header-actions button{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:42px!important;
  flex:0 0 30px!important;
  margin:0!important;
  padding:0!important;
}

html body:not(:has(.modal.show)):not(:has(#cart.open)) .modern-header-actions button:first-child svg{
  width:26px!important;
  height:26px!important;
  transform:none!important;
}

html body:not(:has(.modal.show)):not(:has(#cart.open)) .modern-header-actions button:last-child svg{
  width:30px!important;
  height:30px!important;
}


/* CATEGORIES HEADER ICONS MATCH V53 */
html body:has(#categoryModal.show) .modern-header-actions{
  gap:0!important;
  column-gap:0!important;
}

html body:has(#categoryModal.show) .modern-header-actions button{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:42px!important;
  flex:0 0 30px!important;
  margin:0!important;
  padding:0!important;
}

html body:has(#categoryModal.show) .modern-header-actions button:first-child svg{
  width:26px!important;
  height:26px!important;
  transform:none!important;
}

html body:has(#categoryModal.show) .modern-header-actions button:last-child svg{
  width:30px!important;
  height:30px!important;
}


/* NOTIFICATIONS BOTTOM NAV FIXED V54 */
html body:has(#notificationsModal.show) #mainBottomNav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(408px,calc(100% - 22px))!important;
  height:72px!important;
  display:flex!important;
  z-index:2147483500!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:#fff!important;
}


/* GLOBAL BOTTOM NAV EXACT SIZE V55 */
html body #mainBottomNav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;

  width:min(408px,calc(100% - 22px))!important;
  max-width:408px!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  box-sizing:border-box!important;

  display:flex!important;
  z-index:2147483500!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:#fff!important;
}


/* BOTTOM NAV REMOVE STATE CONFLICTS V56 */
html body.balcona-account-open #mainBottomNav,
html body:has(#favoritesModal.show) #mainBottomNav,
html body:has(#notificationsModal.show) #mainBottomNav,
html body:has(#categoryModal.show) #mainBottomNav,
html body:has(#cart.open) #mainBottomNav,
html body:not(:has(.modal.show)):not(:has(#cart.open)) #mainBottomNav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;

  width:min(408px,calc(100% - 22px))!important;
  min-width:0!important;
  max-width:408px!important;

  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;

  margin:0!important;
  padding:4px 8px!important;
  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-around!important;

  border:1px solid rgba(210,198,181,.35)!important;
  border-radius:22px!important;

  z-index:2147483640!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:#fff!important;
}

html body.balcona-account-open #mainBottomNav > button,
html body:has(#favoritesModal.show) #mainBottomNav > button,
html body:has(#notificationsModal.show) #mainBottomNav > button,
html body:has(#categoryModal.show) #mainBottomNav > button,
html body:has(#cart.open) #mainBottomNav > button,
html body:not(:has(.modal.show)):not(:has(#cart.open)) #mainBottomNav > button{
  flex:1 1 20%!important;
  width:20%!important;
  min-width:0!important;
  max-width:20%!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:3px 1px!important;
  box-sizing:border-box!important;
}


/* HIDE UNUSED SEARCH IN CUSTOMER PAGES V57 */
html body.balcona-account-open .modern-home-header,
html body:has(#favoritesModal.show) .modern-home-header,
html body:has(#notificationsModal.show) .modern-home-header,
html body:has(#cart.open) .modern-home-header{
  grid-template-columns:92px minmax(0,1fr) 62px!important;
  grid-template-areas:"brand . actions"!important;
}

html body.balcona-account-open .modern-header-search,
html body:has(#favoritesModal.show) .modern-header-search,
html body:has(#notificationsModal.show) .modern-header-search,
html body:has(#cart.open) .modern-header-search{
  display:none!important;
}


/* BALCONA HERO DELIVERY CAROUSEL V58 */
html body .modern-home-page .home-slim-copy{
  gap:3px!important;
  padding:13px 15px!important;
}

html body .modern-home-page .home-slim-copy strong{
  font-size:21px!important;
  line-height:1.25!important;
}

html body .modern-home-page .hero-delivery-info{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:1px!important;
  margin-top:2px!important;
  direction:rtl!important;
  text-align:right!important;
}

html body .modern-home-page .hero-delivery-info b{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#075a45!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.4!important;
  white-space:nowrap!important;
}

html body .modern-home-page .hero-delivery-info svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  fill:none!important;
  stroke:#c59a32!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body .modern-home-page .hero-delivery-info span{
  color:#65726d!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1.45!important;
  white-space:nowrap!important;
}

html body .modern-home-page .home-slim-copy button{
  margin-top:4px!important;
  padding:8px 14px!important;
}

html body .modern-home-page .home-slide-dots i{
  width:7px!important;
  animation:balconaDotActive 15s infinite!important;
}

html body .modern-home-page .home-slide-dots i:nth-child(1){
  animation-delay:0s!important;
}

html body .modern-home-page .home-slide-dots i:nth-child(2){
  animation-delay:5s!important;
}

html body .modern-home-page .home-slide-dots i:nth-child(3){
  animation-delay:10s!important;
}

@keyframes balconaDotActive{
  0%,31%{
    width:22px;
    border-radius:8px;
    background:#075a45;
  }
  34%,100%{
    width:7px;
    border-radius:50%;
    background:rgba(7,90,69,.30);
  }
}


/* HERO DELIVERY ATTENTION V59 */
html body .modern-home-page .hero-delivery-info{
  width:auto!important;
  margin-top:4px!important;
  padding:6px 8px!important;
  gap:2px!important;
  box-sizing:border-box!important;
  border-right:3px solid #c59a32!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.62)!important;
}

html body .modern-home-page .hero-delivery-info b{
  gap:5px!important;
  color:#075a45!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1.35!important;
}

html body .modern-home-page .hero-delivery-info span{
  color:#465c54!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.4!important;
}

html body .modern-home-page .hero-delivery-info svg{
  width:20px!important;
  height:20px!important;
  flex-basis:20px!important;
  stroke-width:2.1!important;
}

html body .modern-home-page .home-slim-copy{
  gap:2px!important;
  padding:10px 14px!important;
}

html body .modern-home-page .home-slim-copy strong{
  font-size:20px!important;
}

html body .modern-home-page .home-slim-copy button{
  margin-top:3px!important;
  padding:8px 14px!important;
}


/* HERO DELIVERY TRANSPARENT V60 */
html body .modern-home-page .hero-delivery-info{
  background:rgba(255,255,255,.34)!important;
  border-right-color:rgba(197,154,50,.80)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}


/* CART ROTATING INFO AD V61 */
html body #cart.open .cart-info-ad{
  position:relative!important;
  width:calc(100% - 28px)!important;
  height:84px!important;
  min-height:84px!important;
  margin:12px 14px 14px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid rgba(7,90,69,.13)!important;
  border-right:4px solid rgba(197,154,50,.85)!important;
  border-radius:16px!important;
  background:linear-gradient(
    135deg,
    rgba(235,244,239,.94),
    rgba(255,255,255,.82)
  )!important;
  box-shadow:0 7px 20px rgba(18,66,52,.06)!important;
}

html body #cart.open .cart-info-slide{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  direction:rtl!important;
  align-items:center!important;
  gap:11px!important;
  padding:10px 15px 18px!important;
  box-sizing:border-box!important;
  opacity:0;
  transform:translateX(16px);
  animation:cartInfoRotate 12s infinite!important;
}

html body #cart.open .cart-info-two{
  animation-delay:4s!important;
}

html body #cart.open .cart-info-three{
  animation-delay:8s!important;
}

html body #cart.open .cart-info-icon{
  width:39px!important;
  height:39px!important;
  flex:0 0 39px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:rgba(7,90,69,.09)!important;
  font-size:21px!important;
}

html body #cart.open .cart-info-slide > div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  text-align:right!important;
}

html body #cart.open .cart-info-slide strong{
  color:#075a45!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.35!important;
}

html body #cart.open .cart-info-slide small{
  color:#60716b!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.45!important;
}

html body #cart.open .cart-info-dots{
  position:absolute!important;
  z-index:5!important;
  right:50%!important;
  bottom:7px!important;
  transform:translateX(50%)!important;
  display:flex!important;
  gap:5px!important;
}

html body #cart.open .cart-info-dots i{
  width:6px;
  height:6px!important;
  display:block!important;
  border-radius:99px!important;
  background:rgba(7,90,69,.25);
  animation:cartInfoDot 12s infinite!important;
}

html body #cart.open .cart-info-dots i:nth-child(2){
  animation-delay:4s!important;
}

html body #cart.open .cart-info-dots i:nth-child(3){
  animation-delay:8s!important;
}

@keyframes cartInfoRotate{
  0%,29%{
    opacity:1;
    transform:translateX(0);
  }
  33%,100%{
    opacity:0;
    transform:translateX(-16px);
  }
}

@keyframes cartInfoDot{
  0%,29%{
    width:18px;
    background:#075a45;
  }
  33%,100%{
    width:6px;
    background:rgba(7,90,69,.25);
  }
}


/* CART ANIMATION IMPORTANT FIX V62 */


/* CATEGORY MAIN HEADER FIXED V64 */
html body:has(#categoryModal.show) .modern-home-header{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(430px,100%)!important;
  min-height:90px!important;
  margin:0!important;
  z-index:2147483600!important;
  background:#fff!important;
  border-bottom:1px solid #eee9e1!important;
  box-shadow:0 4px 18px rgba(18,66,52,.055)!important;
}


/* HIDE CATEGORY DUPLICATE HEADER V65 */
html body #categoryModal.show .category-native-header{
  display:none!important;
}

html body #categoryModal.show .category-modern-content{
  padding-top:18px!important;
}


/* CATEGORY TITLE SEARCH STICKY V66 */
html body #categoryModal.show .category-modern-content > h1{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0 -10px 10px!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  background:rgba(248,245,239,.97)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  border-bottom:1px solid rgba(210,198,181,.24)!important;
}

html body #categoryModal.show .category-modern-search{
  position:sticky!important;
  top:68px!important;
  z-index:55!important;
  margin-top:0!important;
  background:rgba(248,245,239,.97)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

html body #categoryModal.show .category-side-tabs{
  top:68px!important;
}


/* CATEGORY STICKY CORRECT OFFSET V67 */
html body #categoryModal.show .category-modern-content{
  padding-top:108px!important;
}

html body #categoryModal.show .category-modern-content > h1{
  top:90px!important;
  min-height:58px!important;
}

html body #categoryModal.show .category-modern-search{
  top:158px!important;
  z-index:55!important;
}

html body #categoryModal.show .category-side-tabs{
  top:158px!important;
}


/* CATEGORY SEARCH NORMAL FLOW V68 */
html body #categoryModal.show .category-modern-search{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  margin:0 0 12px!important;
  background:#f8f5ef!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}


/* STARTUP SPLASH ABOVE NAV V72 */
html body .splash{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  z-index:2147483647!important;
}


/* SMART PRODUCT SEARCH V74 */
html body.smart-search-open{
  overflow:hidden!important;
}

html body.smart-search-open #mainBottomNav{
  display:none!important;
}

.smart-search-page{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:none!important;
  width:100%!important;
  height:100dvh!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
  direction:rtl!important;
  background:#fff!important;
  color:#263f37!important;
  -webkit-overflow-scrolling:touch!important;
}

.smart-search-page.show{
  display:block!important;
}

.smart-search-page .hidden{
  display:none!important;
}

.smart-search-head{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:8px!important;
  padding:
    calc(14px + env(safe-area-inset-top))
    14px
    14px!important;
  box-sizing:border-box!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid rgba(7,90,69,.08)!important;
}

.smart-search-head > button{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#08745d!important;
  font-size:36px!important;
  line-height:1!important;
  box-shadow:none!important;
}

.smart-search-head .smart-search-clear{
  background:#f8ded7!important;
  color:#d95132!important;
  font-size:29px!important;
}

.smart-search-box{
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(210,198,181,.40)!important;
  border-radius:18px!important;
  background:#faf6f1!important;
}

.smart-search-box input{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#314840!important;
  text-align:right!important;
  font-family:inherit!important;
  font-size:18px!important;
  font-weight:700!important;
}

.smart-search-box input::placeholder{
  color:#a5aaa7!important;
  font-weight:600!important;
}

.smart-search-box span{
  flex:0 0 auto!important;
  color:#08745d!important;
  font-size:31px!important;
  line-height:1!important;
}

.smart-search-suggestions{
  padding:14px 24px calc(30px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
}

.smart-search-suggestions button{
  width:100%!important;
  min-height:61px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0!important;
  padding:8px 5px!important;
  border:0!important;
  border-bottom:1px dashed #d4d6d5!important;
  border-radius:0!important;
  background:#fff!important;
  color:#394b45!important;
  text-align:right!important;
  box-shadow:none!important;
}

.smart-search-suggestions button span{
  min-width:0!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.45!important;
}

.smart-search-suggestions button small{
  flex:0 0 auto!important;
  color:#08745d!important;
  font-size:27px!important;
  font-weight:700!important;
}

.smart-search-empty-name{
  padding:55px 15px!important;
  color:#8a9691!important;
  text-align:center!important;
  font-size:16px!important;
  font-weight:700!important;
}

.smart-search-results{
  padding:18px 14px calc(35px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
}

.smart-search-results h2{
  margin:0 3px 17px!important;
  color:#075a45!important;
  text-align:right!important;
  font-size:20px!important;
  font-weight:900!important;
}

#smartSearchGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.smart-result-card{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(210,198,181,.48)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(18,66,52,.06)!important;
}

.smart-result-image{
  width:100%!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#f6f3ee!important;
  cursor:pointer!important;
}

.smart-result-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

.smart-result-info{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:11px!important;
  box-sizing:border-box!important;
  text-align:right!important;
}

.smart-result-info strong{
  color:#203e35!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.45!important;
}

.smart-result-info small{
  min-height:34px!important;
  color:#7b8782!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.5!important;
}

.smart-result-info b{
  color:#08745d!important;
  font-size:16px!important;
  font-weight:900!important;
}

.smart-result-info button{
  width:100%!important;
  min-height:42px!important;
  margin:2px 0 0!important;
  padding:8px!important;
  border:0!important;
  border-radius:12px!important;
  background:#087b5d!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:900!important;
}


/* HOME PRODUCT SHOWCASES V76 */
html body .home-showcases{
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
  margin:8px 0 22px!important;
  direction:rtl!important;
}

html body .home-showcase{
  overflow:hidden!important;
  padding:15px 0 18px!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(210,198,181,.30)!important;
  border-bottom:1px solid rgba(210,198,181,.30)!important;
  background:#f8f5ef!important;
}

html body .home-showcase-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 16px 12px!important;
}

html body .home-showcase-title h3{
  margin:0!important;
  color:#075a45!important;
  font-size:23px!important;
  font-weight:950!important;
  line-height:1.3!important;
}

html body .home-showcase-title button{
  flex:0 0 auto!important;
  margin:0!important;
  padding:5px 0!important;
  border:0!important;
  background:transparent!important;
  color:#075a45!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:none!important;
}

html body .home-showcase-banner{
  position:relative!important;
  height:142px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(118px,.85fr)!important;
  align-items:center!important;
  gap:5px!important;
  margin:0 13px 14px!important;
  padding:13px 16px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border-radius:20px!important;
  cursor:pointer!important;
}

html body .home-showcase-sage .home-showcase-banner{
  background:linear-gradient(135deg,#dcece6,#eef6f2)!important;
}

html body .home-showcase-peach .home-showcase-banner{
  background:linear-gradient(135deg,#f3d9cc,#faeee7)!important;
}

html body .home-showcase-sand .home-showcase-banner{
  background:linear-gradient(135deg,#eadfc9,#f7f0e4)!important;
}

html body .home-showcase-mint .home-showcase-banner{
  background:linear-gradient(135deg,#d6ebe4,#eef8f4)!important;
}

html body .home-showcase-banner-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  text-align:right!important;
}

html body .home-showcase-banner-copy > span{
  font-size:25px!important;
  line-height:1!important;
}

html body .home-showcase-banner-copy strong{
  color:#075a45!important;
  font-size:18px!important;
  font-weight:950!important;
  line-height:1.45!important;
}

html body .home-showcase-banner-copy small{
  color:#536b63!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.55!important;
}

html body .home-showcase-banner-image{
  width:100%!important;
  height:120px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}

html body .home-showcase-banner-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  mix-blend-mode:multiply!important;
  filter:drop-shadow(0 8px 10px rgba(20,60,48,.13))!important;
}

html body .home-showcase-products{
  display:flex!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 13px 8px!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}

html body .home-showcase-products::-webkit-scrollbar{
  display:none!important;
}

html body .home-showcase-card{
  position:relative!important;
  width:151px!important;
  min-width:151px!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  border:1px solid rgba(210,198,181,.48)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(18,66,52,.055)!important;
}

html body .home-showcase-product-image{
  width:100%!important;
  height:135px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#fff!important;
  cursor:pointer!important;
}

html body .home-showcase-product-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  padding:7px!important;
  box-sizing:border-box!important;
}

html body .home-showcase-product-info{
  min-height:143px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding:9px 10px 11px!important;
  box-sizing:border-box!important;
  text-align:right!important;
}

html body .home-showcase-product-info strong{
  width:100%!important;
  min-height:40px!important;
  color:#263f37!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.5!important;
}

html body .home-showcase-product-info small{
  width:100%!important;
  min-height:32px!important;
  color:#7b8782!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.55!important;
}

html body .home-showcase-product-info b{
  margin-top:auto!important;
  color:#08745d!important;
  font-size:15px!important;
  font-weight:950!important;
}

html body .home-showcase-product-info button{
  position:absolute!important;
  left:9px!important;
  bottom:9px!important;
  width:35px!important;
  height:35px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#087b5d!important;
  color:#fff!important;
  font-size:17px!important;
  box-shadow:0 4px 10px rgba(7,90,69,.20)!important;
}


/* HOME SHOWCASE IMAGE CAROUSEL V77 */
html body .home-showcase-banner{
  position:relative!important;
  display:block!important;
  height:178px!important;
  padding:0!important;
  isolation:isolate!important;
  background:#e6eee9!important;
}

html body .home-showcase-banner::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(
    90deg,
    rgba(248,245,239,.08) 0%,
    rgba(248,245,239,.57) 47%,
    rgba(248,245,239,.96) 100%
  )!important;
}

html body .home-showcase-banner-image{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}

html body .home-showcase-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0;
  animation:balconaShowcaseSlide 12s ease-in-out infinite both!important;
}

html body .home-showcase-slide img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  transform:scale(1.03)!important;
}

html body .home-showcase-banner-copy{
  position:relative!important;
  z-index:3!important;
  width:61%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  padding:17px 19px!important;
  box-sizing:border-box!important;
  text-align:right!important;
}

html body .home-showcase-banner-copy strong{
  color:#075a45!important;
  font-size:19px!important;
  font-weight:950!important;
  line-height:1.45!important;
  text-shadow:0 1px 0 rgba(255,255,255,.80)!important;
}

html body .home-showcase-banner-copy small{
  color:#456159!important;
  font-size:11px!important;
  font-weight:800!important;
  text-shadow:0 1px 0 rgba(255,255,255,.85)!important;
}

html body .home-showcase-dots{
  position:absolute!important;
  z-index:4!important;
  right:19px!important;
  bottom:12px!important;
  display:flex!important;
  gap:5px!important;
}

html body .home-showcase-dots i{
  width:6px!important;
  height:6px!important;
  display:block!important;
  border-radius:99px!important;
  background:rgba(7,90,69,.28)!important;
  animation:balconaShowcaseDot 12s infinite both!important;
}

html body .home-showcase-dots i:nth-child(2){
  animation-delay:4s!important;
}

html body .home-showcase-dots i:nth-child(3){
  animation-delay:8s!important;
}

@keyframes balconaShowcaseSlide{
  0%,29%{
    opacity:1;
    transform:scale(1);
  }
  33%,100%{
    opacity:0;
    transform:scale(1.035);
  }
}

@keyframes balconaShowcaseDot{
  0%,29%{
    width:18px;
    background:#075a45;
  }
  33%,100%{
    width:6px;
    background:rgba(7,90,69,.28);
  }
}

@media(prefers-reduced-motion:reduce){
  html body .home-showcase-slide{
    animation:none!important;
  }

  html body .home-showcase-slide:first-child{
    opacity:1!important;
  }

  html body .home-showcase-dots i{
    animation:none!important;
  }
}


/* SHOWCASE MOTION AND CART ICON V79 */
html body .home-showcase-slide{
  opacity:0;
  animation-name:balconaShowcaseSlide!important;
  animation-duration:12s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
}

html body .home-showcase-slide:nth-child(1){
  animation-delay:0s!important;
}

html body .home-showcase-slide:nth-child(2){
  animation-delay:4s!important;
}

html body .home-showcase-slide:nth-child(3){
  animation-delay:8s!important;
}

html body .home-showcase-product-info button{
  width:38px!important;
  height:38px!important;
  padding:5px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#087b5d!important;
  border:0!important;
  box-shadow:none!important;
}

html body .home-showcase-product-info button svg{
  width:28px!important;
  height:28px!important;
  display:block!important;
  fill:none!important;
  stroke:#087b5d!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* إبقاء الحركة فعّالة على الآيفون */
@media(prefers-reduced-motion:reduce){
  html body .home-showcase-slide{
    opacity:0;
    animation-name:balconaShowcaseSlide!important;
    animation-duration:12s!important;
    animation-iteration-count:infinite!important;
  }

  html body .home-showcase-slide:nth-child(1){
    animation-delay:0s!important;
  }

  html body .home-showcase-slide:nth-child(2){
    animation-delay:4s!important;
  }

  html body .home-showcase-slide:nth-child(3){
    animation-delay:8s!important;
  }
}


/* DAILY CLOSING DESIGN V80 */
html body .daily-closing-box{
  margin:16px 0!important;
  direction:rtl!important;
}

html body .daily-closing-card{
  padding:16px!important;
  border:1px solid #dce9e4!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ffffff,#f4faf7)!important;
  box-shadow:0 8px 24px rgba(5,91,68,.08)!important;
}

html body .daily-closing-card.closed{
  border-color:#b9dfd1!important;
  background:linear-gradient(145deg,#fafffd,#ecf8f3)!important;
}

html body .daily-closing-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
}

html body .daily-closing-title small{
  display:block!important;
  color:#71817b!important;
  font-weight:700!important;
  margin-bottom:3px!important;
}

html body .daily-closing-title h3{
  margin:0!important;
  color:#075a45!important;
  font-size:18px!important;
}

html body .daily-open-badge,
html body .daily-closed-badge{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  border-radius:99px!important;
  font-size:12px!important;
  font-weight:900!important;
}

html body .daily-open-badge{
  color:#9a6310!important;
  background:#fff3cf!important;
}

html body .daily-closed-badge{
  color:#067053!important;
  background:#dff6ed!important;
}

html body .daily-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:14px!important;
}

html body .daily-summary-grid > div{
  min-width:0!important;
  padding:11px 8px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid #e4ece8!important;
  text-align:center!important;
}

html body .daily-summary-grid small{
  display:block!important;
  color:#78847f!important;
  font-size:11px!important;
  margin-bottom:5px!important;
}

html body .daily-summary-grid strong{
  color:#075a45!important;
  font-size:14px!important;
}

html body .daily-closing-help{
  padding:10px 12px!important;
  margin:0 0 12px!important;
  border-radius:12px!important;
  color:#49645b!important;
  background:#edf7f3!important;
  font-size:12px!important;
  line-height:1.7!important;
}

html body .daily-closing-form{
  display:grid!important;
  gap:10px!important;
}

html body .daily-closing-form label{
  display:grid!important;
  gap:6px!important;
  padding:11px!important;
  border:1px solid #e0e9e5!important;
  border-radius:13px!important;
  background:#fff!important;
}

html body .daily-closing-form label > span{
  color:#344d45!important;
  font-size:13px!important;
  font-weight:800!important;
}

html body .daily-closing-form input,
html body .daily-closing-form textarea{
  width:100%!important;
  box-sizing:border-box!important;
  padding:11px!important;
  border:1px solid #cedbd6!important;
  border-radius:10px!important;
  background:#fbfdfc!important;
  font:inherit!important;
  text-align:right!important;
}

html body .daily-closing-form button{
  min-height:46px!important;
  border:0!important;
  border-radius:13px!important;
  background:#08765a!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
}

html body .daily-difference{
  display:block!important;
  font-size:11px!important;
  font-weight:800!important;
}

html body .daily-difference.neutral{color:#7b8581!important}
html body .daily-difference.match{color:#08765a!important}
html body .daily-difference.surplus{color:#1769aa!important}
html body .daily-difference.shortage{color:#c43d32!important}

html body .daily-accounts-result{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}

html body .daily-accounts-result > div{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:11px 8px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid #dce8e3!important;
}

html body .daily-accounts-result b{
  color:#075a45!important;
}

html body .daily-accounts-result span{
  color:#6c7773!important;
  font-size:11px!important;
}

html body .daily-accounts-result .match{color:#08765a!important}
html body .daily-accounts-result .shortage{color:#c43d32!important}

html body .daily-closing-notes{
  margin:12px 0 0!important;
  padding:10px!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#4e5d58!important;
}

html body .daily-closing-history{
  margin-top:14px!important;
}

html body .daily-closing-history h4{
  margin:0 0 9px!important;
  color:#075a45!important;
}

html body .daily-closing-row{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:11px!important;
  margin-bottom:7px!important;
  border:1px solid #e1e8e5!important;
  border-radius:12px!important;
  background:#fff!important;
}

html body .daily-closing-row small{
  display:block!important;
  color:#7a8581!important;
  margin-top:3px!important;
}

html body .daily-closing-row-diffs{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  text-align:left!important;
  font-size:11px!important;
}

html body .daily-closing-row-diffs .ok{color:#08765a!important}
html body .daily-closing-row-diffs .warn{color:#c43d32!important}

html body .daily-closing-error,
html body .daily-closing-loading{
  padding:14px!important;
  border-radius:12px!important;
  background:#fff5f3!important;
  color:#a73d32!important;
  text-align:center!important;
}

@media(max-width:520px){
  html body .daily-summary-grid,
  html body .daily-accounts-result{
    grid-template-columns:1fr!important;
  }

  html body .daily-closing-row{
    flex-direction:column!important;
  }

  html body .daily-closing-row-diffs{
    text-align:right!important;
  }
}


/* GREEN FAVORITE HEART V83 */
html body .fav-float.active,
html body .category-product-favorite.active,
html body #favTopBtn.active{
  color:#0d6a52!important;
  background:#e7f5ef!important;
  border-color:#0d6a52!important;
  opacity:1!important;
  transform:scale(1.08)!important;
}

html body .fav-float,
html body .category-product-favorite,
html body #favTopBtn{
  transition:color .18s ease,background .18s ease,
             border-color .18s ease,transform .18s ease!important;
}

/* ===== BALCONA ACCOUNT V2 ===== */
html body #account.show .account-v2{
  display:grid;
  gap:18px;
}

html body #account.show .account-v2-quick{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  direction:rtl;
}

html body #account.show .account-v2-quick button{
  min-width:0;
  min-height:92px;
  padding:11px 5px;
  border:1px solid #e7dfd3!important;
  border-radius:16px!important;
  background:#fffdf9!important;
  color:#183d33!important;
  text-align:center!important;
  box-shadow:0 5px 16px rgba(58,72,61,.05)!important;
}

html body #account.show .account-v2-quick span{
  display:block;
  color:#0d6a52;
  font-size:25px;
  line-height:1;
  margin-bottom:8px;
}

html body #account.show .account-v2-quick b{
  display:block;
  font-size:12px;
  white-space:nowrap;
}

html body #account.show .account-v2-quick small{
  display:block;
  margin-top:4px;
  color:#8b8b82;
  font-size:10px;
}

html body #account.show .account-v2-points{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:17px 18px;
  border-radius:20px;
  background:linear-gradient(135deg,#0d5a46,#154f40);
  color:#fff;
  box-shadow:0 10px 25px rgba(13,90,70,.14);
}

html body #account.show .account-v2-points small{
  color:#d8e9e2;
}

html body #account.show .account-v2-points strong{
  display:block;
  margin:5px 0;
  font-size:17px;
}

html body #account.show .account-v2-points p{
  margin:0!important;
  color:#d8e9e2!important;
  font-size:11px!important;
}

html body #account.show .account-v2-star{
  font-size:38px;
  color:#dcc48d;
}

html body #account.show .account-v2-latest{
  padding:17px;
  border:1px solid #e8e0d4;
  border-radius:20px;
  background:#fffdf9;
  box-shadow:0 5px 18px rgba(58,72,61,.05);
}

html body #account.show .account-v2-latest-head,
html body #account.show .account-v2-latest-body{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

html body #account.show .account-v2-latest-head small,
html body #account.show .account-v2-latest-body small{
  display:block;
  color:#8a8d86;
  font-size:11px;
}

html body #account.show .account-v2-latest-head strong{
  color:#183d33;
  font-size:16px;
}

html body #account.show .account-v2-latest-head>span{
  padding:6px 10px;
  border-radius:999px;
  background:#e8f3ed;
  color:#0d6a52;
  font-size:11px;
  font-weight:800;
}

html body #account.show .account-v2-latest-body{
  margin:15px 0;
  padding:12px 0;
  border-top:1px solid #eee7dc;
  border-bottom:1px solid #eee7dc;
}

html body #account.show .account-v2-latest>button{
  width:100%;
  height:42px;
  border:0!important;
  border-radius:12px!important;
  background:#0d6a52!important;
  color:#fff!important;
  font-weight:900;
}

html body #account.show .account-v2-section h3{
  margin:2px 3px 9px;
  color:#183d33;
  font-size:18px;
}

html body #account.show .account-v2-menu{
  overflow:hidden;
  border:1px solid #e8e0d4;
  border-radius:20px;
  background:#fffdf9;
}

html body #account.show .account-v2-menu button{
  width:100%;
  min-height:64px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  padding:10px 14px!important;
  border:0!important;
  border-bottom:1px solid #eee7dc!important;
  border-radius:0!important;
  background:#fffdf9!important;
  color:#263d36!important;
  text-align:right!important;
  box-shadow:none!important;
}

html body #account.show .account-v2-menu button:last-child{
  border-bottom:0!important;
}

html body #account.show .account-v2-menu .v2icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#edf5f1;
  color:#0d6a52;
  font-size:19px;
  font-style:normal;
}

html body #account.show .account-v2-menu div b{
  display:block;
  font-size:14px;
}

html body #account.show .account-v2-menu div small{
  display:block;
  margin-top:3px;
  color:#8a8d86;
  font-size:10px;
}

html body #account.show .account-v2-menu i{
  color:#0d6a52;
  font-size:25px;
  font-style:normal;
}

@media(max-width:390px){
  html body #account.show .account-v2-quick{
    gap:5px;
  }
  html body #account.show .account-v2-quick button{
    padding:10px 3px;
  }
  html body #account.show .account-v2-quick b{
    font-size:11px;
  }
}

/* ===== BALCONA ACCOUNT V2 FINAL VISUAL ===== */

html body #account.show.account-logged-in,
html body #account.show.account-logged-in > .phone-card,
html body #account.show.account-logged-in .account-box{
  background:#f7f2e9!important;
}

html body #account.show.account-logged-in .account-page-title{
  display:none!important;
}

html body #account.show.account-logged-in .account-box{
  padding:18px 16px 110px!important;
  text-align:right!important;
}

html body #account.show.account-logged-in #customerSignedIn{
  display:block!important;
}

html body #account.show.account-logged-in .customer-profile-card{
  position:relative!important;
  min-height:138px!important;
  display:grid!important;
  grid-template-columns:1fr 76px!important;
  align-items:center!important;
  gap:14px!important;
  padding:20px!important;
  margin:6px 0 14px!important;
  border:1px solid #e7dfd2!important;
  border-radius:22px!important;
  background:rgba(255,253,249,.96)!important;
  box-shadow:0 7px 22px rgba(49,61,52,.06)!important;
}

html body #account.show.account-logged-in .customer-profile-avatar{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  width:72px!important;
  height:72px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:50%!important;
  background:#e9e2d5!important;
  color:#506b59!important;
  font-size:36px!important;
}

html body #account.show.account-logged-in .customer-profile-card > div:nth-child(2){
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}

html body #account.show.account-logged-in .customer-profile-card small{
  display:none!important;
}

html body #account.show.account-logged-in .customer-profile-card h3{
  margin:0 0 5px!important;
  color:#151d19!important;
  font-size:22px!important;
  font-weight:900!important;
}

html body #account.show.account-logged-in .customer-profile-card span{
  display:block!important;
  color:#73776f!important;
  font-size:13px!important;
  direction:ltr!important;
  text-align:right!important;
}

html body #account.show.account-logged-in .account-v2-edit-profile{
  grid-column:1!important;
  grid-row:2!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:34px!important;
  padding:6px 13px!important;
  border:1px solid #d8cdbd!important;
  border-radius:999px!important;
  background:#fffaf3!important;
  color:#38493f!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

html body #account.show.account-logged-in .balcona-account-dashboard.account-v2{
  gap:14px!important;
}

html body #account.show.account-logged-in .account-v2-quick{
  gap:8px!important;
}

html body #account.show.account-logged-in .account-v2-quick button{
  min-height:102px!important;
  padding:13px 5px!important;
  border:1px solid #e5dccf!important;
  border-radius:17px!important;
  background:#fffdfa!important;
  box-shadow:0 6px 18px rgba(52,61,54,.05)!important;
}

html body #account.show.account-logged-in .account-v2-quick span{
  color:#203e32!important;
  font-size:27px!important;
}

html body #account.show.account-logged-in .account-v2-quick b{
  color:#20251f!important;
  font-size:12px!important;
}

html body #account.show.account-logged-in .account-v2-quick small{
  width:max-content!important;
  min-width:25px!important;
  margin:6px auto 0!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#eee5d5!important;
  color:#726b60!important;
  font-size:10px!important;
}

html body #account.show.account-logged-in .account-v2-points{
  min-height:92px!important;
  padding:17px 20px!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#213d2d,#35543b)!important;
  box-shadow:0 8px 22px rgba(33,61,45,.16)!important;
}

html body #account.show.account-logged-in .account-v2-points strong{
  font-size:18px!important;
}

html body #account.show.account-logged-in .account-v2-star{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#caa85f!important;
  border:4px solid #efd79b!important;
  color:#fff4cf!important;
  font-size:27px!important;
}

html body #account.show.account-logged-in .account-v2-latest{
  padding:16px!important;
  border:1px solid #e6ddcf!important;
  border-radius:18px!important;
  background:#fffdfa!important;
}

html body #account.show.account-logged-in .account-v2-latest>button{
  background:#31503a!important;
  border-radius:12px!important;
}

html body #account.show.account-logged-in .account-v2-section{
  margin-top:2px!important;
}

html body #account.show.account-logged-in .account-v2-section h3{
  display:none!important;
}

html body #account.show.account-logged-in .account-v2-menu{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

html body #account.show.account-logged-in .account-v2-menu button{
  min-height:58px!important;
  margin-bottom:8px!important;
  padding:9px 14px!important;
  border:1px solid #ebe3d7!important;
  border-radius:15px!important;
  background:#fffdfa!important;
  box-shadow:0 3px 12px rgba(52,61,54,.035)!important;
}

html body #account.show.account-logged-in .account-v2-menu .v2icon{
  width:34px!important;
  height:34px!important;
  border-radius:0!important;
  background:transparent!important;
  color:#263d32!important;
  font-size:21px!important;
}

html body #account.show.account-logged-in .account-v2-menu div b{
  color:#171d19!important;
  font-size:14px!important;
}

html body #account.show.account-logged-in .account-v2-menu div small{
  color:#87877f!important;
}

html body #account.show.account-logged-in .account-v2-menu i{
  color:#313832!important;
}

html body #account.show.account-logged-in .account-profile-edit-panel{
  margin:14px 0!important;
  padding:16px!important;
  border:1px solid #e5dccf!important;
  border-radius:18px!important;
  background:#fffdfa!important;
}

html body #account.show.account-logged-in .account-logout-btn{
  margin-top:4px!important;
  background:#fffdfa!important;
}

html body #account.show.account-logged-in #myOrders{
  margin-top:14px!important;
}

body.balcona-account-open:has(#account.account-logged-in.show) #mainBottomNav,
body.balcona-account-open:has(#account.account-logged-in.show) .bottom-nav-new{
  background:#fffdfa!important;
  border-top:1px solid #e7dfd2!important;
}

@media(max-width:390px){
  html body #account.show.account-logged-in .account-v2-quick{
    gap:5px!important;
  }

  html body #account.show.account-logged-in .account-v2-quick button{
    min-height:94px!important;
  }
}

/* ===== BALCONA ACCOUNT HERO ART ===== */

html body #account.show.account-logged-in .account-v2-hero-band{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
  gap:14px!important;
  align-items:center!important;
  min-height:148px!important;
  margin:4px 0 14px!important;
  padding:18px 18px 16px!important;
  border:1px solid #e7ddcf!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fbf8f1 0%,#f3ecdf 100%)!important;
  box-shadow:0 8px 24px rgba(59,67,58,.06)!important;
}

html body #account.show.account-logged-in .account-v2-hero-band::before{
  content:""!important;
  position:absolute!important;
  inset:auto -30px -40px auto!important;
  width:150px!important;
  height:150px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#ece1cf 0%,rgba(236,225,207,0) 70%)!important;
  pointer-events:none!important;
}

html body #account.show.account-logged-in .account-v2-hero-copy{
  position:relative!important;
  z-index:1!important;
}

html body #account.show.account-logged-in .account-v2-hero-brand strong{
  display:block!important;
  color:#204233!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

html body #account.show.account-logged-in .account-v2-hero-brand small{
  display:block!important;
  margin-top:3px!important;
  color:#8c7a55!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:4px!important;
}

html body #account.show.account-logged-in .account-v2-hero-copy p{
  margin:12px 0 7px!important;
  color:#3a433d!important;
  font-size:17px!important;
  font-weight:800!important;
}

html body #account.show.account-logged-in .account-v2-hero-copy span{
  display:block!important;
  max-width:220px!important;
  color:#6d736d!important;
  font-size:13px!important;
  line-height:1.8!important;
}

html body #account.show.account-logged-in .account-v2-hero-art{
  position:relative!important;
  height:110px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.15))!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-shelf{
  position:absolute!important;
  left:8px!important;
  right:18px!important;
  bottom:18px!important;
  height:6px!important;
  border-radius:6px!important;
  background:#d9cfbf!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-board{
  position:absolute!important;
  left:72px!important;
  bottom:24px!important;
  width:27px!important;
  height:55px!important;
  border-radius:13px 13px 10px 10px!important;
  background:#c9a57b!important;
  box-shadow:inset 0 -6px 0 rgba(0,0,0,.05)!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-board::before{
  content:""!important;
  position:absolute!important;
  top:6px!important;
  left:9px!important;
  width:9px!important;
  height:9px!important;
  border:2px solid rgba(255,255,255,.55)!important;
  border-radius:50%!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-vase{
  position:absolute!important;
  left:18px!important;
  bottom:24px!important;
  width:28px!important;
  height:46px!important;
  border-radius:14px 14px 10px 10px!important;
  background:#ece5da!important;
  box-shadow:inset 0 -5px 0 rgba(0,0,0,.04)!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-pot{
  position:absolute!important;
  left:104px!important;
  bottom:24px!important;
  width:42px!important;
  height:24px!important;
  border-radius:10px 10px 14px 14px!important;
  background:#d9c6a9!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-pot::before{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  top:-6px!important;
  height:8px!important;
  border-radius:10px!important;
  background:#ccb697!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-bowl{
  position:absolute!important;
  bottom:24px!important;
  height:16px!important;
  border-radius:0 0 16px 16px!important;
  background:#d8d0c6!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-bowl-a{
  left:52px!important;
  width:18px!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-bowl-b{
  left:150px!important;
  width:24px!important;
  background:#c9d0c4!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-leaf{
  position:absolute!important;
  width:24px!important;
  height:10px!important;
  border-radius:24px 24px 24px 0!important;
  background:#6f8c76!important;
  transform-origin:right center!important;
  opacity:.96!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-leaf-1{
  left:8px!important;
  bottom:79px!important;
  transform:rotate(-42deg)!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-leaf-2{
  left:20px!important;
  bottom:92px!important;
  width:26px!important;
  transform:rotate(-8deg)!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-leaf-3{
  left:30px!important;
  bottom:77px!important;
  transform:rotate(30deg)!important;
}

html body #account.show.account-logged-in .account-v2-hero-art .hero-leaf-4{
  left:118px!important;
  bottom:54px!important;
  width:20px!important;
  transform:rotate(-55deg)!important;
  background:#819c79!important;
}

@media(max-width:390px){
  html body #account.show.account-logged-in .account-v2-hero-band{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:16px!important;
  }

  html body #account.show.account-logged-in .account-v2-hero-copy span{
    max-width:none!important;
  }

  html body #account.show.account-logged-in .account-v2-hero-art{
    height:100px!important;
  }
}

/* ===== REAL HERO IMAGE FOR ACCOUNT ===== */
html body #account.show.account-logged-in .account-v2-hero-band{
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:1fr 1.1fr!important;
  gap:16px!important;
  align-items:center!important;
  margin:6px 0 16px!important;
  padding:14px!important;
  border:1px solid #e7ddcf!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fbf8f1 0%,#f3ecdf 100%)!important;
  box-shadow:0 8px 24px rgba(59,67,58,.06)!important;
}

html body #account.show.account-logged-in .account-v2-hero-art{
  overflow:hidden!important;
  min-height:170px!important;
  border-radius:18px!important;
  background:#f3ecdf!important;
}

html body #account.show.account-logged-in .account-v2-hero-photo{
  width:100%!important;
  height:100%!important;
  min-height:170px!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}

html body #account.show.account-logged-in .account-v2-hero-copy{
  text-align:right!important;
}

html body #account.show.account-logged-in .account-v2-hero-brand strong{
  display:block!important;
  color:#204233!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
}

html body #account.show.account-logged-in .account-v2-hero-brand small{
  display:block!important;
  margin-top:4px!important;
  color:#9a8458!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:4px!important;
}

html body #account.show.account-logged-in .account-v2-hero-copy p{
  margin:14px 0 8px!important;
  color:#31443c!important;
  font-size:18px!important;
  font-weight:900!important;
}

html body #account.show.account-logged-in .account-v2-hero-copy span{
  display:block!important;
  color:#6d736d!important;
  font-size:14px!important;
  line-height:1.8!important;
}

@media(max-width:390px){
  html body #account.show.account-logged-in .account-v2-hero-band{
    grid-template-columns:1fr!important;
  }

  html body #account.show.account-logged-in .account-v2-hero-art,
  html body #account.show.account-logged-in .account-v2-hero-photo{
    min-height:150px!important;
  }
}

/* =========================================================
   BALCONA ACCOUNT — EXACT REFERENCE LAYOUT / APP COLORS
   ========================================================= */

html body #account.show.account-logged-in,
html body #account.show.account-logged-in > .phone-card,
html body #account.show.account-logged-in .account-box{
  background:#fff!important;
}

html body #account.show.account-logged-in .account-box{
  padding:14px 14px 110px!important;
}

/* نخلي الجزء العلوي مثل المرجع: رسمة يسار + حساب يمين */
html body #account.show.account-logged-in #customerSignedIn{
  display:grid!important;
  grid-template-columns:40% 60%!important;
  column-gap:10px!important;
  align-items:stretch!important;
}

/* الرسمة الحقيقية */
html body #account.show.account-logged-in .account-v2-hero-band{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  min-width:0!important;
  min-height:166px!important;
  height:166px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body #account.show.account-logged-in .account-v2-hero-copy{
  display:none!important;
}

html body #account.show.account-logged-in .account-v2-hero-art{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#fff!important;
}

html body #account.show.account-logged-in .account-v2-hero-photo{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:18% 72%!important;
  border-radius:18px!important;
}

/* بطاقة المستخدم يمين الرسمة */
html body #account.show.account-logged-in .customer-profile-card{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  min-height:166px!important;
  height:166px!important;
  margin:0!important;
  padding:17px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 62px!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  align-items:center!important;
  gap:8px 10px!important;
  border:1px solid #e6ebe8!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(13,90,70,.045)!important;
}

html body #account.show.account-logged-in .customer-profile-avatar{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:50%!important;
  background:#edf4f1!important;
  color:#0d5a46!important;
  font-size:29px!important;
}

html body #account.show.account-logged-in .customer-profile-card > div:nth-child(2){
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  min-width:0!important;
}

html body #account.show.account-logged-in .customer-profile-card small{
  display:none!important;
}

html body #account.show.account-logged-in .customer-profile-card h3{
  margin:0 0 4px!important;
  color:#142d25!important;
  font-size:19px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body #account.show.account-logged-in .customer-profile-card span{
  display:block!important;
  color:#737c78!important;
  font-size:12px!important;
  direction:ltr!important;
  text-align:right!important;
}

/* تعديل الملف */
html body #account.show.account-logged-in .account-v2-edit-profile{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:31px!important;
  padding:5px 10px!important;
  border:1px solid #cddbd5!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#24483b!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

/* بقية الحساب بعرض كامل */
html body #account.show.account-logged-in .account-profile-edit-panel,
html body #account.show.account-logged-in .account-old-links,
html body #account.show.account-logged-in .balcona-account-dashboard,
html body #account.show.account-logged-in #myOrders{
  grid-column:1 / -1!important;
}

/* الأربع بطاقات */
html body #account.show.account-logged-in .account-v2{
  margin-top:12px!important;
  gap:12px!important;
}

html body #account.show.account-logged-in .account-v2-quick{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  direction:rtl!important;
}

html body #account.show.account-logged-in .account-v2-quick button{
  min-width:0!important;
  min-height:94px!important;
  padding:11px 3px!important;
  border:1px solid #e5ebe8!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#173b30!important;
  box-shadow:0 4px 12px rgba(13,90,70,.035)!important;
}

html body #account.show.account-logged-in .account-v2-quick span{
  display:block!important;
  margin-bottom:7px!important;
  color:#173f33!important;
  font-size:25px!important;
}

html body #account.show.account-logged-in .account-v2-quick b{
  display:block!important;
  color:#172b24!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

html body #account.show.account-logged-in .account-v2-quick small{
  display:block!important;
  width:max-content!important;
  min-width:24px!important;
  margin:6px auto 0!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  background:#edf4f1!important;
  color:#55645e!important;
  font-size:9px!important;
}

/* شريط النقاط */
html body #account.show.account-logged-in .account-v2-points{
  min-height:82px!important;
  padding:14px 17px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#0b513e,#164f40)!important;
  color:#fff!important;
  box-shadow:none!important;
}

html body #account.show.account-logged-in .account-v2-points strong{
  font-size:16px!important;
}

html body #account.show.account-logged-in .account-v2-points small,
html body #account.show.account-logged-in .account-v2-points p{
  color:#d9ebe4!important;
}

html body #account.show.account-logged-in .account-v2-star{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#d8ba74!important;
  border:3px solid #f0d99e!important;
  color:#fff7db!important;
  font-size:25px!important;
}

/* آخر طلب */
html body #account.show.account-logged-in .account-v2-latest{
  padding:14px!important;
  border:1px solid #e5ebe8!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(13,90,70,.035)!important;
}

html body #account.show.account-logged-in .account-v2-latest-head>span{
  background:#e9f5ef!important;
  color:#0d5a46!important;
}

html body #account.show.account-logged-in .account-v2-latest>button{
  background:#0d5a46!important;
  color:#fff!important;
  border-radius:11px!important;
}

/* القائمة مثل المرجع */
html body #account.show.account-logged-in .account-v2-section h3{
  display:none!important;
}

html body #account.show.account-logged-in .account-v2-menu{
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

html body #account.show.account-logged-in .account-v2-menu button{
  width:100%!important;
  min-height:55px!important;
  margin-bottom:7px!important;
  padding:8px 13px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid #e6ebe9!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#1b3028!important;
  text-align:right!important;
  box-shadow:0 2px 9px rgba(13,90,70,.025)!important;
}

html body #account.show.account-logged-in .account-v2-menu .v2icon{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:0!important;
  background:transparent!important;
  color:#173f33!important;
  font-size:20px!important;
}

html body #account.show.account-logged-in .account-v2-menu div b{
  color:#172b24!important;
  font-size:13px!important;
  font-weight:800!important;
}

html body #account.show.account-logged-in .account-v2-menu div small{
  margin-top:2px!important;
  color:#8a918e!important;
  font-size:9px!important;
}

html body #account.show.account-logged-in .account-v2-menu i{
  color:#173f33!important;
  font-size:23px!important;
}

/* شريط الأسفل يبقى مثل واجهة بالكونا */
body.balcona-account-open:has(#account.account-logged-in.show) #mainBottomNav,
body.balcona-account-open:has(#account.account-logged-in.show) .bottom-nav-new{
  background:#fff!important;
  border-top:1px solid #e5ebe8!important;
  box-shadow:0 -3px 14px rgba(13,90,70,.035)!important;
}

/* موبايلات أضيق */
@media(max-width:390px){
  html body #account.show.account-logged-in #customerSignedIn{
    grid-template-columns:38% 62%!important;
    column-gap:7px!important;
  }

  html body #account.show.account-logged-in .account-v2-hero-band,
  html body #account.show.account-logged-in .customer-profile-card{
    min-height:150px!important;
    height:150px!important;
  }

  html body #account.show.account-logged-in .account-v2-quick{
    gap:5px!important;
  }

  html body #account.show.account-logged-in .account-v2-quick button{
    min-height:89px!important;
  }
}

/* ===== ACCOUNT TOP GAP FIX ===== */
html body #account.show.account-logged-in > .phone-card{
  padding-top:0 !important;
}

html body #account.show.account-logged-in .account-box{
  padding-top:0 !important;
  margin-top:0 !important;
}

html body #account.show .account-page-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  height:0 !important;
  line-height:0 !important;
}

html body #account.show.account-logged-in #customerSignedIn{
  margin-top:0 !important;
  padding-top:0 !important;
}

html body #account.show.account-logged-in .account-v2{
  margin-top:0 !important;
  padding-top:0 !important;
}

html body #account.show.account-logged-in .account-v2-hero-band,
html body #account.show.account-logged-in .customer-profile-card{
  margin-top:0 !important;
}

html body #account.show .category-native-header{
  margin-bottom:0 !important;
  padding-bottom:8px !important;
}

html body #account.show.account-logged-in .account-box > *:first-child{
  margin-top:0 !important;
}

/* ===== ACCOUNT HEADER GAP DEFINITIVE FIX ===== */
html body #account.show .category-native-header{
  position:sticky !important;
  top:0 !important;
  width:100% !important;

  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;

  margin:0 !important;
  padding:0 14px !important;

  box-sizing:border-box !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}

html body #account.show .category-native-back,
html body #account.show .category-native-cart{
  position:static !important;
  top:auto !important;
  bottom:auto !important;

  width:44px !important;
  height:44px !important;

  margin:0 !important;
  padding:0 !important;

  display:grid !important;
  place-items:center !important;
  align-self:center !important;

  transform:none !important;
}

html body #account.show .category-native-brand{
  height:52px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;

  transform:none !important;
}

html body #account.show .account-box{
  margin:0 !important;
  padding-top:0 !important;
}

html body #account.show.account-logged-in #customerSignedIn{
  margin:0 !important;
  padding:0 !important;
}

/* ===== ACCOUNT SCROLL FIX ===== */
html body #account.show{
  overflow:hidden !important;
}

html body #account.show > .phone-card{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-y:contain !important;
  touch-action:pan-y !important;
}

html body #account.show .account-box{
  overflow:visible !important;
  height:auto !important;
  min-height:max-content !important;
}

html body #account.show #customerSignedIn{
  height:auto !important;
  min-height:max-content !important;
  overflow:visible !important;
}

html body #account.show .balcona-account-dashboard{
  height:auto !important;
  overflow:visible !important;
}

html body #account.show #myOrders{
  overflow:visible !important;
}

/* ===== BALCONA LOGIN V3 ===== */
html body #account.show #customerSignedOut.balcona-login-v3{
  display:grid;
  gap:16px;
  padding:4px 0 26px;
  direction:rtl;
}

html body #account.show #customerSignedOut.balcona-login-v3.hidden{
  display:none!important;
}

html body #account.show .balcona-login-visual{
  display:grid;
  grid-template-columns:42% 58%;
  min-height:175px;
  overflow:hidden;
  border:1px solid #e9e2d8;
  border-radius:24px;
  background:#f7f1e7;
}

html body #account.show .balcona-login-photo{
  min-width:0;
  overflow:hidden;
}

html body #account.show .balcona-login-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:175px;
  object-fit:cover;
  object-position:24% 70%;
}

html body #account.show .balcona-login-welcome{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:20px 18px;
  text-align:right;
}

html body #account.show .balcona-login-brand{
  margin-bottom:13px;
  color:#0d604b;
}

html body #account.show .balcona-login-brand strong{
  display:block;
  font-size:31px;
  font-weight:900;
  line-height:1;
}

html body #account.show .balcona-login-brand small{
  display:block;
  margin-top:6px;
  padding-right:2px;
  font-size:10px;
  font-weight:800;
  letter-spacing:5px;
  direction:ltr;
}

html body #account.show .balcona-login-welcome h2{
  margin:0 0 7px!important;
  color:#193f35;
  font-size:20px;
  font-weight:900;
}

html body #account.show .balcona-login-welcome p{
  margin:0!important;
  color:#747b77!important;
  font-size:13px!important;
  line-height:1.7!important;
}

html body #account.show .balcona-login-panel{
  padding:18px;
  border:1px solid #e7e2da;
  border-radius:24px;
  background:#fff;
}

html body #account.show .balcona-login-panel-head{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:12px;
  align-items:center;
  margin-bottom:15px;
}

html body #account.show .balcona-login-user-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#edf5f1;
  color:#0d604b;
  font-size:28px;
}

html body #account.show .balcona-login-panel-head h3{
  margin:0 0 4px!important;
  color:#173f34;
  font-size:19px;
  font-weight:900;
}

html body #account.show .balcona-login-panel-head p{
  margin:0!important;
  color:#777!important;
  font-size:12px!important;
  line-height:1.65!important;
}

html body #account.show .balcona-login-main-btn{
  width:100%!important;
  min-height:50px!important;
  border:0!important;
  border-radius:15px!important;
  background:#0d604b!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
}

html body #account.show .balcona-login-v3 .customer-auth-box{
  margin-top:16px!important;
  padding:15px!important;
  border:1px solid #e8e1d7!important;
  border-radius:18px!important;
  background:#faf7f1!important;
}

html body #account.show .balcona-login-v3 .customer-auth-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  margin-bottom:14px!important;
  padding:4px!important;
  border-radius:14px!important;
  background:#eee9df!important;
}

html body #account.show .balcona-login-v3 .customer-auth-tabs button{
  min-height:40px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#66716d!important;
  font-weight:800!important;
}

html body #account.show .balcona-login-v3 .customer-auth-tabs button.active{
  background:#fff!important;
  color:#0d604b!important;
  box-shadow:0 2px 8px rgba(30,60,50,.07)!important;
}

html body #account.show .balcona-login-v3 .customer-auth-box label{
  display:block!important;
  margin-bottom:11px!important;
  color:#364d45!important;
  font-size:12px!important;
  font-weight:800!important;
}

html body #account.show .balcona-login-v3 .customer-auth-box input{
  width:100%!important;
  height:47px!important;
  margin-top:5px!important;
  padding:0 13px!important;
  border:1px solid #ddd8cf!important;
  border-radius:13px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}

html body #account.show .balcona-login-v3 .customer-auth-box .primary-full{
  width:100%!important;
  min-height:48px!important;
  border:0!important;
  border-radius:13px!important;
  background:#0d604b!important;
  color:#fff!important;
  font-weight:900!important;
}

html body #account.show .balcona-login-divider{
  margin:0!important;
  color:#999!important;
}

html body #account.show .balcona-login-guest{
  padding:17px!important;
  border:1px solid #e7e2da!important;
  border-radius:22px!important;
  background:#fff!important;
}

html body #account.show .balcona-login-guest-head{
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
}

html body #account.show .balcona-login-guest-head>span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#edf5f1;
  color:#0d604b;
  font-size:23px;
}

html body #account.show .balcona-login-guest h4{
  margin:0 0 3px!important;
  color:#193f35;
  font-size:17px;
}

html body #account.show .balcona-login-guest p{
  margin:0!important;
  color:#7c817e!important;
  font-size:12px!important;
}

html body #account.show .balcona-login-track{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 100px!important;
  gap:8px!important;
}

html body #account.show .balcona-login-track input{
  height:48px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #ddd8cf!important;
  border-radius:13px!important;
  background:#faf8f4!important;
}

html body #account.show .balcona-login-track button{
  min-height:48px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:13px!important;
  background:#e7f2ed!important;
  color:#0d604b!important;
  font-weight:900!important;
}

@media(max-width:370px){
  html body #account.show .balcona-login-visual{
    grid-template-columns:39% 61%;
  }

  html body #account.show .balcona-login-brand strong{
    font-size:27px;
  }

  html body #account.show .balcona-login-welcome{
    padding:16px 13px;
  }
}

/* ===== BALCONA LOGIN EXACT REFERENCE ===== */

html body #account.show:has(#customerSignedOut:not(.hidden)) .category-native-header,
html body #account.show:has(#customerSignedOut:not(.hidden)) .account-page-title{
  display:none!important;
}

html body #account.show:has(#customerSignedOut:not(.hidden)) .account-box{
  padding:0 14px 110px!important;
  background:#f8f5ef!important;
}

html body #account.show #customerSignedOut.balcona-login-exact{
  display:grid;
  gap:14px;
  direction:rtl;
}

html body #account.show #customerSignedOut.balcona-login-exact.hidden{
  display:none!important;
}

/* البانر الكبير */
html body #account.show .login-exact-hero{
  position:relative;
  height:315px;
  overflow:hidden;
  margin:0 -14px;
  border-radius:0 0 24px 24px;
  background:#efe7da;
}

html body #account.show .login-exact-hero>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:28% center;
}

html body #account.show .login-exact-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(248,244,235,.04) 0%,
    rgba(248,244,235,.12) 38%,
    rgba(248,244,235,.74) 72%,
    rgba(248,244,235,.93) 100%
  );
}

html body #account.show .login-exact-hero-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  color:#174c3c;
}

html body #account.show .login-exact-brand{
  position:absolute;
  top:30px;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
  white-space:nowrap;
}

html body #account.show .login-exact-brand strong{
  display:block;
  color:#0c6b50;
  font-size:36px;
  font-weight:900;
  line-height:1;
}

html body #account.show .login-exact-brand small{
  display:block;
  margin-top:6px;
  color:#0c6b50;
  font-size:10px;
  font-weight:900;
  letter-spacing:5px;
  direction:ltr;
}

html body #account.show .login-exact-tagline{
  position:absolute;
  top:93px;
  left:50%;
  transform:translateX(-50%);
  color:#71746e;
  font-size:13px;
  white-space:nowrap;
}

html body #account.show .login-exact-copy{
  position:absolute;
  top:133px;
  right:24px;
  width:48%;
  text-align:right;
}

html body #account.show .login-exact-copy b{
  display:block;
  color:#0c6b50;
  font-size:21px;
  line-height:1.55;
}

html body #account.show .login-exact-copy span{
  display:block;
  margin-top:12px;
  color:#777a74;
  font-size:13px;
}

/* بطاقة أهلاً بك */
html body #account.show .login-exact-card{
  padding:19px 17px 17px;
  border:1px solid #e5dfd5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 5px 18px rgba(45,58,50,.045);
}

html body #account.show .login-exact-welcome{
  display:grid;
  grid-template-columns:1fr 72px;
  gap:12px;
  align-items:center;
}

html body #account.show .login-exact-welcome h2{
  margin:0 0 6px!important;
  color:#144d3c;
  font-size:21px;
  font-weight:900;
}

html body #account.show .login-exact-welcome p{
  margin:0!important;
  color:#777a77!important;
  font-size:12px!important;
  line-height:1.75!important;
}

html body #account.show .login-exact-avatar{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eaf5f0;
}

html body #account.show .login-exact-avatar svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:#0d7257;
  stroke-width:1.8;
}

html body #account.show .login-exact-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:16px;
}

html body #account.show .login-exact-actions button{
  min-height:52px!important;
  border-radius:13px!important;
  font-size:17px!important;
  font-weight:900!important;
}

html body #account.show .login-exact-login{
  border:0!important;
  background:#087154!important;
  color:#fff!important;
}

html body #account.show .login-exact-register{
  border:1.5px solid #72ae9c!important;
  background:#fff!important;
  color:#087154!important;
}

/* صندوق فورم الدخول */
html body #account.show .login-exact-card .customer-auth-box{
  margin-top:16px!important;
  padding:14px!important;
  border:1px solid #ebe5dc!important;
  border-radius:16px!important;
  background:#faf8f3!important;
}

/* متابعة كضيف */
html body #account.show .login-exact-guest{
  padding:17px 18px;
  border:1px solid #e6e0d7;
  border-radius:20px;
  background:#fff;
}

html body #account.show .login-exact-guest h3{
  margin:0 0 4px!important;
  color:#192f29;
  font-size:18px;
  font-weight:900;
}

html body #account.show .login-exact-guest p{
  margin:0 0 12px!important;
  color:#858582!important;
  font-size:12px!important;
}

html body #account.show .login-exact-track{
  display:grid;
  grid-template-columns:minmax(0,1fr) 105px;
  gap:9px;
}

html body #account.show .login-exact-track input{
  height:49px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #ded9d0!important;
  border-radius:13px!important;
  background:#fff!important;
}

html body #account.show .login-exact-track button{
  min-height:49px!important;
  border:0!important;
  border-radius:13px!important;
  background:#e5f2ec!important;
  color:#087154!important;
  font-weight:900!important;
}

/* الزخرفة السفلية */
html body #account.show .login-exact-footer-note{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:2px 28px 4px;
  color:#99968e;
  font-size:11px;
}

html body #account.show .login-exact-footer-note span{
  height:1px;
  background:#ddd8cf;
}

html body #account.show .login-exact-footer-note b{
  font-weight:500;
}

@media(max-width:380px){
  html body #account.show .login-exact-hero{
    height:290px;
  }

  html body #account.show .login-exact-copy{
    right:18px;
  }

  html body #account.show .login-exact-copy b{
    font-size:19px;
  }
}

/* ===== LOGIN CARD WIDTH FIX ===== */

/* ترتيب الأيقونة والنص بدون ضغط */
html body #account.show #customerSignedOut:not(.hidden) .login-exact-welcome{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  direction:rtl !important;
}

/* الأيقونة */
html body #account.show #customerSignedOut:not(.hidden) .login-exact-avatar{
  flex:0 0 68px !important;
  width:68px !important;
  height:68px !important;
}

/* مساحة النص */
html body #account.show #customerSignedOut:not(.hidden) .login-exact-welcome > div:last-child{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  text-align:right !important;
}

/* العنوان يبقى بسطر واحد */
html body #account.show #customerSignedOut:not(.hidden) .login-exact-welcome h2{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 0 7px !important;
  padding:0 !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  font-size:21px !important;
  line-height:1.4 !important;
}

/* الوصف يرجع طبيعي بدل كلمة تحت كلمة */
html body #account.show #customerSignedOut:not(.hidden) .login-exact-welcome p{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  font-size:13px !important;
  line-height:1.8 !important;
}

/* حجم البطاقة الطبيعي */
html body #account.show #customerSignedOut:not(.hidden) .login-exact-card{
  width:100% !important;
  box-sizing:border-box !important;
  padding:20px 18px 18px !important;
}

/* الزرين متساويين */
html body #account.show #customerSignedOut:not(.hidden) .login-exact-actions{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:17px !important;
}

/* للموبايلات الضيقة فقط */
@media(max-width:360px){
  html body #account.show #customerSignedOut:not(.hidden) .login-exact-welcome{
    gap:11px !important;
  }

  html body #account.show #customerSignedOut:not(.hidden) .login-exact-avatar{
    flex-basis:58px !important;
    width:58px !important;
    height:58px !important;
  }

  html body #account.show #customerSignedOut:not(.hidden) .login-exact-welcome h2{
    font-size:18px !important;
  }
}

/* ===== BALCONA MODERN PRODUCT PAGE 2026 ===== */

html body #productModal .phone-card{
  background:#fbfaf7!important;
}

html body #productModal #productDetail{
  background:#fbfaf7!important;
}

html body #productModal .modern-product-page{
  padding:10px 12px 26px!important;
  background:#fbfaf7!important;
}

html body #productModal .modern-product-image{
  position:relative!important;
  height:360px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#f2eee8!important;
  margin-bottom:10px!important;
  box-shadow:0 4px 18px rgba(31,56,48,.06)!important;
}

html body #productModal .modern-product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  background:#fff!important;
}

html body #productModal .image-counter{
  position:absolute!important;
  left:14px!important;
  bottom:14px!important;
  background:rgba(20,28,25,.72)!important;
  color:#fff!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:800!important;
}

html body #productModal .modern-product-content{
  background:#fff!important;
  border:1px solid #eee8df!important;
  border-radius:26px!important;
  padding:20px 16px 16px!important;
  box-shadow:0 8px 28px rgba(26,65,53,.06)!important;
}

html body #productModal .modern-product-title{
  margin:0!important;
  color:#103f34!important;
  font-size:25px!important;
  line-height:1.45!important;
  font-weight:900!important;
  letter-spacing:-.3px!important;
}

html body #productModal .modern-rating{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:8px!important;
  flex-wrap:wrap!important;
}

html body #productModal .modern-rating b{
  color:#173f35!important;
  font-size:14px!important;
}

html body #productModal .stars{
  color:#f4a51c!important;
  letter-spacing:1px!important;
  font-size:15px!important;
}

html body #productModal .rating-count{
  color:#8b8b8b!important;
  font-size:12px!important;
}

html body #productModal .modern-price{
  color:#08745d!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:950!important;
  margin:16px 0 14px!important;
}

html body #productModal .modern-description{
  color:#555!important;
  font-size:14px!important;
  line-height:1.95!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #eee9e2!important;
}

html body #productModal .modern-features{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  margin:16px 0!important;
}

html body #productModal .modern-features > div{
  min-height:82px!important;
  padding:10px 5px!important;
  border-radius:18px!important;
  background:#faf8f4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:6px!important;
}

html body #productModal .modern-features span{
  color:#08745d!important;
  font-size:25px!important;
  line-height:1!important;
}

html body #productModal .modern-features b{
  color:#454545!important;
  font-size:11px!important;
  line-height:1.5!important;
  font-weight:700!important;
}

html body #productModal .modern-buy-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:8px 0 12px!important;
}

html body #productModal .modern-stock{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:850!important;
}

html body #productModal .modern-stock.available{
  color:#08745d!important;
  background:#e9f7ef!important;
}

html body #productModal .modern-stock.unavailable{
  color:#a53a36!important;
  background:#faecea!important;
}

html body #productModal .modern-stock span{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:currentColor!important;
}

html body #productModal .modern-qty{
  height:46px!important;
  min-width:126px!important;
  background:#fff!important;
  border:1px solid #e8e3dc!important;
  border-radius:15px!important;
  display:grid!important;
  grid-template-columns:42px 42px 42px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

html body #productModal .modern-qty button,
html body #productModal .modern-qty b{
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}

html body #productModal .modern-qty button{
  background:#f7f6f2!important;
  color:#08745d!important;
  border:0!important;
  font-size:22px!important;
  font-weight:700!important;
}

html body #productModal .modern-qty b{
  font-size:17px!important;
  color:#1d2723!important;
  font-weight:900!important;
  border-left:1px solid #eee9e2!important;
  border-right:1px solid #eee9e2!important;
}

html body #productModal .modern-buy{
  position:static!important;
  width:100%!important;
  height:58px!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#08745d,#0b604f)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  box-shadow:0 10px 22px rgba(8,116,93,.18)!important;
}

html body #productModal .modern-buy span{
  font-size:21px!important;
}

html body #productModal .modern-buy:disabled{
  opacity:.5!important;
}

html body #productModal .modern-services{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:6px!important;
  margin-top:16px!important;
  padding-top:15px!important;
  border-top:1px solid #eee9e2!important;
}

html body #productModal .modern-services > div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  gap:3px!important;
}

html body #productModal .modern-services span{
  color:#08745d!important;
  font-size:22px!important;
}

html body #productModal .modern-services b{
  color:#1c4137!important;
  font-size:11px!important;
  font-weight:800!important;
}

html body #productModal .modern-services small{
  color:#999!important;
  font-size:9px!important;
}

/* hide old product-detail styling if inherited */
html body #productModal .modern-product-page .product-detail-img,
html body #productModal .modern-product-page .product-detail-body,
html body #productModal .modern-product-page .detail-actions,
html body #productModal .modern-product-page .detail-note,
html body #productModal .modern-product-page .detail-stock,
html body #productModal .modern-product-page .detail-price,
html body #productModal .modern-product-page .rating-line{
  all:unset;
}

/* mobile refinement */
@media(max-width:430px){
  html body #productModal .modern-product-image{
    height:330px!important;
  }

  html body #productModal .modern-product-title{
    font-size:23px!important;
  }

  html body #productModal .modern-price{
    font-size:28px!important;
  }
}


/* PRODUCT IMAGE HEIGHT REFINEMENT */
@media(max-width:430px){
  html body #productModal .modern-product-image{
    height:290px!important;
  }

  html body #productModal .modern-product-page{
    padding-top:8px!important;
  }
}


/* PRODUCT HEADER MODERNIZATION */

html body #productModal .sub-header{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  height:74px!important;
  padding:0 18px!important;
  background:rgba(251,250,247,.96)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(220,214,205,.7)!important;
  box-shadow:none!important;
}

html body #productModal .sub-header strong{
  font-size:0!important;
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:125px!important;
  height:50px!important;
  background:url('/logo.png') center/contain no-repeat!important;
}

html body #productModal .sub-header .category-native-back{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f5f2ec!important;
  border:1px solid #ebe6dd!important;
  color:#0b604f!important;
  font-size:0!important;
  box-shadow:none!important;
}

html body #productModal .sub-header .category-native-back::before{
  content:'›'!important;
  font-size:38px!important;
  line-height:1!important;
  font-weight:400!important;
  transform:translateY(-1px)!important;
}

html body #productModal #favTopBtn{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #ebe6dd!important;
  box-shadow:0 4px 12px rgba(30,60,50,.06)!important;
  color:#0b604f!important;
  font-size:29px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}

html body #productModal #favTopBtn.active{
  background:#0b604f!important;
  color:#fff!important;
}


/* PRODUCT FEATURES + STOCK + QTY REFINEMENT */

html body #productModal .modern-features{
  grid-template-columns:repeat(2,1fr)!important;
  gap:10px!important;
}

html body #productModal .modern-features > div{
  min-height:68px!important;
  padding:10px 12px!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:right!important;
  gap:10px!important;
  background:#f8f6f1!important;
  border:1px solid #eee8df!important;
}

html body #productModal .modern-features span{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  background:#e9f4ef!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#08745d!important;
  font-size:18px!important;
}

html body #productModal .modern-features b{
  font-size:13px!important;
  color:#33463f!important;
  font-weight:800!important;
}

html body #productModal .modern-buy-row{
  direction:rtl!important;
  margin-top:12px!important;
}

html body #productModal .modern-stock{
  order:2!important;
}

html body #productModal .modern-qty{
  order:1!important;
}

html body #productModal .modern-qty button{
  font-size:0!important;
}

html body #productModal .modern-qty button:first-child::before{
  content:'−'!important;
  font-size:23px!important;
}

html body #productModal .modern-qty button:last-child::before{
  content:'+'!important;
  font-size:23px!important;
}

html body #productModal .modern-buy{
  margin-top:4px!important;
  border-radius:16px!important;
  min-height:56px!important;
}

html body #productModal .modern-services{
  background:#faf8f4!important;
  border-radius:18px!important;
  padding:14px 8px!important;
  border:1px solid #eee8df!important;
}


/* PRODUCT HEADER SHARE BUTTON */

html body #productModal .product-share-btn{
  position:absolute!important;
  left:68px!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #ebe6dd!important;
  color:#0b604f!important;
  font-size:25px!important;
  font-weight:700!important;
  box-shadow:0 4px 12px rgba(30,60,50,.06)!important;
}

html body #productModal .product-share-btn:active{
  transform:scale(.95)!important;
}


/* MODERN FEATURE ICONS + CART ICON */

html body #productModal .modern-features svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
}

html body #productModal .modern-features span{
  background:#e8f4ef!important;
  color:#08745d!important;
}

html body #productModal .modern-buy{
  gap:9px!important;
}

html body #productModal .modern-buy .cart-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  color:#fff!important;
  font-size:0!important;
}

html body #productModal .modern-buy .cart-icon svg{
  width:23px!important;
  height:23px!important;
  display:block!important;
}

html body #productModal .modern-buy .buy-text{
  display:inline-flex!important;
  align-items:center!important;
  font-size:18px!important;
  font-weight:900!important;
  color:#fff!important;
}


/* IMAGE SIZE FIX - MAKE PRODUCT IMAGE BIGGER AGAIN */
@media(max-width:430px){
  html body #productModal .modern-product-image{
    height:360px!important;
  }

  html body #productModal .modern-product-image img{
    object-fit:cover!important;
    object-position:center!important;
  }
}


/* ===== PRODUCT IMAGE FINAL LARGE OVERRIDE ===== */
@media(max-width:430px){

  html body #productModal .modern-product-page{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  html body #productModal .modern-product-image{
    width:100%!important;
    height:430px!important;
    padding:0!important;
    margin:8px 0 12px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  html body #productModal .modern-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:24px!important;
    margin:0!important;
    padding:0!important;
  }
}


/* PRODUCT DETAIL IMAGE - MEASURED ZOOM FIX */
html body #productModal .modern-product-image{
  height:430px!important;
  overflow:hidden!important;
  background:#fff!important;
}

html body #productModal .modern-product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.38)!important;
  transform-origin:center center!important;
}


/* PRODUCT IMAGE - RESTORE NATURAL VIEW */
html body #productModal .modern-product-image{
  height:430px!important;
  overflow:hidden!important;
  background:#fff!important;
}

html body #productModal .modern-product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  scale:1!important;
}

/* ===== BALCONA IOS-INSPIRED PRODUCT CONTROLS ===== */

html body #productModal .modern-features{
  grid-template-columns:repeat(2,1fr)!important;
  gap:10px!important;
  margin:16px 0!important;
}

html body #productModal .modern-features > div{
  min-height:64px!important;
  padding:10px 12px!important;
  border-radius:22px!important;
  background:rgba(248,247,243,.92)!important;
  border:1px solid rgba(226,221,213,.95)!important;
  box-shadow:0 4px 14px rgba(20,40,34,.045)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}

html body #productModal .modern-features span{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:50%!important;
  background:#edf7f2!important;
  color:#0a755d!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 0 0 1px rgba(8,116,93,.05)!important;
}

html body #productModal .modern-features b{
  font-size:13px!important;
  font-weight:800!important;
  color:#31453e!important;
}

/* STOCK */
html body #productModal .modern-stock{
  min-height:40px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  background:#ecf8f1!important;
  border:1px solid #d9efe4!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

/* IOS STYLE QUANTITY CONTROL */
html body #productModal .modern-qty{
  height:48px!important;
  min-width:136px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid #e3ded6!important;
  background:#f8f7f4!important;
  box-shadow:0 3px 12px rgba(20,40,34,.04)!important;
  display:grid!important;
  grid-template-columns:44px 48px 44px!important;
}

html body #productModal .modern-qty button,
html body #productModal .modern-qty b{
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}

html body #productModal .modern-qty button{
  background:#f3f2ee!important;
  color:#08745d!important;
  font-size:22px!important;
  font-weight:700!important;
  border:0!important;
}

html body #productModal .modern-qty b{
  background:#fff!important;
  color:#18231f!important;
  font-size:17px!important;
  font-weight:900!important;
  border-left:1px solid #ebe6df!important;
  border-right:1px solid #ebe6df!important;
}

/* IOS STYLE ADD TO CART */
html body #productModal .modern-buy{
  height:58px!important;
  min-height:58px!important;
  border-radius:999px!important;
  background:#08745d!important;
  box-shadow:0 8px 20px rgba(8,116,93,.16)!important;
  gap:9px!important;
  letter-spacing:0!important;
}

html body #productModal .modern-buy:active{
  transform:scale(.985)!important;
}

html body #productModal .modern-buy .cart-icon{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html body #productModal .modern-buy .cart-icon svg{
  width:19px!important;
  height:19px!important;
}

html body #productModal .modern-buy .buy-text{
  font-size:18px!important;
  font-weight:900!important;
}

/* SERVICES - CLEAN IOS CARDS */
html body #productModal .modern-services{
  margin-top:16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
}

html body #productModal .modern-services > div{
  min-height:92px!important;
  padding:12px 8px!important;
  border-radius:20px!important;
  background:#f9f8f5!important;
  border:1px solid #e8e3db!important;
  box-shadow:0 4px 14px rgba(20,40,34,.04)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}

html body #productModal .modern-services span{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  background:#edf7f2!important;
  color:#08745d!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
}

html body #productModal .modern-services b{
  font-size:11px!important;
  font-weight:850!important;
  color:#24443a!important;
}

html body #productModal .modern-services small{
  font-size:9px!important;
  color:#999!important;
}

/* SLIGHTER SPACING */
html body #productModal .modern-buy-row{
  margin:10px 0 12px!important;
}


/* FIX DOUBLE PLUS/MINUS IN PRODUCT QTY */
html body #productModal .modern-qty button{
  font-size:0!important;
}

html body #productModal .modern-qty button:first-child::before{
  content:'−'!important;
  font-size:22px!important;
  line-height:1!important;
}

html body #productModal .modern-qty button:last-child::before{
  content:'+'!important;
  font-size:22px!important;
  line-height:1!important;
}

/* ===== BALCONA IOS SYMBOLS ===== */

html body #productModal .modern-features svg{
  width:21px!important;
  height:21px!important;
}

html body #productModal .modern-services svg{
  width:20px!important;
  height:20px!important;
}

/* cleaner iOS quantity symbols */
html body #productModal .modern-qty button:first-child::before{
  content:'−'!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif!important;
  font-size:25px!important;
  font-weight:500!important;
}

html body #productModal .modern-qty button:last-child::before{
  content:'+'!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif!important;
  font-size:25px!important;
  font-weight:500!important;
}


/* ENLARGE PRODUCT FEATURE & SERVICE ICONS */
html body #productModal .modern-features span{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
}

html body #productModal .modern-features svg{
  width:25px!important;
  height:25px!important;
}

html body #productModal .modern-services span{
  width:40px!important;
  height:40px!important;
}

html body #productModal .modern-services svg{
  width:24px!important;
  height:24px!important;
}

/* ===== CATEGORY RIGHT SIDEBAR - INDEPENDENT SCROLL ===== */

html body #categoryModal .category-sidebar-layout{
  align-items:start!important;
}

/* الشريط يتحرك وحده */
html body #categoryModal .category-side-tabs{
  position:sticky!important;
  top:0!important;

  width:112px!important;
  min-width:112px!important;

  height:calc(100dvh - 215px)!important;
  max-height:calc(100dvh - 215px)!important;

  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;

  padding:8px 5px 18px!important;
  box-sizing:border-box!important;

  scrollbar-width:none!important;
}

html body #categoryModal .category-side-tabs::-webkit-scrollbar{
  display:none!important;
}

/* كل قسم */
html body #categoryModal .category-side-tabs button{
  min-height:105px!important;
  padding:10px 5px!important;
  border-radius:22px!important;
  gap:7px!important;
}

/* تكبير دائرة/مساحة الأيقونة */
html body #categoryModal .category-side-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:17px!important;
}

/* تكبير الرسم نفسه */
html body #categoryModal .category-side-icon svg{
  width:36px!important;
  height:36px!important;
  stroke-width:1.7!important;
}

/* النص */
html body #categoryModal .category-side-label{
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:center!important;
}

/* القسم المختار */
html body #categoryModal .category-side-tabs button.active{
  border-radius:22px!important;
}

html body #categoryModal .category-side-tabs button.active .category-side-icon{
  transform:scale(1.04)!important;
}


/* MODERN CART ICON INSIDE GREEN PRODUCT BUTTONS */
html body .add-mini{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

html body .add-mini .mini-cart-svg{
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
  color:currentColor!important;
}

html body #categoryModal .category-add-cart{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

html body #categoryModal .category-add-cart .mini-cart-svg{
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
}


/* ===== CATEGORY CART ICON - FINAL MODERN ===== */

/* إزالة كل سلة الإيموجي القديمة */
html body #categoryModal .category-add-cart::after{
  content:""!important;
  display:none!important;
}

/* ترتيب الزر */
html body #categoryModal .category-add-cart{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

/* سلة حديثة */
html body #categoryModal .category-add-cart::before{
  content:""!important;
  display:block!important;
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;

  background:#fff!important;

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2 9a2 2 0 0 0 2 1.5h8.5a2 2 0 0 0 2-1.5L21 8H6'/%3E%3Ccircle cx='9' cy='19' r='1.3'/%3E%3Ccircle cx='18' cy='19' r='1.3'/%3E%3C/svg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:contain!important;

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2 9a2 2 0 0 0 2 1.5h8.5a2 2 0 0 0 2-1.5L21 8H6'/%3E%3Ccircle cx='9' cy='19' r='1.3'/%3E%3Ccircle cx='18' cy='19' r='1.3'/%3E%3C/svg%3E")!important;
  mask-repeat:no-repeat!important;
  mask-position:center!important;
  mask-size:contain!important;
}

/* PRICE + CART BESIDE IT */
html body #productModal .modern-price-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
}

html body #productModal .modern-price{
  font-size:34px!important;
  line-height:1.1!important;
  margin:0!important;
}

html body #productModal .modern-price-cart{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border:1px solid #d9e2dc!important;
  border-radius:16px!important;
  background:#eef7f1!important;
  color:#0d6a52!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 6px 16px rgba(20,60,48,.08)!important;
  padding:0!important;
}

html body #productModal .modern-price-cart svg{
  width:24px!important;
  height:24px!important;
}

html body #productModal .modern-price-cart:disabled{
  opacity:.5!important;
}

/* إذا أكو أيقونة سلة داخل الزر الأخضر، نخفيها */
html body #productModal .buy-icon{
  display:none!important;
}

/* ===== CHECKOUT VISIBILITY FIX ===== */

/* صفحة إتمام الطلب تكون فوق جميع طبقات المتجر */
html body #checkout.show{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483600!important;
  align-items:stretch!important;
  justify-content:center!important;
}

/* محتوى صفحة إتمام الطلب */
html body #checkout.show > .phone-card{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:1!important;

  width:min(430px,100vw)!important;
  height:100dvh!important;
  max-height:100dvh!important;

  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}

/* إظهار معلومات المشتري عند فتح الصفحة */
html body #checkout.show #checkoutForm:not(.hidden){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* بعد نجاح الطلب يبقى hidden يشتغل بشكل طبيعي */
html body #checkout #checkoutForm.hidden{
  display:none!important;
}

/* رسالة نجاح الطلب */
html body #checkout #checkoutMsg{
  position:relative!important;
  z-index:2!important;
}


/* ===== CHECKOUT ORDER DETAILS ===== */

html body #checkout .checkout-items-title{
  margin-top:22px!important;
  margin-bottom:10px!important;
}

html body #checkout .checkout-items{
  margin:0 0 16px!important;
  padding:6px 14px!important;
  background:#fff!important;
  border:1px solid #e8e2d9!important;
  border-radius:16px!important;
}

html body #checkout .checkout-item-row{
  display:grid!important;
  grid-template-columns:54px 1fr auto!important;
  gap:11px!important;
  align-items:center!important;
  padding:11px 0!important;
}

html body #checkout .checkout-item-row + .checkout-item-row{
  border-top:1px solid #eee9e1!important;
}

html body #checkout .checkout-item-thumb{
  width:54px!important;
  height:54px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#f5f2ec!important;
  display:grid!important;
  place-items:center!important;
}

html body #checkout .checkout-item-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

html body #checkout .checkout-item-info{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}

html body #checkout .checkout-item-info b{
  font-size:14px!important;
  color:#203c34!important;
  line-height:1.4!important;
}

html body #checkout .checkout-item-info small{
  font-size:12px!important;
  color:#8a8780!important;
}

html body #checkout .checkout-item-row > strong{
  color:#08745d!important;
  font-size:14px!important;
  white-space:nowrap!important;
}


/* ===== CHECKOUT ORDER DETAILS FINAL ===== */
html body #checkout .checkout-items-title{
  margin:22px 0 10px!important;
}

html body #checkout .checkout-items{
  margin:0 0 16px!important;
  padding:6px 14px!important;
  background:#fff!important;
  border:1px solid #e8e2d9!important;
  border-radius:16px!important;
}

html body #checkout .checkout-item-row{
  display:grid!important;
  grid-template-columns:54px 1fr auto!important;
  gap:11px!important;
  align-items:center!important;
  padding:11px 0!important;
}

html body #checkout .checkout-item-row + .checkout-item-row{
  border-top:1px solid #eee9e1!important;
}

html body #checkout .checkout-item-thumb{
  width:54px!important;
  height:54px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#f5f2ec!important;
  display:grid!important;
  place-items:center!important;
}

html body #checkout .checkout-item-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

html body #checkout .checkout-item-info{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}

html body #checkout .checkout-item-info b{
  font-size:14px!important;
  color:#203c34!important;
  line-height:1.4!important;
}

html body #checkout .checkout-item-info small{
  font-size:12px!important;
  color:#8a8780!important;
}

html body #checkout .checkout-item-row > strong{
  color:#08745d!important;
  font-size:14px!important;
  white-space:nowrap!important;
}

/* ===== BALCONA CLEAR CART DIALOG FINAL ===== */
html body .balcona-confirm{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  background:rgba(15,30,25,.42)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  backdrop-filter:blur(7px)!important;
}

html body .balcona-confirm.show{
  display:flex!important;
}

html body .balcona-confirm-card{
  width:min(350px,90vw)!important;
  padding:26px 20px 18px!important;
  background:#fbfaf7!important;
  border:1px solid #e5ded4!important;
  border-radius:24px!important;
  text-align:center!important;
  box-shadow:0 20px 50px rgba(20,40,34,.20)!important;
}

html body .balcona-confirm-icon{
  width:56px!important;
  height:56px!important;
  margin:0 auto 14px!important;
  border-radius:18px!important;
  background:#edf5f1!important;
  color:#0d6a52!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html body .balcona-confirm-icon svg{
  width:27px!important;
  height:27px!important;
}

html body .balcona-confirm-card h3{
  margin:0 0 8px!important;
  color:#173e34!important;
  font-size:22px!important;
  font-weight:900!important;
}

html body .balcona-confirm-card p{
  margin:0 0 20px!important;
  color:#817d76!important;
  font-size:14px!important;
  line-height:1.6!important;
}

html body .balcona-confirm-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

html body .balcona-confirm-actions button{
  height:48px!important;
  border-radius:14px!important;
  font-size:15px!important;
  font-weight:850!important;
}

html body .balcona-confirm-actions .confirm-cancel{
  background:#f1eee8!important;
  color:#29453d!important;
  border:1px solid #ded8ce!important;
}

html body .balcona-confirm-actions .confirm-delete{
  background:#0d6a52!important;
  color:#fff!important;
  border:0!important;
}


/* ===== CART TRASH BUTTON MODERN FIX ===== */
html body .customer-trash{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d8ded7!important;
  border-radius:14px!important;
  background:#f6f8f5!important;
  color:#0d6a52!important;
  box-shadow:0 4px 12px rgba(20,60,48,.06)!important;
  font-size:0!important;
  line-height:0!important;
  padding:0!important;
}

html body .customer-trash svg{
  width:21px!important;
  height:21px!important;
  stroke:#0d6a52!important;
}

html body .customer-trash:hover,
html body .customer-trash:active{
  background:#edf5f0!important;
  border-color:#cfd8d0!important;
  transform:none!important;
  box-shadow:0 4px 12px rgba(20,60,48,.08)!important;
}


/* ===== CART TRASH PREMIUM MODERN ===== */

html body .customer-trash{
  width:auto!important;
  min-width:108px!important;
  height:50px!important;

  padding:0 16px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;

  border:1px solid #d9ddd7!important;
  border-radius:18px!important;

  background:#f7f5ef!important;
  color:#0d6a52!important;

  box-shadow:
    0 8px 20px rgba(20,50,40,.08),
    inset 0 1px 0 rgba(255,255,255,.75)!important;

  font-size:0!important;
  line-height:1!important;
}

/* كلمة تفريغ */
html body .customer-trash::after{
  content:"تفريغ"!important;
  display:block!important;

  font-size:14px!important;
  font-weight:850!important;
  color:#0d6a52!important;

  letter-spacing:0!important;
}

/* الأيقونة */
html body .customer-trash svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;

  stroke:#0d6a52!important;
  stroke-width:1.9!important;
}

/* اللمس */
html body .customer-trash:active{
  transform:scale(.97)!important;
  background:#eef4f0!important;

  box-shadow:
    0 4px 12px rgba(20,50,40,.07),
    inset 0 1px 0 rgba(255,255,255,.7)!important;
}

/* على الشاشات الصغيرة */
@media (max-width:380px){
  html body .customer-trash{
    min-width:96px!important;
    height:48px!important;
    padding:0 13px!important;
    border-radius:16px!important;
  }

  html body .customer-trash::after{
    font-size:13px!important;
  }

  html body .customer-trash svg{
    width:22px!important;
    height:22px!important;
  }
}


/* ===== MODERN IOS TRASH CHIP ===== */
html body .customer-trash{
  -webkit-tap-highlight-color:transparent!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;

  width:auto!important;
  min-width:auto!important;
  height:42px!important;
  padding:0 14px!important;

  border-radius:999px!important;
  border:1px solid rgba(13,106,82,.12)!important;
  background:rgba(255,255,255,.78)!important;
  color:#0d6a52!important;

  backdrop-filter:blur(16px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;

  box-shadow:
    0 8px 24px rgba(16,44,36,.08),
    inset 0 1px 0 rgba(255,255,255,.72)!important;

  font-size:0!important;
  line-height:1!important;
}

html body .customer-trash::after{
  content:none!important;
  display:none!important;
}

html body .customer-trash .trash-chip-icon{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-radius:999px!important;

  display:grid!important;
  place-items:center!important;

  background:rgba(13,106,82,.08)!important;
  color:#0d6a52!important;
}

html body .customer-trash .trash-chip-icon svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  stroke:#0d6a52!important;
}

html body .customer-trash .trash-chip-label{
  display:block!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  color:#0d6a52!important;
}

html body .customer-trash:active{
  transform:scale(.98)!important;
  background:rgba(245,248,246,.92)!important;
  box-shadow:
    0 4px 12px rgba(16,44,36,.06),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
}

@media (max-width:380px){
  html body .customer-trash{
    height:40px!important;
    padding:0 12px!important;
    gap:8px!important;
  }

  html body .customer-trash .trash-chip-icon{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
  }

  html body .customer-trash .trash-chip-label{
    font-size:14px!important;
  }
}

/* ===== FINAL IOS CART TRASH — HARD OVERRIDE ===== */

html body #cart.open button.category-native-cart.customer-trash.ios-trash-button{
  all:unset!important;

  box-sizing:border-box!important;

  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(20,70,56,.10)!important;

  color:#0d6a52!important;

  box-shadow:
    0 10px 28px rgba(25,55,46,.12),
    0 2px 6px rgba(25,55,46,.05),
    inset 0 1px 0 rgba(255,255,255,.95)!important;

  backdrop-filter:blur(18px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(170%)!important;

  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;

  transition:
    transform .16s ease,
    background .16s ease,
    box-shadow .16s ease!important;
}

html body #cart.open button.category-native-cart.customer-trash.ios-trash-button::before,
html body #cart.open button.category-native-cart.customer-trash.ios-trash-button::after{
  content:none!important;
  display:none!important;
}

html body #cart.open button.category-native-cart.customer-trash.ios-trash-button svg{
  width:25px!important;
  height:25px!important;
  display:block!important;

  fill:none!important;
  stroke:#0d6a52!important;
  stroke-width:1.8!important;

  opacity:1!important;
  transform:none!important;
}

html body #cart.open button.category-native-cart.customer-trash.ios-trash-button:active{
  transform:scale(.92)!important;

  background:rgba(239,247,243,.96)!important;

  box-shadow:
    0 5px 14px rgba(25,55,46,.10),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}


/* PREMIUM IOS TRASH ICON */
html body #cart.open button.ios-trash-button svg{
  width:27px!important;
  height:27px!important;
  stroke-width:1.7!important;
  stroke:#0d6a52!important;
}


/* ===== MODERN STOCK NOTICE ===== */
html body .stock-notice{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(18,28,24,.38)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}

html body .stock-notice.show{
  display:flex!important;
}

html body .stock-notice-card{
  width:min(350px,90vw)!important;
  padding:26px 22px 18px!important;
  border-radius:26px!important;
  background:rgba(251,250,247,.96)!important;
  border:1px solid rgba(220,214,204,.9)!important;
  box-shadow:
    0 24px 60px rgba(15,35,28,.20),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
  text-align:center!important;
}

html body .stock-notice-icon{
  width:58px!important;
  height:58px!important;
  margin:0 auto 14px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef6f2!important;
  color:#0d6a52!important;
}

html body .stock-notice-icon svg{
  width:28px!important;
  height:28px!important;
}

html body .stock-notice-card h3{
  margin:0 0 8px!important;
  font-size:21px!important;
  font-weight:900!important;
  color:#173e34!important;
}

html body .stock-notice-card p{
  margin:0 0 20px!important;
  font-size:14px!important;
  line-height:1.7!important;
  color:#77736d!important;
}

html body .stock-notice-card button{
  width:100%!important;
  height:50px!important;
  border:0!important;
  border-radius:16px!important;
  background:#0d6a52!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:850!important;
  box-shadow:0 8px 18px rgba(13,106,82,.16)!important;
}

html body .stock-notice-card button:active{
  transform:scale(.985)!important;
}

/* STOCK NOTICE PRODUCT DETAILS */
html body .stock-notice-card p strong{
  display:block!important;
  margin-bottom:3px!important;
  color:#173e34!important;
  font-size:15px!important;
  font-weight:850!important;
}

html body .stock-notice-card p b{
  color:#0d6a52!important;
  font-size:16px!important;
  font-weight:900!important;
}

/* LUXURY IOS TRASH ICON FINAL */
html body #cart.open button.ios-trash-button svg{
  width:29px!important;
  height:29px!important;
  stroke:#0d6a52!important;
  stroke-width:1.65!important;
  opacity:.96!important;
}

html body #cart.open button.ios-trash-button{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(13,106,82,.10)!important;
  box-shadow:
    0 12px 30px rgba(18,46,37,.13),
    0 2px 6px rgba(18,46,37,.05),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}

/* ===== EMPTY CART MODERN ICON ===== */
html body #cart.open button.ios-trash-button svg{
  width:29px!important;
  height:29px!important;
  stroke:#0d6a52!important;
  stroke-width:1.7!important;
  opacity:.97!important;
}


/* ===== CLEAR CART TEXT PILL — FINAL ===== */
html body #cart.open button.category-native-cart.customer-trash.ios-trash-button{
  all:unset!important;

  box-sizing:border-box!important;
  height:46px!important;
  padding:0 18px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:999px!important;

  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(13,106,82,.10)!important;

  color:#0d6a52!important;

  box-shadow:
    0 10px 26px rgba(18,46,37,.09),
    inset 0 1px 0 rgba(255,255,255,.95)!important;

  backdrop-filter:blur(16px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;

  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}

html body #cart.open button.ios-trash-button::before,
html body #cart.open button.ios-trash-button::after{
  content:none!important;
  display:none!important;
}

html body #cart.open .clear-cart-label{
  display:block!important;
  font-size:14px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  line-height:1!important;
  color:#0d6a52!important;
  white-space:nowrap!important;
}

html body #cart.open button.ios-trash-button:active{
  transform:scale(.96)!important;
  background:rgba(242,247,244,.96)!important;
}


/* BALCONA DELIVERY COUPON CARD */
html body #balconaDeliveryCoupon{
  margin:16px 0;padding:16px;border:1px dashed #a9bfb2;
  border-radius:10px;background:#f0f5f1;color:#204b3a;
  font-size:14px;line-height:1.6;
}
html body #balconaDeliveryCoupon[hidden]{display:none!important}
html body #balconaDeliveryCoupon .delivery-coupon-heading{
  display:flex;align-items:center;gap:12px;
}
html body #balconaDeliveryCoupon strong{display:block;font-size:17px}
html body #balconaDeliveryCoupon small{display:block;font-size:13px}
html body #balconaDeliveryCoupon .delivery-coupon-mark{
  display:grid;place-items:center;flex:0 0 36px;height:36px;
  border-radius:8px;background:#dfeae2;color:#0d5943;font-size:20px;
}
html body #balconaDeliveryCoupon p{margin:10px 0;font-size:14px}
html body #balconaDeliveryCoupon .delivery-coupon-state{font-size:13px}
html body #balconaDeliveryCoupon summary{
  padding:10px 0 0;min-height:44px;font-size:13px;
  text-decoration:underline;cursor:pointer;
}
html body #balconaDeliveryCoupon .delivery-coupon-terms{
  padding-top:8px;font-size:13px;line-height:1.8;
}
html body #balconaDeliveryCoupon.applied{border-style:solid}
html body #deliveryPolicyInfo{display:none!important}

/* BALCONA COMPACT DELIVERY CARD */
html body #balconaDeliveryCoupon{
 display:flex!important;align-items:center!important;
 justify-content:space-between!important;gap:12px!important;
 padding:12px 14px!important;margin:14px 0!important;
 border:1px solid #dce5df!important;border-radius:8px!important;
 background:#f0f5f1!important;
}
html body #balconaDeliveryCoupon[hidden]{display:none!important}
html body #balconaDeliveryCoupon strong{
 font-size:14px!important;line-height:1.5!important;
}
html body #balconaDeliveryCoupon small{
 font-size:12px!important;line-height:1.5!important;
 margin-top:3px!important;
}
html body #balconaDeliveryCoupon button{
 flex-shrink:0!important;width:auto!important;min-height:44px!important;
 padding:6px!important;background:transparent!important;border:0!important;
 color:#0d5943!important;font-size:13px!important;text-decoration:underline;
}
html body #deliveryTermsDialog{
 width:calc(100% - 40px);max-width:370px;max-height:75vh;
 padding:22px;border:1px solid #e1e5df;border-radius:12px;
 background:#fff;color:#203c33;direction:rtl;overflow:auto;
 margin:auto;font-size:14px;line-height:1.8;
}
html body #deliveryTermsDialog:not([open]){display:none!important}
html body #deliveryTermsDialog::backdrop{background:rgba(0,0,0,.35)}
html body #deliveryTermsDialog h3{font-size:17px;margin:0 0 14px}
html body #deliveryTermsDialog ul{padding-right:20px}
html body #deliveryTermsDialog button{
 width:100%;min-height:44px;background:#0d5943;color:white;
 border:0;border-radius:7px;font-size:15px;
}

/* BALCONA INLINE DELIVERY OFFER */
html body #balconaDeliveryCoupon{
  display:none!important;
}
html body #balconaInlineDeliveryNote{
  display:flex!important;
  align-items:center;
  gap:5px;
  margin:0!important;
  padding:7px 0 12px!important;
  border:0!important;
  background:transparent!important;
  color:#65756b;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.7;
  text-align:right;
}
html body #balconaInlineDeliveryNote[hidden]{
  display:none!important;
}
html body #balconaInlineDeliveryNote button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  width:44px!important;
  height:44px!important;
  min-height:44px;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0d5943;
  font-size:19px!important;
}


/* BALCONA APP TEXT SELECTION */
body {
  -webkit-user-select: none;
  user-select: none;
}
input, textarea, [contenteditable="true"] {
  -webkit-user-select: text;
  user-select: text;
}


/* BALCONA BRANDED PICKERS V1 */
#balconaLocalityLabel[hidden],
#deliveryZoneLabel[hidden],
#checkoutForm label[hidden] {
  display:none!important;
}
#balconaPicker {
  direction:rtl;
  box-sizing:border-box;
  width:min(420px,calc(100vw - 32px));
  max-height:75dvh;
  padding:0;
  border:1px solid #dedbd2;
  border-radius:16px;
  background:#faf8f2;
  color:#174e40;
  overflow:auto;
}
#balconaPicker::backdrop { background:rgba(20,35,28,.4); }
#balconaPicker .balcona-picker-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border-bottom:1px solid #e5e1d8;
}
#balconaPicker button,
#balconaPicker input {
  font-family:inherit;
  font-size:16px;
}
#balconaPicker .balcona-picker-header button {
  border:0;
  background:transparent;
  color:#12664f;
  padding:6px;
}
#balconaPicker input {
  box-sizing:border-box;
  width:calc(100% - 32px);
  margin:14px 16px 6px;
  padding:12px;
  background:#fff;
  color:#174e40;
  border:1px solid #dedbd2;
  border-radius:9px;
}
#balconaPicker input[hidden] { display:none!important; }
#balconaPicker .balcona-picker-option {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:15px 18px;
  border:0;
  border-bottom:1px solid #e9e5dd;
  background:transparent;
  color:#214c40;
  text-align:right;
  cursor:pointer;
}
#balconaPicker .balcona-picker-option[aria-selected="true"] {
  background:#e9f1ec;
  color:#0b6049;
  font-weight:700;
}
#balconaPicker .balcona-picker-option:disabled { opacity:.45; }
#balconaPicker button:focus-visible {
  outline:2px solid #12664f;
  outline-offset:-3px;
}
#balconaPicker .balcona-picker-list>p { padding:16px; }
#checkoutForm input,
#checkoutForm textarea,
#checkoutForm select { font-size:16px!important; }
#checkoutForm .balcona-field-error {
  display:block;
  margin:6px 2px;
  color:#a33d32;
  font-size:13px;
}
#checkoutForm .balcona-invalid-field { border-color:#a33d32!important; }

/* BALCONA NATURAL GALLERY V2 */
html body #productModal .modern-product-image.balcona-natural-gallery{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  background:#fff!important;
}
html body #productModal .balcona-photo-frame{
  width:100%;
  height:auto;
  line-height:0;
}
html body #productModal .modern-product-image.balcona-natural-gallery img{
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:none!important;
  scale:1!important;
  border-radius:0!important;
}
html body #productModal .balcona-gallery-controls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  padding:10px;
  direction:ltr;
  color:#0d5943;
}
html body #productModal .balcona-gallery-controls button{
  width:44px!important;
  height:40px!important;
  min-width:44px!important;
  padding:0!important;
  border:1px solid #e4e4df!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#0d5943!important;
  font-size:26px!important;
}


/* BALCONA PHOTO VIEWER V1 */
html body #balconaPhotoViewer{
  position:fixed!important;inset:0!important;
  z-index:2147483647!important;background:#111!important;
  display:flex!important;flex-direction:column!important;
  padding-top:env(safe-area-inset-top);
  padding-bottom:env(safe-area-inset-bottom);
  overscroll-behavior:none;
}
html body #balconaPhotoViewer .photo-toolbar{
  display:flex;gap:12px;justify-content:center;
  padding:12px;flex-shrink:0;direction:rtl;
}
html body #balconaPhotoViewer button{
  background:#fff!important;color:#0d5943!important;
  border:0!important;border-radius:8px!important;
  min-width:48px!important;min-height:44px!important;
  padding:8px 16px!important;font-size:18px!important;
}
html body #balconaPhotoViewer .photo-stage{
  position:relative;flex:1;min-height:0;
  overflow:hidden;touch-action:none;
}
html body #balconaPhotoViewer .photo-stage img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  object-fit:contain!important;border-radius:0!important;
  margin:0!important;padding:0!important;
  transform-origin:center!important;
  user-select:none;-webkit-user-select:none;
}
html body #productModal .balcona-photo-frame img{cursor:zoom-in}

/* BALCONA PHOTO VIEWER REFERENCE V2 */
html body #balconaPhotoViewer{
  background:#000!important;
}
html body #balconaPhotoViewer .photo-toolbar{
  justify-content:flex-start!important;
  direction:rtl!important;
  padding:8px 16px!important;
}
html body #balconaPhotoViewer .photo-toolbar button{
  background:transparent!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  font-size:42px!important;
  font-weight:300!important;
  line-height:1!important;
}
html body #balconaPhotoViewer .photo-counter{
  flex-shrink:0;
  text-align:center;
  color:#fff;
  padding:12px;
  font-size:18px;
  font-weight:700;
}
html body #balconaPhotoViewer .photo-thumbnails{
  display:flex;
  flex-shrink:0;
  gap:10px;
  direction:rtl;
  overflow-x:auto;
  padding:8px 20px 16px;
}
html body #balconaPhotoViewer .photo-thumbnails button{
  flex:0 0 68px!important;
  width:68px!important;
  min-width:68px!important;
  height:68px!important;
  padding:3px!important;
  border:2px solid #777!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:hidden!important;
}
html body #balconaPhotoViewer .photo-thumbnails button.active{
  border-color:#36b58a!important;
}
html body #balconaPhotoViewer .photo-thumbnails img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
  border-radius:5px!important;
}

/* BALCONA REFERENCE DETAIL V1 */
html body #productModal .balcona-reference-page{
  background:#f5f3ee!important;
  padding:0 0 calc(110px + env(safe-area-inset-bottom))!important;
  direction:rtl;
}
html body #productModal .balcona-reference-page .br-gallery{
  margin:0 0 8px!important;
  border-radius:0 0 24px 24px!important;
  box-shadow:none!important;
  background:#fff!important;
}
html body #productModal .br-dots{
  display:flex;justify-content:center;align-items:center;
  gap:8px;padding:14px;direction:rtl;
}
html body #productModal .br-dots button{
  width:24px!important;min-width:24px!important;height:24px!important;
  padding:0!important;border:0!important;background:transparent!important;
  border-radius:0!important;display:grid!important;place-items:center!important;
}
html body #productModal .br-dots button::before{
  content:'';display:block;width:6px;height:6px;border-radius:5px;background:#b5b9b5;
}
html body #productModal .br-dots button[aria-pressed="true"]::before{
  width:20px;background:#0d5943;
}
html body #productModal .br-card{
  margin:12px!important;padding:20px!important;
  background:#fff!important;border-radius:20px!important;
  border:1px solid #eeeae3;box-shadow:none!important;
}
html body #productModal .br-card h2{
  margin:0 0 18px!important;font-size:23px!important;
  line-height:1.5!important;color:#183e33!important;
}
html body #productModal .br-price{
  font-size:30px;font-weight:800;color:#08745d;margin-bottom:20px;
}
html body #productModal .br-stock-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
html body #productModal .br-stock{color:#35584a;font-size:14px}
html body #productModal .br-quantity{
  display:flex;align-items:center;border:1px solid #e5e3dc;
  border-radius:10px;overflow:hidden;
}
html body #productModal .br-quantity button{
  width:44px!important;min-width:44px!important;height:44px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:#f6f5f1!important;color:#0d5943!important;font-size:23px!important;
}
html body #productModal .br-quantity b{width:36px;text-align:center}
html body #productModal .br-tabs{
  display:flex;border-bottom:1px solid #e5e3dc;margin-bottom:16px;
}
html body #productModal .br-tabs button{
  flex:1!important;border:0!important;border-bottom:3px solid transparent!important;
  background:transparent!important;border-radius:0!important;
  padding:12px 4px!important;color:#777!important;font-size:17px!important;
}
html body #productModal .br-tabs button[aria-selected="true"]{
  color:#0d5943!important;border-bottom-color:#0d5943!important;
}
html body #productModal .br-card p{
  margin:0;line-height:1.9;white-space:pre-wrap;color:#494f4b;
}
html body #productModal .br-card dl{margin:0}
html body #productModal .br-card dt{font-weight:700;margin-top:12px}
html body #productModal .br-card dd{margin:6px 0;color:#626762}
html body #productModal .br-card [hidden]{display:none!important}
html body #balconaReferenceCart{
  position:fixed!important;bottom:0!important;left:0!important;right:0!important;
  z-index:2147483646!important;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
  background:#f5f3ee!important;direction:rtl!important;
}
html body #balconaReferenceCart[hidden]{display:none!important}
html body #balconaReferenceCart button{
  display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:12px!important;
  width:100%!important;min-height:58px!important;padding:14px 20px!important;
  background:#0d5943!important;color:#fff!important;
  border:0!important;border-radius:14px!important;font-size:19px!important;
}
html body #balconaReferenceCart button strong{font-size:17px!important}
html body #balconaReferenceCart button:disabled{opacity:.5!important}

/* BALCONA VIEWER CLOSE BUTTON V3 */
html body #balconaPhotoViewer .photo-toolbar button[data-close]{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#202020!important;
  color:#fff!important;
  font-size:32px!important;
  font-weight:300!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  box-shadow:none!important;
}
html body #balconaPhotoViewer button[data-close]:focus{
  outline:none!important;
}
html body #balconaPhotoViewer button[data-close]:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:3px!important;
}

/* BALCONA PHOTO VIEWER CLOSE ICON */
html body #balconaPhotoViewer .photo-toolbar button[data-close],
html body #balconaPhotoViewer .photo-toolbar button[data-close]:hover,
html body #balconaPhotoViewer .photo-toolbar button[data-close]:active,
html body #balconaPhotoViewer .photo-toolbar button[data-close]:focus,
html body #balconaPhotoViewer .photo-toolbar button[data-close]:focus-visible {
  color:#08745d!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:none!important;
}


/* BALCONA PRODUCT CARD TEXT FIX V1 */
.modern-home-page #grid .product-new,
.modern-home-page #newArrivals .product-new{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
}
.modern-home-page #grid .product-info,
.modern-home-page #newArrivals .product-info{
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  min-width:0!important;
}
.modern-home-page #grid .product-info h4,
.modern-home-page #newArrivals .product-info h4{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  overflow:hidden!important;
  max-height:2.9em!important;
  overflow-wrap:anywhere!important;
}
.modern-home-page #grid .home-product-note,
.modern-home-page #newArrivals .home-product-note{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  white-space:normal!important;
  overflow:hidden!important;
  max-height:2.8em!important;
  overflow-wrap:anywhere!important;
}
.modern-home-page #grid .product-info .add-mini,
.modern-home-page #newArrivals .product-info .add-mini{
  margin-top:auto!important;
}


/* BALCONA CATEGORY CARD TEXT FIX V1 */
html body #categoryModal .category-product-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
}
html body #categoryModal .category-product-info{
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  min-width:0!important;
}
html body #categoryModal .category-product-info h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  max-height:2.9em!important;
  overflow-wrap:anywhere!important;
}
html body #categoryModal .category-product-info small{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  overflow:hidden!important;
  max-height:2.8em!important;
  overflow-wrap:anywhere!important;
}
html body #categoryModal .category-product-price{
  margin-top:auto!important;
}


/* BALCONA SMART SEARCH TEXT FIX V1 */
#smartSearchGrid .smart-result-card{
  min-width:0!important;
  overflow:hidden!important;
}
#smartSearchGrid .smart-result-info{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
#smartSearchGrid .smart-result-info strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
#smartSearchGrid .smart-result-info small{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}


/* BALCONA ONE LINE CARD NOTE */
html body .home-product-note,
html body .balcona-card-note {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:1.5em!important;
  max-height:1.5em!important;
  line-height:1.5!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  flex-shrink:0!important;
}
html body .home-product-note br,
html body .balcona-card-note br {
  display:none!important;
}


/* BALCONA CARD NOTE PRIORITY FIX */
html body #categoryModal .category-product-info small,
html body #grid .product-info .home-product-note,
html body .product-new .product-info .home-product-note,
html body .category-product-info .balcona-card-note {
  display:block!important;
  -webkit-line-clamp:unset!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:1.5em!important;
  max-height:1.5em!important;
  line-height:1.5!important;
}


/* BALCONA PRODUCT FEATURE BANNER */
html body button.balcona-feature-banner {
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 16px!important;
  padding:16px!important;
  direction:rtl!important;
  text-align:right!important;
  font-family:inherit!important;
  background:#eee8dc!important;
  color:#124f3e!important;
  border:1px solid #e1d9ca!important;
  border-radius:12px!important;
  box-shadow:none!important;
  cursor:pointer;
}
html body .balcona-feature-copy {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-width:0!important;
}
html body .balcona-feature-copy>small {
  font-size:12px!important;
  font-weight:500!important;
  color:#637268!important;
}
html body .balcona-feature-copy>strong {
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.4!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
html body .balcona-feature-price {
  font-size:17px!important;
  font-weight:700!important;
}
html body .balcona-feature-link {
  margin-top:2px!important;
  padding:9px 14px!important;
  background:#125840!important;
  color:#fff!important;
  border-radius:7px!important;
  font-size:13px!important;
  font-weight:600!important;
}
html body .balcona-feature-image {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:180px!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:#faf8f3!important;
}
html body .balcona-feature-image>img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:5px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center!important;
}


/* BALCONA PRODUCT CAROUSEL V1 */
html body .balcona-product-carousel {
  margin:0 0 16px!important;
  padding:12px!important;
  background:#eee9df!important;
  border:1px solid #e1dace!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
html body .balcona-carousel-slide {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#174e3e!important;
  font-family:inherit!important;
  cursor:pointer;
}
html body .balcona-carousel-slide[hidden] { display:none!important; }
html body .balcona-carousel-photo {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:210px!important;
  overflow:hidden!important;
  background:#faf8f3!important;
  border-radius:8px!important;
}
html body .balcona-carousel-photo>img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:6px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center!important;
}
html body .balcona-carousel-name {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  padding:12px 8px 4px!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.5!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
html body .balcona-carousel-dots {
  display:flex!important;
  justify-content:center!important;
  gap:8px!important;
  margin-top:6px!important;
}
html body .balcona-carousel-dots>button {
  position:relative!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .balcona-carousel-dots>button::before {
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  top:9px;
  left:9px;
  border-radius:50%;
  background:#b3bfb4;
}
html body .balcona-carousel-dots>button[aria-pressed="true"]::before {
  background:#155a43;
}


/* BALCONA EDITORIAL CAROUSEL V2 */
html body .balcona-product-carousel {
  padding:0!important;
  background:#eee8dc!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
html body .balcona-carousel-slide {
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;
  direction:ltr!important;
  align-items:stretch!important;
  min-height:205px!important;
  text-align:right!important;
}
html body .balcona-carousel-slide[hidden] { display:none!important; }
html body .balcona-carousel-photo {
  height:205px!important;
  border-radius:0!important;
  background:transparent!important;
}
html body .balcona-carousel-photo>img {
  padding:0!important;
  object-fit:contain!important;
}
html body .balcona-carousel-copy {
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  direction:rtl!important;
  min-width:0!important;
  padding:18px 16px!important;
  gap:9px!important;
  color:#154c3c!important;
}
html body .balcona-carousel-copy>small {
  font-size:12px!important;
  letter-spacing:0!important;
  color:#627467!important;
}
html body .balcona-carousel-copy>strong {
  font-size:23px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
html body .balcona-carousel-copy>.balcona-carousel-name {
  padding:0!important;
  font-size:13px!important;
  font-weight:500!important;
  text-align:right!important;
  color:#50665a!important;
}
html body .balcona-carousel-action {
  margin-top:5px!important;
  padding-bottom:3px!important;
  font-size:13px!important;
  border-bottom:1px solid #155a43!important;
}
html body .balcona-carousel-dots {
  margin:0!important;
  padding:2px 0 7px!important;
}
html body .balcona-carousel-slide:not([hidden]) {
  animation:balconaEditorialReveal .35s ease-out;
}
@keyframes balconaEditorialReveal {
  from { opacity:.35; }
  to { opacity:1; }
}
@media (prefers-reduced-motion:reduce) {
  html body .balcona-carousel-slide { animation:none!important; }
}


/* BALCONA INTEGRATED CAMPAIGN V3 */
html body .balcona-product-carousel {
  position:relative!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f2ecdf!important;
  border:0!important;
  border-radius:8px!important;
}
html body .balcona-carousel-stage {
  position:relative!important;
}
html body .balcona-carousel-slide {
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:2.15/1!important;
  height:auto!important;
  min-height:180px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f2ecdf!important;
  border:0!important;
}
html body .balcona-carousel-slide[hidden] { display:none!important; }
html body .balcona-campaign-backdrop {
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
html body .balcona-campaign-backdrop img {
  display:block!important;
  width:75%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:blur(14px)!important;
  opacity:.5!important;
  transform:scale(1.12)!important;
}
html body .balcona-carousel-slide::after {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(to right,
    rgba(242,236,223,0) 15%,
    rgba(242,236,223,.15) 37%,
    rgba(242,236,223,.94) 62%,
    #f2ecdf 100%)!important;
}
html body .balcona-carousel-photo {
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:59%!important;
  height:100%!important;
  z-index:2!important;
  border-radius:0!important;
  background:transparent!important;
  -webkit-mask-image:linear-gradient(to right,
    transparent 0%,black 8%,black 78%,transparent 100%)!important;
  mask-image:linear-gradient(to right,
    transparent 0%,black 8%,black 78%,transparent 100%)!important;
}
html body .balcona-carousel-photo>img {
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  background:transparent!important;
}
html body .balcona-carousel-copy {
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:48%!important;
  box-sizing:border-box!important;
  z-index:3!important;
  display:flex!important;
  justify-content:center!important;
  gap:8px!important;
  padding:16px 18px 24px 8px!important;
  direction:rtl!important;
}
html body .balcona-carousel-copy>small {
  font-size:11px!important;
  font-weight:700!important;
  color:#255b46!important;
  margin-bottom:3px!important;
}
html body .balcona-carousel-copy>strong {
  font-size:clamp(20px,5.8vw,27px)!important;
  line-height:1.3!important;
  color:#104a37!important;
}
html body .balcona-carousel-copy>.balcona-carousel-name {
  font-size:12px!important;
  font-weight:500!important;
  color:#3f6552!important;
}
html body .balcona-carousel-action {
  font-size:12px!important;
  margin-top:7px!important;
  border-bottom:1px solid #245e46!important;
}
html body .balcona-carousel-dots {
  position:absolute!important;
  bottom:2px!important;
  left:0!important;
  right:0!important;
  z-index:4!important;
  padding:0!important;
  background:transparent!important;
}
@media (max-width:350px) {
  html body .balcona-carousel-copy { padding-right:12px!important; }
  html body .balcona-carousel-copy>strong { font-size:20px!important; }
}


/* BALCONA COMPLETE CAMPAIGN IMAGE */
html body .balcona-designed-carousel {
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
html body .balcona-designed-carousel .balcona-carousel-stage {
  height:auto!important;
  min-height:0!important;
}
html body .balcona-designed-carousel .balcona-designed-banner {
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  animation:none!important;
}
html body .balcona-designed-carousel .balcona-designed-banner[hidden] {
  display:none!important;
}
html body .balcona-designed-carousel .balcona-designed-banner::before,
html body .balcona-designed-carousel .balcona-designed-banner::after {
  display:none!important;
}
html body .balcona-designed-carousel .balcona-designed-banner > img {
  display:block!important;
  position:static!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
  border-radius:0!important;
}
html body .balcona-designed-carousel > .balcona-carousel-dots {
  position:static!important;
  background:#f2ecdf!important;
}


/* BALCONA CLEAN CAROUSEL CONTROLS */
html body .balcona-product-carousel > .balcona-carousel-dots {
  display:none!important;
}


/* BALCONA SEARCH INPUT FOCUS SIZE */
@media (max-width:900px) {
  html body input[placeholder*="ابحث"],
  html body input[type="search"],
  html body #categoryPageSearch {
    font-size:16px!important;
    line-height:1.5!important;
  }
}


/* BALCONA SEARCH SIZE PRIORITY V2 */
html body #categoryModal #categoryPageSearch,
html body #smartSearchPage #smartSearchInput,
html body .modern-header-search #search {
  font-size:16px!important;
  line-height:1.5!important;
  min-width:0!important;
}

/* BALCONA CATEGORY AD ADMIN */
html body #campaignTab label{display:block;margin-block:12px;}
html body #campaignTab select{width:100%;padding:12px;background:#fff;color:#104a37;font-size:16px;}
html body #campaignTab .balcona-ad-card{padding:16px;background:#fff;border:1px solid #dedbd1;border-radius:8px;}
html body #campaignTab .balcona-ad-card img{display:block;width:100%;height:150px;object-fit:contain;}
html body #homeShowcases .balcona-designed-carousel{margin-block:18px 28px!important;}


/* BALCONA FINANCE UI - 2026-10 */
#financeTab .finance-periods {
  display:flex;
  gap:8px;
  padding:5px;
  background:#f1eadb;
  border-radius:12px;
  margin:12px 0 16px;
}
#financeTab .finance-periods button {
  flex:1;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#205846;
  font-weight:700;
  padding:11px 8px;
  cursor:pointer;
}
#financeTab .finance-periods button.active {
  background:#135943;
  color:#fff;
}
#financeTab #financeStats .stat,
#financeTab #financeExtras .stat {
  border:1px solid #e5dfd0;
  border-radius:11px;
  background:#fffdf8;
  padding:14px;
  box-shadow:0 2px 7px rgba(25,68,49,.045);
}
#financeTab #financeStats .stat small,
#financeTab #financeExtras .stat small {
  color:#6e756b;
}
#financeTab #financeStats .stat b,
#financeTab #financeExtras .stat b {
  color:#145943;
  font-variant-numeric:tabular-nums;
}


/* BALCONA STOCK MOBILE FIX 2026-10-14 */
#stockTab {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
#stockTab *,
#stockTab *::before,
#stockTab *::after {
  box-sizing: border-box;
}
#stockTab #stockAdjustForm {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#stockTab #stockAdjustForm > *,
#stockTab #stockSearch,
#stockTab #stockTypeFilter {
  min-width: 0;
  max-width: 100%;
  width: 100%;
}
#stockTab #stockAdjustForm button {
  grid-column: 1 / -1;
  white-space: normal;
}
#stockTab #stockSummary,
#stockTab #stockList {
  min-width: 0;
  max-width: 100%;
}
#stockTab #stockSummary *,
#stockTab #stockList * {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 650px) {
  #stockTab #stockAdjustForm {
    grid-template-columns: minmax(0, 1fr);
  }
  #stockTab #stockAdjustForm > * {
    grid-column: 1 / -1;
  }
}


/* BALCONA FINANCE MOBILE CLEANUP 2026-10-14 */
#financeTab {
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow-x:clip;
}
#financeTab *,
#financeTab *::before,
#financeTab *::after {
  box-sizing:border-box;
}
#financeTab #financeOverview,
#financeTab #financeStats,
#financeTab #financeExtras,
#financeTab #financeReport {
  width:100%;
  max-width:100%;
  min-width:0;
}
#financeTab #financeOverview .finance-sales-overview {
  display:none;
}
#financeTab #financeOverview .finance-overview,
#financeTab #financeStats,
#financeTab #financeExtras {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#financeTab #financeOverview .finance-overview-card,
#financeTab #financeStats .stat,
#financeTab #financeExtras .stat {
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  border-radius:12px;
}
#financeTab #financeOverview .finance-overview-card strong,
#financeTab #financeStats .stat b,
#financeTab #financeExtras .stat b {
  max-width:100%;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
#financeTab .finance-periods {
  width:100%;
  min-width:0;
}
#financeTab .finance-periods button {
  min-width:0;
}
@media(max-width:650px) {
  #financeTab #financeOverview .finance-overview,
  #financeTab #financeStats,
  #financeTab #financeExtras {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #financeTab #financeOverview .finance-overview-card,
  #financeTab #financeStats .stat,
  #financeTab #financeExtras .stat {
    padding:12px 9px;
  }
  #financeTab #financeOverview .finance-overview-card strong,
  #financeTab #financeStats .stat b,
  #financeTab #financeExtras .stat b {
    font-size:clamp(15px,4.2vw,23px);
  }
}
@media(max-width:370px) {
  #financeTab #financeOverview .finance-overview,
  #financeTab #financeStats,
  #financeTab #financeExtras {
    grid-template-columns:minmax(0,1fr);
  }
}


/* BALCONA FINANCE FINAL UI FIX 2026-10-14 */
#financeTab .balcona-money-form {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  gap:10px;
  box-sizing:border-box;
}
#financeTab .balcona-money-form > * {
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;
  box-sizing:border-box;
}
#financeTab .balcona-money-form button {
  grid-column:1/-1 !important;
  background:#204f3f;
  color:white;
}
@media(max-width:650px) {
  #financeTab .balcona-money-form {
    grid-template-columns:minmax(0,1fr) !important;
    padding:14px !important;
  }
  #financeTab .balcona-money-form > * {
    grid-column:1/-1 !important;
    min-width:0 !important;
  }
  #financeTab .balcona-money-form input,
  #financeTab .balcona-money-form select {
    display:block;
    width:100% !important;
    min-height:46px;
    padding:10px 12px;
    border-radius:10px;
  }
}


/* BALCONA MONEY MOVEMENT WIDTH FIX V2 */

/* الحاوية الخارجية */
#financeTab #moneyMovementsBox,
#financeTab #moneyMovementsBox .finance-report {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}

/* النموذج: عمود واحد دائماً */
#financeTab #moneyMovementsBox .balcona-money-form {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:12px !important;
  gap:10px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* جميع حقول الإدخال */
#financeTab #moneyMovementsBox .balcona-money-form > * {
  display:block !important;
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* الحقول */
#financeTab #moneyMovementsBox .balcona-money-form input,
#financeTab #moneyMovementsBox .balcona-money-form select {
  min-height:46px !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  font-size:16px !important;
}

/* زر الحفظ */
#financeTab #moneyMovementsBox .balcona-money-form button {
  background:#204f3f !important;
  color:#fff !important;
  border:0 !important;
  border-radius:10px !important;
  min-height:48px !important;
}

/* سجل الحركات */
#financeTab #moneyMovementList {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-wrap:anywhere;
  box-sizing:border-box !important;
}


/* BALCONA PERIOD MONEY REPORT V1 */
#financeTab .balcona-period-money {
  margin:16px 0;
  padding:16px;
  background:#fffdf8;
  border:1px solid #e4dfd2;
  border-radius:12px;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
#financeTab .balcona-period-money h3 {
  color:#204f3f;
  margin:0 0 14px;
}
#financeTab .balcona-period-money-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#financeTab .balcona-period-money-item {
  background:#f4f0e6;
  border:1px solid #e8e0d1;
  border-radius:10px;
  padding:12px;
  min-width:0;
  overflow-wrap:anywhere;
  box-sizing:border-box;
}
#financeTab .balcona-period-money-item small {
  display:block;
  color:#666e62;
  margin-bottom:8px;
}
#financeTab .balcona-period-money-item b {
  display:block;
  color:#204f3f;
  font-size:16px;
  overflow-wrap:anywhere;
}
#financeTab .balcona-period-money-note {
  font-size:12px;
  line-height:1.8;
  color:#696c63;
}
@media(max-width:370px) {
  #financeTab .balcona-period-money-grid {
    grid-template-columns:minmax(0,1fr);
  }
}

/* BALCONA CUSTOM FINANCE DATE RANGE V1 */
#financeTab .balcona-date-range{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
#financeTab .balcona-date-range label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:600;
  color:#204f3f;
  min-width:0;
}
#financeTab .balcona-date-range input{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  height:46px;
  padding:9px;
  border:1px solid #dcd6c7;
  border-radius:10px;
  background:#fff;
  color:#204f3f;
  box-sizing:border-box;
  font-size:15px;
}
#financeTab .balcona-date-range button{
  grid-column:1/-1;
  width:100%;
  border:0;
  border-radius:10px;
  padding:13px;
  background:#204f3f;
  color:white;
  font-size:16px;
  font-weight:700;
}
#financeTab .balcona-date-error{
  color:#876b36;
  font-size:13px;
  margin:7px 0 12px;
}
@media(max-width:370px){
  #financeTab .balcona-date-range{
    grid-template-columns:minmax(0,1fr);
  }
}


/* BALCONA FINANCE DATE MOBILE LAYOUT V2 */
@media (max-width:650px) {
  #financeTab .balcona-date-range {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  #financeTab .balcona-date-range label {
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    font-size:15px !important;
    text-align:right !important;
  }

  #financeTab .balcona-date-range input[type="date"] {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:50px !important;
    padding:10px 12px !important;
    border:1px solid #ddd6c8 !important;
    border-radius:11px !important;
    background:#fff !important;
    color:#204f3f !important;
    box-sizing:border-box !important;
    font-size:16px !important;
    direction:ltr !important;
    text-align:center !important;
  }

  #financeTab .balcona-date-range button {
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    min-height:50px !important;
    margin:0 !important;
    border-radius:11px !important;
    background:#204f3f !important;
    color:#fff !important;
    font-weight:700 !important;
  }
}


/* BALCONA DATE DISPLAY FIX V3 */
#financeTab .balcona-date-control {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  height:50px !important;
  background:#fff !important;
  border:1px solid #ddd6c8 !important;
  border-radius:11px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

#financeTab .balcona-date-display {
  display:block !important;
  width:100% !important;
  padding:10px !important;
  color:#204f3f !important;
  font-size:16px !important;
  font-weight:600 !important;
  text-align:center !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;
  pointer-events:none !important;
}

#financeTab .balcona-date-control input[type="date"] {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  z-index:2 !important;
  cursor:pointer !important;
}

/* BALCONA PRODUCT STOCK EDIT LINK V1 */
#stockEditActions[hidden]{
  display:none !important;
}
#stockEditActions{
  grid-column:1/-1;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
#openStockMovementBtn{
  width:100%;
  min-height:46px;
  border:1px solid #204f3f;
  background:#204f3f;
  color:#fff;
  border-radius:10px;
  font-size:14px;
  font-weight:700;
  padding:11px;
}
#stockEditActions small{
  color:#67746a;
  line-height:1.7;
}
#pstock[readonly]{
  background:#f4f0e6;
  color:#204f3f;
}
#balconaStockEditError{
  color:#8b4936;
  padding:10px;
  background:#faf0e9;
  border-radius:9px;
}

/* BALCONA SPLIT ADMIN V1 */
.balcona-split-admin{
  margin:18px 0;
  padding:16px;
  border:1px solid #ddd9cb;
  border-radius:12px;
  background:#faf8f2;
}
.balcona-split-admin h4{color:#204f3f;margin:0 0 8px}
.balcona-split-admin p{line-height:1.7}
#setSplitPreview{
  white-space:pre-line;
  line-height:1.9;
  padding:12px;
  border:1px solid #e4dfd4;
  border-radius:9px;
}
#setSplitSubmit{
  background:#204f3f;
  color:white;
}
#setSplitSubmit:disabled{opacity:.55}

/* BALCONA SPLIT MOBILE FIX V1 */
.balcona-split-admin,
.balcona-split-admin * {
  box-sizing: border-box;
}

.balcona-split-admin {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.balcona-split-admin form,
.balcona-split-admin select,
.balcona-split-admin input,
.balcona-split-admin button,
#setSplitPreview {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 600px) {
  .balcona-split-admin {
    padding: 12px;
    margin: 12px 0;
  }

  .balcona-split-admin form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  .balcona-split-admin select,
  .balcona-split-admin input,
  .balcona-split-admin button {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .balcona-split-admin h4,
  .balcona-split-admin p,
  #setSplitPreview {
    overflow-wrap: anywhere;
  }
}