/* Almarai: Google Fonts' official font files, under SIL OFL 1.1. */
@font-face {
  font-family: 'SG Almarai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/almarai/v19/tsstApxBaigK_hnnc1o.ttf') format('truetype');
}

@font-face {
  font-family: 'SG Almarai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/almarai/v19/tssoApxBaigK_hnnS-aghng.ttf') format('truetype');
}

/*
 * Sogafe / Selia — complete replacement for the previous custom stylesheet.
 * Draft profile: 1647372026. No generated component IDs; Almarai loads from Google Fonts.
 * Keep Salla's native interactions, availability and sticky-header behaviour.
 */

/* 1. Shared design tokens and page width */
:root {
  --sg-content-width: 1140px;
  --sg-gutter: 15px;
  --sg-page-bg: #f7f7f7;
  --sg-card-bg: #e8e8e8;
  --sg-ink: #171717;
  --sg-muted: #595959;
  --sg-border: #d8d8d8;
  --sg-radius: 16px;
  --sg-card-lift: 24px;
  --font-main: 'SG Almarai';
  --color-primary: #171717;
  --color-primary-dark: #000000;
  --color-primary-light: #404040;
  --bg-primary: var(--sg-page-bg);
  --bg-secondary: #ededed;
  --header-bg: #ffffff;
  --header-text-color: var(--sg-ink);
  --store-text-primary: var(--sg-ink);
  --store-text-secondary: var(--sg-muted);
  --product-bg: var(--sg-card-bg);
  --product-image-height: 17rem;
  --product-border-color: var(--sg-border);
  --product-enhanced-btn-bg: var(--sg-ink);
  --product-enhanced-btn-color: #ffffff;
  --products-per-row: 4;
  --footer-bg: #111111;
  --footer-text-color: #ffffff;
  --bottom-footer-bg: #111111;
}

html {
  font-size: 16px;
  font-family: var(--font-main), Arial, sans-serif;
}

body {
  font-family: var(--font-main), Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  color: var(--sg-ink);
  background-color: var(--sg-page-bg);
}

/* Text and form controls share the brand font; native icon fonts keep theirs. */
button, input, select, textarea {
  font-family: var(--font-main), Arial, sans-serif;
}

/* Higher specificity replaces Selia's breakpoint-dependent container widths. */
body .container {
  width: 100%;
  max-width: var(--sg-content-width);
  margin-inline: auto;
  padding-inline: var(--sg-gutter);
}

/* Keep the existing asset available, with a plain background for this draft. */
.app-inner.has-pattern::before {
  opacity: 0;
  pointer-events: none;
}

.product-index__layout,
.product-index__layout .main-content,
.product-single__inner,
.product-single__info {
  min-width: 0;
}

/* Keyboard focus is visible without changing native loading/disabled logic. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #3265a8;
  outline-offset: 3px;
}

/* 2. White header. Leave fixed-pinned / fixed-header transforms to Selia. */
.store-header {
  color: var(--header-text-color);
  background-color: var(--header-bg);
}

.store-header .main-nav-container,
.store-header .main-nav-container .inner {
  background-color: var(--header-bg);
}

.store-header .main-nav-container {
  border-bottom: 1px solid #e8e8e8;
}

.store-header .header__main-row {
  min-height: 64px;
}

.store-header .navbar-brand img {
  max-width: 150px;
  max-height: 52px;
  object-fit: contain;
}

.store-header .header__search-btn,
.store-header .header-btn__icon {
  min-width: 44px;
  min-height: 44px;
  color: var(--header-text-color);
}

/* 3. Homepage spacing and existing banner widths; no image cropping. */
.index .s-block {
  margin-block: 40px;
}

.index .advanced-banners,
.index .sogafe-hero,
.index .sogafe-story {
  width: 100%;
  max-width: var(--sg-content-width);
  margin-inline: auto;
  padding-inline: var(--sg-gutter);
}

.index .sogafe-hero {
  margin-top: 24px;
}

.index .sogafe-hero .swiper {
  border-radius: var(--sg-radius);
}

/* Only this merchant-assigned hero class changes caption placement.
   A contain frame preserves old imagery and accepts the planned new sizes. */
.sogafe-hero .advanced-slider__slide {
  display: flex;
  flex-direction: column;
  height: auto !important;
}

.sogafe-hero .advanced-slider__slide > picture {
  display: block;
  width: 100%;
  aspect-ratio: 5 / 3;
  background-color: #ededed;
}

.sogafe-hero .advanced-slider__image {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  height: 100% !important;
  max-height: none;
  object-fit: contain;
}

.sogafe-hero .advanced-slider__caption {
  position: static;
  inset: auto;
  display: block;
  height: auto;
  padding: 28px 24px;
  background-color: #ffffff;
  color: var(--sg-ink);
}

.sogafe-hero .advanced-slider__caption > .container {
  padding: 0;
}

.sogafe-hero .advanced-slider__caption__inner--center {
  display: block;
  height: auto;
  text-align: center;
}

.sogafe-hero .advanced-slider__caption__inner__content {
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
}

.sogafe-hero .advanced-slider__caption__inner__content__heading,
.sogafe-story .advanced-slider__caption__inner__content__heading {
  color: var(--sg-ink) !important;
  font-size: clamp(1.375rem, 3vw, 2rem);
  line-height: 1.5;
  margin-bottom: 8px;
}

.sogafe-hero .advanced-slider__caption__inner__content__text,
.sogafe-story .advanced-slider__caption__inner__content__text {
  color: var(--sg-muted) !important;
  font-size: 1rem;
  line-height: 1.85;
}

.sogafe-hero .advanced-slider__caption__inner__content__button,
.sogafe-story .advanced-slider__caption__inner__content__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 16px;
  padding: 10px 28px;
  border-radius: 10px;
  background-color: var(--sg-ink);
  color: #ffffff !important;
  font-size: 1rem;
  line-height: 1.5;
}

/* Alaska editorial campaign: real product imagery, live copy, one clear CTA. */
.sogafe-story .advanced-slider__slide {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  grid-template-areas: "media copy";
  align-items: stretch;
  height: auto !important;
  background-color: #f4f0e9;
  border-radius: var(--sg-radius);
  overflow: hidden;
}

.sogafe-story .advanced-slider__slide > picture {
  grid-area: media;
  display: block;
  min-width: 0;
  width: 100%;
  aspect-ratio: 5 / 4;
  background-color: #f4f0e9;
}

.sogafe-story .advanced-slider__image {
  grid-area: media;
  position: static;
  inset: auto;
  width: 100%;
  height: 100% !important;
  min-height: 0;
  max-height: none;
  aspect-ratio: 5 / 4;
  object-fit: contain;
}

.sogafe-story .advanced-slider__caption {
  grid-area: copy;
  position: static;
  inset: auto;
  display: flex;
  align-items: center;
  min-width: 0;
  height: auto;
  padding: clamp(28px, 3.4vw, 48px);
  color: var(--sg-ink);
  background-color: #f4f0e9;
  opacity: 1;
}

.sogafe-story .advanced-slider__caption > .container {
  padding: 0;
}

.sogafe-story .advanced-slider__caption__inner {
  display: block;
  height: auto;
  text-align: start;
}

.sogafe-story .advanced-slider__caption__inner__content {
  width: 100%;
  max-width: none;
}

.sogafe-story .sg-story-eyebrow {
  margin: 0 0 14px;
  color: #36544a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

.sogafe-story .advanced-slider__caption__inner__content__heading {
  margin: 0 !important;
  font-size: clamp(30px, 3.1vw, 44px);
  font-weight: 700;
  line-height: 1.4;
  color: #181c19 !important;
}

.sogafe-story .advanced-slider__caption__inner__content__text {
  max-width: 28em;
  margin: 18px 0 0 !important;
  color: #525750 !important;
  font-size: 17px;
  line-height: 1.85;
}

.sogafe-story .advanced-slider__caption__inner__content__button {
  gap: 14px;
  min-height: 52px;
  margin-top: 28px;
  padding: 12px 24px;
  border: 1px solid #111;
  border-radius: 10px;
  background: #111 !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.sogafe-story .advanced-slider__caption__inner__content__button::before {
  display: none !important;
}

.sogafe-story .advanced-slider__caption__inner__content__button::after {
  content: "←";
  font: 20px/1 Arial, sans-serif;
  direction: ltr;
  unicode-bidi: isolate;
}

.sogafe-story .advanced-slider__caption__inner__content__button span,
.sogafe-story .advanced-slider__caption__inner__content__button:hover span {
  color: #fff !important;
}

.sogafe-story .advanced-slider__caption__inner__content__button:hover {
  background: #303630 !important;
  border-color: #303630;
}

.sogafe-story .advanced-slider__caption__inner__content__button:focus-visible {
  outline: 2px solid #111;
  outline-offset: 4px;
}

.s-block__title {
  gap: 16px;
  margin-bottom: 24px;
}

.s-block__title h2 {
  font-size: clamp(1.25rem, 2vw, 1.625rem);
  line-height: 1.5;
  color: var(--sg-ink);
}

.s-block__title p {
  color: var(--sg-muted);
  opacity: 1;
  font-size: 1rem;
  line-height: 1.75;
}

.s-block__title a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* Catalog and full search share the product-index layout. Exclude native
   horizontal lists: their behaviour and sizing remain owned by Salla. */
.product-index salla-products-list .s-products-list-wrapper:not(.s-products-list-horizontal-cards) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px 24px;
  align-items: stretch;
}

/* The fixed homepage component survives profile duplication via its class.
   Auto-fit centres small assortments while retaining sensible card widths. */
.index .fixed-products salla-products-list .s-products-list-wrapper:not(.s-products-list-horizontal-cards),
.index salla-products-list.vertical-products.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards),
.index .s-block--fixed-products .box-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 28px 24px;
  align-items: stretch;
}

.index .fixed-products salla-products-list .s-products-list-wrapper > custom-salla-product-card,
.index salla-products-list.vertical-products.auto-fit .s-products-list-wrapper > custom-salla-product-card,
.product-index salla-products-list .s-products-list-wrapper > custom-salla-product-card {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
}

.index .fixed-products salla-products-list .s-products-list-wrapper > custom-salla-product-card,
.index salla-products-list.vertical-products.auto-fit .s-products-list-wrapper > custom-salla-product-card {
  max-width: 360px;
  justify-self: center;
}

/* 4. Standard vertical cards only. Compact/horizontal/full-image/special
   component variants intentionally keep their native structural layouts. */
custom-salla-product-card.product-card--vertical:not(.product-card--special):not(.product-card--full-image):not(.product-card__full-image):not(.product-card--minimal) {
  display: flex;
  flex-direction: column;
  height: auto;
  min-width: 0;
  margin-top: var(--sg-card-lift);
  border: 0 !important;
  border-radius: var(--sg-radius);
  background-color: var(--sg-card-bg);
  overflow: visible;
  box-shadow: none;
}

custom-salla-product-card.product-card--vertical:not(.product-card--special):not(.product-card--full-image):not(.product-card__full-image):not(.product-card--minimal) .product-card__image {
  position: relative;
  inset: auto;
  flex: 0 0 auto !important;
  width: 100%;
  height: auto !important;
  max-height: 17rem !important;
  aspect-ratio: 1 / 1;
  margin-top: calc(-1 * var(--sg-card-lift));
  background: transparent;
  border-radius: var(--sg-radius) var(--sg-radius) 0 0;
  overflow: visible;
}

custom-salla-product-card.product-card--vertical:not(.product-card--special):not(.product-card--full-image):not(.product-card__full-image):not(.product-card--minimal) .product-card__image > a {
  position: relative;
  inset: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 8px 12px;
}

custom-salla-product-card.product-card--vertical:not(.product-card--special):not(.product-card--full-image):not(.product-card__full-image):not(.product-card--minimal) .product-card__image img {
  width: 100%;
  height: 100%;
  max-height: 17rem;
  object-fit: contain;
}

custom-salla-product-card.product-card--vertical:not(.product-card--special):not(.product-card--full-image):not(.product-card__full-image):not(.product-card--minimal) .product-card__content {
  position: relative;
  inset: auto;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start !important;
  height: auto !important;
  padding: 16px;
  overflow: visible;
  text-align: center;
}

custom-salla-product-card.product-card--vertical .product-card__content > form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

custom-salla-product-card.product-card--vertical .product-card__content-wrapper {
  min-width: 0;
}

custom-salla-product-card.product-card--vertical .product-card__title {
  margin-bottom: 10px;
  min-height: 3.25rem;
}

custom-salla-product-card.product-card--vertical .product-card__title a {
  display: block;
  position: static;
  color: var(--sg-ink);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  -webkit-line-clamp: unset;
}

custom-salla-product-card .product-card__price {
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-block: 10px;
}

custom-salla-product-card .product-card__price .total-price {
  position: static;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--sg-ink) !important;
}

custom-salla-product-card .product-card__price .before-price,
custom-salla-product-card .product-card__price .starting-price-title {
  color: var(--sg-muted);
  font-size: 0.875rem;
  line-height: 1.5;
}

custom-salla-product-card.product-card--vertical .product-card__normal-cart {
  display: block !important;
  margin-top: auto;
  padding-top: 12px;
}

/* Prefer the native flow-based CTA when both mobile overlay and normal-cart
   are rendered. This changes presentation only, never availability. */
custom-salla-product-card.product-card--vertical:has(.product-card__normal-cart) .product-card__addToCart.mobile,
custom-salla-product-card.product-card--vertical:has(.product-card__normal-cart) .product-card__enhanced-mini-cart {
  display: none !important;
}

custom-salla-product-card .product-card__normal-cart .s-button-btn,
custom-salla-product-card .product-card__addToCart .s-button-btn {
  width: 100%;
  min-height: 44px;
  height: auto;
  padding: 10px 12px;
  margin: 0;
  border: 1px solid var(--sg-ink);
  border-radius: 10px;
  background-color: var(--sg-ink);
  color: #ffffff;
  font-family: inherit;
  font-size: 0.9375rem;
  line-height: 1.5;
}

custom-salla-product-card .product-card__normal-cart .s-button-text,
custom-salla-product-card .product-card__addToCart .s-button-text {
  white-space: normal;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

custom-salla-product-card .s-button-btn:disabled,
custom-salla-product-card .s-button-btn[aria-disabled="true"] {
  background-color: #d4d4d4;
  border-color: #bfbfbf;
  color: #414141;
  opacity: 1;
}

/* The stock label stays inside the image area, away from the flowing title. */
custom-salla-product-card.product-card--vertical .product-card__out-label {
  top: auto;
  bottom: 8px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 6px 10px;
  border: 1px solid #a34242;
  border-radius: 8px;
  background-color: #ffffff;
  color: #8d3030;
  font-size: 0.8125rem;
  line-height: 1.5;
  z-index: 2;
}

/* 5. Product detail page. Preserve each asset's proportions and gallery JS. */
.product-single .product-single__title {
  font-size: clamp(1.375rem, 2.5vw, 1.875rem);
  line-height: 1.65;
  color: var(--sg-ink);
  overflow-wrap: anywhere;
}

.product-single .product-single__main-media {
  height: auto;
  min-width: 0;
  border-radius: var(--sg-radius);
  background-color: #ffffff;
}

.product-single .details-slider .product-single__slide-image {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: contain;
}

.product-single .product-price {
  gap: 8px 16px;
  flex-wrap: wrap;
  color: var(--sg-ink);
}

.product-single .product-price .total-price {
  color: var(--sg-ink) !important;
  line-height: 1.5;
}

.product-single .product-single-top-description {
  color: var(--sg-muted);
  font-size: 1rem;
  line-height: 1.9;
}

.product-single .product-form {
  min-width: 0;
}

.product-single .product-form .s-form-control {
  min-height: 44px;
  border-radius: 10px;
}

.product-single .product-form .s-button-btn,
.product-single .sticky-product-bar .s-button-btn {
  min-height: 48px;
  height: auto;
  border-radius: 10px;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
}

.product-single .sticky-product-bar {
  background-color: #ffffff;
  border-top: 1px solid var(--sg-border);
}

/* 6. Original written reviews, in one manually controlled horizontal row. */
.s-block--testimonials::before,
.s-block--testimonials::after {
  display: none !important;
}

.s-block--testimonials .home-block-title {
  margin-bottom: 28px;
}

.s-block--testimonials .home-block-line {
  display: none;
}

.s-block--testimonials .testimonials__title {
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: 1.4;
  margin: 0;
}

.s-block--testimonials.sg-reviews-ready .reviews-slider {
  display: none !important;
}

.sg-reviews-carousel {
  width: 100%;
  min-width: 0;
}

.sg-reviews-track {
  display: flex;
  align-items: stretch;
  gap: 24px;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 2px;
  touch-action: auto;
}

.sg-reviews-track::-webkit-scrollbar {
  display: none;
}

.sg-reviews-track > .review {
  flex: 0 0 calc((100% - 24px) / 2);
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.s-block--testimonials .review.sogafe-review--empty {
  display: none !important;
}

.s-block--testimonials .testimonials__review-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 196px;
  padding: 28px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: var(--sg-radius);
  box-shadow: none;
}

.s-block--testimonials .testimonials__text {
  color: var(--sg-ink);
  font-size: 1rem;
  line-height: 1.85;
  margin: 0 !important;
}

.s-block--testimonials .testimonials__review-author {
  gap: 12px;
  margin: 0;
  padding-top: 18px;
  border-top: 1px solid #eeeeee;
}

.s-block--testimonials .testimonials__review-author-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  min-width: 0;
}

.s-block--testimonials .testimonials__review-author-name {
  color: #444444;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
}

.s-block--testimonials .sg-default-avatar,
.s-block--testimonials .sicon-quote {
  display: none !important;
}

.s-block--testimonials .comment__rating {
  font-size: 14px;
  line-height: 1.4;
}

.sg-reviews-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

.sg-reviews-controls[hidden] {
  display: none !important;
}

.sg-reviews-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: #111111;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  cursor: pointer;
}

.sg-reviews-arrow span {
  font-family: Arial, sans-serif;
  font-size: 28px;
  line-height: 1;
  direction: ltr;
  unicode-bidi: isolate;
}

.sg-reviews-arrow:disabled {
  opacity: 0.35;
  cursor: default;
}

.sg-reviews-status {
  min-width: 44px;
  color: #666666;
  font-size: 13px;
  text-align: center;
  direction: ltr;
}

.sg-reviews-track:focus-visible,
.sg-reviews-arrow:focus-visible,
.s-block--testimonials .testimonials__view-all-wrap a:focus-visible {
  outline: 2px solid #111111;
  outline-offset: 2px;
}

.s-block--testimonials .testimonials__view-all-wrap {
  justify-content: center;
  margin-top: 24px;
}

.s-block--testimonials .testimonials__view-all-wrap > span {
  display: none;
}

.s-block--testimonials .testimonials__view-all-wrap a {
  min-height: 44px;
  height: auto;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  color: var(--sg-ink);
  line-height: 1.5;
}

/* 7. Finished footer. JS preserves native elements and their store data. */
/* Keep the native floating controls from covering the footer's legal data. */
body.sg-footer-in-view .scroll-to-top,
body.sg-footer-in-view .wa-selia {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.store-footer.sg-footer-reference {
  --font-main: 'SG Almarai', sans-serif;
  --footer-bg: #000000;
  --footer-text-color: #ffffff;
  --bottom-footer-bg: #000000;
  direction: rtl;
  margin-top: 56px;
  padding: 24px 0;
  border-radius: 22px 22px 0 0;
  background-color: #000000;
  color: #ffffff;
  font-family: 'SG Almarai', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}

.store-footer.sg-footer-reference .container {
  padding-inline: 15px;
}

.store-footer.sg-footer-reference .store-footer__inner {
  padding: 35px 0;
  border: 0;
  border-radius: inherit;
  background-color: #000000;
  color: inherit;
}

.store-footer.sg-footer-reference .store-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding-inline: 0;
}

.store-footer.sg-footer-reference .store-footer__grid > * {
  min-width: 0;
  padding-inline: 15px;
}

.store-footer.sg-footer-reference .store-footer__curve,
.store-footer.sg-footer-reference .store-footer__apps:not(:has(*)),
.store-footer.sg-footer-reference .store-footer__locale-row:not(:has(*)) {
  display: none;
}

.store-footer.sg-footer-reference .store-footer__brand {
  display: block;
  grid-column: auto;
  grid-row: auto;
  order: 0;
  margin-top: 0 !important;
}

.store-footer.sg-footer-reference .store-footer__logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  margin: 10px auto 30px;
  padding-bottom: 6px;
  line-height: 0;
}

/* Preserve the appended white SG SVG. Other footer images are untouched. */
.store-footer.sg-footer-reference .store-footer__logo-link img {
  width: auto;
  max-width: 180px;
  height: 44px !important;
  object-fit: contain;
  filter: none;
}

.store-footer.sg-footer-reference .footer-description,
.store-footer.sg-footer-reference .footer-description + p {
  margin: 14.4px 0 12px;
  padding-inline: 24px;
  color: #ffffff;
  font-family: inherit;
  font-size: 15.6px;
  font-weight: 400;
  line-height: 24.96px;
  text-align: center;
}

/* The current template contains an empty paragraph before the actual one. */
.store-footer.sg-footer-reference .footer-description:has(+ p) {
  display: none;
}

.store-footer.sg-footer-reference .store-footer__menu {
  grid-column: auto;
  order: 2;
  text-align: center;
}

.store-footer.sg-footer-reference .store-footer__menu-title,
.store-footer.sg-footer-reference .sg-footer-contact-title {
  display: none;
  margin: 18px 0 10px;
  padding-bottom: 6px;
  color: #ffffff;
  font-family: inherit;
  font-size: 19.2px;
  font-weight: 700;
  line-height: 23.04px;
}

.store-footer.sg-footer-reference .sg-footer-contact-title {
  display: block;
}

.store-footer.sg-footer-reference .footer-list,
.store-footer.sg-footer-reference .footer-list.enhanced_links {
  column-count: 1;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.store-footer.sg-footer-reference .footer-list li,
.store-footer.sg-footer-reference .footer-list.links_with_bullits li {
  margin: 0;
  padding: 0;
  list-style: none;
  break-inside: avoid;
  text-align: center;
}

.store-footer.sg-footer-reference .footer-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin: 0;
  padding: 4px 8px;
  color: #ffffff;
  font-family: inherit;
  font-size: 14.4px;
  font-weight: 400;
  line-height: 21.6px;
}

.store-footer.sg-footer-reference .footer-list a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.store-footer.sg-footer-reference a:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 4px;
  border-radius: 3px;
}

.store-footer.sg-footer-reference .store-footer__contacts-row {
  grid-column: auto;
  order: 1;
  margin: 0;
  padding-block: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
}

/* Hide the footer phone, retaining its underlying data. */
.store-footer.sg-footer-reference .store-footer__contacts-row selia-contacts {
  display: none !important;
}

.store-footer.sg-footer-reference .store-footer__contacts-row salla-social {
  display: block;
  margin: 0;
  padding: 0;
}

.store-footer.sg-footer-reference .store-footer__contacts-row .s-social-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0 -5px;
  padding: 10px 0 0;
  list-style: none;
}

/* Only the three requested social links are shown in this footer. */
.store-footer.sg-footer-reference .store-footer__contacts-row .s-social-link:not(:has(> a[aria-label="snapchat"], > a[aria-label="tiktok"], > a[aria-label="whatsapp"])) {
  display: none !important;
}

.store-footer.sg-footer-reference .store-footer__contacts-row .s-social-link {
  margin: 0;
  padding: 0;
}

.store-footer.sg-footer-reference .store-footer__contacts-row .s-social-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0 2.5px 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #000000;
}

.store-footer.sg-footer-reference .store-footer__contacts-row .s-social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-inline: 2px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #ffffff;
  color: #000000;
}

.store-footer.sg-footer-reference .store-footer__contacts-row .s-social-icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.store-footer.sg-footer-reference .store-footer__contacts-row .s-social-icon .sicon-whatsapp2 {
  color: #000000;
  font-size: 22px;
  line-height: 1;
}

/* Native payment logos stay in a centred row on the black background. */
.store-footer.sg-footer-reference .sg-footer-payments-row {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 10px;
}

.store-footer.sg-footer-reference .sg-footer-payments-row salla-payments {
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.store-footer.sg-footer-reference .sg-footer-payments-row .s-payments-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0;
  padding: 10px 15px;
  list-style: none;
}

.store-footer.sg-footer-reference .sg-footer-payments-row .s-payments-list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #ffffff;
}

.store-footer.sg-footer-reference .footer-bottom {
  padding: 0;
  border-top: 0;
  background-color: #000000;
  color: #aaaaaa;
}

.store-footer.sg-footer-reference .store-footer__bottom-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: calc(100% - 30px);
  max-width: 1110px;
  margin-inline: auto;
  padding: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.store-footer.sg-footer-reference .footer-rights {
  order: 2;
  color: #aaaaaa;
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
}

.store-footer.sg-footer-reference .footer-rights p,
.store-footer.sg-footer-reference .footer-rights a {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.store-footer.sg-footer-reference .footer-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  order: 1;
  max-width: 100%;
  margin: 0;
  padding: 0;
  gap: 14px;
  color: #dddddd;
}

.store-footer.sg-footer-reference .footer-badges > * {
  max-width: 100%;
  margin-inline: 0;
}

.store-footer.sg-footer-reference .footer-badges img {
  width: auto;
  max-width: 64px;
  height: auto;
  max-height: 48px;
  object-fit: contain;
}

.store-footer.sg-footer-reference .s-trust-badges-label,
.store-footer.sg-footer-reference .s-trust-badges-number,
.store-footer.sg-footer-reference .footer-tax__number p,
.store-footer.sg-footer-reference .footer-tax__number b {
  margin: 0;
  color: #dddddd;
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
}

@media (max-width: 991px) {
  .store-footer.sg-footer-reference .footer-list a {
    min-height: 44px;
  }

  .store-footer.sg-footer-reference .sg-footer-payments-row salla-payments {
    width: 100%;
  }

  .store-footer.sg-footer-reference .sg-footer-payments-row .s-payments-list {
    flex-wrap: nowrap;
    gap: 8px;
    padding: 10px 0;
  }

  .store-footer.sg-footer-reference .sg-footer-payments-row .s-payments-list-item {
    flex: 0 1 48px;
    min-width: 0;
    width: 48px;
    height: 32px;
  }

  .store-footer.sg-footer-reference .sg-footer-payments-row .s-payments-list-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .store-footer.sg-footer-reference .sg-footer-payments-row .s-payments-list-item:has(img[alt="customer_wallet"]),
  .store-footer.sg-footer-reference .sg-footer-payments-row .s-payments-list-item:has(img[alt="COD" i]) {
    display: none;
  }
}

@media (min-width: 992px) {
  .store-footer.sg-footer-reference .store-footer__grid {
    grid-template-columns: minmax(0, 30fr) minmax(0, 35fr) minmax(0, 35fr);
    min-height: 208px;
  }

  .store-footer.sg-footer-reference .store-footer__menu {
    order: 1;
  }

  .store-footer.sg-footer-reference .store-footer__contacts-row {
    order: 2;
  }

  .store-footer.sg-footer-reference .store-footer__menu-title,
  .store-footer.sg-footer-reference .sg-footer-contact-title {
    display: block;
  }

  .store-footer.sg-footer-reference .footer-description,
  .store-footer.sg-footer-reference .footer-description + p {
    padding-inline: 0;
  }

  .store-footer.sg-footer-reference .store-footer__bottom-inner {
    flex-direction: row;
  }

  .store-footer.sg-footer-reference .footer-rights {
    order: 0;
    text-align: right;
  }

  .store-footer.sg-footer-reference .footer-badges {
    justify-content: flex-end;
  }
}

/* The short shipping page uses the same type and neutral brand palette. */
:is(.sg-shipping-page, .sg-alaska-features-page) .content--single-page {
  width: 100%;
  max-width: 760px;
  margin-block: 24px 32px;
  padding: clamp(24px, 4vw, 40px);
  border: 1px solid #e8e8e8;
  border-radius: var(--sg-radius);
  background-color: #ffffff;
}

:is(.sg-shipping-page, .sg-alaska-features-page) .content-entry h2 {
  margin: 24px 0 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}

:is(.sg-shipping-page, .sg-alaska-features-page) .content-entry p {
  margin: 0 0 16px;
}

:is(.sg-shipping-page, .sg-alaska-features-page) .content-entry ul {
  margin: 0 0 24px;
  padding-inline-start: 24px;
}

:is(.sg-shipping-page, .sg-alaska-features-page) .content-entry li {
  margin-block: 8px;
}

:is(.sg-shipping-page, .sg-alaska-features-page) .content-entry a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

:is(.sg-shipping-page, .sg-alaska-features-page) .content-entry p:has(> br:only-child),
:is(.sg-shipping-page, .sg-alaska-features-page) salla-comments {
  display: none;
}

/* 8. Responsive adjustments. No horizontal-scroll masking is applied. */
@media (min-width: 1024px) {
  .store-header .header__main-row {
    min-height: 72px;
  }

  .product-single .product-single__slider {
    top: 110px;
  }

}

@media (max-width: 1023px) {
  .product-index salla-products-list .s-products-list-wrapper:not(.s-products-list-horizontal-cards) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 16px;
  }
}

@media (max-width: 767px) {
  :root {
    --sg-gutter: 12px;
    --sg-card-lift: 16px;
    --sg-radius: 12px;
    --products-per-row: 2;
  }

  .wa-selia {
    display: none;
  }

  .index .s-block {
    margin-block: 28px;
  }

  .sogafe-hero .advanced-slider__caption {
    padding: 20px 16px;
  }

  .sogafe-hero .advanced-slider__slide > picture {
    aspect-ratio: 3 / 2;
  }

  .sogafe-story .advanced-slider__slide {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "media" "copy";
  }

  .sogafe-story .advanced-slider__slide > picture {
    aspect-ratio: 5 / 4;
  }

  .sogafe-story .advanced-slider__image {
    aspect-ratio: 5 / 4;
  }

  .sogafe-story .advanced-slider__caption {
    padding: 28px 24px 32px;
  }

  .sogafe-story .advanced-slider__caption__inner__content__text {
    margin-top: 14px !important;
    font-size: 16px;
  }

  .sogafe-story .advanced-slider__caption__inner__content__button {
    margin-top: 24px;
  }

  .sg-reviews-track {
    gap: 16px;
  }

  .sg-reviews-track > .review {
    flex-basis: 88%;
  }

  .s-block--testimonials .home-block-title {
    margin-bottom: 24px;
  }

  .s-block--testimonials .testimonials__review-card {
    padding: 20px;
    min-height: 220px;
  }

  .s-block__title {
    gap: 12px;
    margin-bottom: 20px;
  }

  .s-block__title .right-side {
    padding-inline: 0;
    min-width: 0;
  }

  .s-block__title p {
    font-size: 0.875rem;
  }

  .index .fixed-products salla-products-list .s-products-list-wrapper:not(.s-products-list-horizontal-cards),
  .index salla-products-list.vertical-products.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards),
  .index .s-block--fixed-products .box-container,
  .product-index salla-products-list .s-products-list-wrapper:not(.s-products-list-horizontal-cards) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 12px;
  }

  custom-salla-product-card.product-card--vertical:not(.product-card--special):not(.product-card--full-image):not(.product-card__full-image):not(.product-card--minimal) .product-card__content {
    padding: 12px 10px !important;
  }

  custom-salla-product-card.product-card--vertical .product-card__title {
    min-height: 3.2rem;
    margin-bottom: 8px;
  }

  custom-salla-product-card.product-card--vertical .product-card__title a {
    font-size: 0.9375rem;
    line-height: 1.7;
  }

  custom-salla-product-card .product-card__price .total-price {
    font-size: 1.0625rem;
  }

  custom-salla-product-card .product-card__normal-cart .s-button-btn,
  custom-salla-product-card .product-card__addToCart .s-button-btn {
    padding-inline: 6px;
    font-size: 0.8125rem;
  }

  .product-single .product-single__slide-image {
    max-height: 460px;
  }

  .product-single .product-single__main-media {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  .product-single .product-single__info {
    padding-inline: 0;
  }

}

@media (prefers-reduced-motion: reduce) {
  custom-salla-product-card .product-card__image img,
  custom-salla-product-card .product-card__buttons,
  .store-header .main-nav-container .inner {
    transition-duration: 0.01ms;
  }
}

/* Original SG vector mark, extracted from supplied logo.pdf without SOGAFE. */
.store-header .navbar-brand img { content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQ4Ljc3IiBoZWlnaHQ9IjE1OS45MzM0IiB2aWV3Qm94PSIwIDAgMTQ4Ljc3IDE1OS45MzM0IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiByb2xlPSJpbWciIGFyaWEtbGFiZWxsZWRieT0ibG9nby10aXRsZSI+DQogIDx0aXRsZSBpZD0ibG9nby10aXRsZSI+2LnZhNin2YXYqSBTRyDigJQg2KfZhNiz2YLYp9mBPC90aXRsZT4NCiAgPGRlc2M+T3JpZ2luYWwgU0cgdmVjdG9yIHBhdGhzIGZyb20gc3VwcGxpZWQgbG9nby5wZGYsIHdpdGggdGhlIFNPR0FGRSB3b3JkIGFuZCBiYWNrZ3JvdW5kIG9taXR0ZWQuPC9kZXNjPg0KICA8ZyBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMzUuODg3MyAyOTkuMTcyNykiPg0KICAgIDxwYXRoIGlkPSJzZy0wMSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDI0MC44NTYzIDE4Ni4yMzY3KSIgZD0iTSAwIDAgQyAxLjYwMyA0LjM0NiAyLjQxNiA5LjA5IDIuNDE2IDE0LjE0MiBDIDIuNDE2IDIxLjQ2NyAxLjE1MSAyOC4yMDggLTIuNzc5IDM0LjI2NCBDIC03LjU5NiA0MS42ODYgLTE2LjQyOSA0OC4wNzcgLTMxLjkwOCA1My4yMzUgQyAtMzUuNzk5IDU0LjUzMiAtNDAuMTAzIDU1Ljc1MyAtNDQuODc2IDU2Ljg5MSBDIC00OC40MzMgNTcuNzMgLTUxLjU4OCA1OC41NDIgLTU0LjM4MiA1OS4zNTYgQyAtNjkuMzMxIDYzLjcxMSAtNzMuODk5IDY4LjEyNCAtNzMuODk5IDc3LjAzNCBDIC03My44OTkgODcuODE3IC02NS45NzkgOTMuNjA5IC01Mi40NzYgOTMuNjA5IEMgLTQzLjczNiA5My42MDkgLTM3LjkwOCA5MS40NjUgLTMzLjk4NiA4OC4xOSBDIC0zMS40OTIgODYuMTA2IC0yOS43OCA4My41NjEgLTI4LjU5OSA4MC44MDcgQyAtMjMuODc4IDgyLjU4OCAtMTcuMTE5IDgzLjQ5MyAtOC41MTYgODMuNDkzIEMgLTcuNjc2IDgzLjQ5MyAtNi44NTkgODMuNDc5IC02LjA2MiA4My40NSBMIC02LjA3MiA4My41MDcgTCAtMi43ODQgODMuMjc0IEMgLTQuNDk4IDg4LjgxNiAtNy4zNzIgOTQuMTAzIC0xMS42NjEgOTguNjM2IEMgLTE5LjY2MiAxMDcuMDkzIC0zMi41MjkgMTEyLjkzNiAtNTEuNzQgMTEyLjkzNiBDIC04My4yOSAxMTIuOTM2IC0xMDAuMDI1IDk2LjcyOSAtMTAwLjAyNSA3NC4yNSBDIC0xMDAuMDI1IDU3LjU3NyAtOTIuMTM0IDQ1LjcyNCAtNjUuMTEzIDM3LjQxOSBDIC02MS45OCAzNi40NTYgLTU4LjYwNSAzNS41MzggLTU0Ljk0IDM0LjY2OSBDIC01MC4yIDMzLjU1MSAtNDYuMTM0IDMyLjQzNCAtNDIuNjQ5IDMxLjI3NCBDIC0yOC4wMyAyNi40MDkgLTIzLjcyNiAyMC43ODggLTIzLjcyNiAxMS4xNSBDIC0yMy43MjYgMi4xNTMgLTI4LjY2MSAtNC40ODcgLTQwLjE3NCAtNi41NjggQyAtNDIuNjY1IC03LjAxOCAtNDUuNDQ4IC03LjI2NCAtNDguNTcyIC03LjI2NCBDIC01NS40NTQgLTcuMjY0IC02MS4yMDggLTYuMTE3IC02NS44NjYgLTMuODIxIEMgLTcyLjc3NCAtMC40MTUgLTc3LjI0OCA1LjU0MyAtNzkuMjI2IDE0LjIzOCBMIC0xMDQuOTY5IDE0LjIzOCBDIC0xMDIuMDA5IC03Ljk5OCAtODYuNTY3IC0yNC45MjMgLTU1LjYzNSAtMjYuNjAzIEMgLTUzLjk2MyAtMjYuNjk0IC01Mi4yNTYgLTI2Ljc1MSAtNTAuNDkyIC0yNi43NTEgQyAtNDEuNTI1IC0yNi43NTEgLTMzLjY4OCAtMjUuNjI0IC0yNi45NzkgLTIzLjU1NyBDIC0xMy4wNTEgLTE5LjI2NyAtNC4wMTkgLTEwLjg5OSAwIDAiLz4NCiAgICA8cGF0aCBpZD0ic2ctMDIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxODMuNzU2NSAyMTEuNzQ5MikiIGQ9Ik0gMCAwIEMgLTMuNTA0IDAuODMxIC02LjgxMyAxLjcxNyAtOS45MzcgMi42NTkgQyAtMTAuNTQ5IC0xLjUyMSAtMTAuODY1IC01Ljg2NCAtMTAuODY1IC0xMC4zNDUgQyAtMTAuODY1IC0xMS45NiAtMTAuODA5IC0xMy41NTEgLTEwLjcyNyAtMTUuMTI5IEMgLTYuNjY2IC0yMi4yMzUgMC44MjYgLTIzLjM3IDguNTI3IC0yMy4zNyBDIDEwLjgwNiAtMjMuMzcgMTIuNzEyIC0yMy4yMjUgMTQuMzY4IC0yMi45OSBDIDEzLjUxOCAtMTguNTgxIDEzLjExNSAtMTMuOTU5IDEzLjExNSAtOS4yOTkgQyAxMy4xMTUgLTcuNDQgMTMuMTc1IC01LjU5NSAxMy4yODYgLTMuNzY5IEMgOS45ODIgLTIuNTgzIDUuNjY4IC0xLjMzNyAwIDAiLz4NCiAgICA8cGF0aCBpZD0ic2ctMDMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxOTMuOTA1MyAyNTMuMzIzMSkiIGQ9Ik0gMCAwIEMgMS4zMTQgLTAuMzM1IDIuNzE2IC0wLjY4MSA0LjIzNCAtMS4wMzkgQyAxMi4xMiAtMi45MTkgMTkuMDY0IC01LjA3NSAyNS4xMzQgLTcuNTQ3IEMgMjguODc0IC02LjE3NyAzMy4xNjUgLTUuNDI2IDM4LjA3MiAtNS40MjYgQyA1Ni44MzcgLTUuNDI2IDY0LjUyMSAtMTUuMzMyIDY3LjYxNCAtMjUuNDg0IEwgOTAuNzUyIC0yNS40ODQgQyA4Ny44MjIgLTUuNjkxIDcxLjc4MSAxMC40IDQ1LjEwNSAxMi42OTggQyA0NS4xMTEgMTIuNjc1IDQ1LjExNSAxMi42NTEgNDUuMTIgMTIuNjI4IEMgNDQuMzAzIDEyLjcyMyA0My40MTYgMTIuNzkxIDQyLjUxIDEyLjg1MSBDIDQyLjE5IDEyLjg3MSA0MS44NzEgMTIuODkxIDQxLjU0IDEyLjkwNyBDIDQwLjU1MyAxMi45NTUgMzkuNTM3IDEyLjk5MSAzOC40MzUgMTIuOTkxIEMgMjkuNjA5IDEyLjk5MSAyMy40NTUgMTIuMDA3IDE5LjQ4OCAxMC41MDMgQyAxOS4xMTEgMTAuMzYgMTguNzMzIDEwLjIxNyAxOC4zOTUgMTAuMDY1IEMgMTEuMzU4IDcuODQ2IDUuMjE1IDQuNDIgMCAwIi8+DQogICAgPHBhdGggaWQ9InNnLTA0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMjM1LjQ0NTYgMjY2LjIzMDMpIiBkPSJNIDAgMCBDIDAuMzMxIC0wLjAxNiAwLjY1IC0wLjAzNiAwLjk2OSAtMC4wNTcgQyAwLjY1MSAtMC4wMzYgMC4zMyAtMC4wMTYgMCAwIi8+DQogICAgPHBhdGggaWQ9InNnLTA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMjQ4LjUwMzUgMTkwLjE5MTMpIiBkPSJNIDAgMCBMIDEyLjkyOSAwIEwgMTIuOTI5IC0xLjE3NyBDIDEyLjkyOSAtMTUuNTcgNy44MTYgLTMyLjI3MyAtMTYuNjQzIC0zMi4yNzMgQyAtMTguMDc1IC0zMi4yNzMgLTE5LjQ0OSAtMzIuMTk1IC0yMC43ODEgLTMyLjA2MiBDIC0yOS4yOTkgLTM2LjYyMSAtNDAuMjc2IC0zOS41NTcgLTU0LjEwNCAtNDAuMDM2IEMgLTQ1LjMzIC00Ni45NDYgLTMzLjk4OSAtNTAuOTUyIC0yMC4yNiAtNTAuOTUyIEMgLTEuMzM0IC01MC45NTIgMTAuMjI3IC00NC4zNTggMTYuNTYgLTM1LjI5NSBDIDE2Ljg2NSAtNDEuMDQ2IDE3LjQ2MSAtNDcuNjU1IDE4LjQzNCAtNTAuOTUyIEwgMzUuNTg3IC01MC45NTIgTCAzNS41ODcgMTkuMTcyIEwgMCAxOS4xNzIgSCIvPg0KICA8L2c+DQo8L3N2Zz4NCg=='); }
.store-footer .store-footer__logo-link img { content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQ4Ljc3IiBoZWlnaHQ9IjE1OS45MzM0IiB2aWV3Qm94PSIwIDAgMTQ4Ljc3IDE1OS45MzM0IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiByb2xlPSJpbWciIGFyaWEtbGFiZWxsZWRieT0ibG9nby10aXRsZSI+DQogIDx0aXRsZSBpZD0ibG9nby10aXRsZSI+2LnZhNin2YXYqSBTRyDigJQg2KfZhNiz2YLYp9mBPC90aXRsZT4NCiAgPGRlc2M+T3JpZ2luYWwgU0cgdmVjdG9yIHBhdGhzIGZyb20gc3VwcGxpZWQgbG9nby5wZGYsIHdpdGggdGhlIFNPR0FGRSB3b3JkIGFuZCBiYWNrZ3JvdW5kIG9taXR0ZWQuPC9kZXNjPg0KICA8ZyBmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im5vbmUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMzUuODg3MyAyOTkuMTcyNykiPg0KICAgIDxwYXRoIGlkPSJzZy0wMSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDI0MC44NTYzIDE4Ni4yMzY3KSIgZD0iTSAwIDAgQyAxLjYwMyA0LjM0NiAyLjQxNiA5LjA5IDIuNDE2IDE0LjE0MiBDIDIuNDE2IDIxLjQ2NyAxLjE1MSAyOC4yMDggLTIuNzc5IDM0LjI2NCBDIC03LjU5NiA0MS42ODYgLTE2LjQyOSA0OC4wNzcgLTMxLjkwOCA1My4yMzUgQyAtMzUuNzk5IDU0LjUzMiAtNDAuMTAzIDU1Ljc1MyAtNDQuODc2IDU2Ljg5MSBDIC00OC40MzMgNTcuNzMgLTUxLjU4OCA1OC41NDIgLTU0LjM4MiA1OS4zNTYgQyAtNjkuMzMxIDYzLjcxMSAtNzMuODk5IDY4LjEyNCAtNzMuODk5IDc3LjAzNCBDIC03My44OTkgODcuODE3IC02NS45NzkgOTMuNjA5IC01Mi40NzYgOTMuNjA5IEMgLTQzLjczNiA5My42MDkgLTM3LjkwOCA5MS40NjUgLTMzLjk4NiA4OC4xOSBDIC0zMS40OTIgODYuMTA2IC0yOS43OCA4My41NjEgLTI4LjU5OSA4MC44MDcgQyAtMjMuODc4IDgyLjU4OCAtMTcuMTE5IDgzLjQ5MyAtOC41MTYgODMuNDkzIEMgLTcuNjc2IDgzLjQ5MyAtNi44NTkgODMuNDc5IC02LjA2MiA4My40NSBMIC02LjA3MiA4My41MDcgTCAtMi43ODQgODMuMjc0IEMgLTQuNDk4IDg4LjgxNiAtNy4zNzIgOTQuMTAzIC0xMS42NjEgOTguNjM2IEMgLTE5LjY2MiAxMDcuMDkzIC0zMi41MjkgMTEyLjkzNiAtNTEuNzQgMTEyLjkzNiBDIC04My4yOSAxMTIuOTM2IC0xMDAuMDI1IDk2LjcyOSAtMTAwLjAyNSA3NC4yNSBDIC0xMDAuMDI1IDU3LjU3NyAtOTIuMTM0IDQ1LjcyNCAtNjUuMTEzIDM3LjQxOSBDIC02MS45OCAzNi40NTYgLTU4LjYwNSAzNS41MzggLTU0Ljk0IDM0LjY2OSBDIC01MC4yIDMzLjU1MSAtNDYuMTM0IDMyLjQzNCAtNDIuNjQ5IDMxLjI3NCBDIC0yOC4wMyAyNi40MDkgLTIzLjcyNiAyMC43ODggLTIzLjcyNiAxMS4xNSBDIC0yMy43MjYgMi4xNTMgLTI4LjY2MSAtNC40ODcgLTQwLjE3NCAtNi41NjggQyAtNDIuNjY1IC03LjAxOCAtNDUuNDQ4IC03LjI2NCAtNDguNTcyIC03LjI2NCBDIC01NS40NTQgLTcuMjY0IC02MS4yMDggLTYuMTE3IC02NS44NjYgLTMuODIxIEMgLTcyLjc3NCAtMC40MTUgLTc3LjI0OCA1LjU0MyAtNzkuMjI2IDE0LjIzOCBMIC0xMDQuOTY5IDE0LjIzOCBDIC0xMDIuMDA5IC03Ljk5OCAtODYuNTY3IC0yNC45MjMgLTU1LjYzNSAtMjYuNjAzIEMgLTUzLjk2MyAtMjYuNjk0IC01Mi4yNTYgLTI2Ljc1MSAtNTAuNDkyIC0yNi43NTEgQyAtNDEuNTI1IC0yNi43NTEgLTMzLjY4OCAtMjUuNjI0IC0yNi45NzkgLTIzLjU1NyBDIC0xMy4wNTEgLTE5LjI2NyAtNC4wMTkgLTEwLjg5OSAwIDAiLz4NCiAgICA8cGF0aCBpZD0ic2ctMDIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxODMuNzU2NSAyMTEuNzQ5MikiIGQ9Ik0gMCAwIEMgLTMuNTA0IDAuODMxIC02LjgxMyAxLjcxNyAtOS45MzcgMi42NTkgQyAtMTAuNTQ5IC0xLjUyMSAtMTAuODY1IC01Ljg2NCAtMTAuODY1IC0xMC4zNDUgQyAtMTAuODY1IC0xMS45NiAtMTAuODA5IC0xMy41NTEgLTEwLjcyNyAtMTUuMTI5IEMgLTYuNjY2IC0yMi4yMzUgMC44MjYgLTIzLjM3IDguNTI3IC0yMy4zNyBDIDEwLjgwNiAtMjMuMzcgMTIuNzEyIC0yMy4yMjUgMTQuMzY4IC0yMi45OSBDIDEzLjUxOCAtMTguNTgxIDEzLjExNSAtMTMuOTU5IDEzLjExNSAtOS4yOTkgQyAxMy4xMTUgLTcuNDQgMTMuMTc1IC01LjU5NSAxMy4yODYgLTMuNzY5IEMgOS45ODIgLTIuNTgzIDUuNjY4IC0xLjMzNyAwIDAiLz4NCiAgICA8cGF0aCBpZD0ic2ctMDMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxOTMuOTA1MyAyNTMuMzIzMSkiIGQ9Ik0gMCAwIEMgMS4zMTQgLTAuMzM1IDIuNzE2IC0wLjY4MSA0LjIzNCAtMS4wMzkgQyAxMi4xMiAtMi45MTkgMTkuMDY0IC01LjA3NSAyNS4xMzQgLTcuNTQ3IEMgMjguODc0IC02LjE3NyAzMy4xNjUgLTUuNDI2IDM4LjA3MiAtNS40MjYgQyA1Ni44MzcgLTUuNDI2IDY0LjUyMSAtMTUuMzMyIDY3LjYxNCAtMjUuNDg0IEwgOTAuNzUyIC0yNS40ODQgQyA4Ny44MjIgLTUuNjkxIDcxLjc4MSAxMC40IDQ1LjEwNSAxMi42OTggQyA0NS4xMTEgMTIuNjc1IDQ1LjExNSAxMi42NTEgNDUuMTIgMTIuNjI4IEMgNDQuMzAzIDEyLjcyMyA0My40MTYgMTIuNzkxIDQyLjUxIDEyLjg1MSBDIDQyLjE5IDEyLjg3MSA0MS44NzEgMTIuODkxIDQxLjU0IDEyLjkwNyBDIDQwLjU1MyAxMi45NTUgMzkuNTM3IDEyLjk5MSAzOC40MzUgMTIuOTkxIEMgMjkuNjA5IDEyLjk5MSAyMy40NTUgMTIuMDA3IDE5LjQ4OCAxMC41MDMgQyAxOS4xMTEgMTAuMzYgMTguNzMzIDEwLjIxNyAxOC4zOTUgMTAuMDY1IEMgMTEuMzU4IDcuODQ2IDUuMjE1IDQuNDIgMCAwIi8+DQogICAgPHBhdGggaWQ9InNnLTA0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMjM1LjQ0NTYgMjY2LjIzMDMpIiBkPSJNIDAgMCBDIDAuMzMxIC0wLjAxNiAwLjY1IC0wLjAzNiAwLjk2OSAtMC4wNTcgQyAwLjY1MSAtMC4wMzYgMC4zMyAtMC4wMTYgMCAwIi8+DQogICAgPHBhdGggaWQ9InNnLTA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMjQ4LjUwMzUgMTkwLjE5MTMpIiBkPSJNIDAgMCBMIDEyLjkyOSAwIEwgMTIuOTI5IC0xLjE3NyBDIDEyLjkyOSAtMTUuNTcgNy44MTYgLTMyLjI3MyAtMTYuNjQzIC0zMi4yNzMgQyAtMTguMDc1IC0zMi4yNzMgLTE5LjQ0OSAtMzIuMTk1IC0yMC43ODEgLTMyLjA2MiBDIC0yOS4yOTkgLTM2LjYyMSAtNDAuMjc2IC0zOS41NTcgLTU0LjEwNCAtNDAuMDM2IEMgLTQ1LjMzIC00Ni45NDYgLTMzLjk4OSAtNTAuOTUyIC0yMC4yNiAtNTAuOTUyIEMgLTEuMzM0IC01MC45NTIgMTAuMjI3IC00NC4zNTggMTYuNTYgLTM1LjI5NSBDIDE2Ljg2NSAtNDEuMDQ2IDE3LjQ2MSAtNDcuNjU1IDE4LjQzNCAtNTAuOTUyIEwgMzUuNTg3IC01MC45NTIgTCAzNS41ODcgMTkuMTcyIEwgMCAxOS4xNzIgSCIvPg0KICA8L2c+DQo8L3N2Zz4NCg=='); }

/* ALASKA-01 approved transparent banner — desktop + mobile asset, no crop. */
.index .sogafe-alaska-banner { margin-block: 32px 48px; }
.sogafe-alaska-banner .advanced-slider__slide { display:block !important; grid-template-columns:none !important; grid-template-areas:none !important; min-height:0 !important; height:auto !important; background:transparent !important; border-radius:0 !important; overflow:visible !important; }
.sogafe-alaska-banner .advanced-slider__slide::before, .sogafe-alaska-banner .advanced-slider__slide::after { content:none !important; display:none !important; }
.sogafe-alaska-banner .advanced-slider__slide > picture { display:block; width:100%; height:auto; aspect-ratio:auto; background:transparent !important; }
.sogafe-alaska-banner .advanced-slider__image { position:static !important; inset:auto !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:auto !important; object-fit:contain !important; object-position:center !important; margin:0 !important; border-radius:0 !important; filter:none !important; }
.sogafe-alaska-banner .advanced-slider__caption { display:none !important; }
@media (max-width:639px) { .index .sogafe-alaska-banner { margin-block:24px 36px; } }

/* User-approved same horizontal banner, full mobile width without swipe. */
@media (max-width:639px) { .index .sogafe-alaska-banner { padding-inline:0 !important; } }

/* Homepage component 155645860 only: native data/links/cart remain untouched.
   Append after storefront.css. Desktop 225px x ~270px body + 35% popout.
   Square transparent product assets keep their full card-width bitmap. */
.index .fixed-products salla-products-list.vertical-products.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards),
.index .fixed-products .box-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 225px)) !important;
  justify-content: center;
  align-items: stretch;
  gap: 28px 48px !important;
  overflow: visible !important;
  padding-block: 8px 0;
}
.index .fixed-products salla-products-list {
  display: block;
  overflow: visible !important;
}
.index .fixed-products custom-salla-product-card.product-card--vertical {
  --sg-home-image-lift: 35%;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 225px !important;
  min-width: 0 !important;
  min-height: 270px !important;
  height: auto !important;
  margin-top: var(--sg-home-image-lift) !important;
  justify-self: center;
  border: 0 !important;
  border-radius: 14px !important;
  background: #e8e8e9 !important;
  box-shadow: none !important;
  overflow: visible !important;
  opacity: 1 !important;
}
.index .fixed-products custom-salla-product-card.product-card--vertical .product-card__image {
  position: relative;
  inset: auto;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 10 / 7 !important;
  flex: 0 0 auto !important;
  margin-top: calc(-1 * var(--sg-home-image-lift)) !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
.index .fixed-products custom-salla-product-card.product-card--vertical .product-card__image > a {
  position: relative;
  inset: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
}
.index .fixed-products custom-salla-product-card.product-card--vertical .product-card__image img {
  display: block;
  flex: 0 0 100%;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center;
  filter: none !important;
  opacity: 1 !important;
}
.index .fixed-products salla-products-list.vertical-products.auto-fit custom-salla-product-card.product-card--vertical .product-card__content {
  position: relative;
  inset: auto;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column;
  min-width: 0;
  height: auto !important;
  padding: 12px 0 0 !important;
  overflow: visible !important;
  text-align: center;
}
.index .fixed-products custom-salla-product-card .product-card__content-wrapper {
  min-width: 0;
  padding-inline: 12px;
}
.index .fixed-products custom-salla-product-card .product-card__title {
  min-height: 51px !important;
  height: auto !important;
  margin: 0 !important;
}
.index .fixed-products custom-salla-product-card .product-card__title a {
  display: block !important;
  position: static !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  overflow: visible !important;
  text-overflow: unset;
  -webkit-line-clamp: unset !important;
}
.index .fixed-products custom-salla-product-card .s-product-card-rating {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px !important;
  min-height: 0 !important;
  margin: 5px 0 3px !important;
  padding: 0 !important;
}
.index .fixed-products custom-salla-product-card .s-rating-stars-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  height: 18px;
  margin: 0 !important;
  padding: 0 !important;
}
.index .fixed-products custom-salla-product-card .s-rating-stars-btn-star,
.index .fixed-products custom-salla-product-card .s-rating-stars-btn-star svg {
  width: 14px !important;
  height: 14px !important;
  line-height: 1 !important;
}
.index .fixed-products custom-salla-product-card .s-rating-stars-reviews,
.index .fixed-products custom-salla-product-card .product-card__actions,
.index .fixed-products custom-salla-product-card .product-card__buttons,
.index .fixed-products custom-salla-product-card .wishlist,
.index .fixed-products custom-salla-product-card .quickview-btn,
.index .fixed-products custom-salla-product-card .product-card__addToCart.mobile,
.index .fixed-products custom-salla-product-card .product-card__enhanced-mini-cart,
.index .fixed-products custom-salla-product-card .product-options:empty,
.index .fixed-products custom-salla-product-card:has(.product-card__normal-cart) .product-card__out-label {
  display: none !important;
}
/* Never force hidden sale placeholders to display: native prices remain native. */
.index .fixed-products custom-salla-product-card .product-card__price {
  flex-wrap: wrap !important;
  justify-content: center;
  gap: 4px 8px !important;
  min-width: 0;
  margin: 10px 0 !important;
  white-space: normal !important;
}
.index .fixed-products custom-salla-product-card .product-card__price .total-price {
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin: 0;
  white-space: nowrap;
}
.index .fixed-products custom-salla-product-card .product-card__price .before-price,
.index .fixed-products custom-salla-product-card .product-card__price .starting-price-title {
  font-size: 12px !important;
}
.index .fixed-products custom-salla-product-card.product-card--vertical .product-card__normal-cart {
  display: block !important;
  width: 90% !important;
  margin-top: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  padding-top: 10px !important;
}
.index .fixed-products custom-salla-product-card .product-card__normal-cart .s-button-btn,
.index .fixed-products custom-salla-product-card .product-card__normal-cart .s-button-btn:disabled,
.index .fixed-products custom-salla-product-card .product-card__normal-cart .s-button-btn[aria-disabled="true"] {
  width: 100% !important;
  min-height: 45px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 9px 8px !important;
  border: 0 !important;
  border-radius: 0 14px 14px !important;
  background: #000000 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.5 !important;
}
.index .fixed-products custom-salla-product-card .product-card__normal-cart .s-button-text {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: normal !important;
  color: #ffffff !important;
}
.index .fixed-products custom-salla-product-card .product-card__normal-cart .sicon-shopping {
  display: none;
}
.index .fixed-products custom-salla-product-card .product-card__normal-cart .s-button-btn:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 3px;
}
@media (max-width: 767px) {
  .index .fixed-products salla-products-list.vertical-products.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards),
  .index .fixed-products .box-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px 12px !important;
  }
  .index .fixed-products custom-salla-product-card.product-card--vertical {
    max-width: 100% !important;
    min-height: 235px !important;
  }
  .index .fixed-products salla-products-list.vertical-products.auto-fit custom-salla-product-card.product-card--vertical .product-card__content {
    padding: 8px 0 0 !important;
  }
  .index .fixed-products custom-salla-product-card .product-card__content-wrapper {
    padding-inline: 8px;
  }
  .index .fixed-products custom-salla-product-card .product-card__title {
    min-height: 45px !important;
  }
  .index .fixed-products custom-salla-product-card .product-card__title a {
    font-size: 15px !important;
  }
  .index .fixed-products custom-salla-product-card .product-card__price .total-price {
    font-size: 15px !important;
  }
  .index .fixed-products custom-salla-product-card .product-card__normal-cart .s-button-btn,
  .index .fixed-products custom-salla-product-card .product-card__normal-cart .s-button-btn:disabled,
  .index .fixed-products custom-salla-product-card .product-card__normal-cart .s-button-btn[aria-disabled="true"] {
    min-height: 44px !important;
    font-size: 14px !important;
  }
}

/* Homepage: Alaska packs first, magic towels second. Native product data stays native. */
.index section.s-block.fixed-products[component-id="155645860"] custom-salla-product-card:not([id="product-938897107"]):not([id="product-1280690808"]),
.index section.s-block.fixed-products[component-id="1013944698"] custom-salla-product-card:not([id="product-137343879"]) {
  display: none !important;
}
.index section.s-block.fixed-products[component-id="155645860"] salla-products-list.vertical-products.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards) {
  grid-template-columns: repeat(2, minmax(0, 225px)) !important;
}
.index section.s-block.fixed-products[component-id="1013944698"] salla-products-list.vertical-products.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards) {
  grid-template-columns: minmax(0, 225px) !important;
}
@media (max-width: 767px) {
  .index section.s-block.fixed-products[component-id="155645860"] salla-products-list.vertical-products.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .index section.s-block.fixed-products[component-id="1013944698"] salla-products-list.vertical-products.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards) {
    grid-template-columns: minmax(0, calc((100% - 12px) / 2)) !important;
  }
}
/* Shared home-card type and spacing. Align visible product bottoms, without altering assets. */
.index .fixed-products custom-salla-product-card.product-card--vertical {
  min-height: 248px !important;
}
.index .fixed-products custom-salla-product-card .product-card__title {
  min-height: 29px !important;
}
.index .fixed-products custom-salla-product-card[id] .product-card__title a {
  font-family: 'SG Almarai', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  direction: rtl !important;
  unicode-bidi: isolate;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
}
.index .fixed-products custom-salla-product-card[id="product-1280690808"] .product-card__image img.main-image {
  transform: translateY(-1.8%);
}
.index .fixed-products custom-salla-product-card[id="product-137343879"] .product-card__image img.main-image {
  transform: translateY(-8.3444%);
}
@media (max-width: 767px) {
  .index .fixed-products custom-salla-product-card.product-card--vertical {
    min-height: 215px !important;
  }
  .index .fixed-products custom-salla-product-card .product-card__title {
    min-height: 25px !important;
  }
  .index .fixed-products custom-salla-product-card[id] .product-card__title a {
    font-size: clamp(11px, calc(2.857vw + 1.857px), 14px) !important;
  }
}

/* Reviews only — eight native opinions; four desktop cards, one mobile card, automatic horizontal row, no arrow controls. */
body.index .s-block--testimonials {
  background: #f8f8f6;
  padding: 30px 24px;
  border-radius: 12px;
}
body.index .s-block--testimonials .home-block-title {
  justify-content: flex-start;
  margin-bottom: 24px;
}
body.index .s-block--testimonials .testimonials__title {
  font-size: 26px;
  text-align: start;
}
body.index .s-block--testimonials .sg-reviews-track {
  gap: 18px;
  padding: 0;
  scroll-behavior: auto;
}
body.index .s-block--testimonials .sg-reviews-track > .review {
  flex: 0 0 calc((100% - 54px) / 4);
  box-sizing: border-box;
  min-width: 0;
}
body.index .s-block--testimonials .testimonials__review-card {
  height: 100%;
  min-height: 180px;
  gap: 14px;
  padding: 18px;
  box-sizing: border-box;
  border: 0;
  border-radius: 9px;
  background: #fff;
  box-shadow: none;
}
body.index .s-block--testimonials .testimonials__text {
  font-size: 13px;
  line-height: 1.9;
  overflow-wrap: anywhere;
  white-space: normal;
  overflow: visible;
  -webkit-line-clamp: unset;
}
body.index .s-block--testimonials .testimonials__review-author {
  margin: auto 0 0;
  padding: 0;
  border: 0;
}
body.index .s-block--testimonials .testimonials__review-author-info {
  margin: 0;
  gap: 0;
}
body.index .s-block--testimonials .testimonials__review-author-name {
  font-size: 12px;
  font-weight: 700;
  color: #464646;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.index .s-block--testimonials .comment__rating {
  font-size: 14px;
  line-height: 1.5;
}
body.index .s-block--testimonials .testimonials__review-author img,
body.index .s-block--testimonials .sg-reviews-controls,
body.index .s-block--testimonials .sg-reviews-arrow,
body.index .s-block--testimonials .sg-reviews-status,
body.index .s-block--testimonials .swiper-pagination,
body.index .s-block--testimonials .s-slider-nav-arrow {
  display: none !important;
}
@media (max-width: 767px) {
  body.index .s-block--testimonials {
    padding: 24px 16px;
    border-radius: 10px;
  }
  body.index .s-block--testimonials .testimonials__title {
    font-size: 20px;
  }
  body.index .s-block--testimonials .home-block-title {
    margin-bottom: 20px;
  }
  body.index .s-block--testimonials .sg-reviews-track {
    gap: 14px;
  }
  body.index .s-block--testimonials .sg-reviews-track > .review {
    flex-basis: 100%;
  }
  body.index .s-block--testimonials .testimonials__review-card {
    padding: 16px;
    min-height: 148px;
    gap: 8px;
  }
}

/* Approved header refinement: desktop and mobile keep independent layouts. */
.store-header .sg-header-desktop-label,
.store-header .sg-header-mobile-name {
  display: none;
  color: var(--header-text-color);
  font-family: var(--font-main), Arial, sans-serif;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .store-header .sg-header-desktop [data-selia="header-search-button"],
  .store-header .sg-header-desktop nav.mobile-menu {
    display: none !important;
  }

  .store-header .sg-header-desktop .navbar-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
  }

  .store-header .sg-header-desktop .sg-header-desktop-label {
    display: inline-block;
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .store-header .sg-header-mobile .mburger,
  .store-header .sg-header-mobile [data-selia="header-search-button"] {
    display: none !important;
  }

  .store-header .sg-header-mobile .header__main-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
  }

  .store-header .sg-header-mobile .header__main-start,
  .store-header .sg-header-mobile .header__main-end {
    width: auto;
    min-width: 0;
  }

  .store-header .sg-header-mobile .header__brand .navbar-brand {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    direction: rtl;
    margin: 0 !important;
  }

  .store-header .sg-header-mobile .navbar-brand img {
    height: 40px !important;
    width: auto !important;
    max-height: 40px;
    flex: 0 0 auto;
  }

  .store-header .sg-header-mobile .sg-header-mobile-name {
    display: inline-block;
    font-size: 18px;
  }
}

/* Keep the native 44px controls clear of the brand on compact phones. */
@media (max-width: 359px) {
  .store-header .sg-header-mobile .header__brand .navbar-brand {
    gap: 4px;
  }
  .store-header .sg-header-mobile .navbar-brand img {
    min-width: 0;
    height: 38px !important;
    max-height: 38px;
  }
  .store-header .sg-header-mobile .sg-header-mobile-name {
    font-size: 16px;
  }
  .store-header .sg-header-mobile .header__search-btn {
    margin-inline: 0 !important;
  }
  .store-header .sg-header-mobile .header__cart-summary {
    margin-inline-start: 4px !important;
    margin-inline-end: 0 !important;
  }
}

/* بكج 2 فقط. يُضاف بعد storefront.css. لا يؤثر على الرئيسية أو المنتجات الأخرى. */
body.sg-pack2-page {
  --sg-pack2-gap: 36px;
  --sg-pack2-sticky-inset: 110px;
  --sg-pack2-bar-reserve: 0px;
}
body.sg-pack2-page .sg-pack2-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--sg-pack2-gap);
  align-items: start;
  margin-block-end: 40px;
}
body.sg-pack2-page .sg-pack2-columns > .product-single__slider,
body.sg-pack2-page .sg-pack2-info {
  min-width: 0;
  width: 100%;
  margin: 0;
}
body.sg-pack2-page .product-single__main-media {
  width: 100%;
  height: auto;
  min-width: 0;
  max-width: 540px;
  margin-inline: auto;
  border-radius: 16px;
  background: #ededed;
}
body.sg-pack2-page .product-single__main-media > salla-slider {
  display: block;
  width: 100%;
  min-width: 0;
}
body.sg-pack2-page .product-single__slide-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 540px;
  object-fit: contain;
  object-position: center;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}
body.sg-pack2-page .product-single__brand-row {
  margin-block: 0 10px;
}
body.sg-pack2-page .product-single__title {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
body.sg-pack2-page .sg-pack2-info > salla-rating-stars {
  margin-block: 8px 12px;
}
body.sg-pack2-page .sg-pack2-hook {
  margin-block: 8px 0;
  color: #595959;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}
body.sg-pack2-page .product-price-top {
  margin-block: 14px 4px;
}
body.sg-pack2-page .product-single__tax-note {
  display: block;
  margin-block: 4px 12px;
  font-size: 12px;
  line-height: 1.7;
}
body.sg-pack2-page .sg-pack2-info > salla-installment {
  display: block;
  margin-block: 12px;
}
body.sg-pack2-page #product-form.product-form {
  margin-block: 16px 0;
  padding: 0;
}
body.sg-pack2-page #product-form .s-form-control {
  min-height: 44px;
  border-radius: 8px;
}
body.sg-pack2-page #product-form .s-button-btn,
body.sg-pack2-page .sticky-product-bar .s-button-btn {
  min-height: 50px;
  border-radius: 9px;
  font-family: 'SG Almarai', Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
/* الحالة، النص، التحميل، المخزون والصلاحية تأتي من مكوّن سلة الأصلي. */
body.sg-pack2-page #product-form .s-button-btn:not(:disabled):not([aria-disabled="true"]) {
  color: #fff;
  background: #171717;
  border-color: #171717;
}
body.sg-pack2-page .sg-pack2-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-block: 16px 0;
  padding-block-start: 14px;
  border-top: 1px solid #d8d8d8;
  color: #464646;
  font-size: 13px;
  line-height: 1.8;
}
body.sg-pack2-page .sg-pack2-trust a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
body.sg-pack2-page .sg-pack2-details {
  width: 100%;
  margin-block: 0 40px;
  padding: 0;
  color: #171717;
}
/* لا يُخفى الوصف السابق حتى يكتمل بناء البديل الآمن. */
body.sg-pack2-page .sg-pack2-details.sg-pack2-content-ready > article {
  display: none;
}
body.sg-pack2-page .sg-pack2-custom-content {
  display: grid;
  gap: 28px;
  min-width: 0;
}
body.sg-pack2-page .sg-pack2-custom-content h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
}
body.sg-pack2-page .sg-pack2-intro {
  max-width: 740px;
  margin-block: 8px 0;
  color: #595959;
  font-size: 16px;
  line-height: 1.9;
}
body.sg-pack2-page .sg-pack2-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding-block: 22px;
  border-block: 1px solid #d8d8d8;
}
body.sg-pack2-page .sg-pack2-feature {
  min-width: 0;
}
body.sg-pack2-page .sg-pack2-feature h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
body.sg-pack2-page .sg-pack2-feature p {
  margin-block: 7px 0;
  color: #595959;
  font-size: 14px;
  line-height: 1.9;
}
body.sg-pack2-page .sg-pack2-specs {
  margin: 0;
  border-top: 1px solid #d8d8d8;
}
body.sg-pack2-page .sg-pack2-spec-row {
  display: grid;
  grid-template-columns: minmax(100px, 180px) minmax(0, 1fr);
  gap: 16px;
  padding-block: 12px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 14px;
  line-height: 1.8;
}
body.sg-pack2-page .sg-pack2-spec-row dt {
  font-weight: 700;
}
body.sg-pack2-page .sg-pack2-spec-row dd {
  margin: 0;
  color: #595959;
  overflow-wrap: anywhere;
}
body.sg-pack2-page .sg-pack2-folds {
  border-top: 1px solid #d8d8d8;
}
body.sg-pack2-page .sg-pack2-fold {
  border-bottom: 1px solid #d8d8d8;
}
body.sg-pack2-page .sg-pack2-fold summary {
  min-height: 52px;
  padding-block: 13px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
body.sg-pack2-page .sg-pack2-fold p {
  margin: 0;
  padding-block: 0 18px;
  color: #595959;
  font-size: 14px;
  line-height: 1.9;
  white-space: pre-line;
}
body.sg-pack2-page :where(.sg-pack2-trust a, .sg-pack2-fold summary):focus-visible {
  outline: 3px solid #3265a8;
  outline-offset: 4px;
  border-radius: 4px;
}
@media (max-width: 1023px) and (min-width: 768px) {
  body.sg-pack2-page { --sg-pack2-gap: 24px; }
  body.sg-pack2-page .product-single__title { font-size: 25px; }
}
@media (max-width: 767px) {
  body.sg-pack2-page { --sg-pack2-bar-reserve: 90px; }
  /* مساحة احتياط فقط؛ لا نعيد بناء الشريط الأصلي ولا نغيّر موضعه. */
  body.sg-pack2-page .app-inner {
    padding-block-end: max(var(--sg-pack2-bar-reserve), env(safe-area-inset-bottom));
  }
  body.sg-pack2-page .sg-pack2-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-block-end: 30px;
  }
  body.sg-pack2-page .product-single__main-media {
    width: 100% !important;
    max-width: 320px !important;
    margin-inline: auto !important;
  }
  body.sg-pack2-page .product-single__slide-image {
    max-height: 320px;
  }
  body.sg-pack2-page .product-single__title {
    font-size: 22px;
    line-height: 1.55;
  }
  body.sg-pack2-page .product-single__brand-row {
    margin-block: 0 8px;
  }
  body.sg-pack2-page .sg-pack2-hook {
    font-size: 14px;
  }
  body.sg-pack2-page .sg-pack2-details {
    margin-block-end: 30px;
  }
  body.sg-pack2-page .sg-pack2-custom-content {
    gap: 24px;
  }
  body.sg-pack2-page .sg-pack2-custom-content h2 {
    font-size: 21px;
  }
  body.sg-pack2-page .sg-pack2-features {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding-block: 20px;
  }
  body.sg-pack2-page .sg-pack2-feature h3 {
    font-size: 16px;
  }
  body.sg-pack2-page .sg-pack2-feature p {
    margin-block-start: 4px;
  }
  body.sg-pack2-page .sg-pack2-spec-row {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.sg-pack2-page .sg-pack2-custom-content *,
  body.sg-pack2-page .product-single__slide-image {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}


/* عرض مضغوط وهوية كلاسيكية؛ الأولوية ضرورية لمقاسات Tailwind المهمة في سيليا. */
body.sg-pack2-page .sg-pack2-columns > .product-single__slider,
body.sg-pack2-page .sg-pack2-info { width: 100% !important; padding-inline: 0 !important; }
body.sg-pack2-page .sg-pack2-columns > .product-single__slider { position: static; }
/* h-full في الثيم يترك فراغًا بطول الوصف السابق بعد نقله. */
body.sg-pack2-page .sg-pack2-columns { height: auto; }
body.sg-pack2-page #product-form .s-button-btn { border-radius: 9px !important; }
body.sg-pack2-page .sg-pack2-gallery { display: none; position: relative; width: 100%; max-width: 540px; margin-inline: auto; }
body.sg-pack2-page .sg-pack2-gallery-ready .sg-pack2-gallery { display: block; }
body.sg-pack2-page .sg-pack2-gallery-ready .product-single__main-media { display: none; }
body.sg-pack2-page .sg-pack2-gallery-view {
  position: relative; display: block; width: 100%; height: 440px; padding: 16px;
  border: 0; border-radius: 14px; background: #e8e8e8; cursor: zoom-in;
}
body.sg-pack2-page .sg-pack2-gallery-image {
  display: block; width: 100%; height: 100%; object-fit: contain;
  object-position: center; border-radius: 8px; transform: none; filter: none;
}
body.sg-pack2-page .sg-pack2-shipping-badge {
  position: absolute; top: 14px; right: 14px; z-index: 2;
  padding: 7px 14px; border-radius: 9px; background: #c62828; color: #fff;
  font-size: 14px; font-weight: 700; line-height: 1.5; pointer-events: none;
}
body.sg-pack2-page .sg-pack2-zoom-label {
  position: absolute; inset-block-end: 10px; inset-inline-end: 12px;
  padding: 5px 9px; border-radius: 5px; font-size: 11px;
  line-height: 1.5; color: #333; background: rgba(255,255,255,.9);
}
body.sg-pack2-page .sg-pack2-thumbnails { display: flex; justify-content: center; gap: 10px; margin-block-start: 12px; }
body.sg-pack2-page .sg-pack2-thumbnail {
  width: 65px; height: 65px; padding: 4px; border: 1px solid #ccc;
  border-radius: 7px; background: #e8e8e8; cursor: pointer;
}
body.sg-pack2-page .sg-pack2-thumbnail[aria-pressed="true"] { border: 2px solid #171717; }
body.sg-pack2-page .sg-pack2-thumbnail img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 3px; }
body.sg-pack2-page .product-single__brand-row { justify-content: flex-start; gap: 10px; margin-block: 12px 0; }
body.sg-pack2-page .product-single__brand-row button { min-width: 36px; min-height: 36px; }
body.sg-pack2-page .product-single__stock-info { margin-block-end: 10px; }
body.sg-pack2-page .product-price-top .total-price { font-size: 27px; line-height: 1.4; }
body.sg-pack2-page #product-form .product-price-bottom { display: none; }
body.sg-pack2-page #product-form .sticky-product-bar { padding: 0; background: transparent; }
body.sg-pack2-page #product-form .sticky-product-bar__btn { margin-block-start: 0; }
/* الحالة غير المتاحة واضحة، ولا يعاد تفعيل الزر أو تغيير بيانات المخزون. */
body.sg-pack2-page #product-form .s-button-btn:disabled {
  color: #fff; background: #393939; border-color: #393939; opacity: 1; cursor: not-allowed;
}
body.sg-pack2-page .sg-pack2-custom-content { max-width: 100%; gap: 28px; }
body.sg-pack2-page .sg-pack2-specs { max-width: 100%; border-top: 0; }
body.sg-pack2-page .sg-pack2-spec-row { grid-template-columns: 180px minmax(0,1fr); }
body.sg-pack2-page .sg-pack2-fold summary { list-style: none; display: flex; justify-content: space-between; align-items: center; }
body.sg-pack2-page .sg-pack2-fold summary::-webkit-details-marker { display: none; }
body.sg-pack2-page .sg-pack2-fold summary::after { content: '+'; font-size: 22px; font-weight: 400; }
body.sg-pack2-page .sg-pack2-fold[open] summary::after { content: '−'; }
body.sg-pack2-page .sg-pack2-lightbox {
  position: fixed; inset: 0; width: min(95vw,1100px); height: min(90dvh,1000px);
  max-width: 95vw; max-height: 90dvh; margin: auto; padding: 58px 20px 68px;
  border: 0; border-radius: 12px; background: #f7f7f7; color: #171717;
}
body.sg-pack2-page .sg-pack2-lightbox::backdrop { background: rgba(0,0,0,.75); }
body.sg-pack2-page .sg-pack2-lightbox-image { display: block; width: 100%; height: 100%; object-fit: contain; }
body.sg-pack2-page .sg-pack2-lightbox-close { position: absolute; inset-block-start: 10px; inset-inline-end: 12px; min-height: 40px; padding: 8px 12px; }
body.sg-pack2-page .sg-pack2-lightbox-controls { position: absolute; inset-block-end: 12px; inset-inline: 14px; display: flex; justify-content: space-between; gap: 12px; }
body.sg-pack2-page .sg-pack2-lightbox-nav { min-height: 42px; padding: 8px 14px; border: 1px solid #bbb; border-radius: 6px; }
body.sg-pack2-page :where(.sg-pack2-gallery button,.sg-pack2-lightbox button):focus-visible { outline: 3px solid #3265a8; outline-offset: 3px; }
body.sg-pack2-page .sg-pack2-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 767px) {
  body.sg-pack2-page .sg-pack2-gallery { max-width: 100%; }
  body.sg-pack2-page .sg-pack2-gallery-view { height: 265px; padding: 8px; border-radius: 10px; }
  body.sg-pack2-page .sg-pack2-shipping-badge { top: 10px; right: 10px; padding: 6px 11px; border-radius: 7px; font-size: 12px; }
  body.sg-pack2-page .sg-pack2-thumbnails { gap: 8px; margin-block-start: 10px; }
  body.sg-pack2-page .sg-pack2-thumbnail { width: 48px; height: 48px; padding: 3px; }
  body.sg-pack2-page .sg-pack2-columns { gap: 16px; }
  body.sg-pack2-page .sg-pack2-info > salla-rating-stars { margin-block: 5px 8px; }
  body.sg-pack2-page .product-price-top { margin-block-start: 7px; }
  body.sg-pack2-page .product-price-top .total-price { font-size: 25px; }
  body.sg-pack2-page .sg-pack2-spec-row { grid-template-columns: 100px minmax(0,1fr); }
  body.sg-pack2-page .sg-pack2-trust { font-size: 12px; gap: 6px 12px; }
  body.sg-pack2-page #product-form .sticky-product-bar { padding: 10px 12px max(10px,env(safe-area-inset-bottom)); background: #f7f7f7; border-top: 1px solid #d8d8d8; }
  body.sg-pack2-page .sg-pack2-features { gap: 15px; }
  body.sg-pack2-page .sg-pack2-lightbox { padding-inline: 8px; }
}

/* النص المعتمد تحت الاسم، دون قص أو ارتفاع ثابت. */
body.sg-pack2-page .sg-pack2-hook {
  width: 100%; box-sizing: border-box; margin: 10px 0 14px;
  padding: 14px 16px; border: 1px solid #dedede; border-radius: 9px;
  background: #ededed; color: #424242; font-size: 15px;
  font-weight: 600; line-height: 1.85; white-space: normal;
  text-align: justify; text-justify: inter-word; text-align-last: start;
  overflow-wrap: break-word;
}
@media (max-width: 767px) {
  body.sg-pack2-page .sg-pack2-hook {
    margin: 10px 0 12px; padding: 12px 14px;
    font-size: 14px; line-height: 1.85;
  }
}


/* رابط آراء العملاء ببيانات متجددة، ونجوم المنتج الأصلية دون تغيير. */
body.sg-store-total-ready .product-single__info > salla-rating-stars {
  display: inline-flex !important; vertical-align: middle;
}
body.sg-store-total-ready .product-single__info > salla-rating-stars .s-rating-stars-reviews {
  display: none;
}
body .sg-store-review-total {
  display: inline-flex; align-items: center; vertical-align: middle;
  margin-inline-start: 9px; color: #555; font-size: 13px;
  font-weight: 400; line-height: 1.8; text-decoration: underline;
  text-underline-offset: 3px;
}
body .sg-store-review-total:focus-visible { outline: 2px solid #3265a8; outline-offset: 4px; }
body .s-block--testimonials > .sg-store-review-total,
body .s-block--testimonials h2 + .sg-store-review-total {
  display: flex; justify-content: center; margin: 6px 0 22px;
}
@media (max-width: 767px) {
  body .sg-store-review-total { font-size: 12px; margin-inline-start: 7px; }
}

@media (min-width: 768px) {
  body.sg-pack2-page .sg-pack2-feature h3,
  body.sg-pack2-page .sg-pack2-feature p { text-align: center; }
}
@media (max-width: 767px) {
  body.sg-pack2-page .sg-pack2-features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 0; }
  body.sg-pack2-page .sg-pack2-feature { padding-inline: 8px; text-align: center; }
  body.sg-pack2-page .sg-pack2-feature h3,
  body.sg-pack2-page .sg-pack2-feature p { text-align: center; }
  body.sg-pack2-page .sg-pack2-feature:first-child { border-inline-end: 1px solid #d8d8d8; }
  body.sg-pack2-page .sg-pack2-feature:last-child { grid-column: 1 / -1; }
}
@media (max-width: 360px) {
  body.sg-pack2-page .sg-pack2-feature:nth-child(-n+2) h3 {
    min-height: 3.2em; display: flex; align-items: center; justify-content: center;
  }
}

/* Desktop homepage: align the brand banner with the approved story banners. */
@media (min-width: 1024px) {
  .index .sg-brand-banner-v23 {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--sg-content-width);
    margin-inline: auto;
    padding-inline: var(--sg-gutter);
  }
}

/* Sogafe: show reviews in their original language; hide optional translation controls. */
.s-translate-btn[data-action="translate"],
.s-translate-btn[data-action="translate-all"] {
  display: none !important;
}