/* Add custom CSS styles below *//* =====================================================
   KENZ STORE - MASTER CSS
   Tabby + Tamara
   Add To Cart
   Add Product Toast
   Discount Popup
   Product Page
   Swiper-safe Product Card Frame
===================================================== */


/* =====================================================
   1) TABBY + TAMARA PRODUCT CARD
===================================================== */

.kenz-payments {
  width: 100%;
  margin: 8px 0 10px;
  direction: rtl;
}

.kenz-payments-title {
  font-size: 11px;
  line-height: 1.4;
  font-weight: 500;
  color: #666;
  margin-bottom: 6px;
}

.kenz-payments-logos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  direction: ltr;
}


/* Tabby */

.kenz-tabby-logo {
  width: 68px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #3cf2b4;
  border-radius: 6px;
  box-sizing: border-box;
  overflow: hidden;
}

.kenz-tabby-logo .tabby-word {
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1px;
  transform: scaleX(1.03);
}


/* Tamara */

.kenz-tamara-logo {
  width: 76px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;

  background:
    linear-gradient(
      110deg,
      #ffb498 0%,
      #ffce72 22%,
      #ff9caf 43%,
      #dc9dff 66%,
      #91cfff 84%,
      #9ef5d2 100%
    );

  box-sizing: border-box;
  overflow: hidden;
}

.kenz-tamara-logo .tamara-word {
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.8px;
}


/* Alignment */

custom-salla-product-card .kenz-payments {
  text-align: right;
}

custom-salla-product-card .kenz-payments-logos {
  justify-content: flex-start;
}


@media (max-width: 640px) {

  .kenz-payments {
    margin-top: 6px;
    margin-bottom: 8px;
  }

  .kenz-payments-title {
    font-size: 10px;
    margin-bottom: 5px;
  }

  .kenz-payments-logos {
    gap: 5px;
  }

  .kenz-tabby-logo {
    width: 60px;
    height: 25px;
  }

  .kenz-tabby-logo .tabby-word {
    font-size: 13px;
  }

  .kenz-tamara-logo {
    width: 68px;
    height: 25px;
  }

  .kenz-tamara-logo .tamara-word {
    font-size: 12px;
  }
}



/* =====================================================
   2) PRODUCT CARD ADD TO CART BUTTON
===================================================== */

custom-salla-product-card
.s-product-card-content-footer
salla-add-product-button,

custom-salla-product-card
.s-product-card-content-footer
salla-add-product-button > div,

custom-salla-product-card
.s-product-card-content-footer
salla-button.s-button-wrap {

  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  display: block !important;
}


/* Button text */

custom-salla-product-card
.s-product-card-content-footer
.s-button-element .s-button-text {

  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  background: transparent !important;

  border-radius: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  width: auto !important;
  height: auto !important;
  min-height: 0 !important;

  color: #fff !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;

  position: relative;
  z-index: 3;

  font-size: 14px !important;
  font-weight: 700 !important;
}


/* Remove theme inner effects */

custom-salla-product-card
.s-product-card-content-footer
.s-button-text::before,

custom-salla-product-card
.s-product-card-content-footer
.s-button-text::after {

  content: none !important;
  display: none !important;
}


/* Main button */

custom-salla-product-card
.s-product-card-content-footer
button.s-button-element {

  width: 100% !important;

  height: 40px !important;
  min-height: 40px !important;

  padding: 0 14px !important;
  margin: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      135deg,
      #30338A 0%,
      #202773 48%,
      #151B3D 100%
    ) !important;

  color: #fff !important;

  box-shadow:
    0 5px 13px rgba(21, 27, 61, .22) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  position: relative !important;
  overflow: hidden !important;

  isolation: isolate;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease !important;
}


/* Shine */

custom-salla-product-card
.s-product-card-content-footer
button.s-button-element::before {

  content: "" !important;

  display: block !important;

  position: absolute !important;

  top: -30% !important;
  left: -45% !important;

  width: 28% !important;
  height: 165% !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255,255,255,.08) 20%,
      rgba(255,255,255,.42) 50%,
      rgba(255,255,255,.08) 80%,
      transparent 100%
    ) !important;

  transform: skewX(-20deg) !important;

  z-index: 1 !important;

  pointer-events: none !important;

  transition: left .55s ease !important;
}

custom-salla-product-card
.s-product-card-content-footer
button.s-button-element::after {

  content: "" !important;
  display: none !important;
}

custom-salla-product-card
.s-product-card-content-footer
button.s-button-element:hover::before {

  left: 125% !important;
}


/* Cart icon */

custom-salla-product-card
.s-product-card-content-footer
.s-button-text i {

  color: #FFC21A !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  background: transparent !important;

  font-size: 17px !important;

  position: relative;
  z-index: 3;

  transition:
    color .2s ease,
    transform .2s ease !important;
}


/* Button hover */

custom-salla-product-card
.s-product-card-content-footer
button.s-button-element:hover {

  background:
    linear-gradient(
      135deg,
      #FFC21A 0%,
      #FFD75C 100%
    ) !important;

  transform: translateY(-2px);

  box-shadow:
    0 8px 18px rgba(255, 194, 26, .30) !important;
}

custom-salla-product-card
.s-product-card-content-footer
button.s-button-element:hover .s-button-text {

  color: #151B3D !important;
}

custom-salla-product-card
.s-product-card-content-footer
button.s-button-element:hover .s-button-text i {

  color: #151B3D !important;

  transform:
    translateX(-2px)
    scale(1.08);
}

custom-salla-product-card
.s-product-card-content-footer
button.s-button-element:active {

  transform:
    translateY(0)
    scale(.98);
}


@media (max-width: 640px) {

  custom-salla-product-card
  .s-product-card-content-footer
  button.s-button-element {

    height: 38px !important;
    min-height: 38px !important;

    border-radius: 9px !important;
  }

  custom-salla-product-card
  .s-product-card-content-footer
  .s-button-text {

    font-size: 13px !important;
  }

  custom-salla-product-card
  .s-product-card-content-footer
  .s-button-text i {

    font-size: 16px !important;
  }
}



/* =====================================================
   3) ADD PRODUCT TOAST
===================================================== */

.s-add-product-toast {

  --kenz-blue: #30338A;
  --kenz-dark: #151B3D;
  --kenz-yellow: #FFC21A;

  border: 0 !important;

  border-radius: 18px !important;

  overflow: hidden !important;

  background: #fff !important;

  box-shadow:
    0 18px 45px rgba(21, 27, 61, .18) !important;
}


/* Progress */

.s-add-product-toast__progress {
  height: 4px !important;
  background: #eef1f6 !important;
}

.s-add-product-toast__progress-bar {

  background:
    linear-gradient(
      90deg,
      #FFC21A 0%,
      #30338A 100%
    ) !important;
}


/* Header */

.s-add-product-toast__header {
  padding: 16px 18px 14px !important;
}

.s-add-product-toast__header-content {
  gap: 9px !important;
}

.s-add-product-toast__title {
  color: #151B3D !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}


/* Icon */

.s-add-product-toast__icon {

  width: 22px !important;
  height: 22px !important;

  padding: 4px !important;

  background: #e9fff5 !important;

  border-radius: 50% !important;
}


/* Close */

.s-add-product-toast__close {

  width: 32px !important;
  height: 32px !important;

  border-radius: 50% !important;

  border: 0 !important;

  background: #f5f6f8 !important;

  color: #777 !important;

  transition: .2s ease !important;
}

.s-add-product-toast__close:hover {
  background: #151B3D !important;
  color: #fff !important;
}


/* Divider */

.s-add-product-toast__divider {
  background: #edf0f4 !important;
  height: 1px !important;
}


/* Body */

.s-add-product-toast__body {

  padding: 16px 18px !important;

  gap: 14px !important;

  align-items: center !important;
}


/* Product image */

.s-add-product-toast__image {

  width: 92px !important;
  min-width: 92px !important;
  height: 92px !important;

  padding: 8px !important;

  border-radius: 14px !important;

  border: 1px solid #edf0f4 !important;

  background: #fff !important;

  overflow: hidden !important;
}

.s-add-product-toast__image img {

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  border-radius: 8px !important;
}


/* Product name */

.s-add-product-toast__name {

  color: #151B3D !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  line-height: 1.6 !important;

  transition: .2s ease !important;
}

.s-add-product-toast__name:hover {
  color: #30338A !important;
}


/* Price */

.s-add-product-toast__price {
  min-width: 95px !important;
}

.s-add-product-toast__price-sale {

  color: #e02b2b !important;

  font-size: 18px !important;

  font-weight: 800 !important;
}

.s-add-product-toast__price-original {

  color: #9ca3af !important;

  font-size: 12px !important;

  margin-top: 3px !important;
}


/* Actions */

.s-add-product-toast__actions {

  padding: 0 18px 18px !important;

  gap: 10px !important;
}

.s-add-product-toast__actions salla-button,
.s-add-product-toast__actions .s-button-wrap {

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;
}

.s-add-product-toast__actions
.s-button-element {

  min-height: 44px !important;

  border-radius: 10px !important;

  font-weight: 800 !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease !important;
}


/* Checkout */

.s-add-product-toast__actions
.s-button-primary {

  background:
    linear-gradient(
      135deg,
      #30338A 0%,
      #151B3D 100%
    ) !important;

  color: #fff !important;

  border: 0 !important;

  box-shadow:
    0 6px 16px rgba(21, 27, 61, .18) !important;
}

.s-add-product-toast__actions
.s-button-primary .s-button-text {

  color: #fff !important;
}

.s-add-product-toast__actions
.s-button-primary svg {

  color: #FFC21A !important;
}

.s-add-product-toast__actions
.s-button-primary:hover {

  background:
    linear-gradient(
      135deg,
      #FFC21A 0%,
      #FFD45A 100%
    ) !important;

  color: #151B3D !important;

  transform: translateY(-1px);

  box-shadow:
    0 8px 18px rgba(255, 194, 26, .24) !important;
}

.s-add-product-toast__actions
.s-button-primary:hover .s-button-text,

.s-add-product-toast__actions
.s-button-primary:hover svg {

  color: #151B3D !important;
}


/* View cart */

.s-add-product-toast__actions
.s-button-gray-outline {

  background: #fff !important;

  color: #151B3D !important;

  border: 1px solid #dfe3ea !important;

  box-shadow: none !important;
}

.s-add-product-toast__actions
.s-button-gray-outline .s-button-text,

.s-add-product-toast__actions
.s-button-gray-outline svg {

  color: #151B3D !important;
}

.s-add-product-toast__actions
.s-button-gray-outline:hover {

  background: #f6f7fb !important;

  border-color: #30338A !important;

  transform: translateY(-1px);
}


@media (max-width: 640px) {

  .s-add-product-toast {
    border-radius: 14px !important;
  }

  .s-add-product-toast__header {
    padding: 14px !important;
  }

  .s-add-product-toast__body {
    padding: 14px !important;
    gap: 10px !important;
  }

  .s-add-product-toast__image {
    width: 74px !important;
    min-width: 74px !important;
    height: 74px !important;
  }

  .s-add-product-toast__name {
    font-size: 13px !important;
  }

  .s-add-product-toast__price-sale {
    font-size: 16px !important;
  }

  .s-add-product-toast__actions {
    padding: 0 14px 14px !important;
  }

  .s-add-product-toast__actions
  .s-button-element {

    min-height: 42px !important;
  }
}



/* =====================================================
   4) KENZ PREMIUM OFFER POPUP
===================================================== */

#kenz-offer-popup {

  position: fixed !important;

  inset: 0 !important;

  z-index: 2147483647 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 18px !important;

  opacity: 0;

  transition:
    opacity .28s ease !important;
}

#kenz-offer-popup.kenz-offer-show {

  opacity: 1 !important;
}


/* Welcome */

.kenz-offer-welcome {

  margin-bottom: 10px !important;

  color: #30338A !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  letter-spacing: 0 !important;
}

.kenz-offer-welcome::after {

  content: "";

  display: block;

  width: 34px;
  height: 3px;

  margin: 8px auto 0;

  border-radius: 10px;

  background: #FFC21A;
}


/* Overlay */

.kenz-offer-bg {

  position: absolute !important;

  inset: 0 !important;

  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(48,51,138,.16),
      transparent 36%
    ),
    rgba(8, 13, 38, .76) !important;

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);
}


/* Popup */

.kenz-offer-box {

  position: relative !important;

  z-index: 2 !important;

  width: min(460px, 100%) !important;

  padding: 38px 28px 28px !important;

  text-align: center !important;

  direction: rtl !important;

  background:
    radial-gradient(
      circle at top right,
      rgba(255,194,26,.16),
      transparent 30%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(48,51,138,.10),
      transparent 28%
    ),
    #fff !important;

  border-radius: 26px !important;

  border: 1px solid rgba(255,255,255,.9) !important;

  box-shadow:
    0 28px 80px rgba(0,0,0,.36),
    0 0 0 1px rgba(48,51,138,.05) !important;

  overflow: hidden !important;

  transform:
    translateY(18px)
    scale(.97);

  transition:
    transform .35s
    cubic-bezier(.2,.8,.2,1) !important;
}

#kenz-offer-popup.kenz-offer-show
.kenz-offer-box {

  transform:
    translateY(0)
    scale(1);
}


/* Top identity line */

.kenz-offer-box::before {

  content: "";

  position: absolute;

  top: 0;

  left: 32px;
  right: 32px;

  height: 6px;

  border-radius:
    0 0 10px 10px;

  background:
    linear-gradient(
      90deg,
      #30338A 0%,
      #FFC21A 50%,
      #30338A 100%
    );
}


/* Decoration */

.kenz-offer-box::after {

  content: "";

  position: absolute;

  width: 110px;
  height: 110px;

  top: -42px;
  right: -35px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255,194,26,.28),
      rgba(255,194,26,.06) 65%,
      transparent 70%
    );

  pointer-events: none;
}


/* Close */

.kenz-offer-close {

  position: absolute !important;

  top: 14px !important;
  left: 14px !important;

  width: 38px !important;
  height: 38px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  border: 0 !important;

  border-radius: 50% !important;

  background:
    rgba(245,246,250,.95) !important;

  color: #151B3D !important;

  font-size: 26px !important;

  line-height: 1 !important;

  box-shadow:
    0 4px 12px rgba(21,27,61,.08);

  cursor: pointer !important;

  transition: .22s ease !important;
}

.kenz-offer-close:hover {

  background: #151B3D !important;

  color: #fff !important;

  transform: rotate(90deg);
}


/* Badge */

.kenz-offer-badge {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin-bottom: 14px !important;

  padding: 7px 18px !important;

  background:
    linear-gradient(
      135deg,
      #FFC21A,
      #FFD96A
    ) !important;

  color: #151B3D !important;

  border-radius: 999px !important;

  font-size: 13px !important;

  font-weight: 900 !important;

  box-shadow:
    0 8px 18px rgba(255,194,26,.18);
}


/* Percentage */

.kenz-offer-percent {

  width: 82px !important;
  height: 82px !important;

  margin:
    0 auto 16px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  border-radius: 22px !important;

  background:
    linear-gradient(
      145deg,
      #30338A 0%,
      #151B3D 100%
    ) !important;

  color: #FFC21A !important;

  font-size: 40px !important;

  font-weight: 900 !important;

  transform: rotate(-4deg);

  box-shadow:
    0 12px 25px rgba(21,27,61,.22);
}


/* Heading */

.kenz-offer-box h2 {

  margin: 0 !important;

  color: #151B3D !important;

  font-size: 29px !important;

  font-weight: 900 !important;

  line-height: 1.35 !important;

  letter-spacing: -.3px !important;
}

.kenz-offer-subtitle {

  margin:
    7px 0 22px !important;

  color: #60667A !important;

  font-size: 16px !important;

  font-weight: 700 !important;
}


/* Coupon */

.kenz-offer-code-box {

  position: relative;

  width: 100% !important;

  display: flex !important;

  align-items: stretch !important;

  padding: 6px !important;

  background:
    linear-gradient(
      180deg,
      #fbfbff,
      #f4f5fb
    ) !important;

  border:
    1px dashed
    rgba(48,51,138,.85) !important;

  border-radius: 16px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85);
}

.kenz-offer-code-box::before,
.kenz-offer-code-box::after {

  content: "";

  position: absolute;

  top: 50%;

  width: 14px;
  height: 14px;

  margin-top: -7px;

  border-radius: 50%;

  background: #fff;
}

.kenz-offer-code-box::before {
  right: -7px;
}

.kenz-offer-code-box::after {
  left: -7px;
}

.kenz-offer-code {

  flex: 1 !important;

  min-height: 54px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  direction: ltr !important;

  color: #151B3D !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 30px !important;

  font-weight: 900 !important;

  letter-spacing: 3px !important;

  text-shadow:
    0 1px 0 #fff;
}


/* Copy */

.kenz-copy-code {

  min-width: 118px !important;

  border: 0 !important;

  border-radius: 11px !important;

  background:
    linear-gradient(
      135deg,
      #30338A,
      #151B3D
    ) !important;

  color: #fff !important;

  font-size: 13px !important;

  font-weight: 900 !important;

  box-shadow:
    0 6px 14px rgba(21,27,61,.18);

  cursor: pointer !important;

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease !important;
}

.kenz-copy-code:hover {

  background:
    linear-gradient(
      135deg,
      #FFC21A,
      #FFD75A
    ) !important;

  color: #151B3D !important;

  transform: translateY(-1px);

  box-shadow:
    0 8px 18px rgba(255,194,26,.24);
}


/* Copy success */

.kenz-copy-success {

  display: none;

  width: max-content;

  margin:
    10px auto 0 !important;

  padding: 6px 12px !important;

  border-radius: 999px;

  background: #e9fbf2 !important;

  color: #13845c !important;

  font-size: 12px !important;

  font-weight: 800 !important;
}


/* Terms */

.kenz-offer-terms {

  margin:
    17px 0 18px !important;

  color: #8B90A0 !important;

  font-size: 11px !important;

  font-weight: 500 !important;

  position: relative;
}

.kenz-offer-terms::before {

  content: "ⓘ";

  margin-left: 5px;

  color: #30338A;
}


/* CTA */

.kenz-start-shopping {

  position: relative !important;

  width: 100% !important;

  height: 52px !important;

  border: 0 !important;

  border-radius: 14px !important;

  overflow: hidden !important;

  background:
    linear-gradient(
      135deg,
      #30338A 0%,
      #202773 48%,
      #151B3D 100%
    ) !important;

  color: #fff !important;

  font-size: 16px !important;

  font-weight: 900 !important;

  cursor: pointer !important;

  box-shadow:
    0 10px 24px rgba(21,27,61,.24) !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease !important;
}

.kenz-start-shopping::before {

  content: "";

  position: absolute;

  top: -40%;
  left: -35%;

  width: 28%;
  height: 180%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.45),
      transparent
    );

  transform: skewX(-20deg);

  transition:
    left .55s ease;
}

.kenz-start-shopping:hover {

  transform: translateY(-2px);

  box-shadow:
    0 14px 28px rgba(21,27,61,.30) !important;
}

.kenz-start-shopping:hover::before {

  left: 120%;
}


@media (max-width: 640px) {

  #kenz-offer-popup {
    padding: 14px !important;
  }

  .kenz-offer-box {

    width: 100% !important;

    padding:
      34px 18px 22px !important;

    border-radius: 22px !important;
  }

  .kenz-offer-box h2 {

    font-size: 24px !important;
  }

  .kenz-offer-subtitle {

    font-size: 14px !important;
  }

  .kenz-offer-percent {

    width: 68px !important;
    height: 68px !important;

    font-size: 34px !important;
  }

  .kenz-offer-code {

    min-height: 48px !important;

    font-size: 23px !important;

    letter-spacing: 2px !important;
  }

  .kenz-copy-code {

    min-width: 100px !important;

    font-size: 12px !important;
  }

  .kenz-start-shopping {

    height: 48px !important;

    font-size: 15px !important;
  }
}



/* =====================================================
   5) PRODUCT PAGE - PREMIUM PURCHASE PANEL
===================================================== */

.zina-main-content.main-content {

  background: #fff !important;

  border:
    1px solid
    #eceef5 !important;

  border-radius: 20px !important;

  padding:
    26px
    28px
    30px !important;

  box-shadow:
    0 12px 35px
    rgba(21,27,61,.07) !important;
}


/* Title */

.zina-main-content >
.flex.justify-between:first-of-type {

  gap: 18px !important;

  align-items: flex-start !important;

  padding-bottom: 17px !important;

  border-bottom:
    1px solid
    #f0f1f5 !important;
}

.zina-main-content h1 {

  margin: 0 !important;

  color: #151B3D !important;

  font-size: 22px !important;

  font-weight: 800 !important;

  line-height: 1.65 !important;

  letter-spacing:
    -.2px !important;
}


/* Wishlist / Share */

.zina-main-content
.btn--wishlist
.s-button-element,

.zina-main-content
.s-social-share-btn
.s-button-element {

  width: 38px !important;
  height: 38px !important;

  padding: 0 !important;

  border:
    1px solid
    #e8eaf1 !important;

  border-radius: 10px !important;

  background: #f8f9fc !important;

  color: #30338A !important;

  box-shadow: none !important;

  transition:
    .2s ease !important;
}

.zina-main-content
.btn--wishlist
.s-button-element:hover,

.zina-main-content
.s-social-share-btn
.s-button-element:hover {

  background:
    #30338A !important;

  color: #fff !important;

  border-color:
    #30338A !important;

  transform:
    translateY(-1px);
}


/* Main price */

.zina-main-content >
.flex.whitespace-nowrap.gap-4.items-center {

  margin-top:
    18px !important;

  margin-bottom:
    9px !important;

  justify-content:
    flex-start !important;
}

.zina-main-content >
.flex.whitespace-nowrap.gap-4.items-center
.text-gray-500 {

  color: #9ca3af !important;

  font-size:
    14px !important;

  font-weight:
    500 !important;

  text-decoration-thickness:
    1px !important;
}

.zina-main-content >
.flex.whitespace-nowrap.gap-4.items-center
h4 {

  margin-top:
    3px !important;

  color:
    #e32626 !important;

  font-size:
    28px !important;

  font-weight:
    900 !important;

  line-height:
    1.2 !important;
}


/* Stock */

.zina-main-content
.bg-white.py-2\.5.rounded-md.inline-flex.text-sm {

  margin-top:
    8px !important;

  padding:
    6px 12px !important;

  background:
    #fff7f7 !important;

  border:
    1px solid
    #ffe1e1 !important;

  border-radius:
    999px !important;

  color:
    #a51f1f !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;
}


/* Model */

.zina-main-content
.mb-2.flex.justify-between.sm\:grid.sm\:grid-cols-3.py-2 {

  margin:
    12px 0 14px !important;

  padding:
    11px 14px !important;

  background:
    #f8f9fc !important;

  border-radius:
    11px !important;

  color:
    #555d72 !important;

  font-size:
    13px !important;
}

.zina-main-content
.mb-2.flex.justify-between.sm\:grid.sm\:grid-cols-3.py-2
.text-unicode {

  color:
    #30338A !important;

  font-weight:
    800 !important;
}


/* Installment */

.zina-main-content
salla-installment {

  display: block !important;

  margin:
    14px 0 18px !important;
}


/* Form */

.zina-main-content
form.product-form {

  margin-top:
    6px !important;
}


/* Weight */

.zina-main-content
form.product-form
> section.bg-white.p-5.rounded-md.mb-5 {

  margin:
    0 0 14px !important;

  padding:
    13px 15px !important;

  background:
    #f8f9fc !important;

  border:
    1px solid
    #eceef4 !important;

  border-radius:
    12px !important;
}

.zina-main-content
.product-weight {

  color:
    #30338A !important;

  font-weight:
    800 !important;
}


/* Remove duplicated price */

.zina-main-content
form.product-form
> section.flex {

  display:
    none !important;
}


/* Buying area */

.zina-main-content
.sticky-product-bar {

  margin-top:
    8px !important;

  padding:
    18px !important;

  background:
    linear-gradient(
      180deg,
      #fafbfe 0%,
      #f5f6fb 100%
    ) !important;

  border:
    1px solid
    #e8eaf2 !important;

  border-radius:
    16px !important;
}


/* Quantity */

.zina-main-content
.sticky-product-bar__quantity {

  margin-bottom:
    15px !important;

  padding-bottom:
    15px !important;

  border-bottom:
    1px solid
    #e5e7ef !important;
}

.zina-main-content
.sticky-product-bar__quantity
.form-label {

  color:
    #151B3D !important;

  font-size:
    14px !important;

  font-weight:
    800 !important;
}

.zina-main-content
.s-quantity-input-container {

  height:
    42px !important;

  display:
    flex !important;

  align-items:
    center !important;

  overflow:
    hidden !important;

  border:
    1px solid
    #dde0e9 !important;

  border-radius:
    10px !important;

  background:
    #fff !important;

  box-shadow:
    0 3px 10px
    rgba(21,27,61,.04) !important;
}

.zina-main-content
.s-quantity-input-button {

  width:
    42px !important;

  height:
    42px !important;

  border:
    0 !important;

  background:
    #f6f7fb !important;

  color:
    #30338A !important;

  transition:
    .2s ease !important;
}

.zina-main-content
.s-quantity-input-button:hover {

  background:
    #30338A !important;

  color:
    #fff !important;
}

.zina-main-content
.s-quantity-input-input {

  width:
    52px !important;

  height:
    42px !important;

  border:
    0 !important;

  outline:
    0 !important;

  background:
    #fff !important;

  color:
    #151B3D !important;

  text-align:
    center !important;

  font-weight:
    800 !important;
}


/* Product page Add to Cart */

.zina-main-content
.sticky-product-bar__btn {

  margin-top:
    0 !important;
}

.zina-main-content
.s-add-product-button-main
.s-button-element {

  position:
    relative !important;

  overflow:
    hidden !important;

  width:
    100% !important;

  min-height:
    50px !important;

  border:
    0 !important;

  border-radius:
    12px !important;

  background:
    linear-gradient(
      135deg,
      #30338A 0%,
      #202773 48%,
      #151B3D 100%
    ) !important;

  color:
    #fff !important;

  box-shadow:
    0 9px 22px
    rgba(21,27,61,.18) !important;

  font-size:
    15px !important;

  font-weight:
    900 !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease !important;
}

.zina-main-content
.s-add-product-button-main
.s-button-element::before {

  content: "";

  position:
    absolute;

  top:
    -50%;

  left:
    -35%;

  width:
    25%;

  height:
    200%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.38),
      transparent
    );

  transform:
    skewX(-20deg);

  transition:
    left .55s ease;

  pointer-events:
    none;
}

.zina-main-content
.s-add-product-button-main
.s-button-element:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 12px 26px
    rgba(21,27,61,.25) !important;
}

.zina-main-content
.s-add-product-button-main
.s-button-element:hover::before {

  left:
    125%;
}


/* Buy Now */

.zina-main-content
.s-add-product-button-mini-checkout {

  margin-top:
    9px !important;

  min-height:
    46px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  border:
    1.5px solid
    #30338A !important;

  border-radius:
    11px !important;

  background:
    #fff !important;

  color:
    #30338A !important;

  font-weight:
    800 !important;

  transition:
    .2s ease !important;
}

.zina-main-content
.s-add-product-button-mini-checkout:hover {

  background:
    #FFF7DB !important;

  border-color:
    #FFC21A !important;

  color:
    #151B3D !important;
}


/* Apple Pay */

.zina-main-content
salla-quick-buy {

  display:
    block !important;

  margin-top:
    9px !important;
}

.zina-main-content
apple-pay-button {

  width:
    100% !important;

  height:
    45px !important;

  border-radius:
    11px !important;

  overflow:
    hidden !important;
}


@media (max-width: 768px) {

  .zina-main-content.main-content {

    padding:
      20px 16px 24px !important;

    border-radius:
      16px !important;

    box-shadow:
      0 8px 25px
      rgba(21,27,61,.06) !important;
  }

  .zina-main-content h1 {

    font-size:
      19px !important;

    line-height:
      1.55 !important;
  }

  .zina-main-content >
  .flex.whitespace-nowrap.gap-4.items-center
  h4 {

    font-size:
      25px !important;
  }

  .zina-main-content
  .sticky-product-bar {

    padding:
      14px !important;

    border-radius:
      13px !important;
  }

  .zina-main-content
  .s-add-product-button-main
  .s-button-element {

    min-height:
      48px !important;

    border-radius:
      10px !important;
  }
}

/* =====================================================
   KENZ GOLD PRODUCT CARD FRAME
   HOME SLIDERS + CATEGORY PAGES
===================================================== */


/* =========================================
   1) صفحة التصنيفات / البحث / المنتجات
========================================= */

custom-salla-product-card.s-product-card-entry {
  box-sizing: border-box !important;

  border: 1px solid rgba(191, 145, 37, 0.55) !important;
  border-radius: 14px !important;

  background: #fff !important;

  box-shadow:
    0 4px 12px rgba(21, 27, 61, 0.04) !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease !important;
}


/* Hover للكروت العادية */

@media (hover: hover) and (pointer: fine) {

  custom-salla-product-card.s-product-card-entry:hover {
    border-color: #FFC21A !important;

    box-shadow:
      0 7px 18px rgba(255, 194, 26, 0.10),
      0 3px 10px rgba(21, 27, 61, 0.05) !important;
  }
}


/* =========================================
   2) الرئيسية - Swiper
========================================= */

/*
  في السلايدر نخلي الفريم على الـ slide نفسه
  عشان السحب يفضل طبيعي
*/

.s-products-slider-card.swiper-slide {
  box-sizing: border-box !important;

  border: 1px solid rgba(191, 145, 37, 0.55) !important;
  border-radius: 14px !important;

  background: #fff !important;

  overflow: hidden !important;

  box-shadow:
    0 4px 12px rgba(21, 27, 61, 0.04) !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease !important;

  touch-action: pan-y !important;

  margin-inline: 5px !important;
}


/*
  بما إن السلايدر واخد الفريم من الـ slide
  نشيل الفريم من الكارت الداخلي عشان ميبقاش دبل
*/

.s-products-slider-card.swiper-slide
> custom-salla-product-card.s-product-card-entry {

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  transform: none !important;
}


/* Hover السلايدر */

@media (hover: hover) and (pointer: fine) {

  .s-products-slider-card.swiper-slide:hover {
    border-color: #FFC21A !important;

    box-shadow:
      0 7px 18px rgba(255, 194, 26, 0.10),
      0 3px 10px rgba(21, 27, 61, 0.05) !important;
  }
}


/* =========================================
   3) Mobile spacing
========================================= */

@media (max-width: 640px) {

  .s-products-slider-card.swiper-slide {
    margin-inline: 3px !important;
  }

}


/* =========================================
   4) تنظيف أي فريم قديم
========================================= */

custom-salla-product-card.s-product-card-entry::before,
custom-salla-product-card.s-product-card-entry::after {

  content: none !important;
  display: none !important;
  pointer-events: none !important;
}