/* KHAM hero content alignment fix */
.w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 {
  text-align: right !important;
  align-items: flex-end !important;
  justify-content: center !important;
  margin-right: 5% !important;
  margin-left: auto !important;
}

/* Title */
.w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 h2 {
  text-align: right !important;
  width: 100% !important;
  font-size: 56px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

/* Description */
.w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 p {
  text-align: right !important;
  width: 100% !important;
  color: #ffffff !important;
  margin: 0 !important;
}

/* Button */
.w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 a {
  align-self: flex-end !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  min-width: 170px !important;
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  color: #a68057 !important;
  background-color: #ffffff !important;
}

/* Mobile */
@media (max-width: 768px) {
  .w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 {
    width: 85% !important;
    margin-right: 5% !important;
  }

  .w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 h2 {
    font-size: 34px !important;
  }

  .w-4\/6.text-center.md\:w-7\/12.lg\:w-5\/12.text-white.flex.flex-col.justify-center.items-center.gap-y-2.lg\:gap-y-4 a {
    height: 48px !important;
    font-size: 16px !important;
  }
}


@media (min-width:1024px) {
/* =========================================
   KHAM HEADER - CLEAN FINAL CSS
========================================= */

/* White header wrapper */
.inner.bg-inherit {
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

.inner.bg-inherit > .container {
  max-width: 1280px !important;
  position: relative !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Main header row */
.inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 {
  position: relative !important;
  min-height: 78px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* FIRST BLOCK in HTML = wishlist + search
   Keep only search and place it on the far left */
.inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 > div:first-child {
  position: absolute !important;
  left: 50px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: auto !important;
  gap: 0 !important;
  z-index: 10 !important;
}

/* Hide wishlist */
.inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 > div:first-child > button[aria-label="wishlist"] {
  display: none !important;
}

/* Keep search visible only */
.inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 > div:first-child > button[aria-label="Search"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* CENTER BLOCK = logo */
.inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 > div:nth-child(2) {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 220px !important;
  flex: none !important;
  z-index: 3 !important;
}

.navbar-brand {
    transform: translateY(3px);
}

.navbar-brand img {
  width: 145px !important;
  max-width: 145px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* LAST BLOCK = user + cart */
.inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 > div:last-child {
  position: absolute !important;
  left: 105px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  z-index: 9 !important;
}

/* Menu in center */
.inner.bg-inherit > .container > .flex.items-center.justify-center.gap-y-4 {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

custom-main-menu {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.main-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.main-menu > li.root-level {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-menu > li.root-level > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #111 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  position: relative !important;
  white-space: nowrap !important;
}

.main-menu > li.root-level > a:hover {
  color: #a98258 !important;
}

.main-menu > li.root-level > a::after {
  content: "" !important;
  position: absolute !important;
  bottom: -18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 0 !important;
  height: 3px !important;
  background: #b08a60 !important;
  transition: 0.25s ease !important;
}

.main-menu > li.root-level > a:hover::after {
  width: 26px !important;
}

/* Icons */
button[aria-label="Search"],
button[aria-label="user-icon"] {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

button[aria-label="Search"] svg,
button[aria-label="user-icon"] svg,
.s-cart-summary-wrapper svg {
  width: 22px !important;
  height: 22px !important;
}

/* Cart icon only */
.s-cart-summary-count,
.s-cart-summary-content,
.s-cart-summary-total,
#cart-button,
.absolute.inset-0.z-10.opacity-0 {
  display: none !important;
}

salla-cart-summary,
.s-cart-summary-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  text-decoration: none !important;
}

/* Cleanup */
.header-btn,
.header-btn__icon,
.icon {
  margin: 0 !important;
  padding: 0 !important;
}

.lg\:pt-4 {
  padding-top: 0 !important;
}

.inner.bg-inherit .container * {
  margin-top: 0;
  margin-bottom: 0;
}

}
  
/* Desktop */
@media (min-width: 1024px) {
  .lg\:hidden {
    display: none !important;
  }
}

/* ===============================
   MOBILE ICON CLEANUP
   Keep only Search, User, Cart
================================ */

@media (max-width:1023px){

/* hide wishlist */
button[aria-label="wishlist"]{
    display:none !important;
}

/* hide compare if present */
button[aria-label="compare"]{
    display:none !important;
}

/* hide any extra header icons */
.header-btn--wishlist,
.header-btn--compare,
.s-product-card-wishlist-btn{
    display:none !important;
}

/* keep spacing clean */
.header-btn{
    margin:0 6px !important;
}

}

/* ===============================
   MOBILE CART ICON FIX
   Show icon only (like desktop)
================================ */

@media (max-width:1023px){

/* hide cart text, price and count */
.s-cart-summary-count,
.s-cart-summary-content,
.s-cart-summary-total{
    display:none !important;
}

/* hide cart button overlay */
#cart-button,
.absolute.inset-0.z-10.opacity-0{
    display:none !important;
}

/* keep only cart icon */
salla-cart-summary,
.s-cart-summary-wrapper{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}

}



/* ===============================
   MOBILE ICON SPACING EXACT FIX
================================ */

@media (max-width:1023px){

/* select only the 3 icons container in mobile header */
.inner.bg-inherit .flex.items-center.justify-between.pt-0.lg\:pt-4 > div > .header-btn-wrapper,
.inner.bg-inherit .flex.items-center.justify-between.pt-0.lg\:pt-4 > div > .s-cart-summary-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 04px !important; /* exactly same as desktop */
}

/* make sure each button has no extra margin */
.inner.bg-inherit .flex.items-center.justify-between.pt-0.lg\:pt-4 button {
    margin: 0 !important;
    padding: 0 !important;
}

}



@media (max-width:1023px){
  /* Move the Search icon slightly to the right for spacing balance */
  button[aria-label="Search"] .header-btn__icon {
    margin-right: 16px !important;  /* adjust this value as needed */
  }

  /* Optional: move User icon slightly left if needed */
  button[aria-label="user-icon"] .header-btn__icon {
    margin-left: -20px !important;  /* fine-tune for visual alignment */
  }
}


@media (max-width:1023px){
  /* Vertically center all header elements (logo + icons + search) */
  .inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 {
    display: flex !important;
    align-items: center !important; /* vertical centering */
    justify-content: space-between !important;
    min-height: 68px !important; /* optional: adjust if needed */
    padding: 10px 15px !important; /* optional: adjust left/right spacing */
  }

  /* Ensure all icon containers also center vertically */
  .inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 > div {
    display: flex !important;
    align-items: center !important;
  }

  /* Optional: center logo vertically inside its container */
  .navbar-brand {
    display: flex !important;
    align-items: center !important;
  }
}




/* =====================================
   PERFECT ICON ALIGNMENT
===================================== */

/* Move icon group slightly down to match hero text baseline */
.inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 > div:first-child,
.inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 > div:last-child {
    top: 52% !important;
}

/* Icon group spacing */
.inner.bg-inherit > .container > .flex.items-center.justify-between.pt-0.lg\:pt-4 > div:last-child {
    left: 110px !important;
    gap: 14px !important;
}

/* Search icon spacing alignment */
button[aria-label="Search"] {
    left: 50px !important;
}

/* Ensure equal icon sizes */
button[aria-label="Search"] svg,
button[aria-label="user-icon"] svg,
.s-cart-summary-wrapper svg {
    width: 22px !important;
    height: 22px !important;
}

/* Perfect visual spacing adjustment */
.s-cart-summary-wrapper {
    margin-left: 0 !important;
}

/* Ensure icons align center perfectly */
.header-btn,
.header-btn__icon,
.icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}



/* =========================================
   INSTAGRAM TITLE - EXACT CLEAN MATCH
========================================= */

.s-block--slider-cats .slider-c-b-head {
  justify-content: center !important;
  text-align: center !important;
  margin-bottom: 18px !important;
}

.s-block--slider-cats .slider-c-b-head > .flex-1 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.s-block--slider-cats .slider-c-b-head p {
  display: none !important;
}

.s-block--slider-cats .slider-c-b-head h2 {
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #000000 !important;
  text-align: center !important;
  background-image: radial-gradient(circle, #ffffff 0 2.5px, #000000 2.5px 3.5px, transparent 3.5px) !important;
  background-repeat: no-repeat !important;
  background-size: 8px 8px !important;
  background-position: center calc(100% - 1px) !important;
}

/* right line */
.s-block--slider-cats .slider-c-b-head h2::before {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  right: calc(50% + 14px) !important;
  width: 80px !important;
  height: 1px !important;
  background: #000000 !important;
}

/* left line */
.s-block--slider-cats .slider-c-b-head h2::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: calc(50% + 14px) !important;
  width: 80px !important;
  height: 1px !important;
  background: #000000 !important;
}

/* =========================================
   TESTIMONIALS TITLE STYLE
========================================= */

.T_featured_product_cards-head{
  position: relative !important;
  display: inline-block !important;
  text-align: center !important;
  margin: 0 auto !important;
  padding-bottom: 16px !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  color: #000000 !important;
}

/* hide subtitle if theme injects one */
.T_featured_product_cards-head + p{
  display: none !important;
}

/* right line */
.T_featured_product_cards-head::before{
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  right: calc(50% + 14px) !important;
  width: 80px !important;
  height: 1px !important;
  background: #000000 !important;
}

/* left line */
.T_featured_product_cards-head::after{
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: calc(50% + 14px) !important;
  width: 80px !important;
  height: 1px !important;
  background: #000000 !important;
}

/* center circle */
.T_featured_product_cards-head{
  background-image: radial-gradient(circle, #ffffff 0 2.5px, #000000 2.5px 3.5px, transparent 3.5px) !important;
  background-repeat: no-repeat !important;
  background-size: 8px 8px !important;
  background-position: center calc(100% - 1px) !important;
}


/* =========================================
   PREMIUM FABRIC COLLECTION TITLE
========================================= */

.s-block__title h2{
  position: relative !important;
  display: inline-block !important;
  margin: 0 auto !important;
  padding-bottom: 16px !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
}

/* center the title container */
.s-block__title{
  text-align: center !important;
}

/* right line */
.s-block__title h2::before{
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  right: calc(50% + 14px) !important;
  width: 80px !important;
  height: 1px !important;
  background: #000000 !important;
}

/* left line */
.s-block__title h2::after{
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: calc(50% + 14px) !important;
  width: 80px !important;
  height: 1px !important;
  background: #000000 !important;
}

/* center circle */
.s-block__title h2{
  background-image: radial-gradient(circle, #ffffff 0 2.5px, #000000 2.5px 3.5px, transparent 3.5px) !important;
  background-repeat: no-repeat !important;
  background-size: 8px 8px !important;
  background-position: center calc(100% - 1px) !important;
}

/* Force this title section to center */
.s-block__title .right-side{
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
}

/* Ensure title itself stays centered */
.s-block__title h2{
    text-align: center !important;
    margin: 0 auto !important;
}


/* Remove only the left/right slider arrows in this section */
.s-block_p-w-d .s-slider-prev,
.s-block_p-w-d .s-slider-next {
  display: none !important;
}


/* Remove bell icon */
.s-advertisement-content-icon {
    display: none !important;
}

/* Remove close (X) icon */
.s-advertisement-action {
    display: none !important;
}

/* KHAM title style - Product Categories */
.s-block__header--shuhra-categories {
  text-align: center !important;
  position: relative !important;
  margin-bottom: 40px !important;
}

.s-block__header--shuhra-categories h2 {
  position: relative !important;
  display: inline-block !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  margin-bottom: 25px !important;
}

/* left line */
.s-block__header--shuhra-categories h2::before {
  content: "" !important;
  position: absolute !important;
  width: 80px !important;
  height: 2px !important;
  background: #000000 !important;
  bottom: -12px !important;
  right: 55% !important;
}

/* right line */
.s-block__header--shuhra-categories h2::after {
  content: "" !important;
  position: absolute !important;
  width: 80px !important;
  height: 2px !important;
  background: #000000 !important;
  bottom: -12px !important;
  left: 55% !important;
}

/* center circle */
.s-block__header--shuhra-categories::after {
  content: "" !important;
  position: absolute !important;
  width: 6px !important;
  height: 6px !important;
  border: 2px solid #000000 !important;
  border-radius: 50% !important;
  bottom: 8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background-position: center calc(100% - 1px) !important;
}


/* Remove Instagram section button */
.slider-c-b-head > div:last-child {
  display: none !important;
}

.slider-c-b-body .s-slider-prev,
.slider-c-b-body .s-slider-next {
  display: none !important;
}


/* =========================================
   CATEGORY CARDS - MATCH DESIGN
   Section: s-block--slider-cats s-block--2
========================================= */

/* Each slide becomes a vertical card */
.s-block--2 .c-or-b-slide-item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  height: auto !important;
  background: #ffffff !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

/* Image link stays on top */
.s-block--2 .c-or-b-slide-item > a.flex.absolute.top-0.left-0.w-full.h-full {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 360px !important;
  top: auto !important;
  left: auto !important;
  flex: 0 0 auto !important;
}

/* Image fills top area only */
.s-block--2 .c-or-b-slide-item > a.flex.absolute.top-0.left-0.w-full.h-full img {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Content moves below image */
.s-block--2 .c-or-b-slide-item > .absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.flex.flex-col.items-center.w-full.gap-2.z-1 {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 14px 16px 18px !important;
  background: #ffffff !important;
  text-align: center !important;
}

/* Title */
.s-block--2 .c-or-b-slide-item h3 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #111111 !important;
  text-align: center !important;
}

/* Subtitle */
.s-block--2 .c-or-b-slide-item p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #111111 !important;
  text-align: center !important;
}

/* Button */
.s-block--2 .c-or-b-slide-item .absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.flex.flex-col.items-center.w-full.gap-2.z-1 > a.flex.flex-row.items-center.gap-1.text-xs.lg\:text-sm.border.rounded-md.px-4.lg\:px-8.py-2.lg\:py-3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  height: 40px !important;
  padding: 0 40px !important;
  border-radius: 3px !important;
   border: 1px solid #a68057 !important;
  background: #FFFFFF !important;
  color: #a68057 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* Remove rounded corners from cards if design is sharper */
.s-block--2 .c-or-b-slide-item,
.s-block--2 .c-or-b-slide-item img {
  border-radius: 0 !important;
}

/* Hide top-right section button if still visible */
.s-block--2 .slider-c-b-head > div:last-child {
  display: none !important;
}

/* Hide left/right arrows */
.s-block--2 .s-slider-prev,
.s-block--2 .s-slider-next {
  display: none !important;
}

/* Better spacing between cards */
.s-block--2 .swiper-wrapper {
  align-items: stretch !important;
}

/* Mobile */
@media (max-width: 768px) {
  .s-block--2 .c-or-b-slide-item > a.flex.absolute.top-0.left-0.w-full.h-full {
    height: 260px !important;
  }

  .s-block--2 .c-or-b-slide-item h3 {
    font-size: 16px !important;
  }

  .s-block--2 .c-or-b-slide-item p {
    font-size: 13px !important;
  }

  .s-block--2 .c-or-b-slide-item .absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.flex.flex-col.items-center.w-full.gap-2.z-1 > a.flex.flex-row.items-center.gap-1.text-xs.lg\:text-sm.border.rounded-md.px-4.lg\:px-8.py-2.lg\:py-3 {
    min-width: 150px !important;
    height: 44px !important;
    font-size: 15px !important;
  }
}

/* =========================================
   MOBILE FIX - show subtitle + button
   Section: s-block--2
========================================= */
@media (max-width: 768px) {
  .s-block--2 .c-or-b-slide-item {
    height: auto !important;
    min-height: 420px !important;
  }

  .s-block--2 .c-or-b-slide-item > a.flex.absolute.top-0.left-0.w-full.h-full {
    height: 220px !important;
  }

  .s-block--2 .c-or-b-slide-item > .absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.flex.flex-col.items-center.w-full.gap-2.z-1 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 12px 12px 16px !important;
    min-height: 170px !important;
    gap: 8px !important;
  }

  .s-block--2 .c-or-b-slide-item p {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }

  .s-block--2 .c-or-b-slide-item .absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.flex.flex-col.items-center.w-full.gap-2.z-1 > a.flex.flex-row.items-center.gap-1.text-xs.lg\:text-sm.border.rounded-md.px-4.lg\:px-8.py-2.lg\:py-3 {
    display: inline-flex !important;
    min-width: 135px !important;
    height: 42px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    margin-top: 4px !important;
  }
}



/* =========================
   FOOTER FIXES
========================= */

/* 1) Make copyright text white */
.store-footer .copyright-text,
.store-footer .copyright-text p,
.store-footer .copyright-text a,
.store-footer .text-gray-400 {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* 2) Put payment icons in the center of the last row */
.store-footer .copyright-container {
  position: relative;
}

.store-footer .copyright-container salla-payments {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.store-footer .copyright-container .s-payments-list {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* 3) Hide phone icon box beside number */
.store-footer .store-mobile > span:first-child {
  display: none !important;
}

/* Keep phone number aligned properly after hiding icon */
.store-footer .store-mobile {
  justify-content: flex-start;
}

.store-footer .store-mobile .text-sm {
  margin: 0 !important;
}

/* Optional: make contact number look cleaner */
.store-footer .contact-links a[href^="tel:"] {
  text-decoration: none !important;
  color: #ffffff !important;
}

/* Mobile fix */
@media (max-width: 991px) {
  .store-footer .copyright-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
  }

  .store-footer .copyright-container salla-payments {
    position: static;
    left: auto;
    transform: none;
    order: 2;
  }

  .store-footer .copyright-text {
    order: 3;
    text-align: center;
  }
}


/* Move ONLY the footer logo to the right */
@media (min-width: 992px) {
  .store-footer .container {
    position: relative;
  }

  .store-footer .footer-head-logo {
    position: absolute;
    top: 110px;
    right: 40px;
    z-index: 5;
    margin: 0 !important;
  }

  .store-footer .footer-head-logo img {
    width: 95px !important;
    height: auto !important;
  }
}


/* FIX FOOTER: reserve a right column for logo */
@media (min-width: 992px) {
  .store-footer .container {
    position: relative;
  }

  /* Logo only */
  .store-footer .footer-head-logo {
    position: absolute;
    top: 105px;   /* adjust a little if needed */
    right: 35px;
    width: 25%;
    text-align: center;
    z-index: 5;
    margin: 0 !important;
  }

  .store-footer .footer-head-logo img {
    width: 95px !important;
    height: auto !important;
  }

  /* Reserve space for logo column */
  .store-footer .footer-body-container {
    display: flex !important;
    width: 75%;
    margin-right: 25%;
    justify-content: space-between !important;
    align-items: flex-start !important;
  }

  /* Make the other 3 columns equal */
  .store-footer .footer-body-container > div {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
  }
}

/* Increase footer logo size */
.store-footer .footer-head-logo img{
    width: 140px !important;
    height: auto !important;
}


.view-all-container{
    text-align:center;
    margin-bottom:20px;
}

.view-all-btn{
    display:inline-block;
    padding:14px 90px;
    border:2px solid #b08d57;
    background:#b08d57;
    color:#fff;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    border-radius:6px;
    transition:all 0.3s ease;
}

.view-all-btn:hover{
    background:transparent;
    color:#b08d57;
}

.s-block--bundle-html-content{
    padding-top: 0 !important;
    margin-top: -50px !important;
}