/** Shopify CDN: Minification failed

Line 122:0 All "@import" rules must come first

**/
/* =========================
   RTL Header Icons (Cart, Search, Account, Menu)
   ========================= */

/* Header container stays normal */
.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/* Logo stays left */
.site-header__logo {
  order: 1; 
  margin-right: auto;
  text-align: left;
}

/* Icons (cart, account, search, menu) go right */
.header__icons {
  order: 2;
  display: flex;
  flex-direction: row-reverse;  /* RTL order */
  justify-content: flex-start;  /* push icons to right */
  gap: 12px;                    /* spacing between icons */
}

/* Menu button should appear first on the right */
.header__icon--menu,
button.menu-toggle,
button.mobile-nav-toggle {
  order: -1;   /* put menu button at the far right */
  margin-right: 0;
  margin-left: 10px;
}
/* =========================
   Dwell Theme — Full-size Search Images (Responsive)
   ========================= */

/* Grid container */
.template-search .grid,
.search-results .grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  align-items: flex-start !important;
}

/* Each product card/grid item */
.template-search .grid__item,
.search-results .grid__item {
  flex: 1 1 200px !important;  /* min width 200px, grows to fit row */
  max-width: 300px !important; /* adjust max width to your design */
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

/* Card content + media wrapper */
.template-search .product-card,
.search-results .product-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Media container adjustments */
.template-search .product-card__media,
.search-results .product-card__media,
.template-search .card__media,
.search-results .card__media,
.template-search .product-card__image,
.search-results .product-card__image,
.template-search .card__image,
.search-results .card__image {
  width: 100% !important;
  height: auto !important;
  min-height: 220px !important; /* adjust for bigger image display */
  max-height: none !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-size: contain !important;  /* shows whole image */
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Images inside media wrapper */
.template-search img,
.search-results img,
.product-card__media img,
.card__media img,
.product-card__image img,
.card__image img {
  width: 100% !important;     /* full width of container */
  height: auto !important;    /* scale proportionally */
  object-fit: contain !important; /* prevent cropping */
  display: block !important;
}

/* Product info/content spacing */
.template-search .product-card__content,
.search-results .product-card__content {
  padding-top: 12px !important;
  box-sizing: border-box !important;
}

/* Optional: uniform min-height for all grid items */
.template-search .grid__item,
.search-results .grid__item {
  min-height: 300px !important; /* adjust to make images bigger */
}
/* Load the font first (Google Fonts example) */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap');

/* Override menu font variables */
.menu-list {
  --menu-top-level-font-family: Rubik !important;
  --menu-top-level-font-weight: 600 !important;
  --menu-child-font-family: Rubik !important;
  --menu-child-font-weight: 400 !important;
}
 .header__column--center,
.menu-drawer__navigation,
.menu-drawer__menu,
.menu-drawer__submenu {
  direction: rtl;
  text-align: right;
}









