:root{
  --brand-dark:#2f4f33;
  --brand-light:#f6f3eb;
  --brand-mid:#b7a16f;
  --brand-green:#4f6b38;
  --font-ui:'Cairo','Tajawal',system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-display:'Cormorant Garamond','Cairo','Tajawal',serif;

  --primary:var(--brand-dark);
  --success:var(--brand-green);
  --bg:var(--brand-light);
  --card:var(--brand-light);
  --text:var(--brand-dark);
  --muted:var(--brand-mid);

  --radius:14px;
  --shadow:0 10px 24px rgba(47,79,51,.14);
  --ring:0 0 0 4px rgba(183,161,111,.28);
}

html[dir="rtl"],body[dir="rtl"]{direction:rtl;}
html[dir="ltr"],body[dir="ltr"]{direction:ltr;}
body{
  font-family:var(--font-ui) !important;
  background:var(--bg);
  color:var(--text);
  margin:0;
  line-height:1.6;
  overflow-x:hidden;
}
.storefront-lang-tr{
  font-family:'Poppins',var(--font-ui) !important;
}
a{
  color:var(--brand-green);
  text-decoration:none;
}
a:hover{
  color:var(--brand-dark);
}

h1,h2,h3,h4,h5,h6{
  color:var(--brand-dark);
  line-height:1.25;
  margin-bottom:.75rem;
}
.small{line-height:1.5}

.app-main{
  padding:14px 0 40px;
}
.container-xl{
  max-width:1240px;
  padding-left:12px;
  padding-right:12px;
}
.row{
  --bs-gutter-x:1rem;
  --bs-gutter-y:1rem;
}

.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--brand-dark);
  box-shadow:var(--shadow);
  border-top:4px solid var(--brand-green);
}
.topbar-inner{
  max-width:1240px;
  margin:0 auto;
  padding:8px 12px;
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:8px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--brand-light);
  font-weight:700;
}
.brand:hover{
  color:var(--brand-light);
}
.brand-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--brand-mid);
  box-shadow:0 0 0 6px rgba(171,131,80,.22);
}
.brand-name{
  font-size:15px;
  white-space:nowrap;
}

.menu-toggle{
  border:0;
  background:rgba(243,234,220,.15);
  color:var(--brand-light);
  border-radius:999px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  font-size:20px;
  cursor:pointer;
  transition:background-color .2s ease, transform .15s ease;
}
.menu-toggle:hover{
  background:rgba(243,234,220,.28);
  transform:translateY(-1px);
}

.topbar-user{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.user-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(243,234,220,.13);
  border:1px solid rgba(243,234,220,.35);
  padding:5px 9px;
  border-radius:999px;
}
.user-avatar{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--brand-mid);
  color:var(--brand-dark);
  font-weight:700;
  font-size:14px;
}
.user-meta{line-height:1.1;}
.user-name{
  font-weight:700;
  color:var(--brand-light);
  font-size:12px;
  max-width:120px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.user-role{
  font-size:10px;
  color:var(--brand-light);
}

.btn{
  border-radius:999px !important;
  font-weight:700 !important;
  padding:0 14px !important;
  line-height:1.2 !important;
  font-size:.9rem !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.42rem;
  text-align:center;
  vertical-align:middle;
  height:40px;
  min-height:40px;
  font-family:inherit !important;
  transition:transform .15s ease, box-shadow .2s ease;
}
.btn-sm{
  padding:0 10px !important;
  font-size:.8rem !important;
  line-height:1.2 !important;
  height:34px;
  min-height:34px;
}
.btn.w-100{
  width:100%;
}
.btn:hover{
  transform:none;
}

.btn-primary,
.btn-success{
  --bs-btn-bg:var(--brand-green);
  --bs-btn-border-color:var(--brand-green);
  --bs-btn-hover-bg:var(--brand-dark);
  --bs-btn-hover-border-color:var(--brand-dark);
  --bs-btn-active-bg:var(--brand-dark);
  --bs-btn-active-border-color:var(--brand-dark);
  --bs-btn-color:var(--brand-light);
  --bs-btn-hover-color:var(--brand-light);
}
.btn-outline-primary,
.btn-outline-success{
  --bs-btn-color:var(--brand-green);
  --bs-btn-border-color:var(--brand-green);
  --bs-btn-hover-color:var(--brand-light);
  --bs-btn-hover-bg:var(--brand-green);
  --bs-btn-hover-border-color:var(--brand-green);
}
.btn-outline-danger,
.btn-outline-secondary,
.btn-outline-dark{
  --bs-btn-color:var(--brand-dark);
  --bs-btn-border-color:var(--brand-dark);
  --bs-btn-hover-color:var(--brand-light);
  --bs-btn-hover-bg:var(--brand-dark);
  --bs-btn-hover-border-color:var(--brand-dark);
}

.btnx{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  padding:0 14px;
  border-radius:999px;
  font-weight:700;
  border:0;
  cursor:pointer;
  line-height:1.2;
  height:40px;
  min-height:40px;
  font-family:inherit;
  transition:transform .15s ease, box-shadow .2s ease, background-color .2s ease;
}
.btnx:hover{
  transform:none;
}
.btnx.w-100{
  width:100%;
}
.btnx-outline{
  background:var(--brand-light);
  border:1px solid var(--brand-mid);
  color:var(--brand-dark);
}
.btnx-outline:hover{
  background:var(--brand-mid);
  color:var(--brand-dark);
}

.storefront-body .btn,
.storefront-body .btn-sm,
.storefront-body .btnx{
  font-family:var(--font-ui) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1.15 !important;
  padding-top:0 !important;
  padding-bottom:1px !important;
  vertical-align:middle !important;
}

.storefront-body .btn i,
.storefront-body .btnx i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

.form-control,
.form-select{
  min-height:42px;
  height:42px;
  line-height:1.25 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  font-family:var(--font-ui) !important;
  text-align:start;
}
textarea.form-control{
  height:auto !important;
  min-height:96px;
  line-height:1.45 !important;
  padding-top:.55rem !important;
  padding-bottom:.55rem !important;
}

.card{
  border:1px solid rgba(171,131,80,.35) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
  background:var(--card) !important;
  overflow:hidden;
}
.card-header{
  background:rgba(171,131,80,.14) !important;
  border-bottom:1px solid rgba(171,131,80,.35) !important;
  font-weight:700 !important;
  color:var(--brand-dark) !important;
  padding:10px 12px !important;
  font-size:.95rem;
}
.card-body{
  padding:12px !important;
}

.table{
  margin:0;
  color:var(--brand-dark);
  font-size:.88rem;
}
.table thead th{
  font-weight:700;
  color:var(--brand-dark);
  background:rgba(171,131,80,.14);
  border-bottom:1px solid rgba(171,131,80,.35) !important;
}
.table td,.table th{
  vertical-align:middle;
  padding:8px 8px !important;
}
.table-responsive{
  border-radius:12px;
}

.form-label{
  font-weight:700;
  color:var(--brand-dark);
  font-size:.9rem;
}
.form-control,.form-select,.form-check-input{
  border-radius:12px !important;
  border:1px solid rgba(171,131,80,.45) !important;
  padding:9px 11px !important;
  min-height:42px;
  font-size:.9rem;
  background:var(--brand-light) !important;
  color:var(--brand-dark) !important;
}
.form-control,
.form-select{
  line-height:1 !important;
}
input.form-control,
select.form-select{
  height:42px;
  min-height:42px;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
textarea.form-control{
  min-height:96px;
  line-height:1.35 !important;
  padding-top:9px !important;
  padding-bottom:9px !important;
}
.form-control:focus,.form-select:focus,.form-check-input:focus{
  border-color:var(--brand-mid) !important;
  box-shadow:var(--ring) !important;
}
.form-check-input:checked{
  background-color:var(--brand-green) !important;
  border-color:var(--brand-green) !important;
}
.form-check{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding-inline-start:0 !important;
}
.form-check .form-check-input{
  margin:0 !important;
  float:none !important;
  position:static !important;
}
.form-check .form-check-label{
  margin:0;
  line-height:1.25;
}

.badge{
  border-radius:999px;
  padding:.35rem .6rem;
  font-weight:700;
  font-size:.75rem;
}
.bg-danger,.bg-secondary{
  background-color:var(--brand-dark) !important;
}
.bg-warning{
  background-color:var(--brand-mid) !important;
}
.bg-success{
  background-color:var(--brand-green) !important;
}
.text-muted{
  color:var(--brand-mid) !important;
}

.theme-alert{
  border-radius:12px !important;
  box-shadow:0 6px 16px rgba(75,46,43,.12);
  border:1px solid rgba(171,131,80,.35);
}

.auth-body{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:18px;
}
.auth-main{
  width:100%;
  max-width:560px;
}
.auth-card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:32px 24px;
  border-top:5px solid var(--brand-green);
  border-right:1px solid rgba(171,131,80,.35);
  border-left:1px solid rgba(171,131,80,.35);
  border-bottom:1px solid rgba(171,131,80,.35);
  animation:fadeIn .45s ease-in-out;
}
.auth-footer{
  margin-top:12px;
  text-align:center;
}
body.is-login .auth-card{
  text-align:center;
}
body.is-login .auth-card form{
  text-align:right;
  margin-top:16px;
}
body.is-login .auth-card .btn{
  width:100%;
  justify-content:center;
}

.side-menu{
  position:fixed;
  top:0;
  right:0;
  width:260px;
  max-width:86%;
  height:100vh;
  background:var(--brand-light);
  box-shadow:-8px 0 25px rgba(75,46,43,.2);
  z-index:60;
  display:flex;
  flex-direction:column;
  padding:14px 12px;
  transform:translateX(100%);
  transition:transform .25s ease;
}
.side-menu.open{
  transform:translateX(0);
}
.side-menu-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.side-menu-title{
  font-weight:700;
  color:var(--brand-dark);
  font-size:.95rem;
}
.side-menu-close{
  border:0;
  background:transparent;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  color:var(--brand-dark);
}
.side-menu-nav{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:8px;
}
.side-menu-link{
  padding:8px 10px;
  border-radius:999px;
  font-weight:700;
  color:var(--brand-dark);
  font-size:.9rem;
  transition:background-color .2s ease, transform .15s ease, color .2s ease;
}
.side-menu-link:hover{
  background:rgba(171,131,80,.2);
  color:var(--brand-dark);
  transform:translateY(-1px);
}
.side-menu-link.active{
  background:var(--brand-dark);
  color:var(--brand-light);
}

.side-menu-backdrop{
  position:fixed;
  inset:0;
  background:rgba(75,46,43,.25);
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
  z-index:55;
}
.side-menu-backdrop.visible{
  opacity:1;
  pointer-events:auto;
}

.storefront-body{
  min-height:100vh;
  background:var(--brand-light);
}
.storefront-header{
  position:relative;
  z-index:45;
  background:#f6f4ef;
  border-bottom:1px solid rgba(47,79,51,.12);
}
.storefront-notice{
  background:#e6cd79;
  border-bottom:1px solid rgba(47,79,51,.18);
}
.storefront-notice .container-xl{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.storefront-notice span{
  color:#1f2f1e;
  font-weight:600;
  font-size:.86rem;
  line-height:1.3;
}
.storefront-header-wrap{
  padding-top:0;
  padding-bottom:0;
}
.storefront-utility-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  direction:ltr;
  gap:8px;
  min-height:54px;
  margin-bottom:0;
  padding:0 10px;
  background:#eff1f1;
  border-bottom:1px solid rgba(47,79,51,.08);
}
.storefront-lang-switch{
  border:0;
  background:transparent;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:4px 2px;
  color:#5f6c5f;
  font-weight:500;
  font-size:.95rem;
}
.storefront-lang-switch > *{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.storefront-lang-switch:hover{
  color:#3f4f3f;
}
.storefront-lang-label{
  font-size:.95rem;
  line-height:1;
}
.storefront-flag{
  width:22px;
  height:22px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 6px rgba(47,79,51,.18);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 22px;
}
.storefront-flag-glyph{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  font-size:.8rem;
  line-height:1;
  transform:none;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
.storefront-cart-btn{
  width:40px;
  height:40px;
  border-radius:999px;
  border:0;
  background:#f1f3ef;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  color:var(--brand-dark);
  box-shadow:0 1px 3px rgba(47,79,51,.12);
  font-size:1.1rem;
}
.storefront-cart-btn:hover{
  color:var(--brand-dark);
}
.storefront-cart-count{
  position:absolute;
  top:-6px;
  inset-inline-start:-6px;
  min-width:20px;
  height:20px;
  border-radius:999px;
  background:var(--brand-green);
  color:var(--brand-light);
  font-size:.72rem;
  font-weight:700;
  display:grid;
  place-items:center;
  line-height:1;
  padding:0;
  font-family:var(--font-ui);
}
.storefront-identity{
  position:relative;
  border:0;
  border-radius:0;
  background:#dde2e8;
  margin-inline:-12px;
  border-top:0;
  box-shadow:none;
  text-align:center;
  padding:0 12px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.storefront-brand{
  position:relative;
  top:auto;
  left:auto !important;
  right:auto !important;
  inset-inline-start:auto !important;
  inset-inline-end:auto !important;
  transform:none !important;
  display:flex;
  width:96px;
  height:96px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:2px solid #d3d9e0;
  background:#fff;
  box-shadow:0 8px 18px rgba(47,79,51,.16);
  overflow:hidden;
  z-index:2;
  margin-top:-40px;
  margin-bottom:6px;
}
.storefront-logo{
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:50% 50%;
  border-radius:0;
  border:0;
  background:transparent;
  padding:0;
  display:block;
  transform:scale(1.12);
  transform-origin:center;
}
.storefront-logo-fallback{
  width:100%;
  height:100%;
  border-radius:0;
  border:0;
  background:#fff;
  color:#0f3456;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.2rem;
  font-weight:700;
  box-shadow:none;
}
.storefront-brand-title-row{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  margin-top:1px;
  width:auto;
  max-width:100%;
  margin-inline:auto;
  text-align:center;
  white-space:nowrap;
  direction:ltr;
}
.storefront-brand-name{
  margin:0;
  font-size:1.72rem;
  line-height:1.16;
  color:#143b4d;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:var(--font-ui);
}
.storefront-title-wa{
  width:31px;
  height:31px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#25d366;
  color:#fff;
  font-size:1.08rem;
  position:relative;
  left:auto;
  top:auto;
  transform:none;
  margin-top:0;
}
.storefront-title-wa:hover{
  color:#fff;
}
.storefront-location-line{
  margin-top:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#1a3343;
  font-weight:600;
  font-size:.95rem;
  line-height:1.25;
  width:fit-content;
  max-width:100%;
  margin-inline:auto;
  text-align:center;
}
.storefront-location-line i{
  color:#173e53;
}
.storefront-social-list{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:10px;
  flex-wrap:wrap;
  width:fit-content;
  max-width:100%;
  margin-inline:auto;
}
.storefront-social-link{
  width:34px;
  height:34px;
  border-radius:999px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.02rem;
  box-shadow:none;
}
.storefront-social-facebook{background:#3b5998;}
.storefront-social-instagram{background:#c13584;}
.storefront-social-tiktok{background:#092c4c;}
.storefront-social-website{background:#3f63f3;}
.storefront-social-link:hover{
  color:#fff;
  transform:none;
}
.storefront-main{
  min-height:calc(100vh - 140px);
  background:#eceeea;
}
.storefront-content{
  padding-top:12px;
  padding-bottom:10px;
  background:#fff;
  border-radius:0;
  box-shadow:0 8px 22px rgba(47,79,51,.08);
}
.storefront-contact-strip{
  margin-top:12px;
  border-top:1px solid rgba(47,79,51,.10);
  background:#f6f7f3;
}
.storefront-contact-items{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  padding-top:8px;
  padding-bottom:8px;
}
.storefront-contact-item{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#334155;
  font-weight:600;
  font-size:.82rem;
}
.storefront-contact-item i{
  color:#0f3758;
}
.storefront-contact-item.storefront-contact-wa{
  color:var(--brand-green);
}

.storefront-mobile-dock{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:70;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  padding:6px 6px calc(6px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.98);
  border-top:1px solid rgba(47,79,51,.12);
  box-shadow:0 -10px 24px rgba(47,79,51,.14);
  backdrop-filter:blur(6px);
}
.storefront-mobile-dock-item{
  position:relative;
  min-height:50px;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  color:#5f6c5f;
  font-size:.67rem;
  font-weight:700;
  text-align:center;
}
.storefront-mobile-dock-item > span:not(.storefront-mobile-dock-badge){
  display:block;
  line-height:1.05;
  white-space:nowrap;
}
.storefront-mobile-dock-item i{
  font-size:1.05rem;
  line-height:1;
}
.storefront-mobile-dock-item.active{
  background:rgba(79,107,56,.12);
  color:var(--brand-dark);
}
.storefront-mobile-dock-item.storefront-mobile-dock-wa{
  color:#1f9f4a;
}
.storefront-mobile-dock-badge{
  position:absolute;
  top:2px;
  right:8px;
  width:18px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  background:var(--brand-green);
  color:#fff;
  font-size:10px;
  display:grid !important;
  place-items:center !important;
  line-height:1 !important;
  padding:0 !important;
  font-family:var(--font-ui);
  font-weight:700;
  text-align:center;
}

.btn i,
.btnx i,
.menu-toggle i,
.storefront-cart-btn i,
.storefront-title-wa i,
.storefront-social-link i,
.storefront-contact-item i,
.storefront-location-line i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  vertical-align:middle;
}

html[dir="rtl"] .storefront-brand-title-row{
  direction:ltr;
}
html[dir="rtl"] .storefront-brand-name{
  transform:none;
}

@media (min-width: 769px){
  .storefront-mobile-dock{
    display:none !important;
  }
}

.shop-app-products-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:14px;
  flex-wrap:wrap;
  padding:0 12px;
}
.shop-app-products-title{
  margin:0;
  font-size:1.36rem;
  font-family:var(--font-display);
  font-weight:600;
  color:#2f3a2a;
}
.shop-app-count{
  border-radius:999px;
  border:1px solid rgba(171,131,80,.45);
  background:rgba(171,131,80,.12);
  color:var(--brand-dark);
  font-weight:700;
  font-size:.78rem;
  padding:5px 10px;
}

.shop-app-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
  padding:0 12px 10px;
}
.shop-app-card{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  display:flex;
  flex-direction:column;
}
.shop-app-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:1 / 1;
  height:auto;
  margin:0;
  border-radius:20px;
  background:#efeae3;
  padding:0;
  overflow:hidden;
}
.shop-app-thumb img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  padding:0;
}
.shop-app-body{
  padding:13px 4px 2px;
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1;
  align-items:center;
  text-align:center;
}
.shop-app-name{
  margin:0;
  min-height:0;
  font-size:1.28rem;
  line-height:1.18;
  font-family:var(--font-display);
  font-weight:600;
  color:#2f3a2a;
  text-align:center;
}
.shop-app-name a{
  color:#2f3a2a;
}
.shop-app-price{
  font-weight:500;
  color:#8d8d85;
  font-size:.84rem;
  line-height:1.3;
  text-align:center;
  white-space:nowrap;
}
.shop-app-add-form{
  margin-top:8px;
  display:flex;
  gap:0;
  align-items:center;
  justify-content:center;
  width:100%;
}
.shop-app-add-form .form-control{
  display:none;
}
.shop-app-add-form .btn{
  width:auto !important;
  min-width:132px;
  max-width:100%;
  height:44px !important;
  min-height:44px !important;
  padding:0 22px !important;
  border:0 !important;
  background:linear-gradient(135deg, #3f6038, #2f4f33) !important;
  color:#f6f3eb !important;
  font-family:var(--font-display) !important;
  font-size:1.02rem !important;
  border-radius:999px !important;
  box-shadow:0 6px 14px rgba(47,79,51,.22);
}
.shop-app-stepper-form{
  margin-top:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:auto;
}
.shop-app-stepper-btn{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(47,79,51,.35);
  background:#fff;
  color:#2f4f33;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.45rem;
  font-weight:700;
  font-family:Arial,"Segoe UI",sans-serif;
  line-height:1;
  padding:0;
}
.shop-app-stepper-btn > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:1em;
  height:1em;
  line-height:1;
}
.shop-app-stepper-btn:hover{
  background:#f0efe9;
}
.shop-app-stepper-value{
  min-width:44px;
  height:40px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(47,79,51,.2);
  background:#fff;
  color:#2f4f33;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:1rem;
  font-weight:700;
  line-height:1;
}
.shop-app-body > .btn{
  margin-top:8px;
  width:auto !important;
  min-width:132px;
  align-self:center;
  padding:0 22px !important;
  height:44px !important;
  min-height:44px !important;
  border:0 !important;
  background:linear-gradient(135deg, #3f6038, #2f4f33) !important;
  color:#f6f3eb !important;
  font-family:var(--font-display) !important;
  font-size:1.02rem !important;
  border-radius:999px !important;
  box-shadow:0 6px 14px rgba(47,79,51,.22);
}

.store-hero{
  background:linear-gradient(135deg, rgba(171,131,80,.18), rgba(37,96,44,.14));
}
.store-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.86rem;
  color:var(--brand-mid);
  margin-bottom:10px;
}
.store-breadcrumb a{
  color:var(--brand-dark);
  font-weight:700;
}
.store-hero-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.store-hero-title{
  margin:0 0 6px;
  font-size:1.55rem;
}
.store-hero-subtitle{
  margin:0;
  color:var(--brand-dark);
  opacity:.9;
}
.store-hero-stat{
  min-width:180px;
  text-align:center;
  border-radius:12px;
  border:1px solid rgba(171,131,80,.45);
  background:rgba(243,234,220,.9);
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-weight:700;
}
.store-hero-stat strong{
  color:var(--brand-green);
  font-size:1.2rem;
}

.store-filter-form{
  display:grid;
  grid-template-columns:minmax(260px, 1.6fr) minmax(170px, .9fr) minmax(170px, .9fr) auto;
  gap:10px;
  align-items:end;
}
.store-filter-field{
  min-width:0;
}
.store-filter-search input{
  min-width:100%;
}
.store-filter-actions{
  display:flex;
  gap:8px;
  align-items:end;
  justify-content:flex-end;
}

.store-products-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
}
.store-product-card{
  border:1px solid rgba(171,131,80,.35);
  border-radius:14px;
  background:var(--brand-light);
  box-shadow:var(--shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.store-product-thumb{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:228px;
  background:#ece7dc;
  overflow:hidden;
}
.store-product-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px;
  transition:transform .3s ease;
}
.store-product-card:hover .store-product-thumb img{
  transform:scale(1.05);
}
.store-product-badge{
  position:absolute;
  top:10px;
  right:10px;
  border-radius:999px;
  padding:4px 10px;
  font-size:.72rem;
  font-weight:700;
  background:var(--brand-green);
  color:var(--brand-light);
}
.store-product-body{
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1;
}
.store-product-category{
  font-size:.78rem;
  font-weight:700;
  color:var(--brand-mid);
}
.store-product-title{
  margin:0;
  font-size:1rem;
  min-height:44px;
}
.store-product-title a{
  color:var(--brand-dark);
}
.store-product-title a:hover{
  color:var(--brand-green);
}
.store-price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.store-carton-size{
  border-radius:999px;
  background:rgba(171,131,80,.2);
  color:var(--brand-dark);
  font-size:.78rem;
  font-weight:700;
  padding:4px 10px;
}
.store-card-actions{
  margin-top:auto;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.store-inline-add{
  display:flex;
  align-items:center;
  gap:8px;
}
.store-inline-add .form-control{
  width:74px;
  min-width:74px;
}

.shop-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:14px;
}
.shop-search{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.shop-search .form-control{
  min-width:220px;
}

.shop-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.shop-card{
  border:1px solid rgba(171,131,80,.35);
  border-radius:14px;
  background:var(--brand-light);
  box-shadow:var(--shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.shop-image-wrap{
  height:190px;
  background:#ece7dc;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.shop-image{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px;
}
.shop-image-placeholder{
  font-weight:700;
  color:var(--brand-mid);
}
.shop-content{
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.shop-title{
  font-weight:700;
  color:var(--brand-dark);
  min-height:44px;
}
.shop-price{
  font-weight:700;
  color:var(--brand-green);
}
.shop-pill{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  font-size:.75rem;
  padding:4px 10px;
  background:rgba(171,131,80,.2);
  color:var(--brand-dark);
  font-weight:700;
}

.shop-product-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:16px;
}
.shop-gallery-main{
  height:330px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(47,79,51,.20);
  background:#ece7dc;
  display:flex;
  align-items:center;
  justify-content:center;
}
.shop-gallery-main img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:12px;
}
.shop-gallery-thumbs{
  margin-top:8px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.shop-gallery-thumbs button{
  border:1px solid rgba(47,79,51,.24);
  border-radius:12px;
  background:transparent;
  padding:0;
  width:68px;
  height:68px;
  overflow:hidden;
}
.shop-gallery-thumbs img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:4px;
  background:#efeade;
}

.shop-cart-table input[type="number"]{
  max-width:96px;
  text-align:center;
}
.shop-cart-qty-form{
  min-width:0;
  display:inline-flex;
  align-items:center !important;
  justify-content:center;
  gap:8px;
}
.shop-cart-qty-input{
  min-width:58px;
  max-width:66px;
  text-align:center;
  font-size:16px !important;
  height:36px;
  min-height:36px;
  line-height:1.2 !important;
  touch-action:manipulation;
  padding-left:4px !important;
  padding-right:4px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  font-weight:700;
}
.shop-cart-qty-input[type="number"]{
  -moz-appearance:textfield;
  appearance:textfield;
}
.shop-cart-qty-input::-webkit-outer-spin-button,
.shop-cart-qty-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.shop-qty-btn{
  width:36px;
  height:36px;
  min-width:36px;
  min-height:36px;
  border-radius:999px;
  border:1px solid rgba(47,79,51,.35);
  background:#fff;
  color:#2f4f33;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:1.35rem;
  font-weight:700;
  font-family:Arial,"Segoe UI",sans-serif;
  line-height:1;
  padding:0;
}
.shop-qty-btn > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:1em;
  height:1em;
  line-height:1;
}
.shop-qty-btn:hover{
  background:#f0efe9;
}
.shop-cart-mobile{
  display:grid;
  gap:10px;
}
.shop-cart-mobile-item{
  border:1px solid rgba(171,131,80,.3);
  border-radius:12px;
  background:#fff;
  padding:10px;
}
.shop-cart-mobile-head{
  display:flex;
  align-items:center;
  gap:10px;
}
.shop-cart-mobile-head img{
  width:58px;
  height:58px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid rgba(171,131,80,.3);
}
.shop-cart-mobile-meta{
  flex:1;
  min-width:0;
}
.shop-cart-mobile-meta h6{
  margin:0 0 4px;
  font-size:.95rem;
}
.shop-cart-mobile-prices{
  margin-top:10px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.shop-cart-mobile-prices > div{
  border:1px solid rgba(171,131,80,.25);
  border-radius:10px;
  padding:6px 8px;
  background:rgba(171,131,80,.06);
}
.shop-cart-mobile-prices span{
  display:block;
  font-size:.72rem;
  color:var(--brand-mid);
}
.shop-cart-mobile-prices strong{
  font-size:.84rem;
  color:var(--brand-dark);
}
.shop-cart-mobile-qty-form{
  margin-top:10px;
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
}
.shop-cart-mobile-qty-form .shop-cart-qty-input{
  flex:0 0 auto;
  position:relative;
  z-index:2;
}
.shop-discount-note{
  border:1px solid rgba(171,131,80,.24);
  border-radius:10px;
  background:rgba(171,131,80,.08);
  padding:8px 10px;
  font-size:.84rem;
  color:var(--brand-dark);
}
.shop-summary{
  border:1px solid rgba(171,131,80,.35);
  border-radius:12px;
  background:rgba(171,131,80,.14);
  padding:12px;
}
.shop-summary-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
  gap:10px;
}
.shop-summary-row.total{
  border-top:1px dashed rgba(171,131,80,.45);
  margin-top:8px;
  padding-top:8px;
  font-weight:700;
  color:var(--brand-green);
}

.shop-checkout-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:14px;
}

.variant-builder-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr auto;
  gap:8px;
  margin-bottom:8px;
}

.image-preview-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
  gap:8px;
}
.image-preview-item{
  border:1px solid rgba(171,131,80,.35);
  border-radius:10px;
  padding:8px;
  background:rgba(171,131,80,.12);
}
.image-preview-item img{
  width:100%;
  height:90px;
  object-fit:cover;
  border-radius:8px;
  display:block;
  margin-bottom:6px;
}

.logo-preview-box{
  max-width:280px;
  min-height:160px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.logo-preview-image{
  width:100%;
  height:140px !important;
  object-fit:contain !important;
  background:rgba(171,131,80,.08);
  margin-bottom:0 !important;
}

.pagination .page-link{
  color:var(--brand-dark);
  border-color:rgba(171,131,80,.45);
  background:var(--brand-light);
}
.pagination .page-item.active .page-link{
  background:var(--brand-dark);
  border-color:var(--brand-dark);
  color:var(--brand-light);
}

@keyframes fadeIn{
  from{opacity:0;transform:translateY(-14px);}
  to{opacity:1;transform:translateY(0);}
}

@media (max-width: 920px){
  .shop-product-layout{
    grid-template-columns:1fr;
  }
  .shop-checkout-grid{
    grid-template-columns:1fr;
  }
  .variant-builder-row{
    grid-template-columns:1fr 1fr;
  }
  .store-filter-form{
    grid-template-columns:1fr 1fr;
  }
  .store-filter-actions{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}

@media (max-width: 768px){
  .btn{
    height:42px;
    min-height:42px;
  }
  .btn-sm{
    height:36px;
    min-height:36px;
  }
  .btnx{
    height:42px;
    min-height:42px;
  }

  .topbar-inner{
    grid-template-columns:auto auto;
    grid-template-rows:auto auto;
    align-items:center;
  }
  .brand{
    grid-column:1/2;
  }
  .menu-toggle{
    grid-column:2/3;
    justify-self:end;
  }
  .topbar-user{
    grid-column:1/3;
    justify-content:space-between;
    margin-top:4px;
  }
  .auth-card{
    padding:24px 18px;
  }
  .card-body{
    padding:10px !important;
  }
  .card-header{
    padding:8px 10px !important;
  }
  .table{
    font-size:.8rem;
  }
  .table td,.table th{
    padding:6px 6px !important;
  }
  .storefront-header-wrap{
    padding-top:0;
    padding-bottom:0;
  }
  .storefront-main{
    padding-bottom:92px;
  }
  .storefront-utility-row{
    min-height:50px;
    margin-bottom:0;
    padding:0 10px;
  }
  .storefront-lang-switch{
    font-size:.9rem;
    padding:4px 2px;
  }
  .storefront-identity{
    padding:0 10px 10px;
  }
  .storefront-brand{
    width:90px;
    height:90px;
    margin-top:-36px;
    margin-bottom:5px;
  }
  .storefront-brand-name{
    font-size:1.48rem;
  }
  .storefront-social-list{
    margin-top:9px;
    gap:10px;
  }
  .storefront-social-link{
    width:34px;
    height:34px;
  }
  .storefront-contact-items{
    justify-content:center;
    gap:10px;
    align-items:center;
    flex-direction:column;
  }
  .shop-cart-mobile-prices{
    grid-template-columns:1fr;
  }
  .shop-app-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:20px;
    padding:0 12px 10px;
  }
  .shop-app-name{
    font-size:1.14rem;
    min-height:0;
  }
  .shop-app-price{
    font-size:.8rem;
  }
}

@media (min-width: 992px){
  .shop-app-grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:22px;
  }
}

@media print{
  .no-print,
  .side-menu,
  .side-menu-backdrop,
  .topbar{
    display:none !important;
  }
  body{
    background:var(--brand-light);
  }
  .card{
    box-shadow:none !important;
  }
}

/* CUSTOM_OWNER_STYLE_AREA
   Reserved area for owner custom styling.
   Allowed: layout / spacing / typography / shadows / animations.
   Not allowed: changing brand colors or redefining color variables.
*/

/* إضافات ضرورية فقط للتطبيق الحالي: RTL + تمركز صارم + صفحات المتجر والإدارة */
*,
*::before,
*::after{
  box-sizing:border-box;
}
html,body{
  direction:rtl;
  overflow-x:hidden;
}
.center-flex{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.login-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.login-card{
  width:min(100%,440px);
}
.login-title{
  text-align:center;
  margin-bottom:6px;
}
.login-hint{
  text-align:center;
  color:var(--brand-dark);
}
.wa-entry-btn{
  width:100%;
  margin-top:10px;
}
.storefront-mobile-dock{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}
.storefront-mobile-dock-item{
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.storefront-mobile-dock-item > span{
  display:flex;
  align-items:center;
  justify-content:center;
}
.promo-slider{
  position:relative;
  width:100%;
  height:min(34vh,320px);
  border-radius:16px;
  overflow:hidden;
  background:#ece7dc;
}
.promo-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .35s ease;
  display:flex;
  align-items:center;
  justify-content:center;
}
.promo-slide.active{
  opacity:1;
}
.promo-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#ece7dc;
}
.storefront-identity{
  gap:12px;
}
.storefront-brand-title-row{
  margin-top:12px !important;
  margin-bottom:2px !important;
}
.storefront-brand-name{
  margin:0 !important;
}
.storefront-location-line{
  margin-top:8px !important;
}
.category-list{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.category-item{
  width:100%;
  display:grid;
  grid-template-columns:84px 1fr;
  gap:12px;
  align-items:center;
  border:1px solid rgba(171,131,80,.35);
  border-radius:14px;
  background:#fff;
  padding:10px;
  text-decoration:none;
  color:var(--brand-dark);
}
.category-item img{
  width:84px;
  height:84px;
  object-fit:cover;
  border-radius:12px;
}
.category-item.closed{
  opacity:.58;
  pointer-events:none;
}
.product-list{
  display:grid;
  gap:12px;
  padding-bottom:150px;
}
.product-item{
  border:1px solid rgba(171,131,80,.35);
  border-radius:14px;
  background:#fff;
  padding:10px;
  display:grid;
  grid-template-columns:92px 1fr;
  gap:10px;
  align-items:center;
}
.product-item img{
  width:92px;
  height:92px;
  border-radius:10px;
  object-fit:cover;
}
.product-item.closed{
  opacity:.58;
}
.qty-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  direction:ltr;
  min-height:36px;
}
.qty-btn{
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(47,79,51,.35);
  background:#fff;
  display:grid;
  place-items:center;
  font-size:1.6rem;
  font-weight:700;
  line-height:1 !important;
  padding:0;
  text-align:center;
  font-family:Arial,"Segoe UI",sans-serif;
  position:relative;
  overflow:hidden;
}
.qty-btn > span{
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  visibility:hidden;
}
.qty-btn::before{
  content:"+";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  line-height:1;
  font-size:1.45rem;
  transform:translateY(-1px);
}
.qty-btn[data-step="-1"]::before{
  content:"-";
  font-size:1.6rem;
  transform:translateY(-2px);
}
.qty-btn[data-step="1"]::before{
  content:"+";
}
.qty-input{
  width:66px;
  height:36px;
  text-align:center !important;
  text-align-last:center;
  font-weight:700;
  border-radius:999px;
  border:1px solid rgba(47,79,51,.25);
  padding:0 !important;
  line-height:1 !important;
  font-size:16px !important;
  direction:ltr;
  font-family:Arial,"Segoe UI",sans-serif;
  display:block;
  margin:0;
  -moz-appearance:textfield;
  appearance:textfield;
  font-variant-numeric:tabular-nums;
}
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.product-action-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:74px;
  z-index:68;
  background:#fff;
  border-top:1px solid rgba(47,79,51,.12);
  border-bottom:1px solid rgba(47,79,51,.12);
  padding:8px 10px;
}
.product-action-inner{
  max-width:820px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:8px;
  align-items:center;
}
.cart-review-list{
  display:grid;
  gap:10px;
}
.cart-review-item{
  border:1px solid rgba(171,131,80,.3);
  border-radius:12px;
  background:#fff;
  padding:10px;
}
.cart-review-head{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:8px;
  align-items:center;
}
.cart-review-head img{
  width:62px;
  height:62px;
  border-radius:10px;
  object-fit:cover;
}
.cart-review-prices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
}
.cart-review-prices > div{
  border:1px solid rgba(171,131,80,.25);
  border-radius:10px;
  padding:6px 8px;
  background:rgba(171,131,80,.07);
}
.admin-shell{
  min-height:100vh;
  background:#f3f1eb;
  padding-bottom:30px;
}
.admin-top{
  position:sticky;
  top:0;
  z-index:80;
  background:var(--brand-dark);
  color:#fff;
  padding:10px 12px;
}
.admin-top a{
  color:#fff;
}
.admin-nav{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:8px 12px;
  background:#fff;
  border-bottom:1px solid rgba(47,79,51,.1);
}
.admin-nav a{
  white-space:nowrap;
}
.admin-wrap{
  max-width:1000px;
  margin:0 auto;
  padding:12px;
}
.admin-wrap .card{
  border-radius:14px;
  overflow:hidden;
}
.admin-wrap .card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.admin-wrap .table td,
.admin-wrap .table th{
  vertical-align:middle;
  white-space:normal;
}
.admin-wrap .table td .d-flex{
  flex-wrap:wrap;
  align-items:center;
}
.admin-wrap .table td .btn{
  min-width:74px;
}
.admin-wrap form.d-flex.gap-1,
.admin-wrap form.d-flex.gap-2{
  flex-wrap:wrap;
}
.admin-wrap .form-control[type="file"]{
  height:44px;
  min-height:44px;
  padding:4px 8px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.admin-wrap .form-control[type="file"]::file-selector-button{
  height:32px;
  border:0;
  border-radius:999px;
  margin-inline-end:8px;
  padding:0 12px;
  background:var(--brand-dark);
  color:var(--brand-light);
  font-weight:700;
  cursor:pointer;
}
.admin-wrap .card img{
  display:block;
  margin:0 auto;
}
.invoice-print{
  max-width:900px;
  margin:0 auto;
  padding:16px;
}
@media (min-width:992px){
  .storefront-content{
    max-width:1120px;
    margin:0 auto;
    border-radius:16px;
    padding:18px;
  }
  .promo-slider{
    height:380px;
  }
  .category-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .product-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .product-item{
    min-height:100%;
  }
  .cart-review-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .product-action-inner{
    max-width:1120px;
  }
}
.invoice-box{
  border:1px solid rgba(47,79,51,.18);
  border-radius:12px;
  background:#fff;
  padding:14px;
}
@media (max-width:768px){
  .admin-top{
    display:flex !important;
    flex-wrap:wrap;
    gap:8px;
  }
  .admin-top .small{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
    width:100%;
  }
  .admin-wrap{
    padding:10px;
  }
  .admin-wrap .card-body{
    padding:10px !important;
  }
  .admin-wrap .table{
    font-size:.82rem;
  }
  .product-action-inner{
    grid-template-columns:1fr;
  }
  .cart-review-prices{
    grid-template-columns:1fr;
  }
}