.s-trust-badges-image {
  display: none !important;
}

.s-trust-badges-content {
  display: none !important;
}

p.font-bold.text-xl.inline-block {
    display: none !important;
}

.form-label {
  margin-bottom: 0px;
}

.store-footer {
  margin-top: 0px;  
  border-top: 100px solid #ffffff; /* Creates a solid white bar on top */
}

.mb-4.sm\:mb-6.flex.justify-between.items-center {
    display: none !important;
}

.s-product-card-image img {
    background-color: white;
}

.leading-6 {
  display: none !important;
}

/* Target the main container specifically */
#main-content {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Ensure inner product lists and custom cards don't use transparent or mismatched tokens */
#main-content .s-blocks-wrapper,
#main-content .s-products-list,
#main-content .s-products-list-wrapper {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Add custom CSS styles below */ 
.banner--fixed img, .banner-entry {
  background: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  display: none
}

.s-contacts-header {
  display: none;
}

body.index .navbar-brand {
    display: none !important;
}

.mburger {
    display: none !important;
}

a[href="tel:+966550447060"] {
    display: none !important;
}
.s-contacts-list {
  gap: 0px !important;
}

/* MOBILE FIRST: Default layout for mobile phones (stacked in 3 rows) */
.lg\:grid-cols-6 {
  display: grid;
  grid-template-columns: 1fr; 
  box-sizing: border-box;
  gap: 16px; 
}

/* Centers ALL content horizontally, but pins it to the TOP */
.lg\:grid-cols-6 > * {
  display: flex;
  flex-direction: column;   
  align-items: center;      
  justify-content: flex-start; 
  text-align: center;       
}

/* MOBILE ONLY: Increases the top margin for the 3rd column */
.lg\:grid-cols-6 > *:nth-child(3) {
  margin-top: 30px; /* Adjust this number to add more or less space */
}

/* TABLET & DESKTOP: Applies 3 columns for screens 768px and wider */
@media (min-width: 768px) {
  .lg\:grid-cols-6 {
    grid-template-columns: 1fr 1fr 1fr; 
    grid-auto-flow: column;
    gap: 24px;
    max-width: 1200px !important;
  }

  /* DESKTOP/TABLET RESET: Removes the extra top margin when side-by-side */
  .lg\:grid-cols-6 > *:nth-child(3) {
    margin-top: 0;
  }
}

.lg\:col-span-2 {
  grid-column: span 1 / span 1;
  padding-right: 0px;
    }

.ltr\:lg\:pl-20:where([dir=ltr],[dir=ltr] *) {
    display: none;