/* Make brands carousel background white */
.ps-carousel--nav,
.ps-carousel--nav .owl-stage-outer,
.ps-carousel--nav .owl-stage,
.ps-carousel--nav .owl-item,
.ps-carousel--nav .owl-dots,
.ps-carousel--nav .owl-nav {
  background: #fff !important;
}



/* Optional: add horizontal padding to edges */
.ps-container {
  padding-left: 20px;
  padding-right: 20px;
}


/* ========== jkasbjkgasbjkasjkdnhasjkdhjkashdjkashdjkashdjks ========== */
:root {
  --search-bg: #fff;
  --search-text: #0f172a;
  --search-muted: #475569;
  --search-accent: #0ea5b7;       /* nice cyan accent */
  --search-hover: rgba(14,165,183,.08);
  --search-border: rgba(15,23,42,.12);
  --search-shadow: 0 14px 30px rgba(15, 23, 42, 0.12), 0 4px 10px rgba(15, 23, 42, 0.06);
  --search-radius: 14px;
  --search-gap: 10px;
}

/* Container */
.ps-form--quick-search {
  position: relative;
}

/* Panel base */
.ps-form--quick-search .ps-panel--search-result {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: calc(100% + 8px);
  z-index: 9999;
  background: var(--search-bg);
  color: var(--search-text);
  border: 1px solid var(--search-border);
  border-radius: var(--search-radius);
  box-shadow: var(--search-shadow);
  overflow: hidden;
  transform-origin: top;
  transform: translateY(-6px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

/* When active (your HTML already adds .active) */
.ps-form--quick-search .ps-panel--search-result.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Scroll area */
.ps-form--quick-search .ps-panel--search-result .ps-panel__content {
  max-height: 56vh;                 /* roomy but not too tall */
  overflow: auto;
  padding: 10px;
}

/* Smooth scrollbar (WebKit) */
.ps-form--quick-search .ps-panel--search-result .ps-panel__content::-webkit-scrollbar {
  width: 10px;
}
.ps-form--quick-search .ps-panel--search-result .ps-panel__content::-webkit-scrollbar-thumb {
  background: rgba(15,23,42,.15);
  border-radius: 999px;
}
.ps-form--quick-search .ps-panel--search-result .ps-panel__content::-webkit-scrollbar-track {
  background: transparent;
}

/* Result item card */
.ps-product.ps-product--search-result {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: var(--search-gap);
  align-items: center;
  padding: 8px;
  border-radius: 10px;
  transition: background .15s ease, transform .12s ease;
}

.ps-product.ps-product--search-result:hover {
  background: var(--search-hover);
  transform: translateY(-1px);
}

/* Thumbnail */
.ps-product.ps-product--search-result .ps-product__thumbnail {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.08);
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ps-product.ps-product--search-result .ps-product__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.ps-product.ps-product--search-result .ps-product__content {
  min-width: 0; /* fix text overflow */
}

/* Title */
.ps-product.ps-product--search-result .ps-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;            /* single-line, ellipsis */
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--search-text);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.35;
  text-decoration: none;
}

/* Price */
.ps-product.ps-product--search-result .ps-product__price {
  margin: 2px 0 0;
  font-weight: 700;
  font-size: 13px;
  color: var(--search-accent);
}

/* Footer link */
.ps-form--quick-search .ps-panel--search-result .ps-panel__footer {
  padding: 10px 12px 12px;
  border-top: 1px solid var(--search-border);
  background: linear-gradient(to bottom, rgba(2,6,23,0.02), rgba(2,6,23,0.04));
}
.ps-form--quick-search .ps-panel--search-result .ps-panel__footer a {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--search-border);
  color: var(--search-text);
  font-weight: 600;
  text-decoration: none;
}
.ps-form--quick-search .ps-panel--search-result .ps-panel__footer a:hover {
  background: var(--search-hover);
}

/* Empty state message (uses your existing .cart-empty-message pattern if needed) */
.ps-form--quick-search .ps-panel--search-result .ps-empty {
  padding: 20px 14px;
  color: var(--search-muted);
  text-align: center;
}

/* Optional: highlight matches if you wrap them in  via JS */
.ps-form--quick-search mark {
  background: rgba(14,165,183,.25);
  color: inherit;
  padding: 0 2px;
  border-radius: 3px;
}

/* RTL polish */
html[dir="rtl"] .ps-product.ps-product--search-result {
  grid-template-columns: 1fr 60px;
}
html[dir="rtl"] .ps-product.ps-product--search-result .ps-product__thumbnail {
  order: 2;
}

/* Mobile tweaks */
@media (max-width: 575.98px) {
  .ps-form--quick-search .ps-panel--search-result {
    inset-inline: -8px;             /* edge-to-edge feel */
  }
  .ps-product.ps-product--search-result {
    grid-template-columns: 52px 1fr;
  }
  .ps-product.ps-product--search-result .ps-product__thumbnail {
    width: 52px; height: 52px;
  }
  .ps-form--quick-search .ps-panel--search-result .ps-panel__content {
    max-height: 60vh;
  }
}



/* === Montherrrrrrrrrrrrrrrrrrrr === */
.header__actions i {
  font-size: 16px !important;   /* smaller icon size */
  line-height: 1 !important;
  vertical-align: middle;
}

/* Optional: reduce the little counter bubbles */
.header__actions span i {
  font-size: 10px !important;
}

/* Adjust padding so it still looks aligned */
.header__actions .header__extra {
  padding: 4px 6px !important;
}

/* Reduce spacing between icons slightly */
.header__actions .header__extra:not(:last-child) {
  margin-right: 6px !important;
}

/* User icon smaller too */
.ps-block--user-header .ps-block__left i {
  font-size: 16px !important;
}




/* === Rounded edges only for header items (not the header bar) === */
:root { --alpha-radius: 12px; }

/* Hide category dropdown and search button */
.header__top .ps-form--quick-search .form-group--icon,
.header__top .ps-form--quick-search button {
  display: none !important;
}

/* Remove radius from the header container itself */
.header__top {
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Apply radius only to inner elements */
.header__top .menu__content,
.header__top .mega-menu,
.header__top .ps-dropdown-menu,
.header__top .ps-cart--mobile,
.header__top .ps-panel--search-result,
.header__top .menu__toggle,
.header__top .ps-dropdown.language > span,
.header__top .header__actions .header__extra,
.header__top .ps-block--user-header,
.header__top .ps-form--quick-search .form-control,
.header__top .ps-form--quick-search select.form-control,
.header__top .product-cat-label,
.header__top .menu--dropdown > li > a,
.header__top .mega-menu__column a,
.header__top .ps-dropdown-menu a {
  border-radius: var(--alpha-radius) !important;
}

/* Adjust padding for a balanced look */
.header__top .menu__toggle,
.header__top .header__actions .header__extra,
.header__top .ps-block--user-header {
  padding: 6px 10px;
}

/* Optional: subtle hover effect */
.header__top .menu--dropdown > li > a:hover,
.header__top .mega-menu__column a:hover,
.header__top .ps-dropdown-menu a:hover,
.header__top .header__actions .header__extra:hover,
.header__top .ps-block--user-header:hover,
.header__top .menu__toggle:hover {
  background: rgba(0, 0, 0, 0.06);
}


* {
  border-radius: 0px !important;
}

.header.header--1 .header__top{
  background-color: #4cc9e0 !important;
}

.header__top {
  background-color: #4cc9e0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  
}



.ck-content {
  background-color: #F4F4F4;
}

/* ========== Home Banner Section ========== */
.ps-home-banner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; 
}

/* Desktop Banner Image — fixed 1650x350 (contain image, no crop) */




.ps-section__content {
  background-color: #ffffff;
  padding: 20px;
  
  border-radius: 25px;
}

.ps-product__price {
  font-size: 18px !important;
}

.ps-section__header {
  background-color: transparent !important;
  margin-bottom: 20px !important;
}

.ps-block--category {
  border: none !important;
}

/* Free delivery banner */
.free-delivery-banner {
  background: #f0f9ff;
  color: var(--primary-color);
  text-align: center;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 8px;
  margin: auto;
  width: 100%;
}

.free-delivery-banner p {
  margin: 0;
  color: var(--primary-color);
}

.free-delivery-banner .en { display: none; }
.free-delivery-banner .ar { display: none; }

html[lang="en"] .free-delivery-banner .en { display: block; }
html[lang="ar"] .free-delivery-banner .ar { display: block; }

.owl-stage-outer {
  border-radius: 0 !important;
  overflow: hidden;
}

.ps-collection {
  border-radius: 0 !important;
  overflow: hidden;
}

/* Inner video section */
.inner-video-section {
  background-color: #ffffff;
  padding: 10px;
  margin: 10px;
  border-radius: 25px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.video-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.video-wrapper {
  flex: 1 1 50%;
  border-radius: 15px;
  overflow: hidden;
  min-width: 280px;
}

.description-wrapper {
  flex: 1 1 40%;
  min-width: 280px;
}

.description-wrapper h2 {
  margin-bottom: 10px;
  color: #333;
}

.description-wrapper p {
  color: #555;
  font-size: 16px;
  margin-bottom: 20px;
}

/* Button style */
.button-contact-vr {
  background-color: #007bff;
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 25px;
  text-decoration: none;
  
  font-weight: bold;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.button-contact-vr:hover {
  background-color: #0056b3;
}

/* Mobile video layout */
@media (max-width: 768px) {
  .video-content {
    flex-direction: column;
  }
}

/* Header & navigation */
.header,
.header__top,
.navigation,
.menu__content,
.mega-menu,
.sub-menu,
.ps-dropdown-menu {
  background-color: #ffffff !important;
}

/* Search bar */
.ps-form--quick-search .form-control.input-search-product {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 8px 12px;
  background-color: #ffffff;
  color: #000;
}

.ps-form--quick-search .form-control.input-search-product:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 4px rgba(0, 123, 255, 0.3);
}

/* Deals grid */
.ps-deal-of-day .ps-flash-sale-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  
  gap: 30px;
}

.ps-deal-of-day {
  padding-bottom: 20px !important;
}

@media (max-width: 1024px) {
  .ps-deal-of-day .ps-flash-sale-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .ps-deal-of-day .ps-flash-sale-grid { grid-template-columns: 1fr; gap: 20px; }
}

.ps-deal-of-day .ps-product.ps-product--inner {
  background: #e9f5fb;
  border: 1px solid #dbe8f0;
  border-radius: 14px;
  padding: 18px 18px 16px;
  box-shadow: 0 2px 8px rgba(16,24,40,0.04);
  transition: transform .2s ease, box-shadow .2s ease;
}

.ps-deal-of-day .ps-product.ps-product--inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(16,24,40,0.08);
  
}

/* Product thumbnail */
.ps-deal-of-day .ps-product__thumbnail {
  background: #fff;
  border: 1px solid #eef3f7;
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 16px;
  position: relative;
}

.ps-deal-of-day .ps-product__thumbnail img {
  width: 100%;
  max-height: 190px;
  object-fit: contain;
  transition: transform .2s ease;
}

.ps-deal-of-day .ps-product.ps-product--inner:hover .ps-product__thumbnail img {
  transform: scale(1.02);
}

/* Badge styling */
.ps-deal-of-day .ps-product__badges {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}

.ps-deal-of-day .ps-product__badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  height: auto;
  padding: 6px 14px;
  border-radius: 999px;
  background: #e53935 !important;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 4px 10px rgba(229,57,53,.25);
}

/* Text & rating */
.ps-deal-of-day .ps-product__title {
  display: block;
  margin: 6px 0 10px;
  font-weight: 700;
  font-size: 18px;
  color: #0f172a;
}

.ps-deal-of-day .ps-product__price {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.ps-deal-of-day .ps-product__price del {
  color: #8a98a8;
  font-weight: 400;
  margin-left: 6px;
}

.ps-deal-of-day .rating_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.ps-deal-of-day .ps-product__progress-bar {
  margin-top: 10px;
  text-align: left;
}

.ps-deal-of-day .ps-progress__value {
  background: #fff;
  border: 1px solid #cfe0ea;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.ps-deal-of-day .ps-progress__value span {
  display: block;
  height: 100%;
  background: #0ea5e9;
}

.ps-deal-of-day .ps-product__actions {
  display: none;
}

@media (max-width: 768px) {
  .ps-deal-of-day .ps-product__thumbnail img { max-height: 160px; }
  .ps-deal-of-day .ps-product__badge { width: 60px; height: 60px; font-size: 14px; }
}

#footer-links {
  display: none !important;
}

.ps-product__thumbnail img {
  width: 100%;
  height: 220px;
  object-fit: contain;
  background-color: #fff;
}

/* Download app block */
.ps-block--download-app .container,
.ps-block--download-app {
  background-color: #ffffff !important;
}


/* === Custom Navigation Styling === */
.navigation {
  background-color: #F4F4F4 !important;
  color: #000 !important;
}

/* Ensure text links are black */
.navigation a,
.navigation span,
.navigation li {
  color: #000 !important;
}

/* Hover effect for better readability */
.navigation a:hover {
  color: #0077b6 !important; /* optional blue accent */
}

/* Dropdown background */
.menu__content,
.mega-menu,
.ps-dropdown-menu {
  background-color: #EFEFEF !important;
}

/* Dropdown links */
.menu__content a,
.mega-menu a,
.ps-dropdown-menu a {
  color: #000 !important;
}

/* Icons (like the menu icon) */
.navigation i,
.navigation svg {
  fill: #000 !important;
  color: #000 !important;
}

/* Fix for flag dropdown background */
.language,
.language ul {
  background-color: #F4F4F4 !important;
}


.ps-product-list.mb-60 {
  margin-bottom: 20px !important;
}


.ps-product-list {
  margin-bottom: 20px !important;
}



.ps-block--site-features {
  background-color: #ffffff !important;
}


.ps-download-app {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}


.ps-section__header {
  padding: 16px 20px !important;
}


/* ===== Deal of the Day: force grid (5 per row) ===== */
.ps-deal-of-day .ps-section__content .owl-carousel {
  /* keep it as a block container */
  display: block;
}

/* hide carousel controls/dots when using grid */
.ps-deal-of-day .ps-section__content .owl-nav,
.ps-deal-of-day .ps-section__content .owl-dots {
  display: none !important;
}

/* allow grid to show beyond the usual stage clipping */
.ps-deal-of-day .ps-section__content .owl-stage-outer {
  overflow: visible !important;
}

/* turn the stage into a grid */
.ps-deal-of-day .ps-section__content .owl-stage {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 30px; /* matches your data-owl-gap="30" */
  width: 100% !important;
  transform: none !important;   /* stop Owl translate3d */
}

/* neutralize Owl's inline widths/margins on items */
.ps-deal-of-day .ps-section__content .owl-item {
  width: auto !important;
  margin: 0 !important;
}

/* make product cards equal height */
.ps-deal-of-day .ps-section__content .ps-product {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ps-deal-of-day .ps-section__content .ps-product__container,
.ps-deal-of-day .ps-section__content .ps-product__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* responsive breakpoints */
@media (max-width: 1399.98px) { /* xl- */
  .ps-deal-of-day .ps-section__content .owl-stage {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1199.98px) { /* lg */
  .ps-deal-of-day .ps-section__content .owl-stage {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 991.98px) { /* md */
  .ps-deal-of-day .ps-section__content .owl-stage {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767.98px) { /* sm */
  .ps-deal-of-day .ps-section__content .owl-stage {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 479.98px) { /* xs */
  .ps-deal-of-day .ps-section__content .owl-stage {
    grid-template-columns: 1fr;
  }
}



/* Top categories section */

/* Remove top margin and make background white */
.ps-top-categories {
  margin-top: 0 !important;
  padding: 30px 0; /* optional spacing */
  border-radius: 10px; /* optional rounded corners */
}

/* Category blocks styling */
.ps-top-categories .ps-block--category {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  text-align: center;
  padding: 10px;
  transition: box-shadow 0.3s ease;
}

.ps-top-categories .ps-block--category:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Images inside categories */
.ps-top-categories .ps-block--category img {
  border-radius: 8px;
  width: 100%;
  height: auto;
}

/* Text inside categories */
.ps-top-categories .ps-block--category p {
  margin-top: 10px;
  color: #111;
  font-weight: 500;
}


.mt-40.mb-40 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}