/* MIX — mobile-first storefront polish */
:root {
  --mix-accent: #e7ad17;
  --mix-ink: #171717;
  --mix-radius: 18px;
}




.s-product-card-entry {
  border: 1px solid rgba(23, 23, 23, .08);
  border-radius: var(--mix-radius);
  box-shadow: 0 10px 28px rgba(23, 23, 23, .09);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}




.s-product-card-entry:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(23, 23, 23, .13);
}




.s-product-card-image {
  overflow: hidden;
  border-radius: 14px;
}




.s-button-element,
.s-product-card-content-footer .s-button-element,
button.btn,
a.btn {
  min-height: 46px;
  border-radius: 14px;
  font-weight: 700;
}




:focus-visible {
  outline: 3px solid var(--mix-accent);
  outline-offset: 3px;
}




@media (max-width: 767px) {
  .s-product-card-entry { border-radius: 16px; }
  .s-product-card-content { padding: 12px; }
}




@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* MIX raised letters: responsive product grid */
section[component-id="1422136251"] .s-products-list-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch;
}
section[component-id="1422136251"] custom-salla-product-card.s-product-card-horizontal {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0;
  height: 100%;
}
section[component-id="1422136251"] .s-product-card-image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
}
section[component-id="1422136251"] .s-product-card-image a,
section[component-id="1422136251"] .s-product-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section[component-id="1422136251"] .s-product-card-content {
  width: 100% !important;
  height: auto !important;
  flex: 1;
  padding: 12px;
}
section[component-id="1422136251"] .s-product-card-content-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
section[component-id="1422136251"] .s-product-card-content-footer {
  margin-top: auto;
}
@media (min-width: 768px) {
  section[component-id="1422136251"] .s-products-list-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}
@media (min-width: 1200px) {
  section[component-id="1422136251"] .s-products-list-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
/* MIX mobile navigation */
#mix-mobile-nav{display:none}
@media(max-width:767px){
body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
#mix-mobile-nav{position:fixed;z-index:1000;right:12px;left:12px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding:5px;background:#202123;border-radius:28px;box-shadow:0 12px 30px #0005;direction:rtl}
#mix-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;color:#fff;text-align:center;text-decoration:none;border-radius:20px}
#mix-mobile-nav a:focus-visible,#mix-mobile-nav a:hover{background:#363636;color:#ffce51}
#mix-mobile-nav .mix-nav-icon{font-size:25px;line-height:1.1;font-weight:700}
#mix-mobile-nav .mix-nav-label{font-size:11px;font-weight:700}
.store-header .navbar-brand img{display:none!important}
.store-header .navbar-brand:after{content:"مكس وان";white-space:pre;display:block;color:#1b1b1b;font-size:14px;font-weight:800;line-height:1.2;text-align:center}
section[component-id="139104724"] .s-products-list-wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
section[component-id="139104724"] custom-salla-product-card.s-product-card-horizontal{display:flex!important;flex-direction:column!important;width:100%!important;height:100%}
section[component-id="139104724"] .s-product-card-image{width:100%!important;aspect-ratio:4/3}
section[component-id="139104724"] .s-product-card-image img{width:100%;height:100%;object-fit:cover}
section[component-id="139104724"] .s-product-card-content{width:100%!important;flex:1}
}
@media(min-width:768px){section[component-id="139104724"] .s-products-list-wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}}
/* MIX compact service input */
body.mix-service-final #mix-centimeter-quantity salla-quantity-input,body.mix-service-final #mix-centimeter-quantity .s-quantity-input-container,body.mix-service-final #mix-centimeter-quantity input[name="quantity"]{width:90px!important;min-width:90px!important;max-width:90px!important;text-align:center!important}

/* MIX sale badge bottom-left */
.mix-meter-card .mix-sale-badge {
  top: auto !important;
  right: auto !important;
  bottom: 8px !important;
  left: 8px !important;
}
/* MIX DESIGNER EARLY PRESENTATION v20261024 — only the design service. */
#product-1535950458 { display:none!important; }
body:has(#product-1535950458) #mix-design-approval,
body:has(#product-1535950458) #mix-design-contact,
body:has(#product-1535950458) #mix-letter-picker,
body:has(#product-1535950458) salla-add-product-button { display:none!important; }
body:has(#product-1535950458):not(:has(#mix-smart-design)) .container--product-details::before {
 content:'جارٍ تجهيز مساحة تصميمك…';display:block;direction:rtl;text-align:center;
 margin:24px auto;padding:26px 16px;border:1px solid #e7e1d2;border-radius:22px;
 background:#fff;color:#263d2d;font-size:16px;
}