/* =========================================================
   Voyagr – rtl.css
   Applied only when <html dir="rtl">. Most layout flips for free
   because style.css uses CSS logical properties; this file covers
   the remaining directional details (gradients, arrows, transforms).
   ========================================================= */
html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,"Plus Jakarta Sans",system-ui,sans-serif;text-align:start}
html[dir="rtl"] h1,html[dir="rtl"] h2{letter-spacing:0}
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .product__cat,
html[dir="rtl"] .logo__text small{letter-spacing:0}

/* directional arrows and hover nudges */
html[dir="rtl"] .icon.flip{transform:scaleX(-1)}
html[dir="rtl"] .btn:hover .icon.flip,
html[dir="rtl"] .link:hover .icon.flip,
html[dir="rtl"] a:hover > .link .icon.flip{transform:scaleX(-1) translateX(4px)}

/* star rating fill runs right-to-left */
html[dir="rtl"] .stars::before{background:linear-gradient(270deg,var(--gold) calc(var(--r,5) * 20%),var(--star-off) calc(var(--r,5) * 20%))}

/* gradient accent bar on Why cards grows from the right */
html[dir="rtl"] .why-card::before{transform-origin:right}

/* decorative asymmetric radii mirror */
html[dir="rtl"] .hero__img{border-radius:32px 32px 32px 160px}
html[dir="rtl"] .effortless__img{border-radius:24px 200px 24px 24px}

/* sale discount disc tilt mirrors */
html[dir="rtl"] .sale__disc{transform:rotate(10deg);animation-name:wiggleRtl}
@keyframes wiggleRtl{0%,100%{transform:rotate(10deg)}50%{transform:rotate(4deg) scale(1.05)}}

/* newsletter input padding */
html[dir="rtl"] .news__row{padding-inline:16px 6px}
html[dir="rtl"] .news__row input{text-align:right}

/* testimonial quote mark */
html[dir="rtl"] .test-card::before{content:"”"}

/* number / contact values stay readable */
html[dir="rtl"] .contact a[href^="tel"],
html[dir="rtl"] .contact a[href^="mailto"]{direction:ltr;unicode-bidi:embed}

/* contact page */
html[dir="rtl"] .field input[type="email"],
html[dir="rtl"] .field input[type="tel"]{direction:ltr;text-align:right}
html[dir="rtl"] .field select{background-position:left 14px center}
html[dir="rtl"] .info-card::before{transform-origin:right}
html[dir="rtl"] .help-item:hover{transform:translateX(-6px)}
html[dir="rtl"] .support__img{border-radius:24px 24px 200px 24px}
html[dir="rtl"] .info-card__value[href^="tel"],
html[dir="rtl"] .info-card__value[href^="mailto"]{direction:ltr;unicode-bidi:embed;text-align:right}
@media (max-width:520px){
  html[dir="rtl"] .support__img{border-radius:24px 24px 120px 24px}
}

/* 404 + coming soon pages */
html[dir="rtl"] .nf__img{border-radius:32px 160px 32px 32px}
html[dir="rtl"] .nf__back{transform:none}
html[dir="rtl"] .nf .btn:hover .nf__back{transform:translateX(-4px)}
html[dir="rtl"] .nf-search__row{padding-inline:18px 6px}
html[dir="rtl"] .nf-search input[type="search"],
html[dir="rtl"] .cs-row input[type="email"]{text-align:right}
html[dir="rtl"] .cs-row input[type="email"]{direction:ltr}
html[dir="rtl"] .cs-count{direction:ltr}
html[dir="rtl"] .cs__label{letter-spacing:.1em}
@media (max-width:520px){
  html[dir="rtl"] .nf__img{border-radius:24px 100px 24px 24px}
}

/* mobile testimonial carousel scroll start */
@media (max-width:767px){
  html[dir="rtl"] .test-grid{direction:rtl}
}

/* =========================================================
   HOME 2 (home-2.html) – RTL details
   ========================================================= */
html[dir="rtl"] .v2-hero::before{background:linear-gradient(270deg,rgba(8,13,28,.92) 0%,rgba(8,13,28,.7) 42%,rgba(8,13,28,.12) 100%),linear-gradient(0deg,rgba(8,13,28,.75) 0%,transparent 40%)}
html[dir="rtl"] .v2-hero__bg img{object-position:38% 40%}
html[dir="rtl"] .v2-hero h1{letter-spacing:0}
html[dir="rtl"] .v2-hero .btn--accent:hover::after{transform:translateX(-120%)}
html[dir="rtl"] .v2-hero .btn--accent::after{transform:translateX(120%);background:linear-gradient(260deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%)}
html[dir="rtl"] #railPrev .icon{transform:none}
html[dir="rtl"] .v2-panel .link .icon.flip{transform:scaleX(-1)}
html[dir="rtl"] .v2-quote--feat::before{content:"”"}
@media (max-width:991px){
  html[dir="rtl"] .v2-hero::before{background:linear-gradient(0deg,rgba(8,13,28,.92) 0%,rgba(8,13,28,.62) 60%,rgba(8,13,28,.35) 100%)}
}

/* =========================================================
   ABOUT US (about.html) – RTL details
   ========================================================= */
html[dir="rtl"] .ab-hero h1,
html[dir="rtl"] .ab-tech{letter-spacing:0}
html[dir="rtl"] .ab-story__main{border-radius:24px 24px 140px 24px}
html[dir="rtl"] #abPrev .icon{transform:none}
html[dir="rtl"] #abNext .icon{transform:scaleX(-1)}
html[dir="rtl"] .ab-part dd{margin:0 4px 0 0}
html[dir="rtl"] .ab-prog span{margin-inline-start:0}
/* =========================================================
   WISHLIST (wishlist.html) – RTL details
   ========================================================= */
html[dir="rtl"] .wl-hero h1{letter-spacing:0}
html[dir="rtl"] .wl-sort select{background-position:left 12px center}
html[dir="rtl"] .wl-drops li:hover{transform:translateX(-4px)}
html[dir="rtl"] .wl-table td.is-best::after{letter-spacing:0}
html[dir="rtl"] .wl-subhead{letter-spacing:0}
html[dir="rtl"] .wl-table tbody th{letter-spacing:0}
/* =========================================================
   CART (cart.html) – RTL details
   ========================================================= */
html[dir="rtl"] .ct-hero h1,
html[dir="rtl"] .ct-offer__code,
html[dir="rtl"] .ct-ship legend,
html[dir="rtl"] .ct-lines dt small{letter-spacing:0}
html[dir="rtl"] .ct-item.is-leaving{transform:translateX(-26px) scale(.98)}
html[dir="rtl"] .ct-continue .icon{transform:none!important}
html[dir="rtl"] .ct-promo__row input{direction:ltr;text-align:right}
html[dir="rtl"] .ct-undo,
html[dir="rtl"] .ct-undo.show{transform:translate(50%,30px)}
html[dir="rtl"] .ct-undo.show{transform:translate(50%,0)}
html[dir="rtl"] .ct-qty{direction:ltr}
html[dir="rtl"] .ct-total strong,
html[dir="rtl"] .ct-lines dd,
html[dir="rtl"] .ct-item__total,
html[dir="rtl"] .ct-mbar__sum strong{unicode-bidi:plaintext}
html[dir="rtl"] .ct-empty__trail{transform:scaleX(-1)}
html[dir="rtl"] .ct-empty__badge--plane .icon{transform:scaleX(-1)}
@media (max-width:991px){
  html[dir="rtl"] body.has-mbar .ct-undo{bottom:92px}
}
/* =========================================================
   WARRANTY & REPAIR (warranty-repair.html) – RTL details
   ========================================================= */
html[dir="rtl"] .wr-hero h1{letter-spacing:0}
html[dir="rtl"] .wr-pillar:hover,
html[dir="rtl"] .wr-touch li:hover{transform:translateX(-6px)}
html[dir="rtl"] .wr-steps::after{transform-origin:right}
@media (max-width:991px){
  html[dir="rtl"] .wr-steps::after{transform-origin:top}
}
html[dir="rtl"] .wr-touch a[href^="tel"],
html[dir="rtl"] .wr-touch a[href^="mailto"]{direction:ltr;unicode-bidi:embed}
html[dir="rtl"] #wrEmail,
html[dir="rtl"] #wrPhone,
html[dir="rtl"] #wrOrder,
html[dir="rtl"] #wrDate{direction:ltr;text-align:right}
html[dir="rtl"] .wr-register .field select{background-position:left 14px center}
html[dir="rtl"] #wrIssueCount,
html[dir="rtl"] #wrFileCount{direction:ltr}
/* =========================================================
   ALL PRODUCTS (shop.html) – RTL details
   ========================================================= */
html[dir="rtl"] .sp-hero::before{background:linear-gradient(260deg,rgba(10,16,32,.92) 0%,rgba(10,16,32,.72) 46%,rgba(10,16,32,.18) 100%),linear-gradient(0deg,rgba(10,16,32,.7) 0%,transparent 45%)}
html[dir="rtl"] .sp-hero h1{letter-spacing:0}
html[dir="rtl"] .sp-range{background:linear-gradient(270deg,var(--accent) var(--fill,100%),var(--line) var(--fill,100%))}
html[dir="rtl"] .sp-sort select{padding:10px 16px 10px 40px;background-position:left 14px center}
html[dir="rtl"] .sp-tab:hover{transform:translateX(-4px)}
html[dir="rtl"] .sp-tag{padding:6px 14px 6px 8px}
html[dir="rtl"] .sp-picks b,
html[dir="rtl"] .sp-price-row b,
html[dir="rtl"] .price strong{unicode-bidi:plaintext}
@media (max-width:991px){
  html[dir="rtl"] .sp-filters{transform:translateX(104%);border-radius:var(--radius) 0 0 var(--radius)}
  html[dir="rtl"] .sp-filters.is-open{transform:none}
  html[dir="rtl"] .sp-tab:hover{transform:none}
}
html[dir="rtl"] .sp-card .badge,
html[dir="rtl"] .sp-card .product__desc,
html[dir="rtl"] .sp-stock{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .sp-card .product__desc{text-align:right}/* =========================================================
   NEW ARRIVALS (new-arrivals.html) – RTL details
   ========================================================= */
html[dir="rtl"] .na-hero::before{background:linear-gradient(270deg,rgba(8,13,28,.92) 0%,rgba(8,13,28,.7) 44%,rgba(8,13,28,.12) 100%),linear-gradient(0deg,rgba(8,13,28,.7) 0%,transparent 42%)}
html[dir="rtl"] .na-hero__bg img{object-position:38% 40%}
html[dir="rtl"] .na-hero h1,
html[dir="rtl"] .na-field,
html[dir="rtl"] .na-trend__cat,
html[dir="rtl"] .na-pick__cat,
html[dir="rtl"] .na-palette__title{letter-spacing:0}
html[dir="rtl"] .na-field select{padding:10px 16px 10px 38px;background-position:left 14px center}
html[dir="rtl"] .na-edit__main{border-radius:24px 200px 24px 24px}
html[dir="rtl"] .na-edit__inset{border-radius:24px 24px 24px 120px}
html[dir="rtl"] .na-arrow .na-prev{transform:none}
html[dir="rtl"] .na-arrow .na-next{transform:scaleX(-1)}
html[dir="rtl"] .na-prog span{transform-origin:right}
html[dir="rtl"] .na-coll:hover .link .icon.flip{transform:scaleX(-1) translateX(5px)}
html[dir="rtl"] .na-pick:hover{transform:translateX(-6px)}
html[dir="rtl"] .na-colors button{padding:6px 6px 6px 14px}
html[dir="rtl"] .na-stats li{text-align:center}
html[dir="rtl"] .na-brief__total b,
html[dir="rtl"] .na-pick .price,
html[dir="rtl"] .na-trend .price,
html[dir="rtl"] .na-hero__stats b,
html[dir="rtl"] .na-stats b{unicode-bidi:plaintext}
html[dir="rtl"] .na-help a[href^="tel"],
html[dir="rtl"] .na-help a[href^="mailto"]{direction:ltr;unicode-bidi:embed}
@media (max-width:991px){
  html[dir="rtl"] .na-hero::before{background:linear-gradient(0deg,rgba(8,13,28,.92) 0%,rgba(8,13,28,.62) 60%,rgba(8,13,28,.35) 100%)}
}
@media (max-width:767px){
  html[dir="rtl"] .na-stats li{text-align:start}
  html[dir="rtl"] .na-pick:hover{transform:none}
}

/* =========================================================
   BESTSELLERS (bestsellers.html) – RTL details
   ========================================================= */
html[dir="rtl"] .bs-hero h1,
html[dir="rtl"] .bs-j__num,
html[dir="rtl"] .bs-rank{letter-spacing:0}
html[dir="rtl"] .bs-sort select{padding:10px 16px 10px 40px;background-position:left 14px center}
html[dir="rtl"] .bs-feat:hover{transform:translateX(-6px)}
html[dir="rtl"] .bs-stage{border-radius:32px 32px 200px 32px}
html[dir="rtl"] .bs-rev::before{content:"”"}
html[dir="rtl"] .bs-score__n,
html[dir="rtl"] .bs-stat b,
html[dir="rtl"] .bs-card .price strong{unicode-bidi:plaintext}
@media (max-width:991px){
  html[dir="rtl"] .bs-stage{border-radius:28px 28px 120px 28px}
}
@media (max-width:767px){
  html[dir="rtl"] .bs-feat:hover{transform:none}
  html[dir="rtl"] .bs-reviews{direction:rtl}
}
@media (max-width:520px){
  html[dir="rtl"] .bs-stage{border-radius:24px 24px 80px 24px}
}

/* =========================================================
   SALE & OFFERS (sale.html) – RTL details
   ========================================================= */
html[dir="rtl"] .sl-hero::before{background:linear-gradient(270deg,rgba(8,13,28,.93) 0%,rgba(8,13,28,.72) 46%,rgba(8,13,28,.18) 100%),linear-gradient(0deg,rgba(8,13,28,.72) 0%,transparent 42%)}
html[dir="rtl"] .sl-hero__bg img{object-position:38% 42%}
html[dir="rtl"] .sl-hero h1,
html[dir="rtl"] .sl-clock__label,
html[dir="rtl"] .sl-coupon__code{letter-spacing:0}
html[dir="rtl"] .sl-clock__grid{direction:ltr}
html[dir="rtl"] .sl-sort select{padding:10px 16px 10px 40px;background-position:left 14px center}
html[dir="rtl"] .sl-check__row{padding:6px 18px 6px 6px}
html[dir="rtl"] .sl-check__row input{text-align:right}

html[dir="rtl"] .sl-tile__deals li b,
html[dir="rtl"] .sl-kit__list li b,
html[dir="rtl"] .sl-card .price strong,
html[dir="rtl"] .sl-kit__price strong,
html[dir="rtl"] .sl-hero__stats b{unicode-bidi:plaintext}
html[dir="rtl"] .sl-cal li{padding:0 22px 18px 0}
html[dir="rtl"] .sl-cal{margin-inline-start:0;margin-inline-end:6px}
html[dir="rtl"] .sl-cta::before{background:linear-gradient(270deg,rgba(8,13,28,.92) 0%,rgba(8,13,28,.7) 50%,rgba(8,13,28,.2) 100%)}
@media (max-width:991px){
  html[dir="rtl"] .sl-hero::before{background:linear-gradient(0deg,rgba(8,13,28,.93) 0%,rgba(8,13,28,.66) 60%,rgba(8,13,28,.4) 100%)}
  html[dir="rtl"] .sl-cta::before{background:linear-gradient(0deg,rgba(8,13,28,.92) 0%,rgba(8,13,28,.6) 100%)}
}

/* =========================================================
   COLLECTIONS (collections.html) – RTL details
   ========================================================= */
html[dir="rtl"] .cl-hero::before{background:linear-gradient(270deg,rgba(8,13,28,.93) 0%,rgba(8,13,28,.7) 46%,rgba(8,13,28,.16) 100%),linear-gradient(0deg,rgba(8,13,28,.75) 0%,transparent 42%)}
html[dir="rtl"] .cl-hero__bg img{object-position:50% 45%}
html[dir="rtl"] .cl-hero h1,
html[dir="rtl"] .cl-glance__label,
html[dir="rtl"] .cl-pieces__title,
html[dir="rtl"] .cl-sig__stats dt,
html[dir="rtl"] .cl-mini__cat,
html[dir="rtl"] .cl-tile__no,
html[dir="rtl"] .cl-seal span{letter-spacing:0}
html[dir="rtl"] .cl-glance li a:hover{transform:translateX(-4px)}
html[dir="rtl"] .cl-mini:hover{transform:translateX(-6px)}
html[dir="rtl"] .cl-trip::before{transform-origin:right}
html[dir="rtl"] .cl-sig__main{border-radius:24px 220px 24px 24px}
html[dir="rtl"] .cl-sig__inset{border-radius:24px 24px 120px 24px}
html[dir="rtl"] .cl-tile:hover .link .icon.flip,
html[dir="rtl"] .cl-trip:hover .link .icon.flip{transform:scaleX(-1) translateX(5px)}
html[dir="rtl"] .cl-tile__go .icon.flip{transform:scaleX(-1)}
html[dir="rtl"] .cl-tile__from,
html[dir="rtl"] .cl-pieces__price,
html[dir="rtl"] .cl-trip__picks li b,
html[dir="rtl"] .cl-mini__row b,
html[dir="rtl"] .cl-feat__price,
html[dir="rtl"] .cl-hero__stats b,
html[dir="rtl"] .cl-sig__stats dd,
html[dir="rtl"] .cl-glance li em{unicode-bidi:plaintext}
html[dir="rtl"] .cl-trip__days,
html[dir="rtl"] .cl-trip__meta{direction:rtl}
@media (max-width:560px){
  html[dir="rtl"] .cl-sig__main{border-radius:20px 140px 20px 20px}
  html[dir="rtl"] .cl-sig__inset{border-radius:20px 20px 80px 20px}
}
@media (max-width:991px){
  html[dir="rtl"] .cl-hero::before{background:linear-gradient(0deg,rgba(8,13,28,.93) 0%,rgba(8,13,28,.68) 60%,rgba(8,13,28,.42) 100%)}
}
@media (max-width:767px){
  html[dir="rtl"] .cl-mini:hover{transform:none}
  html[dir="rtl"] .cl-trips{direction:rtl}
}