/* Add custom CSS styles below */ 
.s-block--bundle-trust-bar {
  margin: 0 !important;
}
.s-block--bundle-categories-list {
  margin: 0 !important;
}
.s-block--bundle-new-arrivals {
  margin: 0 !important;
}
/* هيرو بنبر */
.s-block--bundle-hero-slider {
  margin: 0 !important;
}
/* لحقي ع العرض */
.s-block--bundle-offer-banner {
  margin: 0 !important;
}
/* ليه Pinclcious */
.s-block--bundle-why-us {
  margin: 0 !important;
}
/* تشكيلات تكمل دولابك */
.s-block--bundle-collections-grid {
  margin: 0 !important;
}
/* مميزات المتجر */
.s-block--bundle-trust-features {
  margin: 0 !important;
}
/* تابعينا على انستقرام */
.s-block--bundle-instagram-feed {
  margin: 0 !important;
}
hr.mt-4 {
  display: none !important;
}
/* nav bar */
.flex.gap-5.cursor-pointer:has(.sicon-lang) {
  display: none !important;
}
.navbar {
  background-color: #4a3a3b !important;
}

.navbar a,
.navbar span.sub-menu,
.navbar .olla-text-hover {
  color: #ffffff !important;
}
a.wa-s-n {
    display: none !important;
}
/* P Page */
/* ===================================================
   Pinkalicious – Product Page Redesign
   Compatible: Salla · External CSS injection
   =================================================== */

/* ── Fonts ──────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');

/* ── Variables ──────────────────────────────────── */
:root {
  --pk-rose:        #d4536e;
  --pk-rose-light:  #f9eaed;
  --pk-rose-border: #f0c4cc;
  --pk-beige:       #f5ede6;
  --pk-brown:       #5c3d2e;
  --pk-brown-mid:   #8a6050;
  --pk-text:        #3a2a20;
  --pk-text-muted:  #9a7a70;
  --pk-white:       #ffffff;
  --pk-radius:      14px;
  --pk-radius-sm:   8px;
  --pk-shadow:      0 2px 16px rgba(212,83,110,.08);
  --pk-font:        'Tajawal', sans-serif;
}

/* ── Base reset for product area ─────────────────── */
.main-content,
.main-content * {
  font-family: var(--pk-font) !important;
  box-sizing: border-box;
}

/* ── Product title ───────────────────────────────── */
.main-content h1 {
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  color: var(--pk-brown) !important;
  line-height: 1.4 !important;
  margin-bottom: .5rem !important;
  letter-spacing: -.01em;
}

/* ── Inline price (top) ──────────────────────────── */
.main-content .flex.whitespace-nowrap > h4 {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: var(--pk-rose) !important;
  background: var(--pk-rose-light);
  padding: .25rem .9rem;
  border-radius: 50px;
  display: inline-block !important;
}

/* ── Product description block ───────────────────── */
.product__description {
  background: var(--pk-beige) !important;
  border-radius: var(--pk-radius) !important;
  padding: 1rem 1.25rem !important;
  margin-bottom: 1.25rem !important;
  border-right: 4px solid var(--pk-rose) !important;
  border-left: none !important;
}

.product__description p,
.product__description strong {
  color: var(--pk-brown-mid) !important;
  font-size: .97rem !important;
  font-weight: 500 !important;
}

/* ── Model number row ────────────────────────────── */
.mb-4.flex.justify-between {
  background: var(--pk-white) !important;
  border: 1px solid var(--pk-rose-border) !important;
  border-radius: var(--pk-radius-sm) !important;
  padding: .6rem 1rem !important;
  font-size: .9rem !important;
  color: var(--pk-brown-mid) !important;
  display: flex;
  align-items: center;
  gap: .5rem;
}

.mb-4.flex.justify-between .text-unicode {
  font-weight: 700 !important;
  color: var(--pk-rose) !important;
}

/* ── Size options ────────────────────────────────── */
.s-product-options-option-label b {
  color: var(--pk-brown) !important;
  font-size: 1rem !important;
}

.s-product-options-option-label small {
  color: var(--pk-text-muted) !important;
  font-size: .82rem !important;
}

/* Size button grid */
.s-product-options-grid-mode {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
  justify-content: flex-end !important;
}

.s-product-options-grid-mode label {
  margin: 0 !important;
  padding: 0 !important;
}

.s-product-options-grid-mode label input[type="radio"] {
  display: none !important;
}

.s-product-options-grid-mode-span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 48px !important;
  height: 40px !important;
  padding: 0 .85rem !important;
  border-radius: 50px !important;
  border: 1.5px solid var(--pk-rose-border) !important;
  background: var(--pk-white) !important;
  color: var(--pk-brown-mid) !important;
  font-size: .88rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
}

.s-product-options-grid-mode label:hover .s-product-options-grid-mode-span {
  border-color: var(--pk-rose) !important;
  background: var(--pk-rose-light) !important;
  color: var(--pk-rose) !important;
}

.s-product-options-grid-mode input[type="radio"]:checked + .s-product-options-grid-mode-span {
  background: var(--pk-rose) !important;
  border-color: var(--pk-rose) !important;
  color: var(--pk-white) !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(212,83,110,.35) !important;
}

/* ── Price section ───────────────────────────────── */
section.flex.bg-white {
  background: var(--pk-rose-light) !important;
  border-radius: var(--pk-radius) var(--pk-radius) 0 0 !important;
  border: 1px solid var(--pk-rose-border) !important;
  border-bottom: none !important;
  padding: 1rem 1.25rem !important;
}

section.flex.bg-white label.form-label b {
  color: var(--pk-brown) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

.total-price.font-bold {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: var(--pk-rose) !important;
}

/* ── Sticky product bar (quantity + buttons) ─────── */
section.sticky-product-bar {
  background: var(--pk-white) !important;
  border-radius: 0 0 var(--pk-radius) var(--pk-radius) !important;
  border: 1px solid var(--pk-rose-border) !important;
  border-top: none !important;
  padding: 1rem 1.25rem 1.25rem !important;
  box-shadow: var(--pk-shadow) !important;
}

/* ── Quantity input ──────────────────────────────── */
.s-quantity-input-container {
  background: var(--pk-beige) !important;
  border-radius: 50px !important;
  border: 1.5px solid var(--pk-rose-border) !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  width: 100% !important;
}

.s-quantity-input-button {
  background: transparent !important;
  border: none !important;
  color: var(--pk-rose) !important;
  padding: .5rem 1.2rem !important;
  font-size: 1.1rem !important;
  cursor: pointer !important;
  transition: background .15s !important;
}

.s-quantity-input-button:hover {
  background: var(--pk-rose-light) !important;
}

.s-quantity-input-input {
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--pk-brown) !important;
  width: 100% !important;
  flex: 1 !important;
}

/* ── Add to cart button ──────────────────────────── */
.s-button-element.s-button-solid.s-button-primary {
  background: var(--pk-rose) !important;
  border: none !important;
  border-radius: 50px !important;
  color: var(--pk-white) !important;
  font-family: var(--pk-font) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  padding: .75rem 1.5rem !important;
  transition: all .25s ease !important;
  box-shadow: 0 4px 16px rgba(212,83,110,.3) !important;
  letter-spacing: .02em !important;
}

.s-button-element.s-button-solid.s-button-primary:hover {
  background: #c23d5e !important;
  box-shadow: 0 6px 20px rgba(212,83,110,.45) !important;
  transform: translateY(-1px) !important;
}

.s-button-element.s-button-solid.s-button-primary:active {
  transform: translateY(0) !important;
}

/* ── Quick buy button ────────────────────────────── */
.s-fast-checkout-button,
button.s-fast-checkout-button {
  background: var(--pk-white) !important;
  border: 1.5px solid var(--pk-rose) !important;
  border-radius: 50px !important;
  color: var(--pk-rose) !important;
  font-family: var(--pk-font) !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  transition: all .2s ease !important;
}

.s-fast-checkout-button:hover {
  background: var(--pk-rose-light) !important;
}

/* ── Tamara widget spacing ───────────────────────── */
.mb-5:has(tamara-widget) {
  margin-bottom: 1rem !important;
}

/* ── Out of stock label ──────────────────────────── */
.out-of-stock {
  color: var(--pk-rose) !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
}

/* ── General white bg cards → soft white ────────── */
.bg-white.rounded-md {
  border-radius: var(--pk-radius) !important;
}

/* ── Scrollbar tint ──────────────────────────────── */
* {
  scrollbar-color: var(--pk-rose-border) transparent;
  scrollbar-width: thin;
}

/* ===================================================
   Related Products Slider – "منتجات قد تعجبك"
   =================================================== */

/* ── Section wrapper font ────────────────────────── */
.s-products-slider-wrapper,
.s-products-slider-wrapper * {
  font-family: var(--pk-font) !important;
}

/* ── Section title ───────────────────────────────── */
.s-slider-block__title h2 {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: var(--pk-brown) !important;
  position: relative;
}

.s-slider-block__title h2::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: var(--pk-rose);
  border-radius: 50px;
  margin-top: 6px;
}

/* ── Prev / Next nav arrows ──────────────────────── */
.s-slider-nav-arrow {
  background: var(--pk-white) !important;
  border: 1.5px solid var(--pk-rose-border) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--pk-rose) !important;
  transition: all .2s ease !important;
  box-shadow: 0 2px 8px rgba(212,83,110,.1) !important;
}

.s-slider-nav-arrow:hover:not(:disabled) {
  background: var(--pk-rose) !important;
  border-color: var(--pk-rose) !important;
  color: var(--pk-white) !important;
}

.s-slider-nav-arrow:disabled,
.s-slider-nav-arrow.swiper-button-disabled {
  opacity: .35 !important;
  cursor: not-allowed !important;
}

.s-slider-button-icon svg path {
  fill: currentColor !important;
}

/* ── Product card wrapper ────────────────────────── */
.olla-card {
  background: var(--pk-white) !important;
  border-radius: var(--pk-radius) !important;
  border: 1px solid var(--pk-rose-border) !important;
  transition: box-shadow .25s ease, transform .25s ease !important;
  overflow: hidden !important;
}

.olla-card:hover {
  box-shadow: 0 8px 28px rgba(212,83,110,.14) !important;
  transform: translateY(-3px) !important;
}

/* ── Card image container radius ────────────────── */
.olla-general-radius {
  border-radius: var(--pk-radius) var(--pk-radius) 0 0 !important;
}

/* ── Wishlist heart button ───────────────────────── */
.btn--wishlist.s-button-element {
  background: var(--pk-white) !important;
  border: 1px solid var(--pk-rose-border) !important;
  border-radius: 50% !important;
  color: var(--pk-rose) !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .2s ease !important;
}

.btn--wishlist.s-button-element:hover {
  background: var(--pk-rose) !important;
  color: var(--pk-white) !important;
}

/* ── Card product name ───────────────────────────── */
.olla-card h3 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--pk-brown) !important;
  line-height: 1.4 !important;
}

.olla-card h3:hover {
  color: var(--pk-rose) !important;
}

/* ── Regular price ───────────────────────────────── */
.s-product-card-price {
  color: var(--pk-rose) !important;
  font-weight: 700 !important;
}

/* ── Sale price block ────────────────────────────── */
.s-product-card-sale-price h4 {
  color: var(--pk-rose) !important;
  font-weight: 700 !important;
}

.s-product-card-sale-price span {
  color: var(--pk-text-muted) !important;
  text-decoration: line-through !important;
  font-size: .85rem !important;
}

/* ── Add to cart button (olla-background) ────────── */
.olla-background {
  background: var(--pk-rose) !important;
  color: var(--pk-white) !important;
  border-radius: 50px !important;
  font-family: var(--pk-font) !important;
  font-weight: 700 !important;
  font-size: .88rem !important;
  transition: all .25s ease !important;
  box-shadow: 0 3px 12px rgba(212,83,110,.25) !important;
  border: none !important;
}

.olla-background:hover {
  background: #c23d5e !important;
  color: var(--pk-white) !important;
  box-shadow: 0 5px 16px rgba(212,83,110,.4) !important;
  transform: translateY(-2px) !important;
}

/* ── Cart icon circle inside button ─────────────── */
.olla-text {
  background: rgba(255,255,255,.25) !important;
  color: var(--pk-white) !important;
  border-radius: 50% !important;
}

/* ── Hide "اعجبك المنتج؟" share bar ─────────────── */
.custom-bar {
  display: none !important;
}

/* ── Related products section background ─────────── */
.s-products-slider-wrapper {
  background: var(--pk-beige) !important;
  border-radius: var(--pk-radius) !important;
  padding: 1.5rem 1rem !important;
  margin-bottom: 1.5rem !important;
}

/* ── Hide cart bag icon span inside olla card btn ── */
.olla-card .olla-text {
  display: none !important;
}

/* ── Injected: Why Us section ────────────────────── */
.pk-why-us {
  font-family: var(--pk-font) !important;
  background: #faf5f5;
  border-radius: var(--pk-radius);
  padding: 2rem 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.pk-why-us__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--pk-brown);
  margin-bottom: .4rem;
}

.pk-why-us__subtitle {
  font-size: .95rem;
  color: var(--pk-text-muted);
  margin-bottom: 1.5rem;
}

.pk-why-us__grid {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.pk-why-us__card {
  background: var(--pk-white);
  border: 1px solid var(--pk-rose-border);
  border-radius: var(--pk-radius);
  padding: 2rem 1.5rem;
  flex: 1;
  min-width: 180px;
  max-width: 280px;
}

.pk-why-us__icon {
  font-size: 2.4rem;
  color: var(--pk-rose);
  margin-bottom: .75rem;
}

.pk-why-us__number {
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--pk-rose);
  line-height: 1;
}

.pk-why-us__text {
  font-size: .95rem;
  color: var(--pk-brown-mid);
  margin-top: .5rem;
  line-height: 1.5;
}

/* ── Injected: Instagram section ─────────────────── */
.pk-instagram {
  font-family: var(--pk-font) !important;
  background: var(--pk-rose-light);
  border-radius: var(--pk-radius);
  padding: 2rem 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.pk-instagram__title {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--pk-brown);
  margin-bottom: .3rem;
}

.pk-instagram__subtitle {
  font-size: .9rem;
  color: var(--pk-text-muted);
  margin-bottom: 1.2rem;
}

.pk-instagram__track {
  display: flex;
  gap: .75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: .5rem;
  scrollbar-width: none;
}

.pk-instagram__track::-webkit-scrollbar { display: none; }

.pk-instagram__card {
  flex: 0 0 220px;
  scroll-snap-align: start;
  border-radius: var(--pk-radius);
  overflow: hidden;
  border: 1px solid var(--pk-rose-border);
  background: var(--pk-white);
  text-decoration: none;
  display: block;
  transition: transform .2s ease;
}

.pk-instagram__card:hover { transform: translateY(-3px); }

.pk-instagram__card-header {
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: .5rem .6rem;
}

.pk-instagram__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

.pk-instagram__username {
  font-size: .75rem;
  font-weight: 600;
  color: var(--pk-brown);
}

.pk-instagram__img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
}