:root {
   --color-primary: #E7E7E7;
   --color-secondary: #E7E7E7;
   --color-accent: #E7E7E7;
   --color-text-primary: #010101;
   --color-text-secondary: #010101;
   --color-bg-card: #E7E7E7;
   --color-dark: #010101;
 }

 body {
   max-width: 100vw;
   overflow-x: clip;
   font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   margin: 0;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   position: relative;
 }

 body::before {
   content: '';
   position: fixed;
   inset: 0;
   background-image: url('../img/bg.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   filter: blur(4px);
   z-index: -1;
 }

 .site-main,
 main {
   flex: 1;
 }

 /* ===============================
   Header Cart Drawer
================================ */

 .site-header nav {
   display: flex;
   gap: 16px;
   align-items: center;
 }

 .site-header nav a,
 .site-header nav button {
   text-decoration: none;
   position: relative;
   color: #010101;
   padding: 8px 16px;
   font-size: 1.1rem;
   filter: drop-shadow(0px 2px 4px rgb(255, 255, 255));
   background: none;
   border: none;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }

 .site-header nav a i,
 .site-header nav button i {
   font-size: 22px;
   line-height: 1;
 }

 .nav-cart {
   position: relative;
   display: inline-flex;
   align-items: center;
 }

 .nav-cart-toggle {
   position: relative;
   background: none;
   border: none;
   cursor: pointer;
   padding: 8px 16px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }

 .nav-cart-toggle i {
   font-size: 22px;
   line-height: 1;
 }

 .cart-count {
   position: absolute;
   top: 2px;
   right: 6px;
   font-size: 12px;
   font-weight: 700;
   min-width: 16px;
   text-align: center;
   line-height: 1;
   color: #fff;
 }

 /* الخلفية */
 .cart-overlay {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.22);
   opacity: 0;
   visibility: hidden;
   transition: opacity .3s ease, visibility .3s ease;
   z-index: 9998;
 }

 .cart-overlay.active {
   opacity: 1;
   visibility: visible;
 }



 /* HERO */
 .hero-content {
   text-align: center;
   color: #fff;
 }

 .hero-buttons {
   margin-top: 25px;
   display: flex;
   justify-content: center;
   gap: 12px;
   flex-wrap: wrap;
 }

 /* يشتغل سواء الزر عليه class="btn" أو مجرد <a> */
 .hero-buttons a,
 .hero-buttons .btn {
   display: inline-block;
   padding: 14px 30px;
   margin: 0 10px;
   font-size: 16px;
   text-decoration: none;
   border-radius: 6px;
   font-weight: 600;
   text-align: center;
 }

 /* ألوان الأزرار */
 .btn-primary {
   background: transparent;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   color: #E7E7E7;
 }

 .btn-primary:hover {
   transform: translateY(-4px);
   box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.45), -4px -4px 12px rgba(255, 255, 255, 0.9);
 }

 .btn-outline {
   border: 2px solid #E7E7E7;
   color: #E7E7E7;
   background: transparent;
 }

 .btn-outline:hover {
   background: #E7E7E7;
   color: #010101;
 }



 /* =================================================
   MQ – Cart Notices (Match Site Style)
================================================= */

 /* Wrapper عام للرسائل */
 .woocommerce-notices-wrapper {
   max-width: 500px;
   margin: 30px auto 20px;
   padding: 0 20px;
 }

 /* كل الرسائل */
 .woocommerce-message,
 .woocommerce-info,
 .woocommerce-error {
   background: linear-gradient(90deg,
       #F3EFE4 0%,
       #E9E4DA 50%,
       #DFDAD0 100%);
   border: none;
   border-radius: 16px;
   padding: 18px 22px;
   color: #010101;
   font-size: 14px;
   box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14);
   margin-bottom: 14px;
 }

 /* إزالة الخط الجانبي الأزرق الافتراضي */
 .woocommerce-message::before,
 .woocommerce-info::before,
 .woocommerce-error::before {
   display: none;
 }

 /* رابط Undo */
 .woocommerce-message a {
   color: #010101;
   font-weight: 600;
   text-decoration: underline;
 }

 .woocommerce-message a:hover {
   text-decoration: none;
 }



 .ads-slider {
   width: 100%;
   margin-bottom: 40px;
   margin-top: 30px;
   max-width: 1300px;
   /* يتحكم في صِغر السلايدر */
   margin: 30px auto 40px auto;
   /* توسيط + مسافات */
   padding: 0 1px;
   /* مسافة داخلية خفيفة */
 }

 .ads-slider-wrapper {
   position: relative;
   width: 100%;
   height: 240px;
   /* ارتفاع الإعلان */
   overflow: hidden;
   border-radius: 16px;
 }

 .ads-slide {
   position: absolute;
   inset: 0;
   opacity: 0;
   transition: opacity 0.8s ease-in-out;
 }

 .ads-slide.active {
   opacity: 1;
 }

 .ads-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* هذا أهم سطر */
   display: block;
 }


 /* =========================================================
   MQ – My Account (ONE FILE)
   Scoped styles for WooCommerce My Account pages
   - Matches site palette: #010101 + paper gradient
   - Buttons: black pill, hover invert
   - Cards: paper gradient + soft shadow
   ========================================================= */

 /* ---------- Tokens (fallbacks) ---------- */
 :root {
   --mq-black: #010101;
   --mq-offwhite: #E7E7E7;

   --mq-paper-1: #F3EFE4;
   --mq-paper-2: #E9E4DA;
   --mq-paper-3: #DFDAD0;

   --mq-border: #dddddd;
   --mq-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
   --mq-shadow-soft: 0 10px 26px rgba(0, 0, 0, 0.12);
   --mq-radius-lg: 16px;
   --mq-radius-md: 14px;
   --mq-radius-sm: 12px;
 }

 .woocommerce-account .mq-account,
 .woocommerce-account .mq-account * {
   box-sizing: border-box;
 }

 /* ---------- Layout (Sidebar + Content) ---------- */
 .woocommerce-account .mq-account {
   display: grid;
   grid-template-columns: 260px 1fr;
   gap: 32px;
   max-width: 1200px;
   margin: 60px auto;
   padding: 0 16px;
 }

 .woocommerce-account .mq-account__sidebar,
 .woocommerce-account .mq-account__content {
   background: transparent;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border-radius: var(--mq-radius-md);
   box-shadow: var(--mq-shadow-soft);
 }

 .woocommerce-account .mq-account__sidebar {
   padding: 20px;
 }

 .woocommerce-account .mq-account__content {
   padding: 26px;
   min-width: 0;
 }

 /* ---------- Navigation ---------- */
 .woocommerce-account .mq-nav__item {
   display: block;
   padding: 12px 16px;
   margin-bottom: 10px;
   border-radius: 10px;
   text-decoration: none !important;
   color: #fff;
   transition: .2s ease;
 }

 .woocommerce-account .mq-nav__item.is-active,
 .woocommerce-account .mq-nav__item:hover {
   background: var(--mq-black);
   color: var(--mq-offwhite);
 }

 /* ---------- Headings & text ---------- */
 .woocommerce-account .mq-account__content h1,
 .woocommerce-account .mq-account__content h2,
 .woocommerce-account .mq-account__content h3 {
   color: #fff;
   margin: 0 0 12px;
 }

 .woocommerce-account .mq-account__content p {
   color: #fff;
   margin: 0 0 12px;
   line-height: 1.6;
 }

 /* ---------- Global buttons inside My Account ---------- */
 .woocommerce-account .mq-account__content a.button,
 .woocommerce-account .mq-account__content button.button,
 .woocommerce-account .mq-account__content .woocommerce-Button,
 .woocommerce-account .mq-account__content a.woocommerce-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;

   background: #ff3b5c;
   color: var(--mq-offwhite) !important;

   border: 1px solid transparent !important;
   border-radius: 999px !important;

   padding: 10px 16px !important;
   font-weight: 600 !important;
   font-size: 14px !important;
   line-height: 1 !important;

   text-decoration: none !important;
   cursor: pointer;
   transition: .2s ease;
   white-space: nowrap;
 }

 .woocommerce-account .mq-account__content a.button:hover,
 .woocommerce-account .mq-account__content button.button:hover,
 .woocommerce-account .mq-account__content button:hover,
 .woocommerce-account .mq-account__content .woocommerce-Button:hover,
 .woocommerce-account .mq-account__content a.woocommerce-button:hover {
   background: var(--mq-offwhite) !important;
   color: var(--mq-black) !important;
   border-color: var(--mq-black) !important;
 }

 /* secondary small link-buttons (order actions etc) */
 .woocommerce-account .mq-account__content .woocommerce-MyAccount-content a.woocommerce-button {
   padding: 9px 14px !important;
   font-size: 13px !important;
 }

 /* ---------- Inputs / Select / Textarea (Edit account + address forms) ---------- */
 .woocommerce-account .mq-account__content input[type="text"],
 .woocommerce-account .mq-account__content input[type="email"],
 .woocommerce-account .mq-account__content input[type="password"],
 .woocommerce-account .mq-account__content input[type="tel"],
 .woocommerce-account .mq-account__content input[type="number"],
 .woocommerce-account .mq-account__content select,
 .woocommerce-account .mq-account__content textarea {
   width: 100% !important;
   max-width: 100% !important;

   height: 48px;
   padding: 0 16px;

   border-radius: var(--mq-radius-md) !important;
   border: 1px solid var(--mq-border) !important;

   background: #fff !important;
   color: var(--mq-black) !important;

   font-size: 15px;
   box-shadow: none !important;
   outline: none !important;
 }

 .woocommerce-account .mq-account__content textarea {
   height: auto;
   padding: 14px 16px;
   min-height: 120px;
   resize: vertical;
 }

 .woocommerce-account .mq-account__content input:focus,
 .woocommerce-account .mq-account__content select:focus,
 .woocommerce-account .mq-account__content textarea:focus {
   border-color: var(--mq-black) !important;
   box-shadow: 0 0 0 2px rgba(1, 1, 1, 0.08) !important;
 }

 /* form rows spacing */
 .woocommerce-account .mq-account__content .form-row,
 .woocommerce-account .mq-account__content .woocommerce-form-row {
   margin: 0 0 14px;
 }

 /* ---------- Notices (success/info/error) ---------- */
 .woocommerce-account .woocommerce-notices-wrapper {
   max-width: 100%;
   margin: 0 0 16px;
   padding: 0;
 }

 .woocommerce-account .woocommerce-message,
 .woocommerce-account .woocommerce-info,
 .woocommerce-account .woocommerce-error {
   background: linear-gradient(90deg, var(--mq-paper-1) 0%, var(--mq-paper-2) 50%, var(--mq-paper-3) 100%);
   border: none !important;
   border-radius: var(--mq-radius-lg);
   padding: 14px 16px !important;
   color: var(--mq-black);
   font-size: 14px;
   box-shadow: var(--mq-shadow-soft);
   margin: 0 0 12px;
 }

 .woocommerce-account .woocommerce-message::before,
 .woocommerce-account .woocommerce-info::before,
 .woocommerce-account .woocommerce-error::before {
   display: none !important;
 }

 /* ---------- Addresses (my-address.php) ---------- */
 .woocommerce-account .woocommerce-Addresses,
 .woocommerce-account .u-columns.woocommerce-Addresses {
   display: flex !important;
   flex-direction: column !important;
   gap: 14px;
 }

 /* break columns */
 .woocommerce-account .u-columns,
 .woocommerce-account .u-column1,
 .woocommerce-account .u-column2,
 .woocommerce-account .woocommerce-Address {
   width: 100% !important;
   float: none !important;
   margin: 0 !important;
 }

 /* card */
 .woocommerce-account .woocommerce-Addresses .woocommerce-Address {
   background: linear-gradient(90deg, var(--mq-paper-1) 0%, var(--mq-paper-2) 50%, var(--mq-paper-3) 100%);
   border-radius: var(--mq-radius-sm);
   padding: 14px 16px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
 }

 .woocommerce-account .woocommerce-Address-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   margin-bottom: 8px;
 }

 .woocommerce-account .woocommerce-Address-title h2 {
   margin: 0;
   font-size: 14px;
   color: var(--mq-black);
 }

 /* edit/add is an <a class="edit"> */
 .woocommerce-account .woocommerce-Address-title a.edit {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 8px 14px;
   font-size: 13px;
   border-radius: 999px;
   background: var(--mq-black);
   color: var(--mq-offwhite) !important;
   text-decoration: none !important;
   font-weight: 600;
   border: 1px solid transparent;
   transition: .2s ease;
 }

 .woocommerce-account .woocommerce-Address-title a.edit:hover {
   background: var(--mq-offwhite);
   color: var(--mq-black) !important;
   border-color: var(--mq-black);
 }

 .woocommerce-account .woocommerce-Addresses address {
   margin: 0;
   font-size: 13px;
   line-height: 1.5;
   color: var(--mq-black);
 }

 /* ---------- Tables (orders / payment methods / downloads) ---------- */
 .woocommerce-account .mq-account__content table.shop_table {
   width: 100%;
   border: none !important;
   border-collapse: collapse;
   border-radius: var(--mq-radius-md);
   overflow: hidden;
   background: rgba(255, 255, 255, 0.55);
 }

 .woocommerce-account .mq-account__content table.shop_table thead th {
   text-align: left;
   padding: 12px 14px;
   font-size: 13px;
   color: var(--mq-black);
   background: rgba(255, 255, 255, 0.65);
   border: none;
   font-weight: 700;
 }

 .woocommerce-account .mq-account__content table.shop_table tbody td {
   padding: 12px 14px;
   font-size: 13px;
   color: var(--mq-black);
   border-top: 1px solid rgba(1, 1, 1, 0.08) !important;
   vertical-align: middle;
 }

 .woocommerce-account .mq-account__content table.shop_table a {
   color: var(--mq-black);
   text-decoration: none;
 }

 .woocommerce-account .mq-account__content table.shop_table a:hover {
   text-decoration: underline;
 }

 /* Pagination (previous/next buttons) */
 .woocommerce-account .woocommerce-pagination {
   display: flex;
   gap: 10px;
   margin-top: 14px;
 }

 /* ---------- View order notes ---------- */
 .woocommerce-account .woocommerce-OrderUpdates {
   list-style: none;
   padding: 0;
   margin: 12px 0 0;
   display: grid;
   gap: 10px;
 }

 .woocommerce-account .woocommerce-OrderUpdate {
   background: rgba(255, 255, 255, 0.55);
   border-radius: var(--mq-radius-md);
   padding: 12px 14px;
   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
 }

 .woocommerce-account .woocommerce-OrderUpdate-meta {
   font-size: 12px;
   opacity: 0.85;
   margin-bottom: 6px;
 }

 /* ---------- Login/Register inside account area (default template) ---------- */
 .woocommerce-account .mq-account__content .woocommerce form.login,
 .woocommerce-account .mq-account__content .woocommerce form.register,
 .woocommerce-account .mq-account__content .woocommerce-form-login,
 .woocommerce-account .mq-account__content .woocommerce-form-register {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   padding: 0 !important;
   margin: 0;
 }




 /* =================================================
   CART – FINAL READY (NO DELETE, NO CHANGE)
   ================================================= */

 /* تأكيد عدم وجود خلفيات عامة */
 .mq-cart {
   background: transparent;
 }

 .mq-cart-layout {
   display: flex;
   gap: 40px;
   align-items: flex-start;
   background: transparent;
 }

 /* ===============================
   CART ITEMS – STRUCTURE
================================ */

 .mq-cart-items {
   display: block !important;
   width: 100%;
 }

 /* ===============================
   CART ITEM – COMPACT & FIXED
================================ */

 .mq-cart-item {
   display: flex !important;
   align-items: center;
   gap: 16px;

   width: 100% !important;
   max-width: 100% !important;

   margin-bottom: 16px;
   grid-column: auto !important;

   background: linear-gradient(90deg,
       #F3EFE4 0%,
       #E9E4DA 50%,
       #DFDAD0 100%);
   border-radius: 14px;
   padding: 12px 14px !important;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
 }

 /* ===============================
   IMAGE – HARD SIZE LOCK
================================ */

 .mq-cart-thumb {
   width: 80px !important;
   flex: 0 0 80px !important;
 }

 .mq-cart-thumb a,
 .mq-cart-thumb img {
   display: block;
   width: 80px !important;
   max-width: 80px !important;
   height: auto !important;
   border-radius: 10px;
   object-fit: cover;
 }

 /* ===============================
   INFO
================================ */

 .mq-cart-info {
   flex: 1 1 auto;
   min-width: 0;
 }

 .mq-cart-info h4 {
   font-size: 14px;
   margin: 0 0 4px;
   line-height: 1.3;
 }

 .mq-cart-info a {
   color: #111;
   text-decoration: none;
 }

 .mq-cart-price {
   font-size: 13px;
   color: #666;
 }

 /* ===============================
   QTY CONTROLS
================================ */

 .mq-cart-qty {
   display: flex;
   align-items: center;
   gap: 10px;
   flex-shrink: 0;
 }

 .mq-qty-control {
   display: flex;
   align-items: center;
   background: #f3f3f3;
   border-radius: 10px;
   padding: 2px 4px;
 }

 .mq-qty-btn {
   width: 24px;
   height: 24px;
   border: none;
   background: transparent;
   font-size: 13px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #333;
 }

 .mq-qty-input {
   width: 28px;
   border: none;
   background: transparent;
   text-align: center;
   font-size: 13px;
   outline: none;
 }

 /* ===============================
   REMOVE
================================ */

 .mq-remove-item {
   font-size: 12px;
   margin-left: 4px;
   white-space: nowrap;
   color: #999;
   text-decoration: none;
 }

 .mq-remove-item:hover {
   color: #000;
   text-decoration: underline;
 }

 /* ===============================
   SPACING BETWEEN ITEMS
================================ */

 .mq-cart-item+.mq-cart-item {
   margin-top: 16px;
 }

 .mq-cart-summary {
   width: 360px;
   flex-shrink: 0;

   position: sticky;
   top: 120px;

   background: rgba(255, 255, 255, 0.9);
   border-radius: 24px;
   padding: 32px;
 }



 button[name="update_cart"] {
   display: none;
 }

 /* Hide WooCommerce cart updated notice */
 .woocommerce-cart .woocommerce-message {
   display: none !important;
 }

 /* Hide PayPal button only on Cart page */
 .woocommerce-cart .wc-proceed-to-checkout .paypal-button,
 .woocommerce-cart .wc-proceed-to-checkout .wc-paypal-button,
 .woocommerce-cart .wc-proceed-to-checkout a[href*="paypal"] {
   display: none !important;
 }




 /* Header */

 .site-header {
   text-decoration: none !important;
   padding: 0;
   position: sticky;
   top: 8px;
   z-index: 9999;

 }

 .header-inner {
   text-decoration: none !important;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 18px;
   border-radius: 16px;

   /* تدرّج ورقي دافئ لكن هادي، بدون صفار مزعج */
   background: transparent;
   backdrop-filter: blur(3px);
   -webkit-backdrop-filter: blur(1px);

   /* ظل خفيف للهيدر */
   box-shadow:
     0 8px 20px rgba(0, 0, 0, 0.08),
     0 2px 4px rgba(0, 0, 0, 0.04);
   border: 1.5px solid rgba(255, 255, 255, 0.2);
 }


 .logo {

   display: flex;
   text-decoration: none !important;
   align-items: center;
   gap: 10px;
 }

 .logo img {
   width: 40px;
   height: 40px;
 }


 .logo span {
   font-weight: 600;
   letter-spacing: 0.06em;
   font-size: 0.95rem;
   text-decoration: none;
   text-transform: uppercase;
   color: var(--color-text-secondary);
 }

 /* Nav */

 .site-header nav {
   display: flex;
   gap: 16px;
 }

 /* أزرار الهيدر مع تأثير glow بسيط */
 .site-header nav a {
   text-decoration: none;
   position: relative;
   color: #010101;
   padding: 8px 16px;

   font-size: 1.1rem;
   filter: drop-shadow(0px 2px 4px rgb(255, 255, 255));
 }


 /* ===============================
   Footer
================================ */
.footer-payment-cr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  border-top: 1px solid rgba(255,255,255,0.15);
  margin-top: 28px;
  padding-top: 16px;
  padding-bottom: 12px;
}

.footer-payment {
  display: flex;
  align-items: center;
  gap: 10px;
}

.payment-label {
  font-size: 0.78rem;
  opacity: 0.55;
  white-space: nowrap;
}

.payment-icons {
  display: flex;
  gap: 8px;
  align-items: center;
}

.pay-icon {
  width: 56px;
  height: 36px;
  border-radius: 6px;
  object-fit: contain;
  background: #ffffff;
  padding: 5px 8px;
  box-sizing: border-box;
  display: block;
  border: 1px solid rgba(0,0,0,0.08);
}

.footer-cr {
  font-size: 0.78rem;
  opacity: 0.65;
  display: flex;
  gap: 6px;
  align-items: center;
  white-space: nowrap;
}

.footer-cr strong {
  font-weight: 600;
  letter-spacing: 0.5px;
}

.footer-bottom {
  text-align: center;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.08);
  margin-top: 4px;
  font-size: 0.8rem;
  opacity: 0.55;
}

@media (max-width: 767px) {
  .footer-payment-cr {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-cr {
    justify-content: center;
  }
}
.cr-icon {
  width: 40px;
  height: 25px;
  object-fit: contain;
  display: block;
  background: #fff;
  border-radius: 5px;
}
 .site-footer {
   background: transparent;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   padding: 2.5rem 0 1.5rem;
   color: #fff;
   margin-top: 6rem;
 }

 .site-footer .footer-inner {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 2rem;
 }

 .site-footer h4 {
   margin-bottom: 0.8rem;
   font-size: 1.1rem;
   color: #fff;
 }

 .site-footer ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .site-footer li {
   margin-bottom: 0.5rem;
   font-size: 0.9rem;
 }

 .site-footer a {
   color: #fff;
   text-decoration: none;
   transition: color 0.2s ease;
 }

 .site-footer a:hover {
   color: var(--color-text-primary);
 }

 /* Footer social icons */

 .site-footer .social-footer {

   display: flex;
   gap: 12px;
   margin-top: 0.5rem;
 }


 .site-footer .social-footer a.social {
   width: 42px;
   height: 42px;
   background: #ffffff;
   border-radius: 50%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
   transition: transform 0.25s ease, box-shadow 0.25s ease;
 }

 .site-footer .social-footer a.social i {
   font-size: 18px;
   color: #1f1f1f;
 }

 .site-footer .social-footer a.social:hover {
   transform: translateY(-4px);
   box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.45), -4px -4px 12px rgba(255, 255, 255, 0.9);
 }

 /* Search in header */

 .site-header .search {
   display: flex;
   align-items: center;
   gap: 6px;
 }

 .site-header .search input {
   border-radius: 999px;
   padding: 6px 10px;
   border: 1px solid var(--color-border);
   background: #fff;
   color: #010101;
   font-size: 0.85rem;
 }

 .search input::placeholder {
   color: var(--color-text-secondary);
 }

 .site-header .search-btn {
   padding: 0;
   margin: 0;
   cursor: pointer;
   background: transparent;
   border: none;
   width: 25px;
   height: 25px;
 }


 /* ============================================================
   Auth Pages — Login / Register
   Add this to your theme's style.css or a separate auth.css
   ============================================================ */

 /* ── Page wrapper ── */
 .auth-page {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   padding: 3rem 1rem;
   min-height: 70vh;
 }

 /* ── Main card ── */
 .auth-wrap {
   display: flex;
   width: 100%;
   max-width: 860px;
   min-height: 540px;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
 }

 /* ============================================================
   Left Panel (dark branding side)
   ============================================================ */

 .auth-left {
   width: 42%;
   background: #0F0F0F;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 2.4rem 2rem;
   flex-shrink: 0;
 }

 .auth-brand {
   font-size: 14px;
   font-weight: 600;
   color: rgba(255, 255, 255, 0.85);
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }

 .auth-heading {
   font-size: 2rem;
   font-weight: 300;
   color: #ffffff;
   line-height: 1.25;
   margin: 0 0 1rem 0;
   padding: 0;
   border: none;
 }

 .auth-heading strong {
   font-weight: 700;
   display: block;
 }

 .auth-desc {
   font-size: 0.83rem;
   color: rgba(255, 255, 255, 0.38);
   line-height: 1.65;
   margin: 0;
 }

 .auth-dots {
   display: flex;
   gap: 6px;
 }

 .auth-dots .dot {
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.2);
 }

 .auth-dots .dot.active {
   background: #ffffff;
 }

 /* ============================================================
   Right Panel (form side)
   ============================================================ */

 .auth-right {
   flex: 1;
   background: #ffffff;
   padding: 2.4rem 2.4rem 2rem;
   display: flex;
   flex-direction: column;
   overflow-y: auto;
 }

 /* ── Tabs ── */
 .auth-tabs {
   display: flex;
   gap: 0;
   border-bottom: 1px solid #E8E8E8;
   margin-bottom: 1.8rem;
 }

 .auth-tab {
   background: none;
   border: none;
   border-bottom: 2px solid transparent;
   padding: 0.5rem 0;
   margin-right: 1.6rem;
   font-size: 0.86rem;
   font-weight: 500;
   color: #999;
   cursor: pointer;
   transition: color 0.2s, border-color 0.2s;
   font-family: inherit;
   margin-bottom: -1px;
 }

 .auth-tab.active {
   color: #0F0F0F;
   border-bottom-color: #0F0F0F;
 }

 .auth-tab:hover:not(.active) {
   color: #555;
 }

 /* ── Panel visibility ── */
 .auth-panel--hidden {
   display: none !important;
 }

 /* ── Form titles ── */
 .auth-right .form-title {
   font-size: 1.3rem;
   font-weight: 700;
   color: #0F0F0F;
   margin: 0 0 0.25rem 0;
 }

 .auth-right .form-sub {
   font-size: 0.8rem;
   color: #888;
   margin: 0 0 1.6rem 0;
 }

 /* ── Fields ── */
 .auth-field {
   margin-bottom: 1rem;
 }

 .auth-field label {
   display: block;
   font-size: 0.74rem;
   font-weight: 600;
   color: #666;
   text-transform: uppercase;
   letter-spacing: 0.04em;
   margin-bottom: 0.4rem;
 }

 .field-wrap {
   position: relative;
   display: flex;
   align-items: center;
 }

 /* ── HARD RESET — WooCommerce inputs ── */
 .auth-right input[type="text"],
 .auth-right input[type="email"],
 .auth-right input[type="password"] {
   all: unset;
   box-sizing: border-box;
   width: 100%;
   height: 44px;
   background: #F7F7F7;
   border: 1px solid #E8E8E8;
   border-radius: 10px;
   padding: 0 44px 0 14px;
   font-size: 0.88rem;
   color: #0F0F0F;
   font-family: inherit;
   transition: border-color 0.2s, background 0.2s;
 }

 .auth-right input[type="text"]:focus,
 .auth-right input[type="email"]:focus,
 .auth-right input[type="password"]:focus {
   background: #ffffff;
   border-color: #0F0F0F;
   box-shadow: 0 0 0 3px rgba(15, 15, 15, 0.07);
 }

 .auth-right input::placeholder {
   color: #BBBBBB;
 }

 /* ── Field icons ── */
 .field-icon {
   position: absolute;
   right: 14px;
   color: #BBBBBB;
   font-size: 15px;
   pointer-events: none;
   line-height: 1;
 }

 .toggle-pass {
   position: absolute;
   right: 12px;
   background: none;
   border: none;
   cursor: pointer;
   color: #BBBBBB;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 4px;
   transition: color 0.15s;
 }

 .toggle-pass:hover {
   color: #0F0F0F;
 }

 /* ── Row: Remember me + Forgot password ── */
 .auth-form-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0.5rem 0 1.4rem;
 }

 .remember-label {
   display: flex;
   align-items: center;
   gap: 7px;
   font-size: 0.8rem;
   color: #666;
   cursor: pointer;
 }

 .remember-label input[type="checkbox"] {
   all: unset;
   width: 15px;
   height: 15px;
   border: 1.5px solid #D0D0D0;
   border-radius: 4px;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   transition: background 0.15s, border-color 0.15s;
 }

 .remember-label input[type="checkbox"]:checked {
   background: #0F0F0F;
   border-color: #0F0F0F;
 }

 .lost-pass {
   font-size: 0.8rem;
   color: #888;
   text-decoration: none;
   border-bottom: 1px solid #E0E0E0;
   transition: color 0.15s;
 }

 .lost-pass:hover {
   color: #0F0F0F;
 }

 /* ── Submit button ── */
 .auth-submit {
   all: unset;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   width: 100%;
   height: 46px;
   background: #0F0F0F;
   color: #ffffff;
   border-radius: 10px;
   font-family: inherit;
   font-size: 0.9rem;
   font-weight: 600;
   cursor: pointer;
   letter-spacing: 0.02em;
   transition: opacity 0.2s, transform 0.1s;
 }

 .auth-submit:hover {
   opacity: 0.88;
 }

 .auth-submit:active {
   transform: scale(0.99);
 }

 /* ── Notes & messages ── */
 .auth-note {
   font-size: 0.82rem;
   color: #888;
   margin: 0 0 1rem 0;
   line-height: 1.5;
 }

 .woocommerce-error,
 .woocommerce-message,
 .woocommerce-info {
   font-size: 0.84rem;
   padding: 0.65rem 0.9rem;
   border-radius: 8px;
   margin-bottom: 1rem;
   list-style: none;
 }

 /* ── Override WooCommerce column layout ── */
 .auth-right .u-columns,
 .auth-right .col2-set,
 .auth-right .u-column1,
 .auth-right .u-column2,
 .auth-right .woocommerce-form,
 .auth-right fieldset {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   padding: 0 !important;
   margin: 0 !important;
   float: none !important;
   width: 100% !important;
 }

 /* Hide the default h2 headings WooCommerce injects */
 .auth-right h2 {
   display: none !important;
 }

 /* ── Remove any outlines WooCommerce adds ── */
 .auth-right * {
   outline-color: transparent;
 }

 .auth-right *:focus-visible {
   outline: 2px solid rgba(15, 15, 15, 0.3);
   outline-offset: 2px;
 }

 /* ============================================================
   Responsive — mobile
   ============================================================ */

 @media (max-width: 680px) {
   .auth-page {
     padding: 1.5rem 0.75rem;
   }

   .auth-wrap {
     flex-direction: column;
     border-radius: 16px;
   }

   .auth-left {
     width: 100%;
     min-height: unset;
     padding: 1.8rem 1.6rem;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
   }

   .auth-left-body,
   .auth-dots {
     display: none;
   }

   .auth-right {
     padding: 1.8rem 1.6rem 1.6rem;
   }
 }

 /* إظهار فورم التسجيل */
 .auth-right .woocommerce-form-register,
 .auth-right #panel-register .auth-field {
   display: block !important;
   visibility: visible !important;
   opacity: 1 !important;
   height: auto !important;
 }

 .auth-right #panel-register input[type="email"],
 .auth-right #panel-register input[type="password"],
 .auth-right #panel-register input[type="text"] {
   display: block !important;
   visibility: visible !important;
   opacity: 1 !important;
   height: 44px !important;
 }


 /* يخفي رابط Register الخارجي — مو محتاجه لأن التسجيل داخل البطاقة */
 .woocommerce-account .auth-page~p,
 .woocommerce-account .auth-page~.u-columns,
 .woocommerce-account .auth-page~#customer_login {
   display: none !important;
 }

 /* Privacy policy text */
 .auth-right .woocommerce-privacy-policy-text,
 .auth-right .woocommerce-privacy-policy-text p {
   font-size: 0.75rem !important;
   color: #999 !important;
   line-height: 1.5 !important;
   margin: 0.5rem 0 1rem !important;
 }

 .auth-right .woocommerce-privacy-policy-text a {
   color: #666 !important;
   text-decoration: underline !important;
 }

 /* "A link to set password" note */
 .auth-right .woocommerce-form-register>p:not(.form-title):not(.form-sub) {
   font-size: 0.78rem !important;
   color: #999 !important;
   margin: 0 0 1rem 0 !important;
   line-height: 1.5 !important;
 }

 /* Form row spacing */
 .auth-right .woocommerce-form-register .woocommerce-form-row {
   margin-bottom: 0 !important;
 }

 .auth-right .woocommerce-error {
   background: #FFF0F0 !important;
   border: 1px solid #FFD0D0 !important;
   color: #CC0000 !important;
   border-radius: 10px !important;
   padding: 0.7rem 1rem !important;
   font-size: 0.82rem !important;
   margin-bottom: 1rem !important;
   list-style: none !important;
 }

 .auth-right .woocommerce-message {
   background: #F0FFF4 !important;
   border: 1px solid #C3E6CB !important;
   color: #155724 !important;
   border-radius: 10px !important;
   padding: 0.7rem 1rem !important;
   font-size: 0.82rem !important;
   margin-bottom: 1rem !important;
   list-style: none !important;
 }

 .auth-divider {
   display: flex;
   align-items: center;
   gap: 10px;
   margin: 1rem 0;
   color: #BBBBBB;
   font-size: 0.78rem;
 }

 .auth-divider::before,
 .auth-divider::after {
   content: '';
   flex: 1;
   height: 1px;
   background: #E8E8E8;
 }

 .auth-google-btn {
   all: unset;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   width: 100%;
   height: 44px;
   border: 1px solid #E8E8E8;
   border-radius: 10px;
   font-family: inherit;
   font-size: 0.88rem;
   font-weight: 500;
   color: #0F0F0F;
   cursor: pointer;
   transition: background 0.15s;
 }

 .auth-google-btn:hover {
   background: #F7F7F7;
 }

 /* ================================
   HARD CENTER WooCommerce Auth
================================ */

 /* كسر أعمدة WooCommerce */
 .auth-card .u-column1,
 .auth-card .u-column2 {
   float: none !important;
   margin: 0 auto !important;
   width: 100% !important;
 }

 /* توسيط محتوى الفورم فعليًا */
 .auth-card .woocommerce-form-login,
 .auth-card form {
   margin-left: auto;
   margin-right: auto;
 }

 /* --- Slider Container --- */

 .store-grid {
   margin: 50px auto 0;
   /* مسافة من الأعلى + توسيط */
   max-width: 1400px;
   /* تحكم بعرض الصفحة */
   padding: 0 100px;
   /* مسافة متساوية يمين ويسار */

   display: grid;
   grid-template-columns: repeat(5, 1fr);
   /* 5 بطاقات بالسطر */
   gap: 10px;
   /* المسافة بين البطاقات */
   justify-items: center;
   /* توسيط البطاقة داخل العمود */
 }

 /* ===============================
   Shop Pagination
================================ */
 .pagination {
   display: flex;
   justify-content: center;
   gap: 8px;
   margin: 16px 0;
 }

 .pagination .page-numbers {
   padding: 10px 14px;
   border-radius: 10px;
   background: rgba(255, 255, 255, 0.08);
   color: #fff;
   text-decoration: none;
   font-weight: 500;
   transition: all .2s ease;
 }

 .pagination .page-numbers:hover {
   background: rgba(255, 255, 255, 0.18);
 }

 .pagination .page-numbers.current {
   background: #fff;
   color: #000;
   font-weight: 600;
   pointer-events: none;
 }


 /* === Product Card (glass + layout) === */

 .product-card {
   margin-bottom: 20px;
   align-items: center;
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   width: 180px;
   /* زدنا الطول ليعطي مساحة للنزول الجديد */
   min-height: 350px;
   backdrop-filter: blur(2px);
   -webkit-backdrop-filter: blur(1px);
   border-radius: 18px;
   overflow: visible;
   padding: 15px;


 }

 .product-card.glass-panel {
   background: linear-gradient(to bottom,
       rgba(255, 255, 255, 0.3) 30%,
       /* فوق شفاف */
       rgba(255, 255, 255, 1) 80%
       /* تحت أبيض */


     );

   border: 1.5px solid rgba(255, 255, 255, 0.2);
   border-radius: 20px;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
 }

 .product-card.glass-panel:hover {
   transform: translateY(-4px);
   box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.45),
     -4px -4px 12px rgba(255, 255, 255, 0.9);
 }

 .product-badge {
   position: absolute;
   top: 5px;
   left: 5px;
   padding: 3px 10px;
   border-radius: 15px;
   font-size: 9px;
   font-weight: 700;
   z-index: 99;
 }

 .product-badge.sale {
   background: #e63946;
   color: #fff;
 }

 .product-badge.new {
   background: #1A1A1A;
   color: #fff;
 }

 /* --- تعديل حاوية الصورة والسلايدر --- */
 .product-image,
 .product-image-slider {
   position: relative !important;
   width: 100% !important;
   height: 180px !important;
   border-radius: 15px;
   overflow: hidden;
   z-index: 3;
   transform: none;
 }


 .slider-wrapper {
   display: flex;
   width: 100%;
   height: 100%;
   transition: transform 0.5s ease-in-out;
 }

 .slider-wrapper img,
 .product-image img {
   width: 100% !important;
   height: 100% !important;
   object-fit: contain !important;
   /* 'contain' تضمن ظهور كامل المنتج دون قص */
   display: block;

 }

 .slider-wrapper img {
   display: block !important;
   /* إظهار جميع الصور */
   width: 100%;
   /* كل صورة تأخذ عرض البطاقة */
   flex: 0 0 100%;
   /* منع الصور من الانكماش */
   height: 100%;
   object-fit: contain;
 }

 .slider-wrapper img.active {
   display: block;
 }

 /* --- الأسهم --- */
 .slider-arrow {
   position: absolute;
   top: 90%;
   transform: translateY(-50%);
   background: rgba(0, 0, 0, 0.4);
   color: white;
   border: none;
   padding: 5px 8px;
   cursor: pointer;
   border-radius: 50%;
   font-size: 12px;
   z-index: 10;
   opacity: 0;
   transition: opacity 0.3s;
 }

 .product-card:hover .slider-arrow {
   opacity: 1;
 }

 .prev {
   left: 0px;
 }

 .next {
   right: 0px;
 }

 .product-image-slider {
   position: relative;
 }

 .slider-dots {
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 6px;
   z-index: 5;
   background: rgba(0, 0, 0, 0.2);
   /* خلفية زجاجية خفيفة للنقاط */
   padding: 5px 10px;
   border-radius: 20px;
   backdrop-filter: blur(4px);
 }

 .dot {
   width: 6px;
   height: 6px;
   background: #FFFFFF;
   border-radius: 50%;
   transition: all 0.3s ease;
 }

 .dot.active {
   background: #1A1A1A;
   /* النقطة النشطة تكون بيضاء بالكامل */
   transform: scale(1.3);
 }

 /* --- معلومات المنتج --- */
 .product-name {
   color: #1a1a1a;
   text-align: center;
   font-size: 0.9rem;
   font-weight: 600;
   line-height: 1.3;
   margin-top: 10px;
   /* تقليل المسافة العلوية للاسم */
   margin-bottom: 3px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   min-height: 2.6em;
   max-width: 100%;
   word-break: break-word;
 }

 .product-rating-display {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 2px;
   margin-top: -5px;
   margin-bottom: 4px;
 }

 .product-rating-display .star-rating {
   float: none;
   font-size: 11px;
 }

 .product-rating-display .star-rating span::before {
   color: #ffe713 !important;
 }

 .product-rating-display .star-rating::before {
   color: #ddd !important;
 }

 .rating-count {
   font-size: 11px;
   color: #888;
   vertical-align: middle;
   margin-left: 3px;
 }

 .product-stock-display {
   margin: 0.5px 0;
   font-size: 11px;
   position: relative;
   height: 20px;
   /* تحديد ارتفاع ثابت لمنع اهتزاز العناصر */
   display: flex;
   align-items: center;
 }

 /* إخفاء العناصر غير النشطة */
 .stock-label.info-item {
   display: none;
   opacity: 0;
   transition: opacity 0.5s ease-in-out;
 }

 /* إظهار العنصر النشط */
 .stock-label.active {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   opacity: 1;
   animation: slideUp 0.4s ease-out;
 }

 .stock-label.in-stock {
   color: #2ecc71;
 }

 .stock-label.out-of-stock {
   color: #e74c3c;
 }

 .stock-label.delivery-info {
   color: #3498db;
 }

 .stock-label i {
   font-size: 14px;
 }

 /* أنيميشن بسيط عند التبديل */
 @keyframes slideUp {
   from {
     transform: translateY(5px);
     opacity: 0;
   }

   to {
     transform: translateY(0);
     opacity: 1;
   }
 }

 .product-price {
   color: #5e5e5e;
   font-size: 0.85rem;
   font-weight: 400;
   position: absolute;
   bottom: 55px;
   /* رفع السعر قليلاً ليكون فوق الزر */
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap;
   text-align: center;
 }

 .product-price del {
   font-size: 0.8rem;
   color: #a0a0a0;
   text-decoration: line-through;
   display: block;
 }

 .product-price ins {
   font-size: 1rem;
   color: #e63946;
   font-weight: 700;
   text-decoration: none;
   display: block;
 }

 /* --- حاوية الأزرار (العين والمشاركة) على اليمين --- */
 .product-card .product-actions {
   position: absolute;
   top: 10px;
   right: 5px;
   display: flex;
   flex-direction: column;
   gap: 8px;
   z-index: 10;
 }

 .product-card .product-actions>a {
   text-decoration: none;
   width: 25px;
   height: 25px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #1a1a1a;
   border-radius: 50%;
   color: #ffffff;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   transition: 0.2s;
 }

 .product-card .product-actions>a:hover {
   background: #ffffff;
   color: #1A1A1A;
   transform: scale(1.1);
 }

 /* --- زر السلة في الأسفل --- */
 .product-card a.add_to_cart_button {
   background-color: #1a1a1a;
   color: #fff;
   padding: 8px 20px;
   text-decoration: none;
   border-radius: 50px;
   font-size: 13px;
   position: absolute;
   bottom: 15px;
   /* تثبيته في أسفل البطاقة */
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap;
   transition: 0.3s;
 }

 .product-card a.add_to_cart_button:hover {
   background-color: #333;
 }

 /* --- الألوان (للعرض فقط - جهة اليسار) --- */
 .product-color-display {
   display: flex;
   flex-direction: column;
   /* ترتيب عمودي */
   gap: 6px;
   position: absolute;
   left: 10px;
   /* مسافة من اليسار */
   top: 60px;
   /* مسافة من الأعلى بجانب الصورة */
   z-index: 5;
 }

 .color-dot {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   cursor: default;
   /* سهم عادي وليس يد */
 }

 .color-more {
   font-size: 11px;
   color: #888;
   font-weight: 600;
   line-height: 18px;
   position: relative;
   cursor: pointer;
 }

 .color-tooltip {
   display: none;
   position: absolute;
   bottom: 24px;
   left: 50%;
   transform: translateX(-50%);
   background: #fff;
   border: 1px solid #eee;
   border-radius: 10px;
   padding: 6px 8px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   gap: 4px;
   flex-direction: row;
   white-space: nowrap;
   z-index: 99;
 }

 .color-more:hover .color-tooltip {
   display: flex;
 }

 /* --- المقاسات (تفاعلية - تحت الاسم) --- */
 .product-size-badges {
   display: flex;
   justify-content: center;
   gap: 5px;
   margin-top: 2px;
   margin-bottom: 10px;
   width: 100%;
 }

 .size-badge {
   padding: 2px 8px;
   font-size: 10px;
   font-weight: 600;
   color: #1a1a1a;
   background: #f0f0f0;
   border: 1px solid #ddd;
   border-radius: 6px;

 }

 .size-more {
   font-size: 11px;
   color: #888;
   font-weight: 600;
   position: relative;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
 }

 .size-tooltip {
   display: none;
   position: absolute;
   bottom: 28px;
   left: 50%;
   transform: translateX(-50%);
   background: #fff;
   border: 1px solid #eee;
   border-radius: 10px;
   padding: 6px 8px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   gap: 4px;
   flex-direction: row;
   white-space: nowrap;
   z-index: 99;
 }

 .size-more:hover .size-tooltip {
   display: flex;
 }

 .size-badge-tip {
   font-size: 11px;
   padding: 3px 7px;
   border-radius: 6px;
   border: 1px solid #ddd;
   color: #333;
   background: #f9f9f9;
 }


 /* إخفاء زر View cart الافتراضي داخل بطاقات المتجر */

 .product-card .added_to_cart.wc-forward {
   display: none !important;
 }



 /* تنسيق حاوية القلب المنفصلة */
 .product-favorite-wrapper {
   position: absolute;
   bottom: 15px;
   left: 3px;
   z-index: 10;
   /* لضمان ظهوره فوق الصورة */
 }

 /* تخصيص شكل زر القلب */
 .product-favorite-wrapper .favorite-btn {

   color: #1A1A1A;
   border-radius: 50%;
   padding: 8px;
   transition: all 0.3s ease;
   font-size: 22px;
 }

 .product-favorite-wrapper .favorite-btn.active i {
   color: #ff4d4d;
   /* لون القلب عند التفعيل */
 }


 .woocommerce-checkout a.showlogin {
   display: inline-flex;
   padding: 8px 14px;
   border-radius: 999px;
   background: #010101;
   color: #E7E7E7 !important;
   text-decoration: none !important;
 }


 /* ===============================
   QUICK VIEW – MATCH SITE STYLE
================================ */


 .mq-quick-view-modal {
   display: none;
   position: fixed;
   inset: 0;
   z-index: 99999;
   align-items: center;
   justify-content: center;
 }

 .mq-quick-view-modal.is-open {
   display: flex;
 }

 .mq-quick-view-backdrop {
   position: absolute;
   inset: 0;
   background: rgba(255, 255, 255, 0.08);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
 }

 .mq-quick-view-box {
   position: relative;
   z-index: 1;
   background: #fff;
   border-radius: 16px;
   width: 90%;
   max-width: 860px;
   max-height: 90vh;
   overflow-y: auto;
   padding: 40px;


   /* الزجاج */
   background: rgba(255, 255, 255, 0.15);
   backdrop-filter: blur(40px) saturate(180%);
   -webkit-backdrop-filter: blur(40px) saturate(180%);

   /* الحدود اللامعة */
   border: 1px solid rgba(255, 255, 255, 0.45);

   /* الظل + التوهج */
   box-shadow:
     0 8px 32px rgba(0, 0, 0, 0.18),
     0 1.5px 0px rgba(255, 255, 255, 0.6) inset,
     0 -1px 0px rgba(255, 255, 255, 0.15) inset;
 }

 .mq-quick-view-close {
   position: absolute;
   top: 14px;
   right: 14px;
   width: 34px;
   height: 34px;
   border-radius: 50%;
   border: 1px solid #e0e0e0;
   background: #fff;
   font-size: 18px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #1A1A1A;
   transition: background 0.2s;
 }

 .mq-quick-view-close:hover {
   background: #1A1A1A;
   color: #fff;
 }

 .mq-quick-view__inner {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto;
   gap: 0;
   align-items: start;
   min-height: 500px;
 }

 .mq-quick-view__gallery {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 10px;
   order: 2;
   /* ← يمين */
 }

 .mq-qv-main-img img {
   width: 100%;
   border-radius: 12px;
   object-fit: cover;
   aspect-ratio: 1 / 1;
 }

 .mq-qv-thumbs {
   display: flex;
   gap: 8px;
   flex-wrap: wrap;
 }

 .mq-qv-thumb {
   width: 60px;
   height: 60px;
   border-radius: 8px;
   overflow: hidden;
   border: 2px solid transparent;
   cursor: pointer;
   transition: border-color 0.2s;
 }

 .mq-qv-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .mq-qv-thumb.active,
 .mq-qv-thumb:hover {
   border-color: #1A1A1A;
 }

 /* ===== QUICK VIEW CONTENT ===== */
 .mq-quick-view__content {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 12px;
   order: 1;
   /* ← يسار */
 }

 /* ===== RATING ===== */
 .mq-quick-view-rating {
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: 0.9rem;
   color: rgba(1, 1, 1, 0.55);
   margin-bottom: 14px;
 }

 .mq-quick-view-rating-count {
   font-size: 0.82rem;
   color: #888;
 }



 /* ===== TITLE ===== */
 .mq-quick-view-body h2.product_title {
   font-size: 1.5rem;
   font-weight: 700;
   color: #1A1A1A;
   margin: 0 0 8px;
 }

 /* ===== PRICE ===== */
 .mq-quick-view-body .price {
   font-size: 1.3rem;
   font-weight: 600;
   color: #1a1a1a !important;
   margin-bottom: 20px;
 }

 .mq-quick-view-body .price ins {
   color: #e74c3c;
   font-weight: 700;
   text-decoration: none;
   font-size: 1.1rem;
 }

 .mq-quick-view-body .price del {
   color: #1A1A1A;
   font-size: 0.85rem;
   opacity: 0.5;
 }



 /* ===== إخفاء المخزون الافتراضي بالكويك فيو ===== */
 .mq-quick-view-body .stock {
   display: none !important;
 }




 .mq-quick-view__content .quantity {
   display: none !important;
 }

 /* ===== ADD TO CART BUTTON ===== */
 .mq-quick-view-body .single_add_to_cart_button {
   background: #1A1A1A !important;
   color: #fff !important;
   border: none !important;
   border-radius: 10px !important;
   padding: 14px 32px !important;
   font-size: 1rem !important;
   font-weight: 600 !important;
   letter-spacing: 0.5px !important;
   width: 50% !important;
   cursor: pointer !important;
   transition: opacity 0.2s, transform 0.15s !important;
   margin-top: 8px !important;
 }

 .mq-quick-view-body .single_add_to_cart_button:hover {
   opacity: 0.85 !important;
   transform: translateY(-1px) !important;
 }

 .mq-quick-view-body .single_add_to_cart_button:active {
   transform: translateY(0) !important;
   opacity: 1 !important;
 }

 /* ===== QUICK VIEW BODY LAYOUT ===== */
 .mq-quick-view-body {
   display: flex;
   gap: 32px;
   align-items: flex-start;
 }

 /* ===== يسار: المعلومات ===== */
 .mq-quick-view-body .summary {
   flex: 1;
   order: 1;
 }

 /* ===== يمين: الصورة ===== */
 .mq-quick-view-body .woocommerce-product-gallery,
 .mq-quick-view-body .images {
   flex: 1;
   order: 2;
   border-radius: 12px;
   overflow: hidden;
 }

 .mq-quick-view-body .woocommerce-product-gallery img,
 .mq-quick-view-body .images img {
   width: 100%;
   height: auto;
   border-radius: 12px;
   object-fit: cover;
 }

 /* ===== إخفاء عناصر مو ضرورية ===== */
 .mq-quick-view-body .woocommerce-product-gallery__trigger,
 .mq-quick-view-body .flex-control-thumbs {
   display: none !important;
 }

 /* تنسيق السياسة داخل الكويك فيو */
 .quickview-policy-notice {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 10px 14px;
   border-radius: 10px;
   background: rgba(255, 255, 255, 0.55);
   border: 0.5px solid rgba(255, 255, 255, 0.3);
   font-size: 11px;
   color: #1A1A1A;
   margin-top: 16px;
 }

 .quickview-policy-notice a {
   color: #1a6b3c;
   font-weight: 600;
 }

 .mq-quick-view__content .reset_variations {
   display: inline-block;
   margin-top: 8px;
   color: #010101;
   font-size: 13px;
   text-decoration: underline;
 }

 /*
 .mq-quick-view__related-products {
   grid-column: 1 / -1;
   grid-row: 2;
   margin-top: 0;
   padding: 20px 30px;
   border-top: 1px solid rgba(0, 0, 0, 0.08);
 }

 .mq-quick-view__related-products h4 {
   font-size: 16px;
   font-weight: 700;
   color: #010101;
   margin-bottom: 15px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }

 .mq-quick-view__related-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 15px;
 }

 .mq-quick-view__related-item {
   background: rgba(255, 255, 255, 0.45);
   padding: 15px;
   border-radius: 18px;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   border: 1px solid rgba(255, 255, 255, 0.2);
   transition: transform 0.2s ease, background 0.2s ease;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
 }

 .mq-quick-view__related-item:hover {
   transform: translateY(-3px);
   background: rgba(255, 255, 255, 0.75);
 }

 .mq-quick-view__related-image img {
   width: 80px;
   height: 80px;
   object-fit: cover;
   border-radius: 12px;
   margin-bottom: 10px;
 }

 .mq-quick-view__related-title {
   font-size: 13px;
   font-weight: 600;
   color: #010101;
   text-decoration: none;
   margin-bottom: 4px;
   line-height: 1.3;
 }

 .mq-quick-view__related-price {
   font-size: 13px;
   font-weight: 700;
   margin-bottom: 12px;
 }

 .mq-quick-view__related-add-to-cart-form .button,
 .mq-quick-view__related-add-to-cart.button {
   background: #010101 !important;
   color: #fff !important;
   border-radius: 999px !important;
   font-size: 11px !important;
   padding: 8px 16px !important;
   border: none !important;
   width: 100% !important;
   font-weight: 700;
   cursor: pointer;
 }

*/

 /* ================================
   Shop Categories – FINAL CLEAN CSS
   ================================ */

 /* الحاوية العامة */
 .shop-main-categories-wrapper {
   width: 100%;
   margin: 35px auto 30px;
   display: flex;
   flex-direction: column;
   /* صفوف فوق بعض */
   align-items: center;
   /* توسيط أفقي */
   position: relative;
   z-index: 5;
 }

 /* صف الفئات الرئيسية */
 .shop-main-categories {
   width: 100%;
   max-width: 1100px;
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   justify-content: center;
   /* 👈 التوسيط الحقيقي */
   align-items: center;
 }

 /* زر الفئة الرئيسية */
 .shop-cat-btn {
   padding: 10px 20px;
   background: rgba(255, 255, 255, 0.15);
   border: 1px solid rgba(255, 255, 255, 0.3);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   border-radius: 999px;
   font-size: 14px;
   font-weight: 500;
   color: #fff;
   text-decoration: none;
   white-space: nowrap;
   transition: 0.25s ease;
 }

 .shop-cat-btn:hover {

   background: rgba(255, 255, 255, 0.35);
   transform: translateY(-2px);
 }

 /* الزر النشط */
 .shop-cat-btn.active,
 .shop-cat-btn:focus {
   background: #fff;
   color: #1A1A1A;
 }

 /* صف الفئات الفرعية */
 .shop-sub-categories-row {
   width: 100%;
   /* 👈 هذا المهم */
   margin-top: 18px;
   display: flex;
   gap: 12px;
   justify-content: center;
   /* 👈 توسيط */
   align-items: center;
   flex-wrap: wrap;
 }

 /* زر الفئة الفرعية */
 .shop-sub-cat-btn {
   padding: 7px 16px;
   background: rgba(255, 255, 255, 0.85);
   border-radius: 999px;
   font-size: 13px;
   color: #010101;
   text-decoration: none;
   white-space: nowrap;
   transition: 0.25s ease;
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
 }

 .shop-sub-cat-btn:hover {
   background: #010101;
   color: #fff;
 }


 /* إجبار التوسيط في صفحة المتجر + صفحات الفئات */
 .woocommerce-shop .shop-main-categories-wrapper,
 .woocommerce-product-category .shop-main-categories-wrapper {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin: 35px auto 30px;
 }

 /* صف الفئات الرئيسية */
 .woocommerce-shop .shop-main-categories,
 .woocommerce-product-category .shop-main-categories {
   width: 100%;
   max-width: 1100px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 14px;
   margin: 0 auto;
 }

 /* صف الفئات الفرعية */
 .woocommerce-shop .shop-sub-categories-row,
 .woocommerce-product-category .shop-sub-categories-row {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   margin-top: 18px;
   gap: 12px;
 }

 /* ===== VIP Product Card ===== */


 /* إخفاء زر View cart الافتراضي من WooCommerce */
 .mini-product-card .added_to_cart.wc-forward {
   display: none;
 }

 .mini-products-header h2 {
   text-align: center;
   /* توسيط أفقي */
   color: #fff;
   /* أبيض */
   font-size: 25px;
   font-weight: 700;
   margin-bottom: 30px;
 }


 .mini-product-card {
   width: 200px;
   flex: 0 0 200px;
   cursor: pointer;
   backface-visibility: hidden;
   transition: box-shadow 0.25s ease;

   height: 310px;
   background: linear-gradient(90deg,
       #F3EFE4 0%,
       /* فاتح جداً قريب من الأبيض */
       #E9E4DA 50%,
       /* وسط ناعم */
       #DFDAD0 100%
       /* ظل بسيط عند الطرف */
     );
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

   display: flex;
   flex-direction: column;
 }

 .mini-product-card:hover {
   box-shadow: 0 26px 70px rgba(0, 0, 0, 0.28);
   filter: brightness(1.03);
 }

 /* إطار الصورة */
 .mini-product-image {
   height: 160px;
   width: 100%;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 /* الصورة نفسها */
 .mini-product-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* 🔥 هذا السر */
   object-position: center;
 }


 .mini-product-actions {
   position: static;
   transform: none;
   display: flex;
   justify-content: center;
   gap: 12px;
   padding: 10px 0;

 }

 .mini-product-actions .action-btn,
 .mini-product-actions .icon-btn {
   text-decoration: none;
   width: 36px;
   height: 36px;
   min-width: 36px;
   padding: 0;
   border-radius: 50%;
   background: rgba(0, 0, 0, 0.85);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   font-size: 16px;
   line-height: 1;
 }

 .mini-product-actions .action-btn:hover,
 .mini-product-actions .icon-btn:hover {
   background: #000;
 }

 .mini-product-actions .action-btn i,
 .mini-product-actions .icon-btn i {
   font-size: 16px;
   line-height: 1;
 }

 .mini-product-info {
   padding: 10px 8px;
   text-align: center;

   display: flex;
   /* مهم */
   flex-direction: column;
   /* مهم */
   flex-grow: 1;
   /* مهم */
 }


 .mini-product-title {
   font-size: 14px;
   margin: 0 0 6px;
   font-weight: 500;
 }

 .mini-product-price {
   margin-top: auto;
   /* 🔥 هذا هو السر */
   font-size: 14px;
   font-weight: 600;
 }


 /* خلي القسم مرجع */
 .mini-products-wrapper {
   position: relative;
 }

 /* نخلي wrapper مرجع */
 .mini-products-wrapper {
   position: relative;
   overflow: visible;
   /* 🔥 هذا هو المفتاح */
 }

 /* شكل السهم */
 .mini-products-arrow {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 999;
   cursor: pointer;

   width: 42px;
   height: 42px;

   background: transparent;
   border: none;

   display: flex;
   align-items: center;
   justify-content: center;
 }

 .mini-products-arrow i {
   color: #000;
   font-size: 20px;
 }

 .mini-products-prev {
   left: 10px;
   /* داخل الشاشة */
 }

 .mini-products-next {
   right: 10px;
 }

 .mini-products-viewport {
   width: 100%;
   padding: 0;
   /* مهم */
   width: 1080px;
   overflow: hidden;
   margin: 0 auto;
 }

 /* خلي المنتجات أفقية */
 .mini-products-track {
   display: flex;
   flex-direction: row;
   /* 🔥 هذا السطر المهم */
   gap: 20px;
   /* مسافة بين البطاقات */
 }

 .mini-product-card a.action-btn.ajax_add_to_cart.add_to_cart_button.is-pulsing {
   animation: cartPulseOnly 0.6s ease-in-out;
 }

 /* =========================================
   VIP MINI PRODUCTS – MOBILE ONLY (NO DESKTOP CHANGE)
   Paste at END of CSS
========================================= */





 /* Container */
 .home-category-circles a {
   text-decoration: none;
 }

 .home-category-circles {
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 40px;
   padding: 70px 0;
   flex-wrap: wrap;
   position: relative;
 }

 /* Title */
 .home-cat-title {

   width: 100%;
   text-align: center;
   font-size: 26px;
   font-weight: 600;
   margin-bottom: 45px;
   color: #fff;
 }

 /* Single category */
 .category-circle {

   text-align: center;
 }

 /* Circle with glow */
 .circle-image {
   width: 140px;
   height: 140px;
   border-radius: 50%;
   overflow: hidden;
   background: #fff;
   position: relative;

   /* الهالة البيضاء */
   box-shadow:

     0 0 35px rgba(255, 255, 255, 0.6);
 }

 /* Image inside */
 .circle-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 50%;
 }

 /* Category name */
 .category-circle h3 {

   margin-top: 14px;
   font-size: 14px;
   font-weight: 500;
   color: #fff;
   text-transform: capitalize;
 }

 /* Hover effect (خفيف مثل الصورة) */
 .category-circle:hover .circle-image {
   transform: scale(1.06);
   transition: all 0.3s ease;
 }

 /* ==============================
   CART PAGE – GLOBAL LAYOUT
================================ */
 /* ===============================
   EMPTY CART
================================ */

 .cart-empty {
   background: linear-gradient(90deg,
       #F3EFE4 0%,
       #E9E4DA 50%,
       #DFDAD0 100%);
   max-width: 500px;
   margin-left: auto;
   margin-right: auto;

   border-radius: 20px;
   padding: 10px;
   text-align: center;
   box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
   font-size: 15px;
   color: #010101;
 }

 /* زر Return to shop */
 .return-to-shop .button {
   margin-top: 20px;
   background: #010101;
   color: #ffffff;
   border-radius: 999px;
   padding: 14px 36px;
   font-weight: 600;
   border: none;
 }

 /* Hover */
 .return-to-shop .button:hover {
   opacity: 0.95;
 }

 /* =================================================
   MQ – Cart Notice Size & Spacing
================================================= */

 /* مسافة بين الهيدر ورسائل WooCommerce */
 .woocommerce-cart .woocommerce-notices-wrapper {
   margin-top: 24px;
 }

 /* تصغير شريط الرسالة */
 .woocommerce-cart .woocommerce-info,
 .woocommerce-cart .woocommerce-message,
 .woocommerce-cart .woocommerce-error {
   padding: 10px 16px;
   font-size: 13px;
   border-radius: 12px;
   line-height: 1.4;
   text-align: center;
 }

 /* تقليل الارتفاع الإضافي */
 .woocommerce-cart .woocommerce-info {
   min-height: auto;
 }

 /* ===============================
   REMOVE WooCommerce Blue Line
================================ */

 /* إزالة أي outline أو border علوي */
 .woocommerce-info,
 .woocommerce-message,
 .woocommerce-error {
   border-top: none;
   outline: none;
 }

 /* إزالة أي focus outline عام */
 .woocommerce-info:focus,
 .woocommerce-message:focus,
 .woocommerce-error:focus {
   outline: none;
 }

 /* أحيانًا Woo يضيف pseudo-element */
 .woocommerce-info::before,
 .woocommerce-message::before,
 .woocommerce-error::before {
   display: none;
 }

 .mq-cart {
   width: 100%;
 }

 .mq-cart-layout {
   display: grid;
   grid-template-columns: 1fr 420px;
   gap: 2rem;
   align-items: flex-start;
 }

 /* ==============================
   LEFT – CART ITEMS
================================ */

 .mq-cart-items {
   display: flex;
   flex-direction: column;
   gap: 1.4rem;

 }

 /* Single Cart Item */
 .mq-cart-item {

   display: grid;
   grid-template-columns: 90px 1fr auto auto;
   gap: 1.2rem;
   align-items: center;
   padding: 1.2rem 1.4rem;
   background: linear-gradient(90deg,
       #F3EFE4 0%,
       #E9E4DA 50%,
       #DFDAD0 100%);
   border-radius: 14px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
 }

 /* Product Image */
 .mq-cart-thumb img {
   width: 100%;
   border-radius: 10px;
 }

 /* Product Info */
 .mq-cart-info h4 {
   margin: 0 0 6px;
   font-size: 15px;
   font-weight: 600;
 }

 .mq-cart-info a {
   color: #1A1A1A;
   text-decoration: none;
 }

 .mq-cart-info a:hover {
   text-decoration: underline;
 }

 .mq-cart-price {
   display: block;
   font-weight: 600;
   margin-bottom: 4px;
 }

 /* Quantity */
 .mq-cart-qty input.qty {
   width: 60px;
   padding: 6px;
   text-align: center;
   border-radius: 8px;
   border: 1px solid #ddd;
 }

 /* Remove */
 .mq-cart-remove a {
   color: #010101;
   font-size: 13px;
   text-decoration: none;
 }

 .mq-cart-remove a:hover {
   text-decoration: underline;
 }

 /* ==============================
   RIGHT – CART SUMMARY (AUTH CARD STYLE)
================================ */

 .mq-cart-summary {
   display: flex;
   justify-content: flex-end;
 }

 /* Cart Totals Card */
 .mq-cart-summary .cart_totals {
   width: 100%;
   max-width: 420px;
   padding: 1.4rem 1.8rem;
   background: linear-gradient(90deg,
       #F3EFE4 0%,
       #E9E4DA 50%,
       #DFDAD0 100%);
   color: #1A1A1A;
   border-radius: 16px;
   box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
 }

 /* Title */
 .mq-cart-summary .cart_totals h2 {
   text-align: center;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 1.2rem;
 }

 /* Totals Table */
 .mq-cart-summary .cart_totals table {
   border: none;
   width: 100%;
   margin-bottom: 1.2rem;
 }

 .mq-cart-summary .cart_totals th,
 .mq-cart-summary .cart_totals td {
   padding: 10px 0;
   border: none;
   font-size: 14px;
 }

 .mq-cart-summary .cart_totals th {
   font-weight: 500;
 }

 .mq-cart-summary .cart_totals td {
   text-align: right;
   font-weight: 600;
 }

 /* ==============================
   CHECKOUT BUTTON
================================ */

 .mq-cart-summary .checkout-button {
   width: 92%;
   background: #7B5BC4;
   color: #fff;
   border-radius: 12px;
   padding: 14px;
   font-size: 15px;
   font-weight: 600;
   border: none;
   transition: 0.3s ease;
 }

 .mq-cart-summary .checkout-button:hover {
   background: #6849AD;
 }


 /* ==============================
   FIX CART TOTALS DESIGN
================================ */

 /* إزالة أي خلفية أو إطار خارجي */
 .mq-cart-summary {
   background: transparent;
   padding: 0;
 }

 /* كرت السلة – لون موحد بدون إطار */
 .mq-cart-summary .cart_totals {
   background: #F3EFE4;
   border-radius: 16px;
   box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
   padding: 1.6rem 1.8rem;
 }

 /* إصلاح زر Proceed to checkout (إلغاء البنفسجي) */
 .mq-cart-summary .checkout-button {
   background: #010101;
   color: #fff;
   border-radius: 12px;
   padding: 14px;
   font-size: 15px;
   font-weight: 600;
   border: none;
 }

 /* Hover */
 .mq-cart-summary .checkout-button:hover {
   background: #010101;
 }

 /* تنعيم زر PayPal */
 .mq-cart-summary .wc-proceed-to-checkout .paypal-button {
   margin-top: 12px;
   border-radius: 12px;
   overflow: hidden;
 }

 /* FORCE checkout button to black */
 .mq-cart-summary a.checkout-button,
 .mq-cart-summary a.checkout-button.button,
 .mq-cart-summary a.checkout-button.alt {
   background-color: #010101;
   color: #ffffff;
   border: none;
   border-radius: 12px;
   padding: 14px;
   font-size: 15px;
   font-weight: 600;
 }

 /* Hover */
 .mq-cart-summary a.checkout-button:hover {
   background-color: #010101;
 }

 /* Reduce space between header and cart */
 .woocommerce-cart .mq-cart {
   margin-top: 20px;
 }

 .woocommerce-cart main,
 .woocommerce-cart .site-main {
   padding-top: 0;
 }

 /* ===============================
   SAFE CHECKOUT DESIGN (OFFICIAL)
================================ */
 /* CENTER ONLY the WooCommerce Checkout block */
 .checkout-centered .wp-block-woocommerce-checkout {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
 }

 /* Add space between header and checkout */
 .checkout-centered {
   margin-top: 24px;
 }

 .mq-checkout {
   max-width: 1100px;
   margin: 24px auto;
   background: #F3EFE4;
   padding: 2rem;
   border-radius: 16px;
   box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
 }

 /* Inputs */
 .mq-checkout input,
 .mq-checkout select {
   border-radius: 10px;
 }

 /* Main buttons */
 .mq-checkout .wc-block-components-button {
   background: #000;
   color: #fff;
   border-radius: 12px;
   padding: 12px 16px;
   font-weight: 600;
 }

 /* Order summary */
 .mq-checkout .wc-block-components-order-summary {
   background: #fff;
   border-radius: 12px;
   padding: 1.2rem;
 }

 /* ===============================
   CHECKOUT FIELDS – LOGIN STYLE (FINAL)
================================ */

 /* Text inputs wrapper */
 .wp-block-woocommerce-checkout .wc-block-components-text-input__input,
 .wp-block-woocommerce-checkout .wc-block-components-select__control {
   height: 52px;
   padding: 0 16px;
   border-radius: 14px;
   border: 1px solid #ddd;
   background: #ffffff;
   font-size: 14px;
   box-shadow: none;
 }

 /* textarea */
 .wp-block-woocommerce-checkout textarea {
   border-radius: 14px;
   padding: 14px 16px;
   border: 1px solid #ddd;
   background: #ffffff;
 }

 /* Focus state مثل اللوجن */
 .wp-block-woocommerce-checkout .wc-block-components-text-input__input:focus,
 .wp-block-woocommerce-checkout .wc-block-components-select__control:focus {
   outline: none;
   border-color: #000;
   box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
 }

 /* إزالة أي ستايل افتراضي */
 .wp-block-woocommerce-checkout .wc-block-components-text-input {
   margin-bottom: 16px;
 }


 /* =====================================================
   MQ – Single Product Page (MATCH SITE STYLE)
   Scoped داخل mq-product-page
===================================================== */

 .mq-product-page {
   padding: 32px 0 70px;
 }

 .mq-product-shell {
   max-width: 1180px;
   margin: 0 auto;
   padding: 0 16px;
 }

 /* الكرت العام نفس الورقي */
 .mq-card {
   padding: 30px;
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(16px);
   -webkit-backdrop-filter: blur(16px);
   border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: 20px;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
 }

 /* اللayout */
 .mq-product-main {
   display: grid;
   grid-template-columns: 1fr 1fr;
   /* يسار للمعلومات، يمين للصورة */
   gap: 44px;
   padding: 30px;
   align-items: flex-start;


 }

 /* ===== Gallery ===== */
 .mq-product-gallery {
   display: flex;
   flex-direction: column;
   gap: 14px;

 }

 .mq-gallery-main {

   border-radius: 18px;
   padding: 20px;
   display: flex;

 }

 .mq-gallery-main img {
   max-width: 100%;
   max-height: 420px;
   object-fit: contain;
   display: block;

 }

 /* Thumbs */
 .mq-gallery-thumbs {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
   gap: 10px;

 }

 .mq-gallery-thumb {
   border: 1px solid rgba(251, 11, 11, 0.08);
   background: rgba(255, 255, 255, 0.6);
   border-radius: 12px;
   padding: 6px;
   cursor: pointer;
   transition: .2s ease;
 }

 .mq-gallery-thumb img {
   width: 100%;
   height: 70px;
   object-fit: cover;
   display: block;
   border-radius: 10px;
 }

 .mq-gallery-thumb:hover {
   transform: translateY(-2px);
   background: rgba(255, 255, 255, 0.85);
 }

 /* ===== Info ===== */
 .mq-product-info {

   display: flex;
   flex-direction: column;
 }

 .mq-breadcrumb {
   font-size: 0.85rem;
   color: rgba(1, 1, 1, 0.55);
   margin-bottom: 8px;
 }

 .mq-title {
   font-size: 2rem;
   font-weight: 750;
   color: #1A1A1A;
   margin: 0 0 1px;
 }

 /* حاوية السعر */
 .mq-price-block {
   margin-bottom: 12px;
 }

 /* السعر المخفض — كل المنتجات */
 .mq-product-info .price ins {
   color: #e74c3c;
   font-weight: 700;
   text-decoration: none;
   font-size: 1.1rem;
 }

 /* السعر الأصلي المشطوب — كل المنتجات */
 .mq-product-info .price del {
   color: #1a1a1a;
   font-size: 0.85rem;
   opacity: 0.5;
 }


 .mq-save-badge {
   display: inline-block;
   background: #eaf3de;
   color: #3b6d11;
   font-size: 12px;
   font-weight: 600;
   padding: 3px 10px;
   border-radius: 999px;
   margin-left: 8px;
   vertical-align: middle;
 }

 .mq-rating-row {
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: 0.9rem;
   color: rgba(1, 1, 1, 0.55);
   margin-bottom: 14px;
 }

 .variations .reset_variations {
   color: #999;
   font-size: 12px;
   text-decoration: none;
 }

 .variations .reset_variations:hover {
   color: #1a1a1a;
 }


 .mq-short-desc {
   font-size: 0.95rem;
   line-height: 1.7;
   color: rgba(1, 1, 1, 0.72);
   margin-bottom: 20px;
 }


 /* ===== Actions (Qty + Add to cart) ===== */
 .mq-actions-row {
   margin-bottom: 18px;
 }

 .mq-actions-row form.cart {
   display: flex;
   gap: 5px;
   flex-wrap: wrap;

   align-items: flex-end;
   /* بدل center */
 }

 /* زر السلة = نفس أزرار الحساب */
 .mq-actions-row .single_add_to_cart_button,
 .mq-actions-row button {

   background: var(--mq-black) !important;
   color: var(--mq-offwhite) !important;
   border-radius: 999px !important;
   padding: 10px 20px !important;
   font-weight: 700;
   border: 1px solid transparent !important;
   cursor: pointer;
   transition: .2s ease;
   margin-left: auto;
 }

 .mq-actions-row .single_add_to_cart_button:hover,
 .mq-actions-row button:hover {
   background: var(--mq-offwhite) !important;
   color: var(--mq-black) !important;
   border-color: var(--mq-black) !important;
 }

 .mq-actions-row form.cart {
   display: flex !important;
   flex-direction: row !important;
   align-items: center !important;
   gap: 10px !important;
 }

 .mq-actions-row .quantity {
   display: flex !important;
   align-items: center !important;
   border: none !important;
   box-shadow: none !important;
   border-radius: 999px !important;
   padding: 0 1px !important;
   height: 44px !important;
 }

 .mq-actions-row input.qty {
   width: 38px !important;
   height: 38px !important;
   text-align: center !important;
   font-size: 15px !important;
   font-weight: 600 !important;
   color: #010101 !important;
   background: transparent !important;
   border: none !important;
   outline: none !important;
 }

 .mq-actions-row .mq-qty-btn {
   width: 36px !important;
   height: 36px !important;
   font-size: 20px !important;
   font-weight: 300 !important;
   color: #1A1A1A !important;
   background: transparent !important;
   border: none !important;
   cursor: pointer !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   line-height: 1 !important;
   user-select: none !important;
   flex-shrink: 0 !important;
   border-radius: 50% !important;
   transition: background 0.15s !important;
 }

 .mq-actions-row .mq-qty-btn:hover {
   background: rgba(0, 0, 0, 0.07) !important;
   opacity: 1 !important;
 }

 /* إخفاء أسهم الـ input */
 .mq-actions-row input.qty::-webkit-outer-spin-button,
 .mq-actions-row input.qty::-webkit-inner-spin-button {
   -webkit-appearance: none !important;
   margin: 0 !important;
 }

 .mq-actions-row input.qty[type=number] {
   -moz-appearance: textfield !important;
 }

 .mq-actions-row .woocommerce-variation-add-to-cart {
   display: flex !important;
   flex-direction: row !important;
   align-items: center !important;
   gap: 10px !important;
 }

 .mq-actions-row .single_add_to_cart_button {
   flex: 1 !important;
   width: auto !important;
   margin: 0 !important;
 }

 .mq-trust-badges {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 8px;
   margin-top: 18px;
   margin-bottom: 16px;
 }

 .mq-trust-item {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 9px 10px;
   background: rgba(255, 255, 255, 0.55);
   border-radius: 12px;
   border: 0.5px solid rgba(255, 255, 255, 0.3);
   font-size: 10px;
   color: #1a1a1a;
   line-height: 1.1;
 }

 .mq-trust-item i {
   font-size: 17px;
   color: #1a6b3c;
   flex-shrink: 0;
 }

 .mq-policy-notice {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 10px 14px;
   border-radius: 10px;
   background: rgba(255, 255, 255, 0.55);
   border: 0.5px solid rgba(255, 255, 255, 0.3);
   font-size: 11px;
   color: #1A1A1A;
   margin-top: 16px;
 }

 .mq-policy-notice a {
   color: #1a6b3c;
   font-weight: 600;
 }

 .mq-rating-histogram {
   display: flex;
   align-items: center;
   gap: 32px;
   padding: 20px 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);
   margin-bottom: 20px;
 }

 .mq-rating-summary {
   text-align: center;
   flex-shrink: 0;
 }

 .mq-rating-avg {
   font-size: 48px;
   font-weight: 700;
   line-height: 1;
   color: #010101;
 }

 .mq-rating-summary .star-rating {
   margin: 6px auto;
 }

 .mq-rating-total {
   font-size: 13px;
   color: #888;
 }

 .mq-rating-bars {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 6px;
 }

 .mq-rating-row {
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .mq-rating-label {
   font-size: 13px;
   color: #555;
   width: 28px;
   flex-shrink: 0;
 }

 .mq-rating-bar-wrap {
   flex: 1;
   height: 8px;
   background: rgba(0, 0, 0, 0.08);
   border-radius: 999px;
   overflow: hidden;
 }

 .mq-rating-bar-fill {
   height: 100%;
   background: #FFC107;
   border-radius: 999px;
   transition: width 0.4s ease;
 }

 .mq-rating-num {
   font-size: 13px;
   color: #555;
   width: 20px;
   text-align: right;
   flex-shrink: 0;
 }

 /* Round only Name + Email inputs in reviews */
 .single-product #review_form .comment-form-author input,
 .single-product #review_form .comment-form-email input {

   border-radius: 16px;
 }

 /* Reviews – Name & Email like Login inputs */
 .single-product #review_form .comment-form-author input,
 .single-product #review_form .comment-form-email input {

   height: 35px;
   padding: 0 10px;

   border-radius: 999px;
   /* نفس اللوجن */
   border: 1px solid #D6D6D6;
   background: #ffffff;

   font-size: 15px;
   color: #010101;
   font-family: inherit;

   box-shadow: none;
   outline: none;
 }

 /* Focus نفس اللوجن */
 .single-product #review_form .comment-form-author input:focus,
 .single-product #review_form .comment-form-email input:focus {
   border-color: #010101;
   box-shadow: 0 0 0 3px rgba(1, 1, 1, 0.08);
 }

 /* Reviews – Submit button match site buttons */
 .single-product #review_form .form-submit input#submit {
   display: inline-flex;
   align-items: center;
   justify-content: center;

   background: #010101;
   color: #E7E7E7;

   border-radius: 999px;
   border: 1px solid transparent;

   padding: 14px 34px;
   font-size: 15px;
   font-weight: 600;

   cursor: pointer;
   transition: .2s ease;
 }

 /* Hover = invert مثل باقي الموقع */
 .single-product #review_form .form-submit input#submit:hover {
   background: #E7E7E7;
   color: #010101;
   border-color: #010101;
 }

 /* ===== Tabs ===== */
 .woocommerce-tabs ul.tabs {
   list-style: none;
   padding: 0;
   margin: 0 0 18px;
   display: flex;
   gap: 10px;
   border: none;
   /* بدل border-bottom */
   background: transparent;
   flex-wrap: wrap;
 }

 /* يلغي الخط الطويل اللي يجي من Woo/الثيم */
 .woocommerce-tabs ul.tabs::before,
 .woocommerce-tabs ul.tabs::after {
   display: none;
   content: none;
 }


 .woocommerce-tabs ul.tabs li {
   margin: 0;
 }

 .woocommerce-tabs ul.tabs li a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 9px 18px;
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.65);
   color: var(--mq-black);
   font-size: 13px;
   font-weight: 600;
   text-decoration: none;
   transition: .2s ease;
   border: 1px solid rgba(0, 0, 0, 0.08);
 }

 .woocommerce-tabs ul.tabs li.active a {
   background: var(--mq-black);
   color: var(--mq-offwhite);
   border-color: transparent;
 }

 .woocommerce-tabs .panel {
   font-size: 0.95rem;
   line-height: 1.75;
   color: rgba(1, 1, 1, 0.75);
 }

 /* خلي التابات + المحتوى كرت واحد */
 .woocommerce-tabs {
   background: transparent;
   border-radius: 16px;
   padding: 18px;
   box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
 }

 .star-rating::before {
   color: #1a1a1a !important;
 }

 .star-rating span::before,
 .fa-star,
 .fas.fa-star {
   color: #ffc107 !important;
 }

 .mq-product-rating {
   display: flex;
   justify-content: flex-start;
   margin-bottom: 14px;
   align-items: center;
   gap: 8px;
 }

 .mq-review-count {
   font-size: 13px;
   color: #1a6b3c;
   text-decoration: underline;
   cursor: pointer;
 }

 .mq-review-count:hover {
   color: #010101;
 }

 .mq-gallery-thumb.active {
   border: 1.5px solid #010101 !important;
   background: rgba(255, 255, 255, 0.9) !important;
 }

 .mq-stock-status {
   margin-bottom: 16px;
 }

 .mq-stock {
   display: inline-flex;
   align-items: center;
   gap: 7px;
   font-size: 13px;
   font-weight: 500;
 }

 .mq-stock-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   flex-shrink: 0;
 }

 .mq-stock--in {
   color: #1a6b3c;
 }

 .mq-stock--in .mq-stock-dot {
   background: #1a6b3c;
 }

 .mq-stock--out {
   color: #c0392b;
 }

 .mq-stock--out .mq-stock-dot {
   background: #c0392b;
 }

 .mq-product-info .stock {
   display: none !important;
 }

 .mq-breadcrumb {
   margin-bottom: 18px;
 }

 .mq-breadcrumb .woocommerce-breadcrumb {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.7);
 }

 .mq-breadcrumb .woocommerce-breadcrumb a {
   color: rgba(255, 255, 255, 0.7);
   text-decoration: none;
 }

 .mq-breadcrumb .woocommerce-breadcrumb a:hover {
   color: #fff;
   text-decoration: underline;
 }

 .mq-product-gallery {
   position: relative;
 }

 .mq-badge {
   position: absolute;
   top: 12px;
   left: 12px;
   padding: 4px 12px;
   border-radius: 999px;
   font-size: 12px;
   font-weight: 700;
   z-index: 5;
 }

 .mq-short-desc {
   font-size: 0.9rem;
   line-height: 1.7;
   color: rgba(1, 1, 1, 0.65);
   margin-bottom: 16px;
 }

 .mq-badge--sale {
   background: #e63946;
   color: #fff;
 }

 .variable-items-wrapper .color-variable-item {
   border-radius: 50% !important;
   width: 25px !important;
   height: 25px !important;
   overflow: hidden !important;
 }

 .variable-items-wrapper .color-variable-item .variable-item-span {
   border-radius: 50% !important;
   width: 100% !important;
   height: 100% !important;
 }

 .variable-items-wrapper .color-variable-item.disabled {
   opacity: 0.3 !important;
   pointer-events: none !important;
 }

 .variable-items-wrapper .color-variable-item.disabled::after {
   display: none !important;
 }

 /* =================================================
   RELATED PRODUCTS – SAME AS STORE PRODUCT CARD
================================================= */

 /* العنوان */
 .single-product .mq-related-products h2 {
   text-align: center;
   color: #fff;
   font-size: 20px;
   font-weight: 700;
   margin: -40px 0 40px;
   position: relative;
   /* 👈 إضافة */
   z-index: 5;
 }

 /* نفس Grid المتجر */
 .single-product .mq-related-grid {
   margin: 150px auto 0;
   max-width: 1400px;
   padding: 0 24px;

   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 10px;
   justify-items: center;
 }

 /* نفس بطاقة المتجر بالضبط */
 .single-product .mq-related-grid .product-card {
   margin-bottom: 130px;
 }

 /* مسافة بين الوصف (tabs) والمنتجات ذات الصلة */
 .single-product .mq-product-long {
   margin-bottom: 80px;
 }



 /* MQ – Size dropdown style only */
 .single-product .variations select {
   height: 30px;
   border-radius: 999px;
   border: 1px solid #ddd;
   background: #fff;
   color: #010101;
   padding: 0 16px;
   font-weight: 500;
   font-size: 14px;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
 }

 .single-product .variations select:focus {
   border-color: #010101;
   box-shadow: 0 0 0 2px rgba(1, 1, 1, 0.08);
 }







 /* Hide WooCommerce default headings */
 .woocommerce-account h2 {
   display: none;
 }

 /* Hide register form by default */
 .woocommerce-account .woocommerce-form-register {
   display: none;
 }

 /* Show register form only when ?register=true */
 body.show-register .woocommerce-form-login {
   display: none;
 }

 body.show-register .woocommerce-form-register {
   display: block;
 }

 /* =================================================
   MQ – Legal Pages (Privacy / Terms / Refund)
   MATCH SITE STYLE
================================================= */

 .legal-page {
   max-width: 1100px;
   margin: 60px auto;
   padding: 0 16px;
 }

 .legal-article {
   background: transparent;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border-radius: 20px;
   padding: 40px 46px;
   box-shadow: 0 18px 45px rgba(0, 0, 0, 0.15);
 }

 /* Title */
 .legal-title {
   font-size: 2rem;
   font-weight: 700;
   color: #fff;
   margin-bottom: 26px;
 }

 /* Paragraphs */
 .legal-content p {
   font-size: 0.95rem;
   line-height: 1.85;
   color: #fff;
   margin-bottom: 14px;
 }

 /* Headings inside content */
 .legal-content h2,
 .legal-content h3 {
   font-size: 1.1rem;
   font-weight: 600;
   color: #fff;
   margin-top: 34px;
   margin-bottom: 12px;
 }

 /* Links */
 .legal-content a {
   color: #fff;
   font-weight: 500;
   text-decoration: underline;
 }

 .legal-content a:hover {
   text-decoration: none;
 }

 /* Lists */
 .legal-content ul {
   padding-left: 18px;
   margin: 12px 0 16px;
 }

 .legal-content li {
   font-size: 0.95rem;
   line-height: 1.7;
   color: #fff;
 }




 /* ---------- Global mobile safety ---------- */
 @media (max-width: 991px) {

   html,
   body {
     width: 100%;
     max-width: 100%;
     overflow-x: hidden !important;
   }

   *,
   *::before,
   *::after {
     box-sizing: border-box;
   }

   img,
   svg,
   video,
   canvas,
   iframe {
     max-width: 100% !important;
     height: auto !important;
   }

   .container,
   .site-container,
   .wrapper,
   .content,
   .inner,
   .header-inner,
   .footer-inner,
   .legal-page,
   .mq-account,
   .mq-cart,
   .store-grid,
   .mini-products-viewport,
   .shop-main-categories-wrapper,
   .home-category-circles,
   .ads-slider {
     width: 100% !important;
     max-width: 100% !important;
   }
 }

 /* ---------- Tablet + Mobile ---------- */
 @media (max-width: 768px) {

   body {
     font-size: 15px !important;
     line-height: 1.5;
   }

   /* Header */
   .site-header {
     top: 0 !important;
     padding: 8px 10px 0 !important;
   }

   .header-inner {
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     justify-content: center !important;
     gap: 12px !important;
     padding: 12px !important;
     border-radius: 14px !important;
   }

   .logo {
     justify-content: center !important;
     gap: 8px !important;
   }

   .logo img {
     width: 36px !important;
     height: 36px !important;
   }

   .logo span {
     font-size: 0.9rem !important;
     text-align: center;
   }

   .site-header nav {
     width: 100% !important;
     display: flex !important;
     flex-wrap: wrap !important;
     justify-content: center !important;
     align-items: center !important;
     gap: 8px !important;
   }

   .site-header nav a,
   .site-header nav button,
   .nav-cart-toggle {
     padding: 8px 12px !important;
     font-size: 0.95rem !important;
     border-radius: 999px !important;
     white-space: nowrap !important;
   }

   .site-header .search {
     width: 100% !important;
     justify-content: center !important;
     gap: 8px !important;
   }

   .site-header .search input {
     width: min(100%, 280px) !important;
     min-width: 0 !important;
   }

   .search input,
   input,
   select,
   textarea {
     font-size: 16px !important;
   }

   /* Hero */
   .hero-content {
     padding-left: 14px !important;
     padding-right: 14px !important;
   }

   .hero-buttons {
     gap: 10px !important;
   }

   .hero-buttons a,
   .hero-buttons .btn {
     margin: 0 !important;
     padding: 12px 18px !important;
   }

   /* Notices */
   .woocommerce-notices-wrapper {
     max-width: 100% !important;
     padding-left: 12px !important;
     padding-right: 12px !important;
   }

   .woocommerce-message,
   .woocommerce-info,
   .woocommerce-error {
     padding: 12px 14px !important;
     font-size: 13px !important;
     border-radius: 12px !important;
   }

   /* Ads slider */
   .ads-slider {
     padding: 0 12px !important;
     margin: 20px auto 28px auto !important;
   }

   .ads-slider-wrapper {
     height: 180px !important;
     border-radius: 14px !important;
   }

   /* Shop categories */
   .shop-main-categories-wrapper {
     margin: 24px auto !important;
     padding: 0 12px !important;
   }

   .shop-main-categories,
   .shop-sub-categories-row {
     gap: 10px !important;
   }

   .shop-cat-btn,
   .shop-sub-cat-btn {
     font-size: 13px !important;
     padding: 8px 14px !important;
   }

   /* Store grid */
   .store-grid,
   .woocommerce-shop .store-grid {
     margin: 150px auto 0;
     max-width: 100%;
     padding: 0 16px;

     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 25px;
     justify-items: center;
   }

   .product-card,
   .woocommerce-shop .store-grid .product-card {
     width: 170px;
     height: 170px;
     padding-bottom: 64px;
     margin-bottom: 110px;
   }

   .product-image,
   .woocommerce-shop .store-grid .product-image {
     width: 145px;
     height: 145px;
     top: -130px;
   }

   .product-name {
     font-size: 0.95rem;
   }

   .product-price {
     font-size: 0.9rem;
   }



   /* Mini products slider */
   .mini-products-wrapper {
     padding: 0 12px !important;
   }

   .mini-products-header h2 {
     font-size: 22px !important;
     margin-bottom: 18px !important;
     padding: 0 6px !important;
   }

   .mini-products-viewport {
     width: 100% !important;
     max-width: 100% !important;
     padding: 0 !important;
     overflow: hidden !important;
   }

   .mini-products-track {
     display: flex !important;
     flex-direction: row !important;
     gap: 12px !important;
     overflow-x: auto !important;
     -webkit-overflow-scrolling: touch !important;
     scroll-snap-type: x mandatory !important;
     padding-bottom: 6px !important;
   }

   .mini-products-track::-webkit-scrollbar {
     display: none !important;
   }

   .mini-product-card {
     width: 160px !important;
     flex: 0 0 160px !important;
     height: 280px !important;
     scroll-snap-align: start !important;
   }

   .mini-product-image {
     height: 130px !important;
   }

   .mini-product-title,
   .mini-product-price {
     font-size: 13px !important;
   }

   .mini-products-arrow {
     display: none !important;
   }

   /* Category circles */
   .home-category-circles {
     gap: 18px !important;
     padding: 34px 12px !important;
   }

   .home-cat-title {
     font-size: 22px !important;
     margin-bottom: 22px !important;
   }

   .circle-image {
     width: 96px !important;
     height: 96px !important;
   }

   .category-circle h3 {
     font-size: 13px !important;
   }

   /* Quick view */
   .mq-quick-view-box {
     width: calc(100vw - 18px) !important;
     max-width: calc(100vw - 18px) !important;
     max-height: 90vh !important;
     padding: 16px !important;
     border-radius: 18px !important;
   }

   .mq-quick-view__inner {
     display: grid !important;
     grid-template-columns: 1fr !important;
     gap: 16px !important;
   }

   .mq-quick-view__title {
     font-size: 20px !important;
     margin-bottom: 8px !important;
   }

   .mq-quick-view__price {
     font-size: 16px !important;
     margin-bottom: 12px !important;
   }

   .mq-quick-view__content select {
     height: 44px !important;
     font-size: 14px !important;
   }

   .mq-quick-view__content .single_add_to_cart_button {
     min-height: 48px !important;
     font-size: 14px !important;
   }

   /* Side cart */
   .mini-cart-dropdown {
     position: fixed !important;
     top: 0 !important;
     right: 0 !important;
     left: auto !important;
     bottom: 0 !important;

     width: 92vw !important;
     max-width: 92vw !important;
     height: 100dvh !important;

     margin: 0 !important;
     padding: 18px 14px 22px !important;
     border-radius: 18px 0 0 18px !important;

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

     transform: translateX(100%) !important;
     transition: transform .35s ease !important;
     z-index: 999999 !important;
   }

   .mini-cart-dropdown .my-side-cart__item {
     grid-template-columns: 22px 64px minmax(0, 1fr) !important;
     column-gap: 12px !important;
     row-gap: 8px !important;
     min-height: auto !important;
     padding: 16px 0 !important;
   }

   .cart-overlay {
     position: fixed !important;
     inset: 0 !important;
     z-index: 9998 !important;
   }

   .nav-cart.open .mini-cart-dropdown,
   .mini-cart-dropdown.is-open {
     transform: translateX(0) !important;
   }

   .mini-cart-dropdown .my-side-cart__thumb a,
   .mini-cart-dropdown .my-side-cart__thumb img,
   .woocommerce .mini-cart-dropdown .my-side-cart__thumb img,
   .woocommerce-page .mini-cart-dropdown .my-side-cart__thumb img {
     width: 64px !important;
     height: 64px !important;
     min-width: 64px !important;
     min-height: 64px !important;
     max-width: 64px !important;
     max-height: 64px !important;
   }

   .mini-cart-dropdown .my-side-cart__content {
     grid-column: 3 !important;
     grid-row: 1 !important;
     padding-top: 0 !important;
   }

   .mini-cart-dropdown .my-side-cart__title {
     font-size: 14px !important;
   }

   .mini-cart-dropdown .my-side-cart__meta {
     grid-column: 3 !important;
     grid-row: auto !important;
     align-items: flex-start !important;
     justify-content: flex-start !important;
     text-align: left !important;
     min-width: 0 !important;
     padding-top: 0 !important;
   }

   .mini-cart-dropdown .my-side-cart__variation-editor {
     max-width: 100% !important;
   }

   .mini-cart-dropdown .my-side-cart__variation-field {
     flex: 1 1 100% !important;
     max-width: 100% !important;
   }

   .mini-cart-dropdown .my-side-cart__buttons {
     flex-direction: column !important;
     gap: 10px !important;
   }

   .mini-cart-dropdown .my-side-cart__buttons a,
   .mini-cart-dropdown .my-side-cart__buttons a.button {
     min-height: 50px !important;
   }

   /* Cart page */
   .mq-cart-layout {
     display: grid !important;
     grid-template-columns: 1fr !important;
     gap: 18px !important;
   }

   .mq-cart-items {
     gap: 12px !important;
   }

   .mq-cart-item {
     display: grid !important;
     grid-template-columns: 72px 1fr !important;
     gap: 12px !important;
     align-items: start !important;
     padding: 12px !important;
     border-radius: 14px !important;
   }

   .mq-cart-thumb {
     width: 72px !important;
     flex: 0 0 72px !important;
   }

   .mq-cart-thumb a,
   .mq-cart-thumb img {
     width: 72px !important;
     max-width: 72px !important;
   }

   .mq-cart-info {
     min-width: 0 !important;
   }

   .mq-cart-info h4 {
     font-size: 14px !important;
     margin-bottom: 4px !important;
   }

   .mq-cart-price {
     font-size: 13px !important;
   }

   .mq-cart-qty {
     margin-top: 8px !important;
     flex-wrap: wrap !important;
     gap: 8px !important;
   }

   .mq-remove-item {
     display: inline-block !important;
     margin-left: 0 !important;
     margin-top: 6px !important;
   }

   .mq-cart-summary {
     width: 100% !important;
     max-width: 100% !important;
     position: static !important;
     top: auto !important;
     padding: 20px !important;
     border-radius: 18px !important;
   }

   /* My account */
   .woocommerce-account .mq-account {
     display: grid !important;
     grid-template-columns: 1fr !important;
     gap: 16px !important;
     margin: 24px auto !important;
     padding: 0 12px !important;
   }

   .woocommerce-account .mq-account__sidebar {
     display: flex !important;
     flex-wrap: wrap !important;
     gap: 10px !important;
     padding: 14px !important;
   }

   .woocommerce-account .mq-nav__item {
     margin-bottom: 0 !important;
     padding: 10px 12px !important;
     white-space: nowrap !important;
     font-size: 13px !important;
   }

   .woocommerce-account .mq-account__content {
     padding: 18px !important;
   }

   .woocommerce-account .mq-account__content h1,
   .woocommerce-account .mq-account__content h2,
   .woocommerce-account .mq-account__content h3 {
     font-size: 1.1rem !important;
   }

   .woocommerce-account .mq-account__content table.shop_table {
     display: block !important;
     overflow-x: auto !important;
     white-space: nowrap !important;
   }

   /* Auth */
   .auth-page {
     padding: 0 12px !important;
   }

   .auth-card {
     max-width: 100% !important;
     padding: 1rem 1rem 1.1rem !important;
     border-radius: 14px !important;
   }

   .auth-card::before {
     font-size: 1.5rem !important;
     margin-bottom: 1.2rem !important;
   }

   .auth-card input[type="text"],
   .auth-card input[type="email"],
   .auth-card input[type="password"] {
     height: 46px !important;
     border-radius: 14px !important;
   }

   /* Footer */
   .site-footer {
     padding: 2rem 0 1.2rem !important;
     margin-top: 3rem !important;
   }

   .site-footer .footer-inner {
     grid-template-columns: 1fr !important;
     gap: 1.2rem !important;
     text-align: center !important;
     padding: 0 12px !important;
   }

   .site-footer .social-footer {
     justify-content: center !important;
   }

   .site-footer .social-footer a.social {
     width: 40px !important;
     height: 40px !important;
   }

   /* Common side padding */
   .legal-page,
   .shop-main-categories-wrapper,
   .ads-slider,
   .woocommerce-notices-wrapper,
   .home-category-circles,
   .mini-products-wrapper {
     padding-left: 12px !important;
     padding-right: 12px !important;
   }
 }

 @media (max-width: 768px) {
   .mini-cart-dropdown {
     width: 100vw !important;
     max-width: 100vw !important;
     height: 100dvh !important;
     min-height: 100dvh !important;
     top: 0 !important;
     right: 0 !important;
     left: 0 !important;
     bottom: 0 !important;
     border-radius: 0 !important;
     padding: 18px 16px 24px !important;
     transform: translateX(100%) !important;
   }

   .nav-cart.open .mini-cart-dropdown,
   .mini-cart-dropdown.is-open {
     transform: translateX(0) !important;
   }

   .mini-cart-dropdown .my-side-cart__buttons {
     position: sticky !important;
     bottom: 0 !important;
     background: #fff !important;
     padding: 12px 0 env(safe-area-inset-bottom) !important;
     margin-top: 16px !important;
   }
 }

 /* ── Thank You Page ── */
 .mq-thankyou-wrap {
   max-width: 700px;
   margin: 48px auto 80px;
   padding: 0 16px;
   font-family: 'Inter', system-ui, sans-serif;
 }

 .mq-ty-hero {
   text-align: center;
   margin-bottom: 32px;
 }

 .mq-ty-icon {
   width: 72px;
   height: 72px;
   background: #010101;
   border-radius: 50%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 16px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
 }

 .mq-ty-icon svg {
   width: 34px;
   height: 34px;
   stroke: #fff;
   fill: none;
   stroke-width: 2.5;
   stroke-linecap: round;
   stroke-linejoin: round;
 }

 .mq-ty-hero h1 {
   font-size: 1.7rem;
   font-weight: 700;
   color: #fff;
   margin: 0 0 8px;
 }

 .mq-ty-hero p {
   font-size: 0.95rem;
   color: rgba(255, 255, 255, 0.75);
   margin: 0;
 }

 .mq-ty-card {
   background: linear-gradient(135deg, #F3EFE4 0%, #E9E4DA 50%, #DFDAD0 100%);
   border-radius: 20px;
   padding: 28px 32px;
   box-shadow: 0 14px 40px rgba(0, 0, 0, 0.16);
   margin-bottom: 20px;
 }

 .mq-ty-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
 }

 .mq-ty-cell {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }

 .mq-ty-cell span:first-child {
   font-size: 11px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.06em;
   color: rgba(1, 1, 1, 0.45);
 }

 .mq-ty-cell span:last-child {
   font-size: 15px;
   font-weight: 700;
   color: #010101;
 }

 .mq-ty-divider {
   height: 1px;
   background: rgba(1, 1, 1, 0.08);
   margin: 20px 0;
 }

 .mq-ty-method {
   display: inline-flex;
   align-items: center;
   gap: 7px;
   background: #010101;
   color: #E7E7E7;
   border-radius: 999px;
   padding: 6px 14px;
   font-size: 13px;
   font-weight: 600;
 }

 .mq-ty-notice {
   background: rgba(255, 255, 255, 0.55);
   border: 0.5px solid rgba(255, 255, 255, 0.3);
   border-radius: 12px;
   padding: 12px 16px;
   font-size: 13px;
   color: rgba(1, 1, 1, 0.65);
   margin-top: 16px;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .mq-ty-actions {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
   margin-top: 24px;
 }

 .mq-ty-btn {
   flex: 1;
   min-width: 140px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 13px 20px;
   border-radius: 999px;
   font-size: 14px;
   font-weight: 600;
   text-decoration: none;
   transition: 0.2s ease;
 }

 .mq-ty-btn--primary {
   background: #010101;
   color: #E7E7E7;
 }

 .mq-ty-btn--primary:hover {
   background: #E7E7E7;
   color: #010101;
   outline: 1px solid #010101;
 }

 .mq-ty-btn--outline {
   background: transparent;
   color: #010101;
   border: 1.5px solid rgba(1, 1, 1, 0.25);
 }

 .mq-ty-btn--outline:hover {
   background: #010101;
   color: #E7E7E7;
 }

 .mq-ty-failed-card {
   background: linear-gradient(135deg, #F3EFE4 0%, #E9E4DA 50%, #DFDAD0 100%);
   border-radius: 20px;
   padding: 28px 32px;
   box-shadow: 0 14px 40px rgba(0, 0, 0, 0.16);
   text-align: center;
 }

 .mq-ty-failed-card p {
   color: #c0392b;
   font-size: 15px;
   margin-bottom: 16px;
 }

 .mq-ty-failed-card .button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 12px 24px;
   border-radius: 999px;
   background: #010101;
   color: #E7E7E7;
   font-weight: 600;
   text-decoration: none;
   margin: 4px;
   transition: 0.2s ease;
 }

 .mq-ty-failed-card .button:hover {
   background: #E7E7E7;
   color: #010101;
   outline: 1px solid #010101;
 }

 @media (max-width: 600px) {
   .mq-ty-card {
     padding: 20px 16px;
   }

   .mq-ty-grid {
     grid-template-columns: 1fr;
   }

   .mq-ty-actions {
     flex-direction: column;
   }

   .mq-ty-btn {
     min-width: 100%;
   }
 }