/* Rokn Al-Emlaq overrides */
body, button, input, textarea, select, h1,h2,h3,h4,h5,h6, p, a, li, span, strong, div {
  font-family: 'Tajawal', 'Inter', sans-serif !important;
}
.rokn-logo { font-weight: 800; font-size: 26px; line-height: 1; white-space: nowrap; letter-spacing: 0; }
.rokn-logo--big { font-size: clamp(48px, 12vw, 160px); text-align: center; width: 100%; display: block; }
.rokn-logo--footer { font-size: clamp(40px, 10vw, 120px); display: block; line-height: .9; }
/* footer DISCOUNT badge is an English lottie sticker — hide it */
.footer__discount { display: none !important; }
.rokn-old-price { text-decoration: line-through; opacity: .45; font-size: .8em; }
.rokn-desc { direction: rtl; text-align: right; }
.rokn-desc p { margin-bottom: .6em; }
.product-section__title, .arrivals-card__title, .categories-card__title,
.cart__slide-title, .search__result-list .arrivals-card__title { direction: rtl; }
.product-section__available-text, .product-section__size-text { direction: rtl; text-align: right; }
.filters__block-checkbox .checkbox__label { direction: rtl; }
/* hide color swatches remnants */
.arrivals-card__color { display: none !important; }
/* words-only SplitText: force reveal (char-based intro timelines never unhide these) */
[text-split], [text-split] .word, [word-split], [word-split] .word,
[line-split] .line, [line-split-nested] .line-wrap, [line-split-nested] .word {
  visibility: visible !important; opacity: 1 !important;
}

/* ---- HERO: on desktop the GSAP intro leaves title/subtitle collapsed (h≈1px). Force reveal. ---- */
@media (min-width: 768px) {
  .hero-section__title, .hero-section__subtitle {
    transform: none !important; opacity: 1 !important; visibility: visible !important;
    height: auto !important; min-height: 0 !important; max-height: none !important;
    clip-path: none !important; overflow: visible !important; display: block !important;
  }
  .hero-section__subtitle { margin-top: .4em; }
  /* keep the tagline + CTA clearly on screen, not jammed at the very bottom edge */
  .hero-section__text { margin-bottom: 4vh !important; }
}

/* ---- PRODUCT IMAGES: never stretch or aggressively upscale ---- */
.product-section__card-img { background: #ffffff; display: flex; align-items: center; justify-content: center; }
.product-section__card-img img { object-fit: contain !important; width: 100% !important; height: 100% !important; }
/* cap the gallery so images aren't shown far larger than their native size */
@media (min-width: 1024px) {
  .product-section__swiper, .product-section__pin .product-section__swiper { max-width: 620px; margin-inline: auto; }
}
/* product cards + category cards: cover crop (already square-ish sources) */
.arrivals-card__img img, .categories-card__img img, .best-card__video, .best-card img { object-fit: cover !important; }
/* related/other product thumbnails a touch tighter */
.arrivals-card__img-wrapper { background: #f4f1ec; }

/* ---- CATEGORIES: clean reliable horizontal row (replaces fragile GSAP horizontal-scroll) ---- */
.rokn-cats { padding: 6rem 0; }
.rokn-cats__row {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.4rem;
  list-style: none; margin: 3rem 0 0; padding: 0;
}
.rokn-cats__row > li { min-width: 0; }
.rokn-cats .categories-card { display: block; text-decoration: none; }
.rokn-cats .categories-card__img-wrapper {
  position: relative; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 2px; background: #ece7df;
}
.rokn-cats .categories-card__img { position: absolute; inset: 0; margin: 0; }
.rokn-cats .categories-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rokn-cats .categories-card__img + .categories-card__img { opacity: 0; transition: opacity .5s ease; }
.rokn-cats .categories-card:hover .categories-card__img + .categories-card__img { opacity: 1; }
.rokn-cats .categories-card__title {
  margin-top: 1.2rem; font-size: 2rem; font-weight: 800; text-align: center; text-transform: none;
}
.rokn-cats .categories-card__text { text-align: center; opacity: .6; font-size: 1.4rem; }
@media (max-width: 1023px) { .rokn-cats__row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px)  { .rokn-cats__row { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .rokn-cats .categories-card__title { font-size: 1.6rem; } }

/* ---- BEST SELLERS: clean product row ---- */
.rokn-best { padding: 4rem 0 6rem; }
.rokn-best__row {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.6rem;
  list-style: none; margin: 3rem 0 0; padding: 0;
}
.rokn-best__row > li { min-width: 0; }
.rokn-best .arrivals-card { display: block; text-decoration: none; }
.rokn-best .arrivals-card__img-wrapper { position: relative; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 2px; background: #f4f1ec; }
.rokn-best .arrivals-card__img { position: absolute; inset: 0; margin: 0; }
.rokn-best .arrivals-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rokn-best .arrivals-card__img + .arrivals-card__img { opacity: 0; transition: opacity .5s ease; }
.rokn-best .arrivals-card:hover .arrivals-card__img + .arrivals-card__img { opacity: 1; }
.rokn-best .arrivals-card__info { margin-top: 1rem; }
.rokn-best .arrivals-card__title { font-size: 1.5rem; font-weight: 700; }
.rokn-best .arrivals-card__price { font-size: 1.5rem; }
.rokn-best .arrivals-card__best { position: absolute; top: .8rem; right: .8rem; z-index: 2; background: #4d5320; color: #fff; font-size: 1.1rem; padding: .3rem .8rem; border-radius: 2px; }
@media (max-width: 1023px) { .rokn-best__row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px)  { .rokn-best__row { grid-template-columns: repeat(2, 1fr); gap: 1rem; } }

/* ---- HERO cards: hide the huge overlapping per-card titles on desktop (brand shown by hero title/subtitle) ---- */
@media (min-width: 768px) { .hero-card__title { display: none !important; } }

/* ---- Split-text word order: keep Arabic words RTL (fixes reversed "السلة الى أضف" etc.) ---- */
.button__text, .button__block, .best-card__text, .motion-section__text,
[word-split], [line-split], [line-split-nested] { direction: rtl; }
.button__block { justify-content: center; }

/* ---- Product accordions (تفاصيل / شحن): always open, no click needed ---- */
.info-card__content { height: auto !important; max-height: none !important; overflow: visible !important;
  opacity: 1 !important; visibility: visible !important; display: block !important; padding-top: .6rem; }
.info-card__header button, .info-card__header img { display: none !important; }
.info-card__header { pointer-events: none; }
.product-section__list .info-card { border-top: 1px solid rgba(0,0,0,.12); padding: 1.4rem 0; }

/* ---- Readable spacing in product info column ---- */
.product-section__info { direction: rtl; }
.product-section__name, .product-section__size, .product-section__color,
.product-section__button-wrapper { margin-bottom: 1.8rem; }
.product-section__size-list, .product-section__color-list { gap: .8rem; flex-wrap: wrap; }
.rokn-desc { line-height: 1.9; }

/* ---- Always show a real mouse cursor (the custom cursor left the page with none) ---- */
*, [cursor-block], [cursor], .categories-section__inner, .arrivals-section__group { cursor: auto !important; }
a, a *, button, button *, label, [hover-link], .arrivals-card, .categories-card,
input[type="submit"], select, .checkbox { cursor: pointer !important; }
.cursor, .cursor__img, .arrivals-section__cursor, .categories-section__cursor,
.best-section__cursor, .campaign-section__cursor, .bold-section__cursor,
.motion-section__cursor, .custom-cursor, #custom-cursor { display: none !important; }

/* ---- Category cards: horizontal title BELOW image (kill the vertical/rotated overlay) ---- */
.rokn-cats .categories-card__title, .rokn-cats .categories-card__text {
  position: static !important; transform: none !important; writing-mode: horizontal-tb !important;
  inset: auto !important; text-orientation: mixed !important;
}
.rokn-cats .categories-card__title { margin-top: 1.2rem; font-size: 1.9rem; font-weight: 800; text-align: center; color: #1a1a1a; }
.rokn-cats .categories-card__text { text-align: center; opacity: .55; }

/* ---- Home product-card titles: give the two lines room so they never overlap ---- */
.arrivals-card__info { margin-top: 1.1rem; }
.arrivals-card__top { display: flex; flex-direction: column; gap: .6rem; }
.arrivals-card__title { line-height: 1.55; }
.rokn-best .arrivals-card__title { min-height: 2.8em; display: block; }
.rokn-best .arrivals-card__info { display: flex; flex-direction: column; gap: .5rem; }

/* ---- Product page: 'اختر المقاس' as its own spaced block (no overlap with نص/brand) ---- */
.product-section__size { display: block !important; clear: both; margin: 2.6rem 0 !important; }
.product-section__size-top { display: flex !important; justify-content: space-between; align-items: center; gap: 1.4rem; margin-bottom: 1.4rem; }
.product-section__size-bottom { display: block !important; }
.product-section__size-list { display: flex !important; flex-wrap: wrap; gap: .9rem !important; margin: 0 0 1.2rem !important; }
.product-section__size-text { margin-top: 1.2rem !important; }
.product-section__label { font-weight: 700; }
.product-section__color { margin-top: 2.2rem !important; }

/* title + price: stack cleanly, price never overlaps the title */
.product-section__name { display: flex !important; flex-direction: column; align-items: flex-start; gap: 1rem; margin-bottom: 2.2rem !important; }
.product-section__prices { position: static !important; transform: none !important; margin: 0 !important; }
.product-section__price { position: static !important; font-size: 2.2rem; font-weight: 700; color: var(--Red-Main,#b5651d); }
.product-section__title { line-height: 1.35 !important; }

/* size + brand options: clean readable boxes; kill the black/red lottie blobs */
.product-section__hover, .product-section__checked { display: none !important; }
.product-section__size-list, .product-section__color-list { list-style: none; padding: 0; }
.product-section__size-list li, .product-section__color-list li { list-style: none; }
.product-section__size-list label, .product-section__color-list label {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-width: 3.4rem; padding: .7rem 1.3rem; border: 1px solid rgba(0,0,0,.3);
  border-radius: 3px; position: relative; background: #fff; font-weight: 600; color: #1a1a1a;
}
.product-section__size-list input, .product-section__color-list input { position: absolute; opacity: 0; width: 0; height: 0; }
.product-section__size-list label:has(input:checked),
.product-section__color-list label:has(input:checked) { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
.product-section__color-list strong, .product-section__size-list strong { font-weight: 600; }

/* ---- BOLD section: single clean military image (drop the ghosting overlay layer) ---- */
.bold-section__lottie { display: none !important; }
.bold-section__img img, .bold-section__bg img { object-fit: cover; }

/* ---- FILM section (07): replace the lips-shaped video window with a tactical hexagon ---- */
.motion-section__bottom {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 343 254'%3E%3Cpath fill='black' d='M96 14 H247 L329 127 L247 240 H96 L14 127 Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 343 254'%3E%3Cpath fill='black' d='M96 14 H247 L329 127 L247 240 H96 L14 127 Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}