:root { --lareen-logo-desktop: 80px; --lareen-logo-mobile: 58px; --lareen-black: #1c1b19; --lareen-beige: #f7f3ed; --lareen-white: #fffdf9; --lareen-gold: #9a7b4f; --lareen-border: #e4dacb; --lareen-muted: #7b736a; }

body { background: var(--lareen-beige); color: var(--lareen-black); }

::selection { background: rgb(231, 216, 193); color: var(--lareen-black); }

.store-header { position: sticky !important; top: 0px !important; background: var(--lareen-white) !important; box-shadow: rgba(28, 27, 25, 0.05) 0px 3px 16px !important; }

#mainnav { position: relative !important; top: auto !important; background: var(--lareen-white) !important; z-index: 9999 !important; }

#mainnav .inner { position: relative !important; display: flex !important; align-items: center !important; min-height: 76px !important; height: 76px !important; background: var(--lareen-white) !important; border-bottom: 1px solid var(--lareen-border) !important; box-shadow: none !important; }

.store-header .top-navbar { display: none !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search { visibility: visible !important; opacity: 1 !important; transform: none !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-placeholder-wrapper { align-items: center !important; justify-content: center !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-input-wrapper { min-width: 46px !important; max-width: 46px !important; box-sizing: border-box !important; border-radius: 50% !important; overflow: hidden !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; min-width: 46px !important; max-width: 46px !important; flex: 0 0 46px !important; margin-inline-start: 8px !important; padding: 0px !important; overflow: visible !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search salla-search { position: relative !important; display: block !important; width: 46px !important; height: 46px !important; min-width: 46px !important; max-width: 46px !important; margin: 0px !important; padding: 0px !important; overflow: visible !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-placeholder-wrapper { position: relative !important; display: block !important; width: 46px !important; height: 46px !important; min-width: 46px !important; max-width: 46px !important; margin: 0px !important; padding: 0px !important; border: 1px solid rgb(228, 218, 203) !important; border-radius: 50% !important; background: rgb(255, 253, 249) !important; overflow: hidden !important; box-sizing: border-box !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-input-wrapper { position: absolute !important; inset: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-icon-wrap { position: absolute !important; top: 50% !important; left: 50% !important; width: 22px !important; height: 22px !important; margin: 0px !important; padding: 0px !important; transform: translate(-50%, -50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; pointer-events: none !important; z-index: 2 !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-icon, salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-icon svg { width: 22px !important; height: 22px !important; display: block !important; margin: 0px !important; padding: 0px !important; transform: none !important; }

salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-input { position: absolute !important; inset: 0px !important; width: 46px !important; height: 46px !important; margin: 0px !important; padding: 0px !important; opacity: 0 !important; cursor: pointer !important; z-index: 5 !important; }

@media (max-width: 767px) {
  salla-user-menu[data-testid="store-header-user-menu"] + .header-search, salla-user-menu[data-testid="store-header-user-menu"] + .header-search salla-search, salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-placeholder-wrapper, salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-input-wrapper, salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-icon-wrap, salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-input { width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; }
  salla-user-menu[data-testid="store-header-user-menu"] + .header-search { flex-basis: 40px !important; margin-inline-start: 5px !important; }
  salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-icon, salla-user-menu[data-testid="store-header-user-menu"] + .header-search .s-search-icon svg { width: 20px !important; height: 20px !important; }
}

#mainnav .main-menu, #mainnav .navbar-nav, #mainnav .main-menu-container, #mainnav .nav-menu, #mainnav .menu-items { display: none !important; }

#mainnav .navbar-brand { position: absolute !important; left: 50% !important; right: auto !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin: 0px !important; padding: 0px !important; z-index: 20 !important; width: auto !important; height: auto !important; min-width: 0px !important; max-width: none !important; min-height: 0px !important; max-height: none !important; overflow: visible !important; }

#mainnav .navbar-brand img { display: block !important; object-fit: contain !important; height: var(--lareen-logo-desktop) !important; width: auto !important; min-width: 0px !important; max-width: none !important; min-height: 0px !important; max-height: none !important; }

section[data-testid="store-home-products-slider"] { padding-top: 18px !important; padding-bottom: 18px !important; margin-top: 0px !important; margin-bottom: 0px !important; }

salla-products-slider[data-testid="store-home-products-slider-widget"] { margin-bottom: 18px !important; }

salla-slider.s-products-slider-slider { position: relative !important; padding-bottom: 78px !important; }

.s-slider-block__title { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 54px !important; margin-bottom: 22px !important; }

.s-slider-block__title-right { width: 100% !important; text-align: center !important; }

.s-slider-block__title h2, .s-slider-block__title h3 { position: static !important; left: auto !important; transform: none !important; margin: 0px auto !important; color: var(--lareen-black) !important; font-family: Tajawal, sans-serif !important; font-size: 26px !important; font-weight: 800 !important; text-align: center !important; white-space: nowrap !important; }

.s-slider-block__title-left { position: static !important; display: block !important; transform: none !important; visibility: visible !important; opacity: 1 !important; }

.s-slider-block__title-nav { position: absolute !important; top: 6px !important; left: 0px !important; display: flex !important; align-items: center !important; gap: 8px !important; margin: 0px !important; }

.s-slider-block__title-nav button { width: 42px !important; height: 42px !important; border: 1px solid var(--lareen-border) !important; border-radius: 50% !important; background: var(--lareen-white) !important; }

.s-slider-block__display-all { position: absolute !important; left: 50% !important; bottom: 14px !important; transform: translateX(-50%) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 110px !important; height: 42px !important; padding: 0px 20px !important; margin: 0px !important; border: 1px solid var(--lareen-black) !important; border-radius: 0px !important; background: var(--lareen-white) !important; color: var(--lareen-black) !important; font-family: Tajawal, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; white-space: nowrap !important; visibility: visible !important; opacity: 1 !important; z-index: 5 !important; }

.s-product-card-entry { background: var(--lareen-white); border: 1px solid var(--lareen-border); border-radius: 10px; overflow: hidden; box-shadow: rgba(28, 27, 25, 0.03) 0px 3px 12px; transition: border-color 180ms, box-shadow 180ms; }

.s-product-card-image { border-bottom: 1px solid var(--lareen-border); height: 380px !important; aspect-ratio: auto !important; padding: 0px !important; overflow: hidden !important; background: rgb(246, 241, 234) !important; }

.s-product-card-image img { display: block !important; width: 100% !important; height: 100% !important; margin: 0px auto !important; object-fit: contain !important; object-position: center center !important; }

.s-product-card-content { display: flex !important; flex-direction: column !important; min-height: 180px !important; padding: 14px 16px 16px !important; text-align: center !important; }

.s-product-card-content-title { min-height: 50px !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; margin: 0px 0px 8px !important; text-align: center !important; }

.s-product-card-content-title a { color: var(--lareen-black) !important; font-family: Tajawal, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.55 !important; text-align: center !important; }

.s-product-card-content-subtitle { display: none !important; }

.s-product-card-price { width: 100% !important; color: var(--lareen-black) !important; font-family: Tajawal, sans-serif !important; font-size: 17px !important; font-weight: 600 !important; text-align: center !important; margin-top: 4px !important; margin-bottom: 10px !important; }

.s-product-card-sale-price { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin-top: 4px !important; margin-bottom: 10px !important; font-family: Tajawal, sans-serif !important; font-size: 17px !important; text-align: center !important; }

.s-product-card-sale-price h4 { color: rgb(128, 80, 54) !important; font-family: Tajawal, sans-serif !important; font-size: 17px !important; font-weight: 600 !important; }

.s-product-card-sale-price span { color: var(--lareen-muted) !important; font-family: Tajawal, sans-serif !important; font-size: 17px !important; }

.s-product-card-content-footer { margin-top: auto !important; }

.s-product-card-content-footer button { width: 100% !important; min-height: 44px !important; background: var(--lareen-black) !important; border-color: var(--lareen-black) !important; color: rgb(255, 255, 255) !important; border-radius: 5px !important; font-family: Tajawal, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; }

.s-product-card-content .s-button-element, .s-product-card-content .s-button-primary { width: 100% !important; min-height: 44px !important; background: var(--lareen-black) !important; border-color: var(--lareen-black) !important; color: rgb(255, 255, 255) !important; border-radius: 5px !important; font-family: Tajawal, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; }

#lareen-category-carousel { width: 100%; padding: 30px 0px 36px; overflow: hidden; font-family: Tajawal, sans-serif; }

.lareen-cat-heading { text-align: center; margin-bottom: 26px; padding: 0px 20px; }

.lareen-cat-heading h2 { margin: 0px; color: var(--lareen-black); font-size: 32px; font-weight: 700; line-height: 1.4; }

.lareen-cat-heading p { margin: 5px 0px 0px; color: var(--lareen-muted); font-size: 16px; }

.lareen-cat-stage { position: relative; width: 100%; max-width: 1500px; margin: auto; padding: 0px 55px; box-sizing: border-box; }

.lareen-cat-grid { display: grid; grid-template-columns: 0.65fr 1.7fr 0.65fr; align-items: center; gap: 18px; }

.lareen-cat-card { display: block; aspect-ratio: 600 / 278; overflow: hidden; border-radius: 14px; text-decoration: none; }

.lareen-cat-card img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.lareen-cat-current { opacity: 1; transform: scale(1); box-shadow: rgba(28, 27, 25, 0.1) 0px 12px 32px; }

.lareen-cat-side { opacity: 0.32; transform: scale(0.92); cursor: pointer; transition: opacity 0.25s, transform 0.25s; }

.lareen-cat-side:hover { opacity: 0.65; }

.lareen-cat-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; padding: 0px; border: 1px solid var(--lareen-border); border-radius: 50%; background: var(--lareen-white); color: var(--lareen-black); font-family: Arial, sans-serif; font-size: 27px; cursor: pointer; box-shadow: rgba(28, 27, 25, 0.08) 0px 5px 16px; }

.lareen-cat-prev { left: 5px; }

.lareen-cat-next { right: 5px; }

.lareen-cat-dots { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 18px; }

.lareen-cat-dot { width: 8px; height: 8px; padding: 0px; border: 0px; border-radius: 20px; background: rgb(216, 209, 199); cursor: pointer; }

.lareen-cat-dot.active { width: 25px; background: var(--lareen-black); }

@media (hover: hover) {
  .s-product-card-entry:hover { border-color: var(--lareen-gold); box-shadow: rgba(28, 27, 25, 0.08) 0px 8px 22px; }
}

@media (hover: hover) {
  .s-product-card-content-footer button:hover { background: var(--lareen-gold) !important; border-color: var(--lareen-gold) !important; }
}

@media (hover: hover) {
  .s-product-card-content .s-button-element:hover, .s-product-card-content .s-button-primary:hover { background: var(--lareen-gold) !important; border-color: var(--lareen-gold) !important; }
  .s-slider-block__display-all:hover { background: var(--lareen-black) !important; color: rgb(255, 255, 255) !important; }
}

@media (max-width: 767px) {
  #mainnav .inner { min-height: 68px !important; height: 68px !important; }
  #mainnav .navbar-brand img { height: var(--lareen-logo-mobile) !important; }
  #mainnav .header-search { max-width: 40px !important; }
  #mainnav .header-search salla-search, #mainnav .header-search .s-search-placeholder-wrapper, #mainnav .header-search .s-search-input-wrapper, #mainnav .header-search .s-search-icon-wrap { min-width: 40px !important; max-width: 40px !important; }
  #mainnav .header-search .s-search-input { width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; }
  #mainnav .header-search { flex-basis: 40px !important; }
}

@media (max-width: 767px) {
  salla-slider.s-products-slider-slider { padding-bottom: 66px !important; }
  .s-slider-block__title { min-height: 44px !important; margin-bottom: 16px !important; }
  .s-slider-block__title h2, .s-slider-block__title h3 { font-size: 21px !important; }
  .s-slider-block__title-nav button { width: 36px !important; height: 36px !important; }
  .s-slider-block__display-all { bottom: 12px !important; min-width: 95px !important; height: 38px !important; padding: 0px 16px !important; font-size: 13px !important; }
  .s-product-card-image { height: auto !important; aspect-ratio: 1 / 1 !important; }
  .s-product-card-content { min-height: 165px !important; padding: 11px 10px 12px !important; }
  .s-product-card-content-title { min-height: 44px !important; }
  .s-product-card-content-title a, .s-product-card-price, .s-product-card-sale-price, .s-product-card-sale-price h4, .s-product-card-sale-price span { font-size: 14px !important; }
}

@media (max-width: 767px) {
  #lareen-category-carousel { padding: 18px 0px 24px; }
  .lareen-cat-heading { margin-bottom: 15px; }
  .lareen-cat-heading h2 { font-size: 23px; }
  .lareen-cat-heading p { font-size: 13px; }
  .lareen-cat-stage { padding: 0px 14px; }
  .lareen-cat-grid { display: block; }
  .lareen-cat-side { display: none; }
  .lareen-cat-current { width: 100%; border-radius: 10px; }
  .lareen-cat-arrow { width: 36px; height: 36px; font-size: 21px; background: rgba(255, 253, 249, 0.92); }
  .lareen-cat-prev { left: 20px; }
  .lareen-cat-next { right: 20px; }
  .lareen-cat-dots { margin-top: 12px; }
  .lareen-cat-dot { width: 7px; height: 7px; }
  .lareen-cat-dot.active { width: 21px; }
}

a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid

    var(--lareen-gold); outline-offset: 3px; }

#mainnav .header-buttons { gap: 8px !important; }

#mainnav .header-search { min-height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; }

#mainnav .header-search salla-search { display: flex !important; align-items: center !important; justify-content: center !important; }

#mainnav .header-search .s-search-placeholder-wrapper, #mainnav .header-search .s-search-input-wrapper { width: 100% !important; height: 100% !important; padding: 0px !important; margin: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; }

#mainnav .header-search .s-search-icon-wrap, #mainnav .header-search .s-search-icon { top: 50% !important; left: 50% !important; }

#mainnav .header-search .s-search-input { pointer-events: auto !important; cursor: pointer !important; z-index: 10 !important; }

#mainnav .header-search .s-search-icon-wrap { pointer-events: none !important; }

#mainnav .header-search .s-search-icon { position: static !important; width: 22px !important; height: 22px !important; margin: 0px !important; padding: 0px !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; }

#mainnav .header-search .s-search-icon svg { position: static !important; display: block !important; width: 22px !important; height: 22px !important; margin: 0px !important; padding: 0px !important; transform: translateX(4px) !important; }

.lareen-product-page .container--product-details { max-width: 1500px !important; }

.lareen-product-page .container--product-details .main-content { position: static !important; top: auto !important; overflow: visible !important; padding: 10px 8px 30px !important; }

.lareen-product-page [data-testid="store-product-title"] { margin: 0px 0px 14px !important; color: rgb(28, 27, 25) !important; font-size: 30px !important; font-weight: 800 !important; line-height: 1.45 !important; }

.lareen-product-page [data-testid="store-product-price"] { margin: 0px 0px 18px !important; color: rgb(28, 27, 25) !important; font-size: 25px !important; font-weight: 800 !important; }

.lareen-product-page salla-installment[data-testid="store-product-installment"], .lareen-product-page salla-cashback-banner { display: block !important; margin: 0px 0px 16px !important; }

.lareen-product-page form[data-testid="store-product-form"] { display: block !important; margin: 0px 0px 24px !important; }

.lareen-product-page [data-testid="store-product-description"] { margin: 26px 0px 0px !important; padding: 24px !important; background: rgb(255, 253, 249) !important; border: 1px solid rgb(228, 218, 203) !important; border-radius: 12px !important; color: rgb(41, 38, 33) !important; font-size: 17px !important; line-height: 2 !important; }

.lareen-product-page [data-testid="store-product-description"] h2, .lareen-product-page [data-testid="store-product-description"] h3, .lareen-product-page [data-testid="store-product-description"] strong { color: rgb(28, 27, 25) !important; }

@media (min-width: 768px) {
  .lareen-product-page .container--product-details .sidebar { position: sticky !important; top: 95px !important; align-self: flex-start !important; }
}

.lareen-product-page section:has(.s-products-slider-slider) { margin-top: 35px !important; padding-top: 25px !important; }

@media (max-width: 767px) {
  .lareen-product-page .container--product-details { padding-left: 12px !important; padding-right: 12px !important; }
  .lareen-product-page [data-testid="store-product-title"] { font-size: 23px !important; margin-bottom: 10px !important; }
  .lareen-product-page [data-testid="store-product-price"] { font-size: 21px !important; margin-bottom: 14px !important; }
  .lareen-product-page form[data-testid="store-product-form"] { margin-bottom: 18px !important; }
  .lareen-product-page [data-testid="store-product-description"] { padding: 16px !important; margin-top: 18px !important; font-size: 15px !important; line-height: 1.9 !important; }
}

.container--product-details .sidebar .swiper.s-slider-container { border-radius: 12px !important; background: rgb(255, 255, 255) !important; }

.container--product-details .sidebar .s-slider-prev, .container--product-details .sidebar .s-slider-next { color: rgb(28, 27, 25) !important; box-shadow: rgba(28, 27, 25, 0.1) 0px 4px 14px !important; }

.container--product-details .sidebar .s-slider-thumbs-container .swiper-slide { border: 1px solid rgb(228, 218, 203) !important; border-radius: 9px !important; overflow: hidden !important; cursor: pointer !important; }

.container--product-details .sidebar .s-slider-thumbs-container .swiper-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

.container--product-details .sidebar .s-slider-thumbs-container .swiper-slide-thumb-active { border: 2px solid rgb(154, 123, 79) !important; }

.lareen-product-page form[data-testid="store-product-form"] { padding: 20px !important; border: 1px solid rgb(228, 218, 203) !important; border-radius: 14px !important; background: rgb(255, 253, 249) !important; box-shadow: rgba(28, 27, 25, 0.05) 0px 8px 24px !important; }

.lareen-product-page salla-product-options { display: block !important; margin-bottom: 18px !important; }

.lareen-product-page form[data-testid="store-product-form"] select, .lareen-product-page form[data-testid="store-product-form"] input { border: 1px solid rgb(228, 218, 203) !important; border-radius: 8px !important; background: rgb(255, 255, 255) !important; min-height: 44px !important; }

.lareen-product-page form[data-testid="store-product-form"] .product-price, .lareen-product-page form[data-testid="store-product-form"] [data-testid*="price"] { color: rgb(28, 27, 25) !important; font-size: 20px !important; font-weight: 800 !important; }

.lareen-product-page form[data-testid="store-product-form"] salla-quantity-input, .lareen-product-page form[data-testid="store-product-form"] .quantity { max-width: 145px !important; }

.lareen-product-page form[data-testid="store-product-form"] .s-button-primary, .lareen-product-page form[data-testid="store-product-form"] button[type="submit"] { min-height: 52px !important; border-radius: 8px !important; background: rgb(28, 27, 25) !important; border-color: rgb(28, 27, 25) !important; color: rgb(255, 255, 255) !important; font-size: 16px !important; font-weight: 700 !important; transition: background 0.2s, border-color 0.2s, transform 0.2s !important; }

@media (hover: hover) {
  .lareen-product-page form[data-testid="store-product-form"] .s-button-primary:hover, .lareen-product-page form[data-testid="store-product-form"] button[type="submit"]:hover { background: rgb(154, 123, 79) !important; border-color: rgb(154, 123, 79) !important; }
}

.lareen-product-page form[data-testid="store-product-form"] button:not([type="submit"]), .lareen-product-page form[data-testid="store-product-form"] .s-button-outline { min-height: 50px !important; border-radius: 8px !important; border: 1px solid rgb(154, 123, 79) !important; background: rgb(255, 253, 249) !important; color: rgb(154, 123, 79) !important; font-size: 15px !important; font-weight: 700 !important; }

.lareen-product-page form[data-testid="store-product-form"] apple-pay-button, .lareen-product-page form[data-testid="store-product-form"] .apple-pay-button, .lareen-product-page form[data-testid="store-product-form"] [class*="apple"] { width: 100% !important; margin-top: 10px !important; border-radius: 8px !important; overflow: hidden !important; }

.lareen-product-page form[data-testid="store-product-form"] > * { margin-bottom: 14px !important; }

.lareen-product-page form[data-testid="store-product-form"] > :last-child { margin-bottom: 0px !important; }

@media (max-width: 767px) {
  .lareen-product-page form[data-testid="store-product-form"] { padding: 15px !important; border-radius: 10px !important; }
  .lareen-product-page form[data-testid="store-product-form"] .s-button-primary, .lareen-product-page form[data-testid="store-product-form"] button[type="submit"] { min-height: 48px !important; font-size: 15px !important; }
  .lareen-product-page form[data-testid="store-product-form"] button:not([type="submit"]), .lareen-product-page form[data-testid="store-product-form"] .s-button-outline { min-height: 46px !important; font-size: 14px !important; }
}

.lareen-product-page form[data-testid="store-product-form"] label, .lareen-product-page form[data-testid="store-product-form"] .form-label { font-size: 17px !important; font-weight: 800 !important; color: rgb(28, 27, 25) !important; line-height: 1.5 !important; }

.lareen-product-page form[data-testid="store-product-form"] [class*="label"] { font-weight: 800 !important; }

@media (max-width: 767px) {
  .lareen-product-page form[data-testid="store-product-form"] label, .lareen-product-page form[data-testid="store-product-form"] .form-label { font-size: 16px !important; font-weight: 800 !important; }
}

.lareen-product-label { font-size: 18px !important; font-weight: 900 !important; line-height: 1.4 !important; color: rgb(28, 27, 25) !important; }

@media (max-width: 767px) {
  .lareen-product-label { font-size: 16px !important; font-weight: 900 !important; }
}

.lareen-product-page div[data-testid="store-product-description"] { max-height: 230px; overflow: hidden; transition: max-height 0.45s; position: relative !important; }

.lareen-product-page div[data-testid="store-product-description"].lareen-desc-open { max-height: 3000px; }

.lareen-product-page div[data-testid="store-product-description"]:not(.lareen-desc-open)::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; height: 75px; pointer-events: none; background: linear-gradient(rgba(247, 243, 237, 0), rgb(247, 243, 237) 90%); }

.lareen-description-toggle { width: 100%; padding: 12px 20px; border: 1px solid rgb(200, 169, 107); border-radius: 8px; background: transparent; color: rgb(28, 27, 25); font-family: inherit; font-size: 16px; font-weight: 800; cursor: pointer; transition: 0.2s; margin: 8px 0px 22px !important; }

.lareen-description-toggle:hover { background: rgb(28, 27, 25); border-color: rgb(28, 27, 25); color: rgb(255, 255, 255); }

@media (max-width: 767px) {
  .lareen-product-page div[data-testid="store-product-description"] { max-height: 190px; }
  .lareen-product-page div[data-testid="store-product-description"].lareen-desc-open { max-height: 3000px; }
  .lareen-description-toggle { font-size: 15px; padding: 11px 15px; }
}

.lareen-product-page .s-products-slider-wrapper { margin-top: 45px !important; padding-top: 0px !important; }

.lareen-product-page .s-products-slider-wrapper .s-slider-block__title { margin-top: 0px !important; margin-bottom: 22px !important; padding-top: 0px !important; }

.lareen-product-page .s-products-slider-wrapper .s-slider-block__title h2 { margin: 0px !important; font-size: 28px !important; font-weight: 800 !important; color: rgb(28, 27, 25) !important; }

.lareen-product-page .s-before-related, .lareen-product-page .s-after-related { margin-top: 0px !important; padding-top: 0px !important; }

@media (max-width: 767px) {
  .lareen-product-page .s-products-slider-wrapper { margin-top: 30px !important; }
  .lareen-product-page .s-products-slider-wrapper .s-slider-block__title { margin-bottom: 16px !important; }
  .lareen-product-page .s-products-slider-wrapper .s-slider-block__title h2 { font-size: 22px !important; }
}

.lareen-product-page salla-products-slider.s-products-slider-wrapper { margin-top: 35px !important; padding-top: 0px !important; min-height: 0px !important; }

.lareen-product-page .s-blocks-wrapper.s-before-related, .lareen-product-page .s-blocks-wrapper.s-after-related { height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; }

.lareen-product-page .lareen-product-title-row { margin: 0px 0px 14px !important; }

.lareen-product-page .lareen-product-title-row [data-testid="store-product-title"] { padding: 0px !important; }

.lareen-product-page .lareen-product-title-actions salla-social-share { display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; margin: 0px !important; padding: 0px !important; }

.lareen-product-page .lareen-product-title-actions .s-social-share-list { position: absolute !important; z-index: 100 !important; }

.lareen-product-page .lareen-product-title-actions .s-social-share-btn { padding: 0px !important; margin: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: rgb(38, 51, 67) !important; box-shadow: rgba(28, 27, 25, 0.04) 0px 3px 10px !important; }

.lareen-product-page .lareen-product-title-actions salla-button[data-testid="store-product-wishlist-btn"] { display: flex !important; width: 46px !important; height: 46px !important; min-width: 46px !important; max-width: 46px !important; margin: 0px !important; padding: 0px !important; }

.lareen-product-page .lareen-product-title-actions salla-button[data-testid="store-product-wishlist-btn"] button { padding: 0px !important; margin: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: rgb(38, 51, 67) !important; box-shadow: rgba(28, 27, 25, 0.04) 0px 3px 10px !important; }

@media (hover: hover) {
  .lareen-product-page .lareen-product-title-actions .s-social-share-btn:hover, .lareen-product-page .lareen-product-title-actions salla-button[data-testid="store-product-wishlist-btn"] button:hover { background: rgb(247, 243, 237) !important; border-color: rgb(154, 123, 79) !important; }
}

@media (max-width: 767px) {
  .lareen-product-page .lareen-product-title-actions salla-social-share, .lareen-product-page .lareen-product-title-actions salla-button[data-testid="store-product-wishlist-btn"] { width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; }
}

.lareen-product-page .lareen-product-title-row { direction: ltr !important; display: grid !important; width: 100% !important; }

.lareen-product-page .lareen-product-title-actions { grid-area: 1 / 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; direction: ltr !important; }

.lareen-product-page .lareen-product-title-row [data-testid="store-product-title"] { grid-area: 1 / 2 !important; width: 100% !important; min-width: 0px !important; max-width: 100% !important; margin: 0px !important; direction: rtl !important; text-align: right !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; line-height: 1.45 !important; }

.lareen-product-page .lareen-product-title-row { grid-template-columns: 96px minmax(0px, 1fr) !important; column-gap: 12px !important; align-items: start !important; }

.lareen-product-page .lareen-product-title-actions { width: 96px !important; justify-self: start !important; gap: 8px !important; padding-top: 2px !important; transform: translateX(8px) !important; }

.lareen-product-page .lareen-product-title-actions .s-social-share-btn, .lareen-product-page .lareen-product-title-actions salla-button[data-testid="store-product-wishlist-btn"] button { width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; border: 1px solid rgb(200, 169, 107) !important; border-radius: 50% !important; background: rgb(255, 253, 249) !important; }

.lareen-product-page .lareen-product-title-actions svg { width: 20px !important; height: 20px !important; }

@media (max-width: 767px) {
  .lareen-product-page .lareen-product-title-row { grid-template-columns: 82px minmax(0px, 1fr) !important; column-gap: 8px !important; }
  .lareen-product-page .lareen-product-title-actions { width: 82px !important; gap: 5px !important; transform: translateX(4px) !important; }
  .lareen-product-page .lareen-product-title-actions .s-social-share-btn, .lareen-product-page .lareen-product-title-actions salla-button[data-testid="store-product-wishlist-btn"] button { width: 38px !important; height: 38px !important; min-width: 38px !important; max-width: 38px !important; }
}

footer[data-testid="store-footer"], footer.store-footer, footer.store-footer .store-footer__inner, footer.store-footer .store-footer__inner > div, footer.store-footer::before, footer.store-footer::after { background-color: rgb(247, 243, 237) !important; background-image: none !important; }

footer.store-footer > div, footer.store-footer .container { background-color: transparent !important; }

footer[data-testid="store-footer"], footer.store-footer { background: rgb(247, 243, 237) !important; border: 1px solid rgb(216, 194, 154) !important; border-radius: 16px !important; overflow: hidden !important; margin: 28px 18px 18px !important; box-shadow: rgba(28, 27, 25, 0.04) 0px 8px 24px !important; }

footer.store-footer .store-footer__inner { background: rgb(247, 243, 237) !important; }

footer.store-footer .store-footer__inner > .container { align-items: start !important; }

footer.store-footer .store-footer__inner > .container > div { margin-top: 0px !important; margin-bottom: 0px !important; }

footer.store-footer h3, footer.store-footer h4 { margin-bottom: 16px !important; font-size: 18px !important; font-weight: 800 !important; color: rgb(28, 27, 25) !important; }

footer.store-footer p, footer.store-footer li, footer.store-footer a { line-height: 1.8 !important; }

footer.store-footer > div:last-child { background: rgb(247, 243, 237) !important; }

footer.store-footer .md\:flex.items-center.justify-between { background: rgb(247, 243, 237) !important; border-top: 1px solid rgb(225, 210, 183) !important; padding-top: 14px !important; padding-bottom: 14px !important; margin-top: 0px !important; }

footer.store-footer a[class*="social"], footer.store-footer [class*="social"] a { border-color: rgb(216, 194, 154) !important; }

@media (max-width: 767px) {
  footer[data-testid="store-footer"], footer.store-footer { margin: 20px 10px 12px !important; border-radius: 12px !important; }
  footer.store-footer h3, footer.store-footer h4 { margin-bottom: 12px !important; font-size: 17px !important; }
}

footer.store-footer .store-footer__inner { padding-top: 28px !important; padding-bottom: 18px !important; }

footer.store-footer .store-footer__inner > .container { min-height: 0px !important; height: auto !important; padding-top: 0px !important; padding-bottom: 0px !important; }

footer.store-footer .store-footer__inner > .container > div { padding-top: 0px !important; padding-bottom: 0px !important; }

footer.store-footer > div:last-child { margin-top: 14px !important; padding-top: 14px !important; padding-bottom: 14px !important; border-top: 1px solid rgba(200, 169, 107, 0.35) !important; }

#lareen-product-tabs { width: 100% !important; margin: 24px 0px 20px !important; border: 1px solid rgb(216, 194, 154) !important; border-radius: 14px !important; background: rgb(255, 253, 249) !important; overflow: hidden !important; }

#lareen-product-tabs .lareen-tabs-nav { display: grid !important; grid-template-columns: 1fr 1fr !important; border-bottom: 1px solid rgb(228, 218, 203) !important; background: rgb(247, 243, 237) !important; }

#lareen-product-tabs .lareen-tab-btn { position: relative !important; min-height: 58px !important; padding: 14px 18px !important; border: 0px !important; background: transparent !important; color: rgb(111, 103, 94) !important; font-family: inherit !important; font-size: 17px !important; font-weight: 800 !important; cursor: pointer !important; transition: 0.2s !important; }

#lareen-product-tabs .lareen-tab-btn:first-child { border-left: 1px solid rgb(228, 218, 203) !important; }

#lareen-product-tabs .lareen-tab-btn.active { background: rgb(255, 253, 249) !important; color: rgb(28, 27, 25) !important; }

#lareen-product-tabs .lareen-tab-btn.active::after { content: ""; position: absolute !important; right: 22% !important; bottom: 0px !important; left: 22% !important; height: 3px !important; border-radius: 10px 10px 0px 0px !important; background: rgb(200, 169, 107) !important; }

#lareen-product-tabs .lareen-tab-panel { display: none !important; padding: 24px !important; }

#lareen-product-tabs .lareen-tab-panel.active { display: block !important; }

#lareen-product-tabs [data-testid="store-product-description"] { margin: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; padding: 0px !important; }

#lareen-product-tabs .lareen-description-toggle { margin: 18px 0px 0px !important; }

#lareen-product-tabs .lareen-review-heading { text-align: center !important; margin-bottom: 22px !important; }

#lareen-product-tabs .lareen-review-heading h3 { margin: 0px 0px 6px !important; color: rgb(28, 27, 25) !important; font-size: 21px !important; font-weight: 800 !important; }

#lareen-product-tabs .lareen-review-heading p { margin: 0px !important; color: rgb(123, 115, 106) !important; font-size: 14px !important; }

#lareen-product-tabs salla-verified-review { display: block !important; width: 100% !important; margin-top: 18px !important; }

#lareen-product-tabs salla-comments { display: block !important; width: 100% !important; height: auto !important; min-height: 0px !important; margin: 18px 0px 0px !important; padding: 0px !important; }

@media (max-width: 767px) {
  #lareen-product-tabs { margin-top: 18px !important; border-radius: 11px !important; }
  #lareen-product-tabs .lareen-tab-btn { min-height: 52px !important; padding: 12px 8px !important; font-size: 15px !important; }
  #lareen-product-tabs .lareen-tab-panel { padding: 16px !important; }
}

@media (max-width: 767px) {
  #lareen-product-tabs .lareen-review-heading h3 { font-size: 19px !important; }
  #lareen-product-tabs .lareen-stars-preview { font-size: 24px !important; }
}

#lareen-product-tabs .lareen-reviews-title { text-align: center !important; margin-bottom: 22px !important; }

#lareen-product-tabs .lareen-reviews-title h3 { margin: 0px 0px 6px !important; font-size: 21px !important; font-weight: 800 !important; color: rgb(28, 27, 25) !important; }

#lareen-product-tabs .lareen-reviews-title p { margin: 0px !important; font-size: 14px !important; color: rgb(123, 115, 106) !important; }

#lareen-product-tabs salla-comments[data-testid="store-product-comments"] { display: block !important; width: 100% !important; height: auto !important; min-height: 0px !important; max-height: none !important; margin: 0px !important; padding: 0px !important; overflow: visible !important; background: transparent !important; }

#lareen-product-tabs .s-comments-container { width: 100% !important; margin: 0px !important; padding: 0px !important; background: transparent !important; }

#lareen-product-tabs salla-reviews-summary { display: block !important; width: 100% !important; margin-bottom: 18px !important; }

#lareen-product-tabs salla-comment-form { display: block !important; width: 100% !important; margin-bottom: 20px !important; }

#lareen-product-tabs .lareen-no-reviews { padding: 28px 20px !important; text-align: center !important; border: 1px solid rgb(228, 218, 203) !important; border-radius: 10px !important; background: rgb(247, 243, 237) !important; }

#lareen-product-tabs .lareen-no-reviews strong { display: block !important; margin-bottom: 6px !important; font-size: 17px !important; font-weight: 800 !important; color: rgb(28, 27, 25) !important; }

#lareen-product-tabs .lareen-no-reviews span { font-size: 14px !important; color: rgb(123, 115, 106) !important; }

@media (max-width: 767px) {
  #lareen-product-tabs .lareen-reviews-title h3 { font-size: 18px !important; }
}

#lareen-product-tabs .lareen-reviews-empty { text-align: center !important; padding: 34px 20px !important; border: 1px solid rgb(228, 218, 203) !important; border-radius: 12px !important; background: rgb(247, 243, 237) !important; }

#lareen-product-tabs .lareen-empty-stars { margin-bottom: 10px !important; color: rgb(200, 169, 107) !important; font-size: 30px !important; letter-spacing: 4px !important; direction: ltr !important; }

#lareen-product-tabs .lareen-reviews-empty strong { display: block !important; margin-bottom: 7px !important; color: rgb(28, 27, 25) !important; font-size: 18px !important; font-weight: 800 !important; }

#lareen-product-tabs .lareen-reviews-empty span { color: rgb(123, 115, 106) !important; font-size: 14px !important; }

#lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] { color: rgb(63, 58, 53) !important; font-size: 16px !important; line-height: 2 !important; font-weight: 400 !important; }

#lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] h3 { color: rgb(166, 124, 50) !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.6 !important; margin-top: 26px !important; margin-bottom: 12px !important; padding-bottom: 7px !important; border-bottom: 1px solid rgba(200, 169, 107, 0.45) !important; }

#lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] h3:first-child { margin-top: 5px !important; }

#lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] p { color: rgb(63, 58, 53) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 2 !important; margin-bottom: 8px !important; }

#lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] ul { margin-top: 8px !important; margin-bottom: 15px !important; padding-right: 22px !important; }

#lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] li { color: rgb(63, 58, 53) !important; font-size: 16px !important; line-height: 1.9 !important; margin-bottom: 5px !important; }

#lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] li::marker { color: rgb(200, 169, 107) !important; }

@media (max-width: 767px) {
  #lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] { font-size: 15px !important; line-height: 1.9 !important; }
  #lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] h3 { font-size: 18px !important; margin-top: 22px !important; margin-bottom: 10px !important; }
  #lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] p, #lareen-product-tabs [data-panel="details"] [data-testid="store-product-description"] li { font-size: 15px !important; }
}

#lareen-category-slider { width: 100%; margin-top: 55px; margin-bottom: 45px; padding: 0px 20px; box-sizing: border-box; direction: rtl; }

#lareen-category-slider .lareen-cat-head { text-align: center; margin-bottom: 24px; }

#lareen-category-slider .lareen-cat-head h2 { margin: 0px 0px 7px; color: rgb(28, 27, 25); font-size: 25px; font-weight: 700; }

#lareen-category-slider .lareen-cat-head p { margin: 0px; color: rgb(123, 115, 106); font-size: 14px; font-weight: 400; }

#lareen-category-slider .lareen-cat-slider { display: flex; align-items: center; justify-content: center; }

#lareen-category-slider .lareen-cat-viewport { scroll-snap-type: x mandatory; scrollbar-width: none; padding: 10px 0px 14px; }

#lareen-category-slider .lareen-cat-viewport::-webkit-scrollbar { display: none; }

#lareen-category-slider .lareen-cat-track { display: flex; align-items: center; width: max-content; }

#lareen-category-slider .lareen-cat-slide { display: block; overflow: hidden; scroll-snap-align: center; background: rgb(247, 243, 237); box-shadow: rgba(28, 27, 25, 0.08) 0px 8px 24px; transition: transform 0.3s, opacity 0.3s; }

#lareen-category-slider .lareen-cat-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

#lareen-category-slider .lareen-cat-arrow { font-family: Arial, sans-serif; transition: 0.2s; }

#lareen-category-slider .lareen-cat-arrow:hover { background: rgb(28, 27, 25); color: rgb(255, 255, 255); border-color: rgb(28, 27, 25); }

#lareen-category-slider .lareen-cat-dots { display: flex; justify-content: center; align-items: center; gap: 7px; margin-top: 5px; }

#lareen-category-slider .lareen-cat-dot { width: 7px; height: 7px; padding: 0px; border: 0px; border-radius: 50%; background: rgb(216, 205, 189); cursor: pointer; transition: 0.25s; }

#lareen-category-slider .lareen-cat-dot.is-active { width: 20px; border-radius: 10px; background: rgb(166, 124, 50); }

@media (max-width: 991px) {
  #lareen-category-slider { margin-top: 40px; padding: 0px 14px; }
  #lareen-category-slider .lareen-cat-track { gap: 16px; padding-inline: calc(-175px + 50vw); }
  #lareen-category-slider .lareen-cat-slide { flex-basis: 320px; width: 320px; }
}

@media (max-width: 767px) {
  #lareen-category-slider { margin: 32px auto 35px; padding: 0px; }
  #lareen-category-slider .lareen-cat-head { padding: 0px 15px; margin-bottom: 16px; }
  #lareen-category-slider .lareen-cat-head h2 { font-size: 21px; }
  #lareen-category-slider .lareen-cat-head p { font-size: 13px; }
  #lareen-category-slider .lareen-cat-track { gap: 12px; padding-inline: calc(-150px + 50vw); }
  #lareen-category-slider .lareen-cat-slide { flex: 0 0 280px; width: 280px; border-radius: 8px; }
  #lareen-category-slider .lareen-cat-arrow { width: 38px; height: 38px; font-size: 25px; }
  #lareen-category-slider .lareen-cat-prev { right: 8px; }
  #lareen-category-slider .lareen-cat-next { left: 8px; }
}

#lareen-category-slider .lareen-cat-prev { inset-inline: auto 12px !important; }

#lareen-category-slider .lareen-cat-next { inset-inline: 12px auto !important; }

#lareen-category-slider .lareen-cat-slider { direction: ltr !important; }

#lareen-category-slider .lareen-cat-viewport { direction: rtl !important; }

#lareen-category-slider .lareen-cat-arrow { padding: 0px !important; margin: 0px !important; }

#lareen-category-slider .lareen-cat-arrow::after { position: absolute !important; top: 50% !important; width: 9px !important; height: 9px !important; border-top: 2px solid rgb(28, 27, 25) !important; border-right: 2px solid rgb(28, 27, 25) !important; }

#lareen-category-slider .lareen-cat-prev::after { left: 50% !important; transform: translate(-65%, -50%) rotate(45deg) !important; }

#lareen-category-slider .lareen-cat-next::after { left: 50% !important; transform: translate(-35%, -50%) rotate(225deg) !important; }

#lareen-category-slider { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; }

#lareen-category-slider .lareen-cat-slider { position: relative !important; width: 100% !important; padding: 0px 65px !important; box-sizing: border-box !important; overflow: visible !important; }

#lareen-category-slider .lareen-cat-viewport { width: 100% !important; overflow: hidden !important; scroll-behavior: smooth !important; }

#lareen-category-slider .lareen-cat-track { gap: 18px !important; padding-inline: 0px !important; }

#lareen-category-slider .lareen-cat-slide { flex: 0 0 360px !important; width: 360px !important; aspect-ratio: 4 / 5 !important; border-radius: 10px !important; }

#lareen-category-slider .lareen-cat-arrow { position: absolute !important; top: 50% !important; width: 44px !important; height: 44px !important; min-width: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; visibility: visible !important; opacity: 1 !important; transform: translateY(-50%) !important; background: rgb(255, 253, 249) !important; color: rgb(28, 27, 25) !important; border: 1px solid rgb(200, 169, 107) !important; border-radius: 50% !important; font-size: 28px !important; line-height: 1 !important; box-shadow: rgba(28, 27, 25, 0.1) 0px 4px 14px !important; cursor: pointer !important; z-index: 50 !important; }

#lareen-category-slider .lareen-cat-arrow::after { display: none !important; content: none !important; }

#lareen-category-slider .lareen-cat-prev { right: 5px !important; left: auto !important; }

#lareen-category-slider .lareen-cat-next { left: 5px !important; right: auto !important; }

@media (max-width: 767px) {
  #lareen-category-slider .lareen-cat-slider { padding: 0px 48px !important; }
  #lareen-category-slider .lareen-cat-slide { flex: 0 0 270px !important; width: 270px !important; }
  #lareen-category-slider .lareen-cat-track { gap: 12px !important; }
  #lareen-category-slider .lareen-cat-arrow { width: 38px !important; height: 38px !important; min-width: 38px !important; font-size: 24px !important; }
  #lareen-category-slider .lareen-cat-prev { right: 3px !important; }
  #lareen-category-slider .lareen-cat-next { left: 3px !important; }
}

[data-testid="store-header-mobile-toggle"] { align-items: center; justify-content: center; flex-shrink: 0; display: flex !important; }

[data-testid="store-header-mobile-toggle"] i { font-size: 24px; color: rgb(166, 124, 50); }

@media (min-width: 1024px) {
  [data-testid="store-header-mobile-toggle"] { margin-left: 14px !important; margin-right: 0px !important; }
}

@media (max-width: 1023px) {
  [data-testid="store-header-mobile-toggle"] + [data-testid="store-header-logo"] { margin: 0px 8px 0px 0px !important; }
  [data-testid="store-header-mobile-toggle"] { order: 1 !important; margin: 0px !important; flex-shrink: 0 !important; }
  [data-testid="store-header-logo"] { order: 2 !important; position: static !important; inset: auto !important; transform: none !important; margin: 0px 8px 0px 0px !important; width: auto !important; flex: 0 0 auto !important; }
  [data-testid="store-header-logo"] img { width: auto !important; height: 55px !important; max-width: 105px !important; object-fit: contain !important; }
}

@media (max-width: 767px) {
  #mainnav [data-testid="store-header-mobile-toggle"] { display: flex !important; order: 1 !important; margin: 0px !important; flex: 0 0 auto !important; }
  #mainnav .navbar-brand[data-testid="store-header-logo"] { position: static !important; inset: auto !important; transform: none !important; order: 2 !important; flex: 0 0 auto !important; width: auto !important; height: auto !important; margin: 0px 18px 0px 0px !important; padding: 0px !important; z-index: 20 !important; }
  #mainnav .navbar-brand[data-testid="store-header-logo"] img { display: block !important; width: auto !important; height: var(--lareen-logo-mobile) !important; max-width: 105px !important; object-fit: contain !important; }
}

#mainnav .header-search, #mainnav .header-search salla-search, #mainnav .header-search .s-search-placeholder-wrapper, #mainnav .header-search .s-search-input-wrapper { width: 40px !important; height: 40px !important; min-width: 38px !important; max-width: 38px !important; }

#mainnav .header-search .s-search-placeholder-wrapper { position: relative !important; margin: 0px !important; padding: 0px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; }

#mainnav .header-search .s-search-icon-wrap { bottom: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; }

#mainnav .header-search .s-search-icon, #mainnav .header-search .s-search-icon svg { position: static !important; margin: 0px !important; padding: 0px !important; transform: none !important; }

#mainnav salla-user-menu[data-testid="store-header-user-menu"], #mainnav salla-cart-summary[data-testid="store-header-cart"] { margin-left: 0px !important; margin-right: 0px !important; }

#mainnav .header-search salla-search, #mainnav .header-search .s-search-placeholder-wrapper, #mainnav .header-search .s-search-input-wrapper { width: 32px !important; height: 42px !important; min-width: 32px !important; max-width: 32px !important; margin: 0px !important; padding: 0px !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; }

#mainnav .header-search .s-search-icon-wrap { position: absolute !important; top: 50% !important; left: 50% !important; right: auto !important; width: 22px !important; height: 22px !important; margin: 0px !important; padding: 0px !important; transform: translate(-50%, -50%) !important; }

#mainnav .header-search .s-search-icon, #mainnav .header-search .s-search-icon svg { width: 22px !important; height: 22px !important; }

#mainnav .flex.items-center.justify-end { gap: 8px !important; }

#mainnav .header-search { cursor: pointer !important; }

#mainnav .header-search .s-search-placeholder-wrapper { border: 0px !important; background: transparent !important; box-shadow: none !important; }

#mainnav .header-search::before { box-sizing: border-box !important; }

#mainnav .header-search, #mainnav .header-search salla-search, #mainnav .header-search .s-search-placeholder-wrapper, #mainnav .header-search .s-search-input-wrapper { background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; outline: none !important; box-shadow: none !important; border-radius: 0px !important; }

#mainnav .header-search * { box-shadow: none !important; }

#mainnav .header-search { position: relative !important; width: 26px !important; height: 42px !important; min-width: 26px !important; max-width: 26px !important; flex: 0 0 26px !important; margin: 0px !important; padding: 0px !important; background: none !important; border: 0px !important; box-shadow: none !important; border-radius: 0px !important; overflow: visible !important; }

#mainnav .header-search salla-search { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; opacity: 0 !important; z-index: 10 !important; cursor: pointer !important; }

#mainnav .header-search::before { content: "" !important; position: absolute !important; width: 15px !important; height: 15px !important; top: 50% !important; left: 50% !important; border: 2px solid rgb(28, 27, 25) !important; border-radius: 50% !important; background: transparent !important; transform: translate(-60%, -60%) !important; pointer-events: none !important; z-index: 20 !important; }

#mainnav .header-search::after { content: "" !important; position: absolute !important; width: 7px !important; height: 2px !important; top: calc(50% + 6px) !important; left: calc(50% + 4px) !important; background: rgb(28, 27, 25) !important; border: 0px !important; border-radius: 2px !important; transform: rotate(45deg) !important; transform-origin: left center !important; pointer-events: none !important; z-index: 20 !important; }

.s-search-modal, .s-search-container, .s-search-overlay { padding-top: 76px !important; }

.s-search-modal { top: 0px !important; }

.store-header { z-index: 9999 !important; }

@media (max-width: 767px) {
  .s-modal-body.s-modal-align-top { padding-top: 68px !important; }
  .s-modal-body.s-modal-align-top .s-search-panel { margin-top: 0px !important; }
}

@media (min-width: 1024px) {
  .mm-ocd__content #mobile-menu.mm-spn ul.main-menu li.lg\:hidden { display: block !important; }
  .mm-ocd__content #mobile-menu.mm-spn ul.main-menu li[data-menu-item] { display: none !important; }
  .mm-ocd__content #mobile-menu.mm-spn .close-mobile-menu { display: block !important; }
}

.mm-ocd__content #mobile-menu.mm-spn ul.main-menu { display: block !important; }

#lareen-product-tabs salla-verified-review:not(:empty) { display: block !important; width: 100%; }

#lareen-product-tabs .lareen-rating-signin { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; padding: 20px; margin-bottom: 18px; border: 1px solid var(--lareen-border); border-radius: 10px; background: var(--lareen-white); color: var(--lareen-black); font: inherit; cursor: pointer; }

#lareen-product-tabs .lareen-rating-signin-stars { color: var(--lareen-gold); font-size: 30px; direction: ltr; }

#lareen-product-tabs .lareen-rating-signin:focus-visible { outline: 2px solid var(--lareen-gold); outline-offset: 3px; }

.lareen-hero-source { display: none !important; }

.lareen-hero-section { width: 100%; margin: 0px !important; padding: 0px !important; }

.lareen-hero { --hero-ink: #21170f; position: relative; isolation: isolate; overflow: hidden; width: 100%; aspect-ratio: 1108 / 428; background: rgb(221, 209, 191); direction: rtl; }

.lareen-hero-slide { position: absolute; inset: 0px; opacity: 0; transition: opacity 1.4s ease-in-out; pointer-events: none; z-index: 0; }

.lareen-hero-slide.is-active { opacity: 1; pointer-events: auto; z-index: 1; }

.lareen-hero-slide > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 0px; animation: 12s ease-in-out 0s infinite normal none running lareen-reference-zoom; }

.lareen-hero-copy { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(480px, 66%); padding: clamp(18px, 2.4vw, 36px); text-align: center; background: rgba(250, 247, 239, 0.82); color: var(--hero-ink); }

.lareen-hero-copy h2 { color: var(--hero-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 600; font-size: clamp(24px, 3vw, 44px); line-height: 1.4; margin: 0px 0px 10px; }

.lareen-hero-copy p { color: var(--hero-ink); font-size: clamp(13px, 1.4vw, 19px); line-height: 1.8; margin: 0px 0px 18px; }

.lareen-hero-copy h2, .lareen-hero-copy p { text-shadow: rgba(255, 255, 255, 0.95) 0px 1px 2px, rgba(255, 255, 255, 0.7) 0px 0px 8px; }

.lareen-hero-cta { display: inline-block; text-decoration: none; border: 1px solid var(--hero-ink); padding: 9px 25px; font-size: 14px; background: transparent; text-shadow: rgba(255, 255, 255, 0.95) 0px 1px 2px; color: var(--hero-ink) !important; }

.lareen-hero-cta:focus-visible { outline: 2px solid var(--hero-ink); outline-offset: 4px; }

.lareen-hero-copy h2, .lareen-hero-copy p, .lareen-hero-copy .lareen-hero-cta { opacity: 0; transform: translateX(100px); transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.lareen-hero-slide.is-active .lareen-hero-copy h2 { animation: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.55s 1 normal both running lareen-reference-enter; }

.lareen-hero-slide.is-active .lareen-hero-copy p { animation: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s 1 normal both running lareen-reference-enter; }

.lareen-hero-slide.is-active .lareen-hero-copy .lareen-hero-cta { animation: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.05s 1 normal both running lareen-reference-enter; }

.lareen-hero-dots { display: none !important; }

@keyframes lareen-reference-enter { 
  0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0px); }
}

@keyframes lareen-reference-zoom { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.09); }
}

@media (min-width: 1024px) {
  .lareen-hero-copy { --hero-ink: #FFFFFF; left: 7%; right: auto; transform: translateY(-50%); width: 39%; padding: 0px; background: transparent; text-align: right; }
}

@media (max-width: 767px) {
  .lareen-hero { aspect-ratio: 4 / 3; }
  .lareen-hero-copy { width: 78%; padding: 20px 15px; }
  .lareen-hero-copy h2 { font-size: 26px; }
  .lareen-hero-copy p { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .lareen-hero-slide { transition: none; }
  .lareen-hero-slide > img { animation: auto ease 0s 1 normal none running none; }
  .lareen-hero-slide.is-active .lareen-hero-copy h2, .lareen-hero-slide.is-active .lareen-hero-copy p, .lareen-hero-slide.is-active .lareen-hero-copy .lareen-hero-cta { animation: auto ease 0s 1 normal none running none; transition: none; opacity: 1; transform: none; }
}

@media (min-width: 1024px) {
  salla-slider.s-products-slider-slider .swiper-slide { width: 22% !important; }
}


/* View-all sits after the product host, below every card. */
salla-products-slider[data-lareen-footer-managed] { display: block; width: 100%; }
salla-products-slider[data-lareen-footer-managed] .s-slider-block__display-all { display: none !important; }
.lareen-products-footer { display: flex; justify-content: center; width: 100%; margin: 18px 0 8px; clear: both; position: static; }
.lareen-products-footer .lareen-products-view-all { position: static; display: inline-flex; align-items: center; justify-content: center; min-width: 110px; min-height: 42px; padding: 8px 20px; border: 1px solid var(--lareen-border); border-radius: 12px; background: var(--lareen-white); color: var(--lareen-black); font: inherit; font-size: 15px; font-weight: 700; text-decoration: none; transform: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.lareen-products-footer .lareen-products-view-all:hover { background: var(--lareen-gold); border-color: var(--lareen-gold); color: var(--lareen-white); }
.lareen-products-footer .lareen-products-view-all:focus-visible { outline: 2px solid var(--lareen-gold); outline-offset: 3px; }

/* Desktop gallery: native clickable thumbnails in a vertical side rail. */
@media (min-width: 768px) {
  .container--product-details .sidebar salla-slider.lareen-side-gallery { display: flex !important; position: relative; max-width: 100%; direction: rtl; align-items: flex-start; justify-content: center; gap: 14px; }
  salla-slider.lareen-side-gallery > .s-slider-block__title { display: none; }
  salla-slider.lareen-side-gallery > .s-slider-container { flex: 0 1 auto; min-width: 0; }
  salla-slider.lareen-side-gallery > .s-slider-thumbs { order: -1; flex: 0 0 78px; width: 78px; min-width: 0; margin: 0 !important; }
  salla-slider.lareen-side-gallery .s-slider-thumbs-container { width: 78px !important; height: auto !important; max-height: 480px; overflow-y: auto !important; overflow-x: hidden !important; }
  salla-slider.lareen-side-gallery .s-slider-thumbs-container .swiper-wrapper { display: flex !important; flex-direction: column !important; gap: 12px; width: 78px !important; height: auto !important; transform: none !important; }
  salla-slider.lareen-side-gallery .s-slider-thumbs-container .swiper-slide { flex: 0 0 78px; margin: 0 !important; }
}
@media (hover: hover) and (pointer: fine) {
  .container--product-details .sidebar .s-slider-container .s-slider-block__title-nav { opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
  .container--product-details .sidebar .s-slider-container:hover .s-slider-block__title-nav,
  .container--product-details .sidebar .s-slider-container:focus-within .s-slider-block__title-nav { opacity: 1; visibility: visible; }
}



/* LAREEN — optional snaps add-on */
#lareen-snaps-addon { padding: 18px 24px; background: #fff; }
#lareen-snaps-addon h3 { margin: 0 0 12px; font-size: 18px; font-weight: 700; }
#lareen-snaps-addon .lareen-snaps-row { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid #e6ddcf; border-radius: 12px; cursor: pointer; }
#lareen-snaps-addon input[type="checkbox"] { appearance: auto; position: static; opacity: 1; width: 21px; height: 21px; margin: 0; flex-shrink: 0; accent-color: #9a7b4f; }
#lareen-snaps-addon input:focus-visible { outline: 2px solid #9a7b4f; outline-offset: 4px; }
#lareen-snaps-addon strong, #lareen-snaps-addon small { display: block; }
#lareen-snaps-addon small { margin-top: 5px; color: #675e53; font-size: 14px; }
#lareen-snaps-addon p { margin: 10px 0 0; line-height: 1.7; font-size: 14px; }
#lareen-snaps-addon p:empty { display: none; }
#lareen-snaps-addon a { color: #80612f; text-decoration: underline; font-weight: 700; }
form.lareen-snaps-selected[aria-busy="true"] salla-add-product-button { opacity: .65; }
@media (max-width: 767px) { #lareen-snaps-addon { padding: 16px; } }