.dark-mode #iokbk3,
.dark-mode #i2xreviews {
  border: none !important;
}
.dark-mode .frame-subtle-ring,
.dark-mode .frame-outer-gradient,
.dark-mode #i2xproducts {
  border: none !important;
  box-shadow: none;
  background-image: none;
}

#i2xproddesk {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 24px;
}
body.mobile-sidebar-open {
  overflow: hidden;
}
#igbf {
  padding-bottom: 60px;
  background: var(--bg-primary);
}
#iwv9 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 50px;
  font-family: var(--font-family-01);
}
/* #izj0p, #iz6gi { color:black; width:365px;border: 1px solid var(--color-golden-03);padding: 20px;background: var(--color-golden-01);border-radius: 10px; } */
#iz6gi {
  height: 471px;
  object-fit: cover;
  border-radius: 2rem;
}
#iymqt {
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
  margin: 60px 10px;
  align-items: center;
}
#imb9 {
  width: 65%;
  position: relative;
  display: inline-block;
}
/* #imb9:after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at center,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0.6) 100%
  );
  pointer-events: none;
} */
#imb9 {
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}
#imb9 img {
  border-radius: 50px;
  border: 10px solid #a87a3b;
}
#imb9::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0.25) 40%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0.75) 100%
  );
  pointer-events: none;
}
#imser {
  width: 30%;
}
/* #iymt { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; margin-top:90px; } */
#it6b {
  font-family: var(--font-family-02);
  background-image: linear-gradient(
    180deg,
    rgba(255, 179, 71, 0.06),
    rgba(255, 179, 71, 0.02)
  );
}
.gjs-link-box {
  color: inherit;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  max-width: 100%;
  text-decoration: none;
}
#i8bgp svg:lang(en) {
  rotate: 180deg;
}
#i8bgp:lang(ar) {
  flex-direction: row-reverse;
}
#i8bgp {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: white;
  background: #262628;
  padding: 15px 30px;
  gap: 5px;
  font-family: var(--font-family-01);
  margin-top: 30px;
  cursor: pointer;
  transition: background 0.5s, border 0.5s, color 0.5s;
  border-radius: 50px;
  border: 1px solid rgba(255, 179, 71, 0.6);
}
#i1mfv,
#ix8di {
  padding: 0;
}
#iqibe:lang(en) {
  rotate: 180deg;
}
#iqibe {
  width: 20px;
  height: 20px;
}
#iunxq {
  font-family: var(--font-family-01);
  font-size: 20px;
  white-space: pre-wrap;
  /* display: block;
  width: 700px; */
  text-align: center;
  color: #575757;
  line-height: 30px;
}
#ihe45 {
  padding: 70px 0;
}
#iznsf {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
}
#ixaeu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 60%;
}
#ikpdk,
#ikpdk-2 {
  color: black;
  width: 80px;
}
#i4vzb,
#ix94l {
  margin: 0;
  padding: 0;
  font-size: 35px;
  font-weight: 400;
}
#i74zg {
  margin: 0;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
}
#ihujj,
#is46g {
  flex-basis: 50%;
  padding: 20px;
  display: flex;
  gap: 18px;
}
#ihujj {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#is46g {
  justify-content: flex-end;
  align-items: center;
}
#iyk4i {
  width: 100%;
}
#i6cq8 {
  white-space: pre-wrap;
  display: block;
  font-size: 22px;
  font-family: var(--font-family-02);
  font-weight: 400;
}
#is918 {
  margin: 0;
  padding-top: 15px;
  font-weight: 700;
  font-size: 30px;
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-01);
}
#ihzf8 {
  font-size: 18px;
  white-space: pre-wrap;
  display: block;
  font-weight: 400;
  line-height: 30px;
}
/* #hero_images{display: flex;align-items: center;justify-content: space-evenly;gap: 20px;} */
#iid2o,
#ivrfn {
  padding: 0;
}
#iy2dh:lang(en) {
  rotate: 180deg;
}
#iy2dh,
#i8njg {
  width: 20px;
  height: 20px;
}
#iy2dh svg {
  rotate: 180deg;
}
#i8bgp-2,
#i8bgp-2-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background: #262628;
  padding: 15px 30px;
  gap: 5px;
  font-family: var(--font-family-01);
  margin-top: 30px;
  cursor: pointer;
  transition: background 0.5s, border 0.5s, color 0.5s;
  border-radius: 50px;
  border: 1px solid rgba(255, 179, 71, 0.6);
}
#ispo8 {
  white-space: pre-wrap;
  display: block;
  font-size: 22px;
  font-weight: 400;
  color: #262628;
}
#i43kw {
  margin: 0;
  color: #262628;
  font-weight: 700;
  font-size: 30px;
  font-family: var(--font-family-01);
}
#ifp11 {
  font-size: 18px;
  white-space: pre-wrap;
  display: block;
  font-weight: 400;
  color: #262628;
  line-height: 30px;
}
#i2w2t,
#icgij {
  flex-basis: 50%;
  padding: 20px;
  display: flex;
  gap: 18px;
}
#i2w2t {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  z-index: 90;
}
#icgij {
  justify-content: flex-start;
  align-items: center;
}
#iz6gi-2 {
  color: black;
  width: 400px;
  height: 469px;
  object-fit: cover;
  border-radius: 2rem;
}
/* #iz6gi-2 img{display: none;} */
#icy12,
#iuass,
#iibnn {
  width: 100%;
}
#iuass,
#iibnn {
  display: none;
}
#irtpn {
  position: relative;
  background: var(--bg-primary);
  height: 700px;
  background-size: inherit;
  padding-top: 20px;
  background-size: cover;
  background-position: center;
  background-image: url("https://home-scent.ae/wp-content/uploads/2026/01/2-scaled.webp");
  padding: 50px 0;
  margin-top: 40px;
}
#i9k4p {
  padding-bottom: 0;
}
.irtoverflow {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(13, 13, 13, 0.97) 0%,
    rgba(11, 11, 11, 0.97) 1%,
    rgba(255, 255, 255, 0) 100%
  );
}
#imo43,
#ihard {
  flex-basis: 50%;
}
#featured-title {
  font-size: 80px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 2px #7b6a2f;
  text-transform: capitalize;
  font-family: initial;
}
#ihard {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#i5v0n,
#ivdl6,
#infz6 {
  flex-basis: 50%;
  background: #f7f7f7;
  border-radius: 20px;
  padding: 45px 25px;
  border: 1px solid var(--gjs-t-color-accent);
  box-shadow: 0 10px 20px rgba(255, 179, 71, 0.12);
}
#ia7bb,
#ixahl,
#i31fw {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 8px;
  color: rgba(39, 39, 41, 1);
  border: 1px solid rgba(39, 39, 41, 0.23);
}
#ihj2d {
  font-family: var(--font-family-02);
  font-weight: 700;
  color: #262628;
  font-size: 25px;
  margin: 40px 0 10px 0;
}
#i16sj {
  font-family: var(--font-family-02);
  font-weight: 700;
  color: #262628;
  font-size: 25px;
  margin: 40px 0 10px 0;
}
#iv6b1 {
  font-family: var(--font-family-02);
  font-weight: 700;
  color: #262628;
  font-size: 25px;
  margin: 40px 0 10px 0;
}
#iffdn {
  display: block;
  font-size: 18px;
  font-family: var(--font-family-02);
  font-weight: 400;
  color: #262628;
  padding: 0;
  margin: 0;
}
#i8rdad,
#ix0dsk {
  font-size: 18px;
  white-space: pre-wrap;
  font-family: var(--font-family-02);
  font-weight: 400;
  color: #262628;
}
#isrnf1,
#iqycq1 {
  padding: 12px 20px;
  display: inline-block;
  border: 1px solid rgba(39, 39, 41, 0.23);
  border-radius: 50px;
  font-family: var(--font-family-02);
  color: #262628;
  font-size: 16px;
  font-weight: 400;
}
#i6v2gl,
#ihw7mt,
#iw5x4h,
#i3lsxs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: 700;
  font-size: 30px;
  margin: 10px 0 0 0;
  color: #262628;
}
#i6v2gl {
  font-family: var(--font-family-02);
}
#ihw7mt,
#i3lsxs {
  font-family: var(--font-family-01);
}
#i7wkbx,
#i7sffh {
  font-size: 20px;
  white-space: pre-wrap;
  font-family: var(--font-family-02);
  line-height: 30px;
}
#ilfkkc,
#iywi3f,
#ink1sc,
#il49gm,
#ihonkf,
#i40h7i {
  flex-basis: 50%;
}
#ink1sc,
#iywi3f {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#i5ldzg {
  width: 100%;
  margin-top: 30px;
  align-items: flex-end;
}
#i7u7us {
  padding-top: 0;
}
#i04vzh {
  color: black;
  margin: 40px 0 30px 0;
  object-fit: cover;
  border-radius: 2rem;
  width: 100%;
  height: 360px;
  padding: 10px;
  border: 1px solid rgba(207, 172, 76, 0.52);
}
#im2n6s {
  width: 100%;
  gap: 2.86%;
}
#ildutp {
  margin: 0;
  font-weight: 700;
  font-size: 30px;
  font-family: var(--font-family-01);
}
#ix8whu {
  white-space: pre-wrap;
  display: block;
  font-size: 22px;
  font-weight: 400;
}
#ifbydw {
  background-color: #f8f8f8;
}
#iq3mdf,
#iucs84 {
  width: 100%;
  padding: 0;
}
#i6fev4 {
  width: 40px;
  height: 40px;
  background: white;
  color: #262628;
  padding: 10px;
  border-radius: 50px;
}
#i8bgp-2-2-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background: #262628;
  border-radius: 50px;
  padding: 18px 30px;
  gap: 8px;
  font-family: var(--font-family-01);
  margin-top: 30px;
  cursor: pointer;
  transition: background 0.5s, border 0.5s, color 0.5s;
  border: 1px solid rgba(255, 179, 71, 0.6);
}
.gjs-plg-accordion-marker {
  min-width: 24px;
  width: 24px;
  height: 24px;
  transition: transform 0.2s ease-in-out;
}
summary {
  list-style: none;
}
.gjs-plg-accordion-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.gjs-plg-accordion::details-content {
  opacity: 0;
  block-size: 0;
  overflow: hidden;
  transform: translateY(-5px);
  transition-property: opacity, transform, block-size, content-visibility;
  transition-behavior: normal, normal, normal, allow-discrete;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.gjs-plg-accordion[open]::details-content {
  opacity: 1;
  transform: translateY(0);
  block-size: auto;
}
#iw8cin {
  color: #262628;
}
#ing3kr,
#iwfgrc,
#iy8szg,
#igamgq {
  padding: 8px 0;
}
#ikuj7o,
#isj96a,
#ihrdup,
#ipgszl {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 15px 0;
}
#ivvx4h {
  padding: 8px 0;
}
#i9s39u,
#ic4x3h,
#i2f1yt,
#ithxlo,
#i4tsqk {
  padding: 15px 0;
  font-family: var(--font-family-02);
  font-size: 17px;
  font-weight: 500;
}
#i27whz,
#iqb0jw,
#i1mmr5,
#ivkuds,
#invlzv {
  font-weight: 600;
  font-size: 20px;
  font-family: var(--font-family-01);
}
#icm5gl {
  padding: 15px 0 15px 0;
}
#iq0wvf {
  flex: 1 0 40%;
  padding: 20px;
}
/* #i5qosp {
  width: 90px;
} */
#in23pa {
  width: 30px;
  height: 30px;
}
#i1anf9 {
  width: 30px;
  height: 30px;
}
#i76np7 {
  width: 35px;
  height: 35px;
}
#igsyz7 {
  color: black;
  padding: 15px;
  font-family: var(--font-family-01);
  display: none;
  cursor: pointer;
}
#iqie6q {
  color: #22333e;
  padding: 15px 15px 13px;
  font-family: var(--font-family-01);
  font-weight: 500;
  cursor: pointer;
  transition: border 0.5s;
  border: 2px solid transparent;
  border-bottom-style: solid;
  border-radius: 2px;
  text-decoration: none;
}
#iv58kd {
  color: #22333e;
  padding: 15px 15px 13px;
  font-family: var(--font-family-01);
  font-weight: 500;
  cursor: pointer;
  transition: border 0.5s;
  border: 2px solid transparent;
  border-bottom-style: solid;
  border-radius: 2px;
  text-decoration: none;
}
#im1cpi {
  color: #22333e;
  padding: 15px 15px 13px;
  font-family: var(--font-family-01);
  font-weight: 500;
  cursor: pointer;
  transition: border 0.5s;
  border: 2px solid transparent;
  border-bottom-style: solid;
  border-radius: 2px;
  text-decoration: none;
}
#ip8mgo {
  color: #22333e;
  padding: 15px 15px 13px;
  font-family: var(--font-family-01);
  font-weight: 500;
  cursor: pointer;
  transition: border 0.5s;
  border: 2px solid transparent;
  border-bottom-style: solid;
  border-radius: 2px;
  text-decoration: none;
}
#i4xuhw {
  gap: 4px;
  justify-content: center;
  align-items: center;
  color: #22333e;
  border: 1px solid #22333e;
  border-radius: 50px;
  padding: 12px 20px;
  font-family: var(--font-family-01);
  display: none;
  cursor: pointer;
  transition: background 0.5s, color 0.5s;
}
#i3id4s {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#i6irsd {
  width: 15px;
  height: 15px;
}
#iyua2u {
  color: black;
  padding: 15px;
  font-family: var(--font-family-01);
  display: none;
  cursor: pointer;
}
#ivgv09 {
  color: black;
  padding: 15px;
  font-family: var(--font-family-01);
  display: none;
  cursor: pointer;
}
#imo7zm {
  color: black;
  padding: 15px;
  font-family: var(--font-family-01);
  display: none;
  cursor: pointer;
}
#iv58kd:hover {
  border-color: #262628;
}
#iqie6q:hover {
  border-color: #262628;
}
#ip8mgo:hover {
  border-color: #262628;
}
#im1cpi:hover {
  border-color: #262628;
}
#iokbk3:hover {
  background-color: #262628;
  color: white;
}
#i4xuhw:hover {
  background-color: #262628;
  color: white;
}
#i8bgp:hover {
  background-color: rgba(0, 0, 0, 1);
}
#i8bgp-2:hover {
  background-color: rgba(0, 0, 0, 1);
}
#i8bgp-2-2:hover {
  background-color: rgba(0, 0, 0, 1);
}
#i8bgp-2-2-2:hover {
  background-color: rgba(0, 0, 0, 1);
}
.home-product-swiper .swiper-pagination {
  position: static;
  margin-top: 24px;
  padding-bottom: 14px;
  display: flex;
  justify-content: center;
  gap: 0px;
}
.home-product-swiper .swiper-pagination-bullet,
#i2xrevslider .swiper-pagination-bullet,
#hero_images .swiper-pagination-bullet {
  background-color: #dcdcdc;
  opacity: 1;
}
.home-product-swiper .swiper-pagination-bullet-active,
#i2xrevslider .swiper-pagination-bullet-active,
#hero_images .swiper-pagination-bullet-active {
  background-color: var(--color-box-2);
  width: 20px;
  border-radius: 3px;
  transition: all 0.5s;
}
.section-title-v2 {
  font-size: 80px;
  font-weight: 700;
  color: #fff;
  font-family: var(--font-family-01);
}
.section-desc-v2 {
  font-size: 30px;
  color: #fff;
  font-family: var(--font-family-01);
}
#iu8qig {
  width: 50%;
}

#i2xreviewsproducts {
  padding-top: 0px;
  padding-bottom: 80px;
  background-color: var(--bg-primary);
}
#i2xwrap {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 50px;
  border-radius: 0px;
}
#i2xreviews {
  border: 1px solid rgba(255, 179, 71, 0.3);
  border-radius: 20px;
  padding: 40px 25px;
}
#i2xrevhead {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: self-start;
  gap: 0px;
  margin-bottom: 20px;
  margin-left: 50px;
}
#i2xrevtitle {
  font-family: var(--font-family-01);
  font-size: 30px;
  font-weight: 700;
  color: var(--color-02);
}
#i2xrevdesc {
  font-family: Inter;
  font-size: 18px;
  color: #575757;
  line-height: 30px;
}
#i2xrevslider {
  position: relative;
  margin-top: 30px;
  width: 100%;
  max-width: 1200px;
}
#i2xrevslider .swiper-wrapper {
  align-items: stretch;
}
#i2xrevslider .swiper-slide {
  height: auto;
  display: flex;
}
#i2xrevslider .swiper-pagination {
  position: sticky;
  margin-top: 20px;
  margin: auto;
}
.i2xcard {
  flex: 0 0 320px;
  background-color: #ffffff;
  border: 1px solid rgba(255, 179, 71, 0.25);
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}
.i2xuser {
  display: flex;
  align-items: center;
  gap: 12px;
}
.i2xavatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}
.i2xuname {
  font-family: var(--font-family-01);
  font-size: 18px;
  font-weight: 600;
  color: #262628;
}
.i2xstars {
  display: flex;
  gap: 4px;
}
.i2xstars img {
  width: 18px;
  height: 18px;
  color: #ffb347;
}
#i2xproducts {
  background-color: var(--color-03);
  color: #262628;
  padding: 45px 25px;
  border: 1px solid rgba(255, 179, 71, 0.35);
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: rgba(255, 179, 71, 0.25);
}
#i2xprodhead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
#i2xprodtitle {
  font-family: var(--font-family-01);
  font-size: 30px;
  font-weight: 700;
  color: #262628;
}
#i2xproddesc {
  font-family: Inter;
  font-size: 18px;
  color: #575757;
  line-height: 30px;
}
#i2xprodslider {
  position: relative;
}
#i2xprodtrack {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 5px;
  justify-content: space-between;
}
#i2xprodtrack::-webkit-scrollbar {
  height: 8px;
}
#i2xprodtrack::-webkit-scrollbar-thumb {
  background-color: rgba(255, 179, 71, 0.4);
  border-radius: 10px;
}
#i2xprodprev {
  left: -10px;
}
#i2xprodnext {
  right: -10px;
}
#Layer_1 path {
  fill: var(--color-02);
}
#Layer_1 {
  width: 70px;
  height: 70px;
}
.cls-x57rfy {
  background-color: rgb(15 15 16 / 1);
}

.luxury-feature-section {
  position: relative;
  width: 100%;
}

.section-background {
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(
    to bottom,
    #0f0f10,
    #111114,
    rgb(17 17 20 / 0)
  );
}

.section-container {
  position: relative;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}

.main-title {
  letter-spacing: -0.025em;
  font-weight: 600;
  font-size: 42px;
  color: var(--gjs-t-color-primary);
}

.title-divider {
  height: 1px;
  width: 6rem;
}

.features-grid {
  margin-top: 3.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.5rem;
}

.feature-card {
  border-width: 1px;
  background-color: rgb(19 19 22 / 0.6);
  backdrop-filter: blur(2px);
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  border-radius: 1rem;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 30px -10px rgba(0, 0, 0, 0.5);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.feature-card:hover {
  box-shadow: 0 0 #0000, 0 0 #0000, 0 18px 40px -14px rgba(0, 0, 0, 0.55);
}

.icon-wrapper {
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background-color: rgb(27 27 29 / 1);
  border-width: 1px;
  border-color: rgb(42 42 44 / 1);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 0 1px rgba(201, 166, 107, 0.2);
}
.icon-wrapper:hover {
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 0 1px rgba(201, 166, 107, 0.35);
}
.feature-icon {
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}
.feature-content {
  flex: 1 1 0%;
}
.feature-title {
  font-size: var(--font-size-h5);
  font-weight: 600;
  color: var(--color-box-3);
  margin-bottom: 0.25rem;
  font-family: var(--font-family-01);
}
.feature-subtitle {
  font-size: var(--font-size-h6-mobile);
  line-height: 1.75rem;
  color: var(--gjs-t-color-secondary);
}
.i2xprodcard {
  flex: 0 0 320px; /*border: 1px solid rgba(255, 179, 71, 0.35); border-radius: 20px;*/
  overflow: hidden;
  display: flex;
  flex-direction: column; /*border-color: rgba(255, 179, 71, 0.25);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06); */
}
.t3vew {
  display: flex;
  flex-direction: column;
  gap: 15px;
  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 50px; /* horizontal offset (no percentane) */
  --y: 10px; /* vertical offset (no percentage) */

  width: auto;
  aspect-ratio: 1;

  border-radius: var(--r);
  --_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000
        72%);
  --_g: conic-gradient(
    from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),
    #0000 25%,
    #000 0
  );
  --_d: (var(--s) + var(--r));
  mask: calc(100% - var(--_d) - var(--x)) 100% var(--_m),
    100% calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 calc(100% + 1px))
      calc(-1 * var(--r) - var(--x)) calc(-1 * var(--r) - var(--y)),
    var(--_g) calc(-1 * var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(-1 * var(--_d) - var(--y));
  mask-repeat: no-repeat;
}
.featured-different {
  background: var(--bg-primary);
  color: #f5f5f5;
  padding: 3rem 2rem;
}

.featured-different .feature-wrap {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 2rem;
  align-items: start;
  max-width: 1200px;
  margin: 0 auto;
}

.featured-different .intro {
  padding: 0.5rem 0;
}

.featured-different .intro .eyebrow {
  font-size: 80px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 2px #7b6a2f;
  text-transform: capitalize;
  font-family: initial;
}

.featured-different .intro .gjs-t-h1 {
  color: #ffffff;
  font-size: 2rem;
  line-height: 2.75rem;
  margin: 0.25rem 0 1rem;
}

.featured-different .intro .desc {
  color: #d7d7d7;
  max-width: 560px;
}

.featured-different .card {
  background-color: var(--bg-primary);
  border: 1px solid rgba(255, 179, 71, 0.35);
  border-radius: 0.6rem;
  padding: 1.5rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.featured-different .card.curved {
  border-top-right-radius: 2.5rem;
}

.featured-different .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
  border-color: var(--gjs-t-color-accent);
}

.featured-different .card .icon {
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
  display: inline-block;
  color: #ffffff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
}

.featured-different .card .title {
  color: var(--color-01);
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: 0.25rem 0 0.5rem;
  font-family: var(--font-family-01);
}

.featured-different .card .text {
  color: var(--color-02);
  margin-bottom: 0.75rem;
  font-family: var(--font-family-02);
  font-size: var(--font-size-base-mobile);
}

.featured-different .card .gjs-t-link {
  color: var(--color-golden-05);
  font-family: var(--font-family-02);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.featured-different .card .gjs-t-link:hover {
  color: #ffd67a;
  opacity: 0.9;
  text-decoration: underline;
}

.featured-different .link-icon {
  width: 18px;
  height: 18px;
  color: currentColor;
}
#electronics-products .t3vew {
  background: /*#bbbbbb38 !important*/ var(--color-card-1);
}
#perfume-products .t3vew {
  background: /*#bbbbbb38 !important*/ var(--color-card-2);
}
#featured-products .t3vew {
  background: /*#bbbbbb38 !important*/ var(--color-card-3);
}
.i2xprodimgwrap {
  width: 100%;
  height: 200px;
}
.i2xprodimg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  z-index: 500;
  position: sticky;
}
.i2xprodbody {
  width: 90%;
  padding: 0px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.i2xprodname:lang(ar) {
  margin-bottom: 10px;
}
.i2xprodname {
  font-family: var(--font-family-01);
  font-size: 18px;
  font-weight: 600;
  color: #262628;
}
.i2xproddetail {
  font-family: Inter;
  font-size: 16px;
  color: #575757;
  line-height: 26px;
}
.i2xprodprice {
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  color: var(--gjs-t-color-accent);
}
.i2xprodprice .price {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: row;
  font-family: var(--font-family-01);
  font-size: var(--font-size-h3);
}
.i2xprodprice .price del {
  font-size: var(--font-size-small-mobile);
  color: var(--contrast-2);
}
.i2xprodprice .price del bdi {
  color: var(--wp--preset--color--contrast-2);
}
.prosales > p {
  margin-bottom: 5px;
  color: var(--contrast-2);
  font-weight: initial;
  font-size: var(--font-size-base-mobile);
}
.i2xcta:lang(ar) {
  flex-direction: row-reverse;
}
.i2xcta {
  display: flex;
  text-decoration: none;
  font-size: var(--font-size-base);
  font-family: var(--font-family-01);
  align-items: center;
  gap: 6px;
  color: #fff;
  padding: 3px 10px;
  border-radius: 22px;
  background: #f4bb5d;
  transition: background 0.3s ease, transform 0.3s ease;
  width: fit-content;
  position: absolute;
  bottom: 12px;
  right: 0px;
}
.i2xctaicon {
  width: 16px;
  height: 16px;
  background-color: var(--color-card-f);
  color: #262628;
  padding: 6px;
  border-radius: 50px;
  box-shadow: 0 4px 10px rgba(255, 179, 71, 0.35);
  transition: transform 0.2s ease;
}
#infyyh {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 100%;
}
#ijnk1k {
  width: 100%;
}
#ifs1n6 {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
#ib50tp {
  align-items: center;
  justify-content: flex-start;
}
#ion7x4 {
  align-items: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  gap: 0px;
  justify-content: flex-start;
}
#ismlvm {
  align-items: center;
}
.i2xcta:focus-visible {
  outline: 2px solid var(--gjs-t-color-accent);
  outline-offset: 2px;
}
.i2xcta:hover .i2xctaicon {
  transform: translateX(2px);
}
#ii8eby {
  align-items: flex-start;
}
#i0ygok {
  text-align: left;
}
#ivtfgo {
  align-items: flex-start;
}
#ift2of {
  align-items: flex-start;
}
#inhqsh {
  flex-basis: 66.11%;
}
#itxs1u {
  flex-basis: 33.89%;
}
#iakogi {
  width: 100%;
  align-items: center;
}
#inql67 {
  color: rgba(117, 117, 117, 1);
  font-weight: 500;
  margin-bottom: 0;
  font-size: var(--font-size-base-mobile);
}
#ilvgmr {
  flex-basis: 66.11%;
}
#ivhh12 {
  text-align: center;
  font-size: 16px;
  color: rgba(117, 117, 117, 1);
  font-weight: 600;
}
#i4ilda {
  flex-basis: 33.89%;
}
#i3elbg {
  width: 100%;
  align-items: center;
}
#i2cyto {
  flex-basis: 66.11%;
}
#icwg6j {
  text-align: center;
  font-size: 16px;
  color: rgba(117, 117, 117, 1);
  font-weight: 600;
}
#i8bvhn {
  flex-basis: 33.89%;
}
#ica3im {
  width: 100%;
  align-items: center;
}
#categories-section {
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 40px 0;
  background: var(--bg-primary);
}
#categories-section .gjs-container {
  width: 90%;
  margin: 0 auto;
}
#categories-section .sec-title {
  text-align: center;
  font-size: 34px;
  font-family: var(--font-family-01);
  margin: 0;
}
#categories-section .parent {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  margin-top: 40px;
  max-height: 400px;
}
#categories-section .parent a {
  display: contents;
  text-decoration: none;
}
#categories-section .parent div img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#categories-section .parent div {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
  padding: 10px 5px;
}
#categories-section .parent div p {
  padding: 10px;
  font-size: var(--font-size-base);
  margin-bottom: 0;
  font-family: var(--font-family-01);
  color: var(--color-golden-11);
}
#categories-section .div1 {
  grid-area: 1 / 1 / 3 / 2;
  background: var(--color-box-1);
}
#categories-section .div2 {
  grid-area: 1 / 2 / 2 / 3;
  background: var(--color-box-2);
}
#categories-section .div3 {
  grid-area: 2 / 2 / 3 / 3;
  background: var(--color-box-3);
}
#categories-section .div4 {
  grid-area: 1 / 3 / 3 / 4;
  background: var(--color-box-4);
}
.head-home-products {
  justify-content: space-between;
  align-items: start !important;
  margin-bottom: 30px;
}
.head-home-products a:hover {
  color: var(--color-box-3);
}
.head-home-products a {
  color: var(--color-golden-07);
  border: 1px solid;
  padding: 5px 8px;
  border-radius: 16px;
  text-decoration: none;
  background: #dddddd08;
  font-size: var(--font-size-base);
  font-family: var(--font-family-02);
}
#categories-section .parent div h3 {
  text-align: center;
  width: 100%;
  font-size: var(--font-size-h2-mobile);
  font-family: var(--font-family-02);
  font-weight: 500;
  color: var(--color-golden-11);
  margin-bottom: 5px;
  margin-top: 10px;
}
.section-luxury-categories {
  width: 100%;
  background-color: var(--bg-primary);
}
.container-section-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 4rem;
  padding-bottom: 5rem;
}

.decorative-divider-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}

.divider-line-left {
  height: 1px;
  width: 100%;
  max-width: 180px;
  background-image: linear-gradient(
    to right,
    transparent,
    #f2bd61,
    rgb(242 189 97 / 0)
  );
  opacity: 0.7;
}

.ornamental-center {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.ornament-diamond-large {
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  transform: translate(0, 0) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
  border-radius: 2px;
  background: #f2bd61;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 0 1px rgba(185, 121, 29, 0.25);
}

.ornament-diamond-small {
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  transform: translate(0, 0) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
  border-radius: 2px;
  background: #f2bd61;
  opacity: 0.8;
}

.ornament-diamond-tiny {
  display: block;
  height: 0.375rem;
  width: 0.375rem;
  transform: translate(0, 0) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
  border-radius: 2px;
  background: #f2bd61;
  opacity: 0.6;
}

.divider-line-right {
  height: 1px;
  width: 100%;
  max-width: 180px;
  background-image: linear-gradient(
    to left,
    transparent,
    #f2bd61,
    rgb(242 189 97 / 0)
  );
  opacity: 0.7;
}

.header-block {
  text-align: center;
  margin-bottom: 3rem;
}

.heading-title {
  font-weight: 600;
  letter-spacing: 0.025em;
  background-image: linear-gradient(to bottom, #f2bd61, rgb(242 189 97 / 0));
  background-clip: text;
  color: transparent;
}

.subtitle-copy {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.75rem;
  max-width: 42rem;
  font-size: 17px;
  color: rgb(82 82 82 / 1);
}

.grid-categories {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.5rem;
}

.category-card-electronics {
  position: relative;
  border-radius: 1.5rem;
}

.frame-outer-gradient {
  position: absolute;
  inset: 0px;
  border-radius: 28px;
  background-image: linear-gradient(
    to bottom right,
    #f2bd61,
    #eea031,
    rgb(238 160 49 / 0)
  );
  opacity: 0.95;
}

.frame-inner-base {
  position: relative;
  margin: 2px;
  border-radius: 26px;
  background-color: var(--color-03);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 30px rgba(0, 0, 0, 0.06);
}

.frame-subtle-ring {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  border-radius: 26px;
  box-shadow: 0 0 0 0px #fff, 0 0 0 calc(1px + 0px) rgb(59 130 246 / 0.5),
    0 0 #0000;
}

.soft-reflection-top {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 5rem;
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
  background-image: linear-gradient(
    to bottom,
    rgb(255 255 255 / 0.7),
    rgb(255 255 255 / 0)
  );
}

.soft-highlight-bottom {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 4rem;
  border-bottom-right-radius: 26px;
  border-bottom-left-radius: 26px;
  background-image: linear-gradient(
    to top,
    rgb(255 246 233 / 0.8),
    rgb(255 246 233 / 0)
  );
}

.card-content-layout {
  position: relative;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 2rem;
  padding: 1.5rem;
}

.card-text-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.title-row {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.i2xprodprice .price .price-real,
.i2xprodprice .price-real ins {
  color: var(--color-golden-06);
  font-size: var(--font-size-h4);
}
.i2xprodprice .price .price-old,
.i2xprodprice .price-old {
  color: #000;
  font-size: var(--font-size-base-mobile);
  text-decoration: line-through;
}
.icon-category-electronics {
  height: 2.5rem;
  width: 2.5rem;
  opacity: 0.9;
}
.heading-category {
  font-weight: 600;
  letter-spacing: 0.025em;
  background-image: linear-gradient(to bottom, #f2bd61, rgb(242 189 97 / 0));
  background-clip: text;
  color: var(--color-02);
  font-family: var(--font-family-01);
  font-size: var(--font-size-h2);
  margin-bottom: 0;
}
.category-description {
  margin-bottom: 0px;
  color: var(--color-grbl);
  line-height: 1.625;
  font-size: var(--font-size-base);
  font-family: var(--font-family-02);
}
.feature-chips {
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-family: var(--font-family-01);
  display: none;
}
.feature-item {
  border: 1px solid var(--color-golden-04);
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(64 64 64 / 1);
  background-color: rgb(255 255 255 / 0.7);
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.feature-item:hover {
  background-color: rgb(255 255 255 / 1);
}

.cta-row {
  margin-top: 1.75rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.button-primary-electronics {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-image: linear-gradient(to right, #f2bd61, rgb(242 189 97 / 0));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 6px 20px rgba(238, 160, 49, 0.35);
  border-radius: 9999px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.button-primary-electronics:hover {
  background-image: linear-gradient(to right, #f2bd61, #eea031);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 6px 20px rgba(238, 160, 49, 0.35);
}

.button-primary-electronics:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: #eea031;
}
.button-primary-electronics:active {
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(0.98)
    scaleY(0.98);
}
.icon-button-bag {
  height: 1rem;
  width: 1rem;
}
.link-secondary-electronics:lang(ar) {
  flex-direction: row-reverse;
}
.link-secondary-electronics {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(184, 121, 29, 0.64);
}
.link-secondary-electronics:hover {
  color: rgb(143 94 22 / 1);
}
.link-secondary-electronics:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: #eea031;
}
.link-text {
  text-underline-offset: 4px;
  font-family: var(--font-family-01);
}
.link-text:hover {
  text-decoration-line: underline;
  font-size: var(--font-size-h5);
}
.icon-arrow-right {
  height: 1rem;
  width: 1rem;
}
.card-media-column {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  max-height: 350px;
  height: 250px;
}
.image-electronics {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.media-overlay-subtle {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(
    to top,
    rgb(0 0 0 / 0.1),
    transparent,
    rgb(0 0 0 / 0)
  );
}

.badge-highlights {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.7);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  backdrop-filter: blur(4px);
  box-shadow: 0 0 0 0px #fff, 0 0 0 calc(1px + 0px) rgb(59 130 246 / 0.5),
    0 0 #0000;
  display: none;
}

.icon-tv {
  height: 1rem;
  width: 1rem;
  opacity: 0.9;
}

.badge-text {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: rgb(122 76 12 / 1);
}

.category-card-perfumes {
  position: relative;
  border-radius: 1.5rem;
}

.icon-category-perfumes {
  height: 1.5rem;
  width: 1.5rem;
  opacity: 0.9;
}

.button-primary-perfumes {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-image: linear-gradient(to right, #f2bd61, rgb(242 189 97 / 0));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 6px 20px rgba(238, 160, 49, 0.35);
  border-radius: 9999px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.button-primary-perfumes:hover {
  background-image: linear-gradient(to right, #f2bd61, #eea031);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 6px 20px rgba(238, 160, 49, 0.35);
}

.button-primary-perfumes:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: #eea031;
}

.button-primary-perfumes:active {
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(0.98)
    scaleY(0.98);
}

.link-secondary-perfumes {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: rgb(184 121 29 / 1);
}

.link-secondary-perfumes:hover {
  color: rgb(143 94 22 / 1);
}

.link-secondary-perfumes:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: #eea031;
}

.image-perfumes {
  height: 340px;
  width: 100%;
  object-fit: cover;
}

.icon-spray {
  height: 1rem;
  width: 1rem;
  opacity: 0.9;
}

.decorative-divider-bottom {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

.section-subtle-footer-accent {
  width: 100%;
  background-color: rgb(255 255 255 / 0.6);
}

.container-accent {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.accent-banner {
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(242 189 97 / 0.4);
  background-image: linear-gradient(to right, #fffdf8, rgb(255 253 248 / 0));
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accent-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.icon-shield {
  height: 1.25rem;
  width: 1.25rem;
}

.accent-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(64 64 64 / 1);
}

.accent-right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.icon-truck {
  height: 1.25rem;
  width: 1.25rem;
}

.i2x-circle-text {
  position: absolute;
  top: 0px;
  right: 0px;
  --c: 70px;
  height: 200px;
  aspect-ratio: 3/2;
  mask: radial-gradient(60% var(--c) at bottom, #0000 calc(100% - 2px), #000);
  background: var(--color-card-f);
  width: -moz-available;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .mobile-sidebar-overlay {
    display: none;
  }
}

@media (max-width: 1024px) {
  #categories-section {
    min-height: 60vh;
    padding: 30px 0;
  }
  #categories-section .parent {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }
  #categories-section .div1,
  #categories-section .div2,
  #categories-section .div3,
  #categories-section .div4 {
    grid-area: auto;
  }
}
@media (max-width: 640px) {
  #categories-section {
    min-height: auto;
    padding: 0 0;
    margin-bottom: 20px;
  }
  #categories-section .parent {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

.prodet {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
/* .prosales{display: flex;align-items: baseline;justify-content: space-between;width: 100%;} */
.kr2prodprbu {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  margin-bottom: 10px;
}
#hero_images {
  /* display: none; */
}
@media (max-width: 992px) {
  #i6v2gl {
    font-size: 25px;
  }
  #i7wkbx {
    font-size: 18px;
    line-height: 25px;
  }
  #ihw7mt {
    font-size: 25px;
  }
  #i7sffh {
    font-size: 18px;
    line-height: 25px;
  }
  #i3lsxs {
    font-size: 25px;
  }
  #iw5x4h {
    font-size: 25px;
  }
  #i27whz,
  #iqb0jw,
  #i1mmr5,
  #ivkuds,
  #invlzv {
    font-size: var(--font-size-base-mobile) !important;
  }
  #i9s39u,
  #ic4x3h,
  #i2f1yt,
  #ithxlo,
  #i4tsqk {
    font-size: var(--font-size-base-mobile);
    padding: 5px 0;
  }
  #is918 {
    font-size: var(--font-size-h4-mobile);
    text-align: left;
    display: block;
  }
  #i6cq8 {
    font-size: var(--font-size-base);
    text-align: left;
  }
  #ikuj7o,
  #isj96a,
  #ihrdup,
  #ipgszl {
    padding: 0;
  }
  #iw98ff {
    padding-top: 50px;
  }
  #i7u7us {
    padding-bottom: 20px;
  }
  #i756bv {
    font-size: 22px;
  }
  #iwv9 {
    font-size: 30px;
    margin-top: 30px;
  }
  #ixaeu {
    width: 90%;
  }
  #iznsf {
    font-size: 30px;
  }
  #ix94l {
    font-size: 30px;
  }
  #i74zg {
    font-size: 30px;
  }
  #i4vzb {
    font-size: 30px;
  }
  #iz6gi {
    width: 300px;
  }
  #iz6gi-2 {
    width: 300px;
  }
  #ildutp {
    font-size: 25px;
  }
  #i43kw {
    font-size: 25px;
  }
  #ihzf8 {
    font-size: 18px;
    line-height: 25px;
  }
  #ifp11 {
    font-size: 18px;
    line-height: 25px;
  }
  #ispo8 {
    font-size: 20px;
  }
  #ix8whu {
    font-size: 20px;
  }
  #iqie6q {
    padding: 12px;
  }
  #im1cpi {
    padding: 12px;
  }
  #ip8mgo {
    padding: 12px;
  }
  #iv58kd {
    padding: 12px;
  }

  #if5sw5 {
    gap: 8px;
  }
  #i4xuhw {
    font-family: var(--font-family-01);
    font-size: 16px;
  }
  #i6irsd {
    padding: 0px;
    margin: 0px;
  }
  #i7r4eg {
    padding: 0px;
    margin: 0px;
  }
  #iokbk3 {
    font-family: var(--font-family-01);
    font-size: 16px;
  }

  #i2xrevtitle {
    font-size: 25px;
  }
  #i2xprodtitle {
    font-size: 25px;
  }
  #i2xrevdesc {
    font-size: 18px;
    line-height: 25px;
  }
  #i2xproddesc {
    font-size: 18px;
    line-height: 25px;
    color: #575757;
  }
  .i2xcard {
    flex: 0 0 280px;
  }
  .i2xprodcard {
    flex: 0 0 280px;
  }
  .featured-different {
    padding: 2.5rem 1.5rem;
  }

  .featured-different .feature-wrap {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .featured-different .intro .gjs-t-h1 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  .featured-different .card {
    padding: 1.25rem;
  }
  #iunxq {
    margin: auto;
    width: 100%;
    display: block;
    font-size: var(--font-size-base);
  }
  #i8bgp {
    padding: 15px 40px;
    font-size: var(--font-size-base-mobile);
    gap: 0;
    margin: 30px auto;
  }
  .gjs-container {
    width: 100% !important;
  }
  #imser {
    width: 80%;
    text-align: center;
  }
  #iymqt {
    margin: -50px 0px;
    flex-direction: column;
  }
  #imb9 {
    border-radius: 0;
    width: 100%;
    height: 450px;
  }
  #imb9 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    border-radius: 0;
    border: 0px solid #a87a3b;
  }
  #hero_images {
    margin-top: 60px;
    display: block;
  }
  .hero-swiper .swiper-slide:not(.swiper-slide-active) {
    opacity: 1;
  }
}

@media (max-width: 768px) {
  #iunxq {
    margin: auto;
    width: 100%;
    display: block;
    font-size: var(--font-size-base);
  }
  #i8bgp {
    padding: 15px 40px;
    font-size: var(--font-size-base-mobile);
    gap: 0;
    margin: 30px auto;
  }
  .gjs-container {
    width: 100% !important;
  }
  #imser {
    width: 100%;
  }
  #iymqt {
    margin: -50px 0px;
    flex-direction: column;
  }
  #imb9 {
    width: 100%;
    height: 450px;
  }
  #imb9 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    border-radius: 0;
    border: 0px solid #a87a3b;
  }
  #hero_images {
    margin-top: 60px;
    display: block;
  }
  #i2xprodhead {
    flex-direction: column;
    align-items: baseline;
  }
  .i2xprodbody {
    gap: 3px;
  }
  .i2xproddetail {
    line-height: 20px;
    font-size: 15px;
  }
  .i2xprodbody {
    padding: 0px 18px 0;
  }
  /* #hero_images{display: none;} */
  #iymt {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  #i6fev4 {
    width: 22px;
    height: 22px;
  }
  #iakogi,
  #ica3im,
  #i3elbg {
    flex-direction: column-reverse;
    align-items: first baseline;
  }
  #i2xrevhead {
    flex-direction: column;
    align-items: baseline;
    margin-left: 5px;
  }
  #i7wkbx {
    text-align: center;
  }
  #iuass {
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: center;
  }
  #i6v2gl {
    text-align: center;
    gap: 0px;
    margin-bottom: 0px;
  }
  #imo43 {
    display: flex;
    flex-direction: column;
  }
  #isrnf1 {
    margin: 0px auto;
  }
  #iqycq1 {
    margin: 0px auto;
  }
  #ihw7mt {
    text-align: center;
    gap: 0px;
    margin-bottom: 0px;
  }
  #ilfkkc {
    display: flex;
    flex-direction: column;
  }
  #i5ldzg {
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: center;
  }
  #i7sffh {
    text-align: center;
  }
  #i3lsxs {
    text-align: left;
    gap: 0px;
    margin-bottom: 0px;
  }
  #iw5x4h {
    text-align: left;
    gap: 0px;
    margin-bottom: 0px;
  }
  #iq0wvf {
    flex: 1 0 50%;
    text-align: center;
  }
  #im2n6s {
    flex-direction: column;
    gap: 30px;
  }
  #ihonkf {
    text-align: center;
  }
  #i7u7us {
    padding-bottom: 0px;
  }
  #i8bgp-2-2-2 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #i756bv {
    font-size: 20px;
  }
  #iunxq {
    width: 100%;
  }
  #iwv9 {
    text-align: center;
  }
  #iznsf {
    font-size: 25px;
  }
  #ix94l {
    font-size: 25px;
  }
  #i74zg {
    font-size: 25px;
  }
  #i4vzb {
    font-size: 25px;
  }
  #ixaeu {
    width: 95%;
  }
  #ikpdk {
    width: 60px;
  }
  #ikpdk-2 {
    width: 60px;
  }
  #iyk4i {
    flex-wrap: wrap;
  }
  #iz6gi {
    width: 100%;
  }
  #iz6gi-2 {
    width: 100%;
  }
  #irtpn {
    flex-wrap: wrap;
  }
  #icy12 {
    flex-wrap: wrap;
  }
  #i5v0n {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #ivdl6 {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #infz6 {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #iibnn {
    gap: 5px;
  }
  #i16sj {
    font-size: 20px;
  }
  #iv6b1 {
    font-size: 20px;
  }
  #ihj2d {
    font-size: 20px;
  }
  #iffdn {
    font-size: 16px;
  }
  #i8rdad {
    font-size: 16px;
  }
  #ix0dsk {
    font-size: 16px;
  }
  #igsyz7 {
    display: block;
    font-family: var(--font-family-01);
  }
  #ik60dj {
    z-index: 999;
    gap: 5px;
    padding-bottom: 30px;
  }
  #ihn2tg {
    flex-direction: column;
    gap: 20px;
    background-color: rgba(133, 44, 44, 1);
    height: 450px;
    position: relative;
    z-index: 999;
    display: none;
  }
  #if5sw5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  #i4xuhw {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    margin: 0px auto;
  }
  #iyua2u {
    display: block;
    font-family: var(--font-family-01);
  }
  #ivgv09 {
    display: block;
    font-family: var(--font-family-01);
  }
  #imo7zm {
    display: block;
    font-family: var(--font-family-01);
  }

  #i2xproducts {
    padding: 20px 12px;
    width: 94%;
  }
}

@media (max-width: 480px) {
  #iymqt {
    margin: -50px 0px;
  }
  .features-grid {
    grid-template-columns: 1fr;
    margin-top: 1.5rem;
    gap: 1.5rem;
  }
  .section-container {
    padding-top: 4rem;
    padding-bottom: 2rem;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-section-inner {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  #hero_images {
    margin-top: 35px;
  }
  #hero_images > div:nth-child(2) > img:nth-child(1) {
    display: none;
  }
  #hero_images > div:nth-child(1) > img:nth-child(1) {
    border-top-left-radius: 70px;
  }
  #hero_images > div:nth-child(3) > img:nth-child(1) {
    border-top-right-radius: 70px;
  }
  #izj0p,
  #iz6gi {
    padding: 10px;
    height: 250px;
    width: 100%;
    object-fit: contain;
  }
  .head-home-products a {
    font-size: var(--font-size-base-mobile);
  }
  #i2xreviewsproducts {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .i2xprodimgwrap {
    height: 150px;
  }
  #categories-section .parent div h3 {
    font-size: var(--font-size-base);
  }
  .head-home-products {
    flex-direction: column;
    gap: 14px;
  }
  .i2xcta {
    right: 7px;
  }
  #categories-section .parent div img {
    max-height: 120px;
  }
  #categories-section .parent div p {
    font-size: var(--font-size-base-mobile);
    font-weight: 500;
  }
  .i2xcta {
    padding: 4px 10px;
    font-size: var(--font-size-base-mobile);
  }
  .i2xprodbody {
    width: 90%;
  }
  .i2xprodname {
    font-size: var(--font-size-h5-mobile);
  }
  .i2xprodprice {
    font-size: var(--font-size-base);
  }
  .i2xprodimg {
    max-width: 250px;
    margin: auto !important;
  }
  #i2xproducts {
    padding: 20px 12px;
    width: 100%;
    border-radius: 0;
  }
  #i8bgp {
    padding: 24px 40px;
    font-size: var(--font-size-base-mobile);
    gap: 0;
    margin: 30px auto;
  }
  #igbf {
    padding-bottom: 0px;
  }
  .gjs-container {
    width: 100% !important;
  }
  #categories-section .parent {
    margin-top: 14px;
  }
  #i6v2gl {
    font-size: 22px;
  }
  #i7wkbx {
    font-size: 16px;
  }
  #ihw7mt {
    font-size: 25px;
  }
  #i5ldzg {
    margin-top: 0px;
  }
  #i7sffh {
    font-size: 16px;
  }
  #i3lsxs {
    font-size: 25px;
  }
  #iw5x4h {
    font-size: 22px;
  }
  #iq3mdf {
    flex-direction: column;
    gap: 20px;
  }
  #iywi3f {
    align-items: flex-start;
    justify-content: center;
  }
  #iwv9 {
    font-size: var(--font-size-h1-mobile);
  }
  /* #izj0p { width: 34%; } */
  #iunxq {
    margin: auto;
    width: 100%;
    display: block;
    font-size: var(--font-size-base);
  }
  #ikpdk {
    width: 40px;
  }
  #ikpdk-2 {
    width: 40px;
  }
  #ixaeu {
    justify-content: center;
  }
  #iznsf {
    font-size: 20px;
  }
  #i74zg {
    font-size: 20px;
  }
  #ix94l {
    font-size: 20px;
  }
  #i4vzb {
    font-size: 20px;
  }

  #iymqt {
    flex-direction: column;
  }
  #imb9 {
    height: 450px;
  }
  #imb9,
  #imser {
    width: 100%;
  }
  #imb9 img {
    height: 100%;
    object-fit: cover;
    object-position: left;
    border-radius: 0;
    border: 0px solid #a87a3b;
  }
  #ix8di {
    padding-top: 40px;
    background-image: linear-gradient(
      180deg,
      rgba(255, 179, 71, 0.06),
      rgba(255, 179, 71, 0)
    );
    background-color: #ffffff;
  }
  #iyk4i {
    flex-direction: column-reverse;
    gap: 20px;
  }
  #icy12 {
    gap: 20px;
    height: 100%;
    align-items: end;
    height: 100%;
  }
  #ihujj {
    padding: 0px;
  }
  #i2w2t {
    display: none;
    padding: 0px;
  }
  #icgij {
    padding: 0px;
  }
  #is46g {
    padding: 0px;
  }
  #iibnn {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #i6irsd {
    width: 20px;
    height: 20px;
  }

  #i8bgp-2-2-2 {
    margin-top: 10px;
  }
  #ilfkkc {
    gap: 8px;
  }
  #iw98ff {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  #ifbydw {
    padding-top: 30px;
  }
  #categories-section .gjs-container {
    margin: 30px auto;
  }
  #i8bgp-2-2 {
    margin-top: 5px;
  }
  #i8bgp-2 {
    width: fit-content;
    display: flex;
    height: 50px;
  }
  #iz6gi {
    max-width: 100%;
  }
  #iz6gi-2 {
    max-width: 100%;
  }
  #i2xrevtitle {
    font-size: var(--font-size-h5);
    margin-bottom: 0;
  }
  #i2xprodtitle {
    font-size: var(--font-size-h5);
    margin-bottom: 0;
  }
  .i2xcard {
    flex: 0 0 85%;
  }
  .i2xprodcard {
    flex: 0 0 240px;
  }
  .i2xarrow {
    width: 36px;
    height: 36px;
  }
  .i2xctaicon {
    width: 16px;
    height: 16px;
  }
  #i2xrevdesc {
    font-size: var(--font-size-base-mobile);
  }
  #i2xproddesc {
    font-size: var(--font-size-base-mobile);
    color: #575757;
    line-height: 1.2;
  }
  #igbf {
    background-image: linear-gradient(
      180deg,
      rgba(255, 179, 71, 0.06),
      rgba(255, 179, 71, 0)
    );
  }
  /* #irtpn { background-image: linear-gradient(180deg, rgba(255, 179, 71, 0.06), rgba(255, 179, 71, 0)); background-color: #FFFFFF; } */
  #i2xreviews {
    padding: 20px;
    background-image: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .card-content-layout {
    grid-template-columns: 1fr;
    padding: 12px;
    gap: 1rem;
  }
  .category-description,
  .feature-chips,
  .badge-highlights {
    display: none;
  }
  .cta-row {
    margin-top: 5px;
  }
  .title-row {
    margin-bottom: 0px;
  }
  .link-text {
    font-size: var(--font-size-base-mobile);
  }
  .heading-category {
    font-size: var(--font-size-base);
  }
  .grid-categories {
    gap: 10px;
  }
  .container-section-inner {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .link-text:hover {
    text-decoration-line: underline;
    font-size: var(--font-size-h6-mobile);
    color: var(--color-golden-08);
  }
  .link-secondary-electronics {
    align-items: end;
  }
  .card-media-column {
    max-height: 150px;
  }
  #i2xwrap {
    width: 100%;
    border-radius: 0;
    gap: 0px;
    padding-top: 40px;
  }
  .decorative-divider-bottom {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .featured-different {
    padding: 2rem 1.25rem;
  }
  .featured-different .intro .gjs-t-h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .featured-different .card .icon {
    width: 52px;
    height: 52px;
  }
  #featured-title {
    font-size: 40px;
  }
  #irtpn {
    background-position: center;
    background-size: cover;
  }
  .section-title-v2 {
    font-size: 60px;
  }
  .section-desc-v2 {
    font-size: 20px;
  }
  .feature-subtitle {
    font-size: var(--font-size-h6-mobile);
    line-height: 20px;
  }
  .feature-title {
    font-size: var(--font-size-h5-mobile);
  }
  #ispfvv {
    text-align: left;
    font-size: var(--font-size-h5-mobile);
  }
}

/* ===== AOS FIX - Make elements visible before animation ===== */
[data-aos] {
  opacity: 1 !important;
  transform: none !important;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* ===== CLASSIC PERFUME REVIEWS SLIDER ===== */
.perfume-reviews-swiper {
  position: relative;
  padding: 40px 0;
}

.perfume-review-card {
  background: linear-gradient(145deg, #dbdbdb 0%, #dbdbdb 100%) !important;
  /* border: 2px solid #f4e4bc !important; */
  border-radius: 20px !important;
  /* padding: 30px 25px !important; */
  /* box-shadow: 0 8px 32px rgba(212, 175, 55, 0.15),
              0 2px 8px rgba(0, 0, 0, 0.1) !important; */
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.perfume-review-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #d4af37 0%, #f4e4bc 50%, #d4af37 100%);
  border-radius: 20px 20px 0 0;
}

.perfume-review-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.2),
    0 8px 16px rgba(0, 0, 0, 0.15) !important;
  border-color: #d4af37 !important;
}
.i2xuser {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
  position: relative;
}
.i2xavatar {
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  border: 3px solid #d4af37 !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3) !important;
  transition: all 0.3s ease;
}
.i2xavatar:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important;
}
.user-info {
  flex: 1;
}
.i2xuname {
  font-family: var(--font-family-01);
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #2c1810 !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.5px;
}
.i2xstars {
  display: flex !important;
  gap: 2px !important;
}
.i2xstars img {
  filter: drop-shadow(0 1px 2px rgba(212, 175, 55, 0.3));
}
.i2xreview {
  font-family: var(--font-family-02);
  font-size: 16px !important;
  color: #4a4a4a !important;
  line-height: 1.7 !important;
  margin-bottom: 15px !important;
  font-style: italic;
  position: relative;
  text-align: center;
}
.i2xreview::before {
  content: '"';
  font-size: 60px;
  color: #d4af37;
  position: absolute;
  top: -15px;
  left: -20px;
  font-family: "Times New Roman", serif;
  opacity: 0.3;
}
.review-date {
  font-size: 12px;
  color: #8b7355;
  font-weight: 500;
  text-align: right;
  font-family: "Arial", sans-serif;
  letter-spacing: 0.5px;
  margin-top: 10px;
}
/* Swiper Navigation Buttons */
.perfume-swiper-next,
.perfume-swiper-prev {
  width: 50px !important;
  height: 50px !important;
  background: linear-gradient(145deg, #d4af37 0%, #b8860b 100%) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
  transition: all 0.3s ease !important;
  border: 2px solid #f4e4bc !important;
}
.perfume-swiper-next::after,
.perfume-swiper-prev::after {
  font-size: 18px !important;
  color: #ffffff !important;
  font-weight: bold;
}
.perfume-swiper-next:hover,
.perfume-swiper-prev:hover {
  background: linear-gradient(145deg, #b8860b 0%, #d4af37 100%) !important;
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6) !important;
}
/* Pagination Styling */
.reviews-pagination {
  bottom: 0px !important;
}
.reviews-pagination .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background: #d4af37 !important;
  opacity: 0.3 !important;
  transition: all 0.3s ease !important;
  margin: 0 6px !important;
}
.reviews-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
  transform: scale(1.3);
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .perfume-review-card {
    padding: 25px 20px !important;
  }

  .i2xuser {
    gap: 15px !important;
    margin-bottom: 15px !important;
  }

  .i2xavatar {
    width: 60px !important;
    height: 60px !important;
  }

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

  .i2xreview {
    font-size: 15px !important;
  }

  .perfume-swiper-next,
  .perfume-swiper-prev {
    width: 40px !important;
    height: 40px !important;
  }

  .perfume-swiper-next::after,
  .perfume-swiper-prev::after {
    font-size: 14px !important;
  }
}

@media (max-width: 480px) {
  .perfume-review-card {
    padding: 20px !important;
  }

  .i2xuser {
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
  }

  .i2xuname {
    font-size: 16px !important;
  }
  /* .hero-swiper .swiper-slide-active{background: #fff;} */
  .review-date {
    text-align: center;
  }
}

/* Hero Swiper Styles */
.hero-swiper {
  position: relative;
  overflow: hidden;
}

.hero-swiper::before,
.hero-swiper::after {
  content: "";
  position: absolute;
  top: 0;
  /* bottom: 0; */
  width: 30px;
  z-index: 2;
  pointer-events: none;
}

.hero-swiper::before {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent);
}

.hero-swiper::after {
  right: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent);
}

.hero-swiper .swiper-slide {
  transition: opacity 0.3s ease;
}

.hero-swiper .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.3;
}
.hero-swiper .swiper-slide img {
  height: 350px;
  width: 100%;
  object-fit: contain;
}
.hero-swiper .swiper-pagination {
  bottom: 0px !important;
  z-index: 3;
}

.hero-swiper .swiper-pagination-bullet {
  /* background: rgba(255, 255, 255, 0.7) !important; */
  opacity: 1 !important;
}

.hero-swiper .swiper-pagination-bullet-active {
  /* background: #fff !important; */
}
.swiper-wrapper {
  padding-bottom: 50px;
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
  .hero-swiper::before,
  .hero-swiper::after {
    width: 20px;
  }

  .hero-swiper .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.2;
  }
}