.commerce-hero{position:relative;width:100vw;max-width:100vw;margin:0 calc(50% - 50vw);padding-bottom:22px} .commerce-carousel{position:relative;overflow:hidden;border-radius:0;border-top:1px solid rgba(53,22,76,.08);border-bottom:1px solid rgba(53,22,76,.08);background:#1d1227;box-shadow:0 18px 48px rgba(53,22,76,.18)} .commerce-carousel__viewport{position:relative;overflow:hidden} .commerce-carousel__track{display:flex;direction:ltr;transition:transform .72s cubic-bezier(.22,.7,.18,1);will-change:transform} .commerce-slide{position:relative;flex:0 0 100%;min-width:100%;min-height:430px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;direction:ltr} html[dir="rtl"] .commerce-slide{justify-content:flex-end;direction:rtl} .commerce-slide__media,.commerce-slide__bg{position:absolute;inset:0;width:100%;height:100%} .commerce-slide__bg{object-fit:cover;object-position:center center;transform:scale(1.01)} .commerce-slide__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,10,32,.82) 0%,rgba(27,12,38,.58) 34%,rgba(27,12,38,.12) 68%,rgba(27,12,38,.06) 100%)} html[dir="rtl"] .commerce-slide__shade{background:linear-gradient(270deg,rgba(22,10,32,.82) 0%,rgba(27,12,38,.58) 34%,rgba(27,12,38,.12) 68%,rgba(27,12,38,.06) 100%)} .commerce-slide__content{position:relative;z-index:2;width:min(100%,620px);padding:36px clamp(24px,5.2vw,78px);color:#fff} html[dir="rtl"] .commerce-slide__content{text-align:right} .commerce-slide__eyebrow{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);color:#f3e7fb;font-size:.77rem;font-weight:900;backdrop-filter:blur(8px)} .commerce-slide h1,.commerce-slide h2{margin:16px 0 0;max-width:16ch;color:#fff;font-size:clamp(2.3rem,4.8vw,4.7rem);line-height:1.1;letter-spacing:-.045em;text-wrap:balance} .commerce-slide h2{font-size:clamp(2.1rem,4.2vw,4rem)} html[dir="rtl"] .commerce-slide h1,html[dir="rtl"] .commerce-slide h2{letter-spacing:-.025em} .commerce-slide p{max-width:56ch;margin:16px 0 0;color:#eee2f6;font-size:1rem;line-height:1.9} .commerce-slide__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px} .commerce-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:14px;border:1px solid transparent;font-weight:950;font-size:.95rem;transition:transform .2s ease,background .2s ease,border-color .2s ease} .commerce-button:hover{transform:translateY(-2px)} .commerce-button--primary{background:linear-gradient(135deg,#36c6da,#72e0ea);color:#17101f;box-shadow:0 16px 28px rgba(54,198,218,.26)} .commerce-button--secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.18);backdrop-filter:blur(8px)} .commerce-button--secondary:hover{background:rgba(255,255,255,.16)} .commerce-carousel__controls{position:absolute;z-index:4;inset:auto clamp(18px,4vw,34px) 18px;display:flex;align-items:center;gap:12px;color:#fff} .commerce-carousel__arrows{display:flex;gap:8px} .commerce-carousel__arrows button,.commerce-carousel__pause{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(18,10,28,.28);color:#fff;backdrop-filter:blur(8px);transition:.2s ease} .commerce-carousel__arrows button:hover,.commerce-carousel__pause:hover{background:rgba(255,255,255,.16)} .commerce-carousel__dots{display:flex;align-items:center;gap:7px;margin-inline:auto}.commerce-carousel__dots button{width:8px;height:8px;border:0;border-radius:999px;background:rgba(255,255,255,.38);transition:.25s ease}.commerce-carousel__dots button.active{width:28px;background:#36c6da}.commerce-carousel__pause[aria-pressed="true"]{background:rgba(54,198,218,.2);color:#7fe8f1} .commerce-scroll-cue{width:max-content;max-width:calc(100% - 28px);min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;margin:14px auto 0;padding:0 15px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-soft);color:var(--primary);font-size:.78rem;font-weight:950}.commerce-scroll-cue i{animation:commerceBounce 1.4s ease-in-out infinite}@keyframes commerceBounce{0%,100%{transform:translateY(-1px)}50%{transform:translateY(3px)}} .hero-shop-peek{position:relative;z-index:7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.hero-shop-peek__item{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease}.hero-shop-peek__item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.hero-shop-peek__icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--surface-tint);color:var(--primary)}.hero-shop-peek__copy{min-width:0;display:flex;flex-direction:column;line-height:1.35}.hero-shop-peek__copy small{color:var(--success);font-size:.66rem;font-weight:900}.hero-shop-peek__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.hero-shop-peek__price{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;line-height:1.2}.hero-shop-peek__price b{color:var(--success);font-size:.88rem;font-weight:1000}.hero-shop-peek__price small{color:var(--muted);font-size:.62rem}.hero-shop-peek__arrow{color:var(--muted);font-size:.8rem} .hero-shop-peek__item--available{border-color:color-mix(in srgb,var(--success) 24%,var(--border));box-shadow:0 12px 30px color-mix(in srgb,var(--success) 9%,transparent),var(--shadow-soft)} .hero-shop-peek__item--available .hero-shop-peek__icon{background:color-mix(in srgb,var(--success) 11%,var(--surface));color:var(--success)} .hero-shop-peek__item--coming_soon{opacity:.62;border-style:dashed;background:color-mix(in srgb,var(--surface-soft) 88%,var(--bg));box-shadow:none;filter:saturate(.55)} .hero-shop-peek__item--coming_soon:hover{opacity:.82;transform:translateY(-1px)} .hero-shop-peek__item--coming_soon .hero-shop-peek__price{opacity:.58} .hero-shop-peek__item--coming_soon .hero-shop-peek__icon{background:var(--surface-soft);color:var(--muted)} .landing-products-section{padding-top:48px} @media(max-width:1050px){.commerce-slide{min-height:400px}.commerce-slide__content{width:min(100%,560px)}.commerce-slide h1,.commerce-slide h2{font-size:clamp(2rem,5.3vw,3.7rem)}.hero-shop-peek{grid-template-columns:1fr}.hero-shop-peek__copy strong{white-space:normal}.hero-shop-peek__item{padding-inline:18px}} @media(max-width:780px){.commerce-hero{width:100vw;max-width:100vw;margin:0 calc(50% - 50vw);padding-bottom:18px}.commerce-carousel{border-radius:0}.commerce-slide{min-height:410px;align-items:flex-start}.commerce-slide__bg{object-position:center center}.commerce-slide__shade{background:linear-gradient(180deg,rgba(22,10,32,.80) 0%,rgba(27,12,38,.50) 46%,rgba(27,12,38,.16) 100%)}html[dir="rtl"] .commerce-slide__shade{background:linear-gradient(180deg,rgba(22,10,32,.80) 0%,rgba(27,12,38,.50) 46%,rgba(27,12,38,.16) 100%)}.commerce-slide__content{width:100%;padding:22px 18px 82px}.commerce-slide h1,.commerce-slide h2{max-width:14ch;font-size:clamp(1.95rem,8.9vw,3rem);margin-top:14px}.commerce-slide p{margin-top:12px;font-size:.92rem;line-height:1.75;max-width:31ch}.commerce-slide__actions{margin-top:18px}.commerce-button{min-height:45px;padding:0 14px;font-size:.84rem}.commerce-carousel__controls{inset:auto 14px 14px}.commerce-scroll-cue{font-size:.7rem}.hero-shop-peek{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:calc(100% - 32px);margin-top:7px}.hero-shop-peek::-webkit-scrollbar{display:none}.hero-shop-peek__item{flex:0 0 min(88vw,390px);scroll-snap-align:center}.landing-products-section{padding-top:40px}} @media(max-width:520px){.commerce-slide{min-height:390px}.commerce-slide__eyebrow{font-size:.72rem;padding:0 12px}.commerce-slide h1,.commerce-slide h2{font-size:clamp(1.75rem,9vw,2.45rem);line-height:1.14}.commerce-slide__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.commerce-button{padding:0 10px}.commerce-carousel__arrows{display:none}.commerce-carousel__controls{justify-content:center}.commerce-carousel__pause{margin-inline-start:auto}.commerce-carousel__dots{margin-inline:auto 0}.commerce-scroll-cue span{display:none}.commerce-scroll-cue{width:40px;padding:0;justify-content:center}.hero-shop-peek__item{grid-template-columns:auto minmax(0,1fr) auto}.hero-shop-peek__arrow{display:none}} @media(prefers-reduced-motion:reduce){.commerce-carousel__track{transition:none}.commerce-scroll-cue i{animation:none}} .commerce-slide__media--dark{display:none} html[data-theme="dark"] .commerce-slide__media--light{display:none} html[data-theme="dark"] .commerce-slide__media--dark{display:block} html[data-theme="light"] .commerce-slide__shade{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(250,246,252,.84) 33%,rgba(250,246,252,.22) 67%,rgba(250,246,252,.04) 100%)!important} html[dir="rtl"][data-theme="light"] .commerce-slide__shade{background:linear-gradient(270deg,rgba(255,255,255,.94) 0%,rgba(250,246,252,.84) 33%,rgba(250,246,252,.22) 67%,rgba(250,246,252,.04) 100%)!important} html[data-theme="light"] .commerce-slide__content{color:#21102d} html[data-theme="light"] .commerce-slide h1,html[data-theme="light"] .commerce-slide h2{color:#21102d} html[data-theme="light"] .commerce-slide p{color:#5f4b68} html[data-theme="light"] .commerce-slide__eyebrow{background:rgba(255,255,255,.72);border-color:rgba(53,22,76,.14);color:#35164c;box-shadow:0 8px 24px rgba(53,22,76,.06)} html[data-theme="light"] .commerce-button--secondary{background:rgba(255,255,255,.78);color:#35164c;border-color:rgba(53,22,76,.16)} html[data-theme="light"] .commerce-carousel__arrows button,html[data-theme="light"] .commerce-carousel__pause{background:rgba(255,255,255,.72);color:#35164c;border-color:rgba(53,22,76,.14)} html[data-theme="light"] .commerce-carousel__dots button{background:rgba(53,22,76,.24)} html[data-theme="light"] .commerce-carousel__dots button.active{background:#079455} @media(max-width:780px){html[data-theme="light"] .commerce-slide__shade,html[dir="rtl"][data-theme="light"] .commerce-slide__shade{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(250,246,252,.80) 48%,rgba(250,246,252,.16) 100%)!important}} .commerce-slide{padding-inline:clamp(18px,4vw,72px)} .commerce-slide__content{isolation:isolate;width:min(72vw,780px)!important;max-width:780px;padding:42px clamp(22px,4.6vw,68px)!important;text-align:start!important} .commerce-slide__content::before{content:"";position:absolute;z-index:-1;inset:-54px -88px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(23,10,34,.82) 0%,rgba(23,10,34,.55) 38%,rgba(23,10,34,.18) 68%,transparent 78%);filter:blur(16px);pointer-events:none} html[dir="rtl"] .commerce-slide{justify-content:flex-start!important} html[dir="rtl"] .commerce-slide__content{margin-left:auto!important;margin-right:0!important;text-align:right!important} html[dir="ltr"] .commerce-slide__content{margin-left:0!important;margin-right:auto!important;text-align:left!important} .commerce-slide h1,.commerce-slide h2{max-width:19ch;margin-top:0!important} .commerce-slide p{max-width:64ch} html[data-theme="light"] .commerce-slide__content::before{background:radial-gradient(ellipse at center,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 42%,rgba(255,255,255,.28) 67%,transparent 79%);filter:blur(14px)} @media(max-width:1050px){.commerce-slide__content{width:min(78vw,690px)!important}} @media(max-width:780px){.commerce-slide{padding-inline:0} .commerce-slide__content{width:100%!important;max-width:none;padding:30px 22px 88px!important} .commerce-slide__content::before{inset:-38px -34px;background:linear-gradient(180deg,rgba(23,10,34,.78),rgba(23,10,34,.45) 62%,transparent)} html[data-theme="light"] .commerce-slide__content::before{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.70) 62%,transparent)} .commerce-slide h1,.commerce-slide h2{max-width:18ch} .commerce-slide p{max-width:40ch}} .market-amazing{margin-top:16px;margin-bottom:24px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:0;border:1px solid var(--border);border-radius:24px;background:var(--surface);overflow:hidden}.market-amazing__intro{padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;background:linear-gradient(155deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.market-amazing--discounted .market-amazing__intro{background:linear-gradient(155deg,#ef394e,#d92b42);color:#fff}.market-amazing__intro>span{font-weight:1000;font-size:.8rem;display:flex;gap:7px;align-items:center}.market-amazing__intro h2{margin:0;font-size:1.2rem;line-height:1.65}.market-amazing__intro p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.9}.market-amazing--discounted .market-amazing__intro p{color:rgba(255,255,255,.8)}.market-amazing__intro a{margin-top:4px;display:flex;align-items:center;gap:6px;color:inherit;font-weight:900;font-size:.72rem}.market-amazing__rail{min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(176px,1fr);overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}.market-amazing-card{scroll-snap-align:start;min-width:0;padding:14px;border-inline-start:1px solid var(--border);background:var(--surface)}.market-amazing-card__media{position:relative;display:grid;place-items:center;aspect-ratio:1/1}.market-amazing-card__media img{max-width:100%;max-height:100%;object-fit:contain}.market-amazing-card__media b{position:absolute;bottom:4px;inset-inline-start:3px;padding:3px 8px;border-radius:999px;background:#ef394e;color:#fff;font:900 .7rem Arial,sans-serif}.market-amazing-card>div>small{display:block;min-height:18px;color:var(--muted);font:700 .66rem Arial,sans-serif}.market-amazing-card h3{margin:4px 0 12px;font-size:.78rem;line-height:1.85;min-height:3.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.market-amazing-card__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.market-amazing-card__price del{color:var(--muted);font-size:.66rem}.market-amazing-card__price strong{font-size:.82rem} @media(max-width:760px){.market-amazing{width:calc(100% - 20px);grid-template-columns:1fr;border-radius:20px}.market-amazing__intro{padding:16px 14px}.market-amazing__intro p{display:none}.market-amazing__rail{grid-auto-columns:minmax(154px,58vw)}} .landing-quick-links{position:relative;margin-top:18px;margin-bottom:14px}.landing-quick-links__rail{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;padding:4px 46px 8px;scroll-snap-type:x proximity;flex-direction:row;flex-wrap:nowrap}.landing-quick-links__rail::-webkit-scrollbar{display:none}.landing-quick-links__rail>a{flex:0 0 92px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:var(--text);scroll-snap-align:start}.landing-quick-links__rail>a>span{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 16px rgba(15,23,42,.05);font-size:1.15rem;color:var(--primary);transition:transform .18s ease,border-color .18s ease}.landing-quick-links__rail>a:hover>span{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 32%,var(--border))}.landing-quick-links__rail>a b{font-size:.7rem;line-height:1.55;max-width:92px}.landing-rail-arrow,.market-amazing__arrow{position:absolute;z-index:5;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 4px 16px rgba(15,23,42,.12);cursor:pointer}.landing-rail-arrow[hidden],.market-amazing__arrow[hidden]{display:none}.landing-rail-arrow--prev{inset-inline-start:3px;top:14px}.landing-rail-arrow--next{inset-inline-end:3px;top:14px} .market-amazing{position:relative;grid-template-columns:188px minmax(0,1fr);border:0;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,#2f1640),color-mix(in srgb,var(--primary) 72%,#1b1026));padding:12px;overflow:hidden}.market-amazing__intro{border-radius:17px;background:transparent!important;color:#fff!important;padding:20px 16px;align-items:center;text-align:center}.market-amazing__intro>span{color:rgba(255,255,255,.82);font-size:.72rem}.market-amazing__intro h2{font-size:1.35rem;color:#fff}.market-amazing__intro a{min-height:36px;padding:0 12px;border-radius:9px;background:#fff;color:#2f1640;align-items:center}.market-amazing__percent{width:72px;height:72px;display:grid;place-items:center;color:#fff;font-size:2.1rem}.market-amazing__products{position:relative;min-width:0}.market-amazing__rail{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;border-radius:14px;background:rgba(255,255,255,.18)}.market-amazing__rail::-webkit-scrollbar{display:none}.market-amazing-card{flex:0 0 188px;border:0;border-inline-start:1px solid #eceff3;background:#fff;padding:12px;scroll-snap-align:start}.market-amazing-card:first-child{border-inline-start:0;border-start-start-radius:12px;border-end-start-radius:12px}.market-amazing-card:last-child{border-start-end-radius:12px;border-end-end-radius:12px}.market-amazing-card__media b{inset:auto auto 3px 3px;direction:ltr;font-family:Arial,sans-serif;font-weight:900;background:#ef394e;padding:3px 7px}.market-amazing-card h3{color:#1f2937}.market-amazing-card>div>small,.market-amazing-card__price del{color:#8b8f97}.market-amazing-card__price strong{color:#111827}.market-amazing__arrow{top:50%;transform:translateY(-50%);background:#fff;color:#374151;border-color:#d8dce3}.market-amazing__arrow--prev{inset-inline-start:8px}.market-amazing__arrow--next{inset-inline-end:8px} .commerce-carousel__arrows button{position:relative;z-index:20;pointer-events:auto;cursor:pointer} @media(max-width:760px){.landing-quick-links{width:100%;margin-top:10px}.landing-quick-links__rail{padding-inline:12px;gap:4px}.landing-quick-links__rail>a{flex-basis:80px}.landing-quick-links__rail>a>span{width:50px;height:50px}.landing-rail-arrow{display:none!important}.market-amazing{width:calc(100% - 20px);padding:10px;grid-template-columns:130px minmax(0,1fr);border-radius:18px}.market-amazing__intro{padding:12px 8px}.market-amazing__percent{width:52px;height:52px;font-size:1.55rem}.market-amazing__intro h2{font-size:1rem}.market-amazing__intro>span{display:none}.market-amazing__intro a{font-size:.64rem}.market-amazing-card{flex-basis:154px;padding:10px}.market-amazing__arrow{display:none!important}}
/* === 2026-09 responsive hero carousel refinement ===
   The artwork already contains a dedicated quiet copy area. Keep overlays local,
   preserve more of the 1600x620 / 900x960 compositions, and keep physical arrow
   direction predictable in both LTR and RTL documents. */
.commerce-hero{
  padding-bottom:clamp(18px,2vw,30px);
}
.commerce-carousel{
  border-block:1px solid color-mix(in srgb,var(--primary) 16%,transparent);
  background:#0f0a18;
  box-shadow:0 16px 40px rgba(27,12,38,.14);
}
.commerce-carousel__viewport,
.commerce-carousel__track{
  min-height:0;
}
.commerce-slide{
  box-sizing:border-box;
  height:clamp(520px,38.75vw,760px);
  min-height:0!important;
  padding-inline:0!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.commerce-slide__media,
.commerce-slide__bg{
  inset:0;
  width:100%;
  height:100%;
}
.commerce-slide__bg{
  object-fit:cover;
  object-position:center center;
  transform:none;
}
.commerce-slide__shade{
  background:linear-gradient(270deg,rgba(15,10,24,.38) 0%,rgba(15,10,24,.18) 25%,rgba(15,10,24,.04) 46%,transparent 62%)!important;
  pointer-events:none;
}
html[dir="ltr"] .commerce-slide__shade{
  background:linear-gradient(90deg,rgba(15,10,24,.38) 0%,rgba(15,10,24,.18) 25%,rgba(15,10,24,.04) 46%,transparent 62%)!important;
}
html[data-theme="light"] .commerce-slide__shade,
html[dir="rtl"][data-theme="light"] .commerce-slide__shade{
  background:linear-gradient(270deg,rgba(251,248,255,.34) 0%,rgba(251,248,255,.16) 28%,rgba(251,248,255,.035) 48%,transparent 62%)!important;
}
html[dir="ltr"][data-theme="light"] .commerce-slide__shade{
  background:linear-gradient(90deg,rgba(251,248,255,.34) 0%,rgba(251,248,255,.16) 28%,rgba(251,248,255,.035) 48%,transparent 62%)!important;
}
.commerce-slide__content{
  box-sizing:border-box;
  isolation:isolate;
  width:min(45vw,700px)!important;
  max-width:700px!important;
  margin:0!important;
  padding:clamp(34px,4vw,64px) clamp(34px,5vw,88px)!important;
  text-align:start!important;
}
html[dir="rtl"] .commerce-slide__content{
  margin:0!important;
  text-align:right!important;
}
html[dir="ltr"] .commerce-slide__content{
  margin:0!important;
  text-align:left!important;
}
.commerce-slide__content::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-30px -42px;
  border-radius:42%;
  background:radial-gradient(ellipse at center,rgba(15,10,24,.44) 0%,rgba(15,10,24,.24) 42%,rgba(15,10,24,.08) 62%,transparent 76%);
  filter:blur(14px);
  pointer-events:none;
}
html[data-theme="light"] .commerce-slide__content::before{
  background:radial-gradient(ellipse at center,rgba(251,248,255,.60) 0%,rgba(251,248,255,.34) 44%,rgba(251,248,255,.10) 64%,transparent 78%);
  filter:blur(13px);
}
.commerce-slide h1,
.commerce-slide h2{
  max-width:14ch;
  margin-top:0!important;
  font-size:clamp(2.35rem,3.65vw,4.35rem);
  line-height:1.08;
}
.commerce-slide__actions{
  margin-top:clamp(18px,2vw,26px);
}
.commerce-button{
  min-width:clamp(150px,12vw,190px);
}
.commerce-carousel__controls{
  inset:auto clamp(18px,3vw,40px) clamp(16px,2vw,28px);
  direction:ltr!important;
}
.commerce-carousel__arrows{
  direction:ltr!important;
  display:flex!important;
}
.commerce-carousel__arrows button,
.commerce-carousel__pause{
  width:44px;
  height:44px;
  flex:0 0 44px;
}
html[data-theme="light"] .commerce-carousel{
  background:#fbf8ff;
  border-block-color:rgba(53,22,76,.13);
  box-shadow:0 16px 38px rgba(53,22,76,.10);
}
html[data-theme="light"] .commerce-carousel__arrows button,
html[data-theme="light"] .commerce-carousel__pause{
  background:rgba(255,255,255,.88);
  border-color:rgba(53,22,76,.18);
  box-shadow:0 8px 22px rgba(53,22,76,.10);
}
html[data-theme="dark"] .commerce-carousel__arrows button,
html[data-theme="dark"] .commerce-carousel__pause{
  background:rgba(15,10,24,.76);
  border-color:rgba(126,232,244,.20);
  box-shadow:0 8px 22px rgba(0,0,0,.24);
}

@media (max-width:1050px) and (min-width:781px){
  .commerce-slide{
    height:clamp(470px,49vw,540px);
  }
  .commerce-slide__content{
    width:min(46vw,560px)!important;
    padding:34px clamp(28px,4vw,54px)!important;
  }
  .commerce-slide h1,
  .commerce-slide h2{
    font-size:clamp(2.05rem,4.1vw,3.25rem);
  }
}

@media (max-width:780px){
  .commerce-hero{
    padding-bottom:18px;
  }
  .commerce-slide{
    height:clamp(540px,94vw,680px);
    min-height:0!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }
  .commerce-slide__bg{
    object-fit:cover;
    object-position:center center;
  }
  .commerce-slide__shade,
  html[dir="rtl"] .commerce-slide__shade,
  html[dir="ltr"] .commerce-slide__shade{
    background:linear-gradient(180deg,rgba(15,10,24,.28) 0%,rgba(15,10,24,.12) 30%,rgba(15,10,24,.025) 50%,transparent 66%)!important;
  }
  html[data-theme="light"] .commerce-slide__shade,
  html[dir="rtl"][data-theme="light"] .commerce-slide__shade,
  html[dir="ltr"][data-theme="light"] .commerce-slide__shade{
    background:linear-gradient(180deg,rgba(251,248,255,.22) 0%,rgba(251,248,255,.09) 32%,rgba(251,248,255,.02) 52%,transparent 68%)!important;
  }
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:clamp(30px,7vw,54px) 22px 96px!important;
  }
  .commerce-slide__content::before{
    inset:-10px -18px -26px;
    border-radius:0;
    background:linear-gradient(180deg,rgba(15,10,24,.40) 0%,rgba(15,10,24,.18) 55%,transparent 100%);
    filter:blur(10px);
  }
  html[data-theme="light"] .commerce-slide__content::before{
    background:linear-gradient(180deg,rgba(251,248,255,.50) 0%,rgba(251,248,255,.20) 56%,transparent 100%);
    filter:blur(10px);
  }
  .commerce-slide h1,
  .commerce-slide h2{
    max-width:13ch;
    font-size:clamp(1.85rem,7.6vw,2.75rem);
    line-height:1.12;
  }
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2{
    margin-inline-start:auto;
  }
  .commerce-slide__actions{
    margin-top:16px;
  }
  html[dir="rtl"] .commerce-slide__actions{
    justify-content:flex-start;
    flex-direction:row-reverse;
  }
  .commerce-button{
    min-width:150px;
    min-height:46px;
  }
  .commerce-carousel__controls{
    inset:auto 14px 14px;
  }
  .commerce-carousel__arrows{
    display:flex!important;
  }
}

@media (max-width:520px){
  .commerce-slide{
    height:clamp(500px,128vw,620px);
  }
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    padding:28px 18px 86px!important;
  }
  .commerce-slide h1,
  .commerce-slide h2{
    max-width:12.5ch;
    font-size:clamp(1.7rem,7.5vw,2.25rem);
  }
  .commerce-slide__actions{
    display:flex!important;
    grid-template-columns:none!important;
  }
  .commerce-button{
    min-width:146px;
    width:auto;
  }
  .commerce-carousel__controls{
    justify-content:space-between;
    gap:10px;
  }
  .commerce-carousel__dots{
    margin-inline:auto!important;
  }
}

@media (max-height:650px) and (min-width:781px){
  .commerce-slide{
    height:clamp(460px,74vh,560px);
  }
}

/* === 2026-09 mobile hero readability / RTL alignment refinement === */
html[dir="rtl"] .commerce-slide__actions{
  justify-content:flex-end;
}
html[dir="rtl"] .commerce-button{
  margin-inline-start:auto;
}

@media (max-width:780px){
  .commerce-slide{
    justify-content:flex-start!important;
  }
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    width:min(84vw,430px)!important;
    max-width:min(84vw,430px)!important;
    margin-inline-start:auto!important;
    margin-inline-end:12px!important;
    padding:22px 18px 88px!important;
    border-radius:28px;
    background:rgba(16,10,25,.26);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 16px 34px rgba(12,8,18,.12);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  html[data-theme="light"] .commerce-slide__content,
  html[data-theme="light"][dir="rtl"] .commerce-slide__content,
  html[data-theme="light"][dir="ltr"] .commerce-slide__content{
    background:rgba(251,248,255,.58);
    border-color:rgba(53,22,76,.10);
    box-shadow:0 14px 28px rgba(53,22,76,.10);
  }
  .commerce-slide__content::before{
    inset:-12px -12px -20px!important;
    border-radius:30px!important;
    background:linear-gradient(180deg,rgba(15,10,24,.44) 0%,rgba(15,10,24,.18) 55%,transparent 100%)!important;
    filter:blur(10px);
  }
  html[data-theme="light"] .commerce-slide__content::before{
    background:linear-gradient(180deg,rgba(251,248,255,.62) 0%,rgba(251,248,255,.24) 56%,transparent 100%)!important;
  }
  html[dir="rtl"] .commerce-slide__content{
    text-align:right!important;
  }
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2,
  html[dir="rtl"] .commerce-slide p{
    text-align:right!important;
    margin-inline-start:auto;
  }
  .commerce-slide__actions,
  html[dir="rtl"] .commerce-slide__actions{
    justify-content:flex-end!important;
    align-items:flex-end;
  }
  html[dir="rtl"] .commerce-button{
    margin-inline-start:auto;
    margin-inline-end:0;
  }
}

@media (max-width:520px){
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    width:min(86vw,370px)!important;
    max-width:min(86vw,370px)!important;
    margin-inline-end:10px!important;
    padding:18px 16px 82px!important;
    border-radius:24px;
  }
  .commerce-slide h1,
  .commerce-slide h2{
    max-width:10.8ch;
  }
}

/* === 2026-09 RTL mobile alignment hotfix === */
@media (max-width:780px){
  html[dir="rtl"] .commerce-slide__content{
    margin-right:12px!important;
    margin-left:auto!important;
    margin-inline-start:12px!important;
    margin-inline-end:auto!important;
    text-align:right!important;
  }
  html[dir="ltr"] .commerce-slide__content{
    margin-left:12px!important;
    margin-right:auto!important;
    margin-inline-start:12px!important;
    margin-inline-end:auto!important;
    text-align:left!important;
  }
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2,
  html[dir="rtl"] .commerce-slide p,
  html[dir="rtl"] .commerce-slide__actions{
    width:100%;
    text-align:right!important;
    justify-content:flex-end!important;
    align-items:flex-end!important;
  }
  html[dir="rtl"] .commerce-button{
    margin:0!important;
    margin-left:auto!important;
    align-self:flex-end!important;
  }
}

@media (max-width:520px){
  html[dir="rtl"] .commerce-slide__content{
    margin-right:10px!important;
    margin-left:auto!important;
    margin-inline-start:10px!important;
    margin-inline-end:auto!important;
  }
  html[dir="ltr"] .commerce-slide__content{
    margin-left:10px!important;
    margin-right:auto!important;
    margin-inline-start:10px!important;
    margin-inline-end:auto!important;
  }
}

/* === 2026-09 mobile hero full-width readable overlay + autoplay progress === */
.commerce-carousel__status{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  display:grid;
  justify-items:center;
  gap:6px;
  min-width:116px;
  pointer-events:auto;
}
.commerce-carousel__status .commerce-carousel__dots{
  margin:0!important;
  justify-content:center;
}
.commerce-carousel__timer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  direction:ltr;
  min-height:12px;
}
.commerce-carousel__timer-track{
  width:76px;
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.28);
}
.commerce-carousel__timer-track > span{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:#36c6da;
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}
.commerce-carousel__seconds{
  min-width:18px;
  color:rgba(255,255,255,.82);
  font-size:.62rem;
  font-weight:900;
  line-height:1;
  font-variant-numeric:tabular-nums;
  text-align:center;
}
html[data-theme="light"] .commerce-carousel__timer-track{
  background:rgba(53,22,76,.18);
}
html[data-theme="light"] .commerce-carousel__seconds{
  color:#35164c;
}

@media (max-width:780px){
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    position:absolute!important;
    inset-inline:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:20px 22px 92px!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(15,10,24,.08) 0%,rgba(15,10,24,.20) 38%,rgba(15,10,24,.34) 100%)!important;
    box-shadow:none!important;
    backdrop-filter:blur(3px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(3px) saturate(108%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
  html[data-theme="light"] .commerce-slide__content,
  html[data-theme="light"][dir="rtl"] .commerce-slide__content,
  html[data-theme="light"][dir="ltr"] .commerce-slide__content{
    background:linear-gradient(180deg,rgba(251,248,255,.06) 0%,rgba(251,248,255,.18) 40%,rgba(251,248,255,.34) 100%)!important;
    border-top-color:rgba(53,22,76,.08)!important;
  }
  .commerce-slide__content::before,
  html[data-theme="light"] .commerce-slide__content::before{
    display:none!important;
    content:none!important;
  }
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2,
  html[dir="rtl"] .commerce-slide p{
    width:auto!important;
    max-width:min(13ch,calc(100vw - 44px))!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
    text-align:right!important;
  }
  html[dir="rtl"] .commerce-slide__actions{
    width:100%!important;
    justify-content:flex-end!important;
    align-items:flex-end!important;
    flex-direction:row!important;
  }
  html[dir="rtl"] .commerce-button{
    margin:0!important;
    align-self:flex-end!important;
  }
  html[dir="ltr"] .commerce-slide__content{
    align-items:flex-start!important;
    text-align:left!important;
  }
  html[dir="ltr"] .commerce-slide__actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .commerce-carousel__controls{
    inset:auto 14px 14px!important;
    min-height:52px;
  }
  .commerce-carousel__status{
    bottom:0;
  }
}

@media (max-width:520px){
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    padding:18px 18px 86px!important;
  }
  .commerce-carousel__timer-track{
    width:68px;
  }
}

/* Keep the special-offer intro CTA readable on the purple surface. */
body.home-page.jolfa-public-theme .market-amazing__intro a{
  color:#fff!important;
}

/* === 2026-09 final mobile hero readability + centered progress === */
.commerce-carousel__status{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  width:max-content!important;
  pointer-events:auto;
}
.commerce-carousel__status .commerce-carousel__dots{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
}
.commerce-carousel__timer{
  display:block!important;
  width:104px!important;
  height:4px!important;
  min-height:4px!important;
  margin:0!important;
  direction:ltr!important;
}
.commerce-carousel__timer-track{
  display:block!important;
  width:100%!important;
  height:4px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.30)!important;
}
.commerce-carousel__timer-track > span{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  background:#36c6da!important;
  transform:scaleX(0);
  transform-origin:left center!important;
  will-change:transform;
}
.commerce-carousel__seconds{display:none!important;}
html[data-theme="light"] .commerce-carousel__timer-track{
  background:rgba(53,22,76,.16)!important;
}

@media (max-width:780px){
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    position:absolute!important;
    inset-inline:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:22px 22px 96px!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(15,10,24,.24) 0%,rgba(15,10,24,.58) 34%,rgba(15,10,24,.78) 100%)!important;
    box-shadow:0 -12px 26px rgba(0,0,0,.08)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
  html[data-theme="light"] .commerce-slide__content,
  html[data-theme="light"][dir="rtl"] .commerce-slide__content,
  html[data-theme="light"][dir="ltr"] .commerce-slide__content{
    background:linear-gradient(180deg,rgba(251,248,255,.38) 0%,rgba(251,248,255,.76) 36%,rgba(251,248,255,.91) 100%)!important;
    border-top-color:rgba(53,22,76,.10)!important;
    box-shadow:0 -12px 28px rgba(53,22,76,.07)!important;
  }
  .commerce-slide__content::before,
  html[data-theme="light"] .commerce-slide__content::before{
    display:none!important;
    content:none!important;
  }
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2,
  html[dir="rtl"] .commerce-slide p{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    text-align:right!important;
  }
  html[data-theme="light"][dir="rtl"] .commerce-slide h1,
  html[data-theme="light"][dir="rtl"] .commerce-slide h2{
    color:#160d22!important;
    text-shadow:0 1px 0 rgba(255,255,255,.92),0 3px 12px rgba(53,22,76,.12);
  }
  html[data-theme="dark"][dir="rtl"] .commerce-slide h1,
  html[data-theme="dark"][dir="rtl"] .commerce-slide h2{
    color:#fff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.40);
  }
  html[dir="rtl"] .commerce-slide__actions{
    width:100%!important;
    justify-content:flex-end!important;
    align-items:flex-end!important;
    flex-direction:row!important;
  }
  html[dir="rtl"] .commerce-button{
    margin:0!important;
    align-self:flex-end!important;
  }
  .commerce-carousel__controls{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    top:auto!important;
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .commerce-carousel__status{
    left:50%!important;
    top:50%!important;
    bottom:auto!important;
  }
}

@media (max-width:520px){
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    padding:20px 18px 90px!important;
  }
  .commerce-carousel__timer{
    width:92px!important;
  }
}

/* === 2026-09 carousel timing + desktop viewport sizing final fix === */
@keyframes commerceCarouselProgressFill{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
.commerce-carousel__timer-track > [data-commerce-progress]{
  transform:scaleX(0);
  transform-origin:left center!important;
  animation:none!important;
}
.commerce-carousel__timer-track > [data-commerce-progress].is-running{
  animation:commerceCarouselProgressFill var(--commerce-autoplay,3000ms) linear forwards!important;
}
.commerce-carousel__controls{
  min-height:56px!important;
}
.commerce-carousel__status{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:max-content!important;
}
.commerce-carousel__status .commerce-carousel__dots{
  order:1;
  margin:0!important;
  justify-content:center!important;
}
.commerce-carousel__timer{
  order:2;
  width:92px!important;
  height:4px!important;
  min-height:4px!important;
  margin:0!important;
}
.commerce-carousel__timer-track{
  display:block!important;
  width:100%!important;
  height:4px!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.commerce-carousel__seconds{display:none!important;}

@media (min-width:1051px){
  .commerce-slide{
    height:clamp(430px,31vw,520px)!important;
    min-height:0!important;
  }
}
@media (min-width:781px) and (max-width:1050px){
  .commerce-slide{
    height:clamp(420px,44vw,480px)!important;
    min-height:0!important;
  }
}
@media (max-height:720px) and (min-width:781px){
  .commerce-slide{
    height:min(460px,66vh)!important;
  }
}
@media (max-width:780px){
  .commerce-carousel__controls{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    min-height:56px!important;
  }
  .commerce-carousel__status{
    left:50%!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* Progress animation must be allowed to override the resting transform. */
.commerce-carousel__timer-track > [data-commerce-progress]{
  transform:scaleX(0);
}
.commerce-carousel__timer-track > [data-commerce-progress].is-running{
  animation:commerceCarouselProgressFill var(--commerce-autoplay,3000ms) linear forwards!important;
}
@keyframes commerceCarouselProgressFill{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

/* === 2026-09 mobile hero top-title / bottom-haze layout === */
@media (max-width:780px){
  .commerce-slide{
    min-height:520px!important;
    height:clamp(520px,118vw,640px)!important;
    align-items:stretch!important;
  }
  .commerce-slide__shade,
  html[dir="rtl"] .commerce-slide__shade,
  html[data-theme="light"] .commerce-slide__shade,
  html[dir="rtl"][data-theme="light"] .commerce-slide__shade{
    background:linear-gradient(180deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 46%,
      rgba(251,248,255,0.22) 60%,
      rgba(251,248,255,0.62) 78%,
      rgba(251,248,255,0.88) 100%)!important;
  }
  html[data-theme="dark"] .commerce-slide__shade,
  html[dir="rtl"][data-theme="dark"] .commerce-slide__shade{
    background:linear-gradient(180deg,
      rgba(15,10,24,0) 0%,
      rgba(15,10,24,0) 46%,
      rgba(15,10,24,0.18) 60%,
      rgba(15,10,24,0.56) 78%,
      rgba(15,10,24,0.84) 100%)!important;
  }
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:26px 18px 104px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-align:right!important;
  }
  .commerce-slide__content::before,
  html[data-theme="light"] .commerce-slide__content::before,
  html[data-theme="dark"] .commerce-slide__content::before{
    content:none!important;
    display:none!important;
  }
  .commerce-slide h1,
  .commerce-slide h2,
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2{
    margin:0!important;
    max-width:min(11.2ch,82vw)!important;
    width:auto!important;
    align-self:flex-end!important;
    text-align:right!important;
    font-size:clamp(2rem,8.6vw,3rem)!important;
    line-height:1.12!important;
    color:#1d1830!important;
    text-shadow:0 2px 14px rgba(255,255,255,.88),0 0 2px rgba(255,255,255,.96);
  }
  html[data-theme="dark"] .commerce-slide h1,
  html[data-theme="dark"] .commerce-slide h2{
    color:#f7f4fb!important;
    text-shadow:0 2px 18px rgba(8,6,16,.64),0 0 2px rgba(8,6,16,.78);
  }
  .commerce-slide__actions,
  html[dir="rtl"] .commerce-slide__actions{
    margin-top:auto!important;
    padding-bottom:6px!important;
    width:100%!important;
    justify-content:flex-end!important;
    align-items:flex-end!important;
  }
  .commerce-button,
  html[dir="rtl"] .commerce-button{
    min-width:146px!important;
    margin:0!important;
    align-self:flex-end!important;
  }
  .commerce-carousel__controls{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
}

@media (max-width:520px){
  .commerce-slide{
    min-height:500px!important;
    height:clamp(500px,122vw,610px)!important;
  }
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    padding:24px 16px 100px!important;
  }
  .commerce-slide h1,
  .commerce-slide h2,
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2{
    max-width:min(10.6ch,82vw)!important;
    font-size:clamp(1.9rem,8.8vw,2.7rem)!important;
  }
}

/* === 2026-09 desktop status glass backdrop + slightly taller desktop hero === */
@media (min-width:781px){
  .commerce-carousel__controls{
    left:clamp(20px,4vw,38px)!important;
    right:clamp(20px,4vw,38px)!important;
    bottom:0!important;
    padding-bottom:16px!important;
    align-items:flex-end!important;
  }
  .commerce-carousel__status{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    width:min(250px,34vw)!important;
    min-height:96px!important;
    padding:18px 22px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow:visible!important;
    isolation:isolate;
  }
  .commerce-carousel__status::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:min(250px,34vw);
    height:108px;
    border-radius:132px 132px 0 0;
    background:linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.68) 100%);
    border:1px solid rgba(255,255,255,.42);
    box-shadow:0 16px 44px rgba(53,22,76,.16), inset 0 1px 0 rgba(255,255,255,.45);
    backdrop-filter:blur(14px) saturate(115%);
    -webkit-backdrop-filter:blur(14px) saturate(115%);
    z-index:-1;
  }
  html[data-theme="dark"] .commerce-carousel__status::before{
    background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.16) 100%);
    border-color:rgba(255,255,255,.18);
    box-shadow:0 18px 48px rgba(6,6,14,.34), inset 0 1px 0 rgba(255,255,255,.14);
  }
  .commerce-carousel__status .commerce-carousel__dots{
    order:1;
    margin:0!important;
    justify-content:center!important;
    position:relative;
    z-index:1;
  }
  .commerce-carousel__timer{
    order:2;
    width:108px!important;
    height:4px!important;
    min-height:4px!important;
    margin:0!important;
    position:relative;
    z-index:1;
  }
  html[data-theme="light"] .commerce-carousel__timer-track{
    background:rgba(53,22,76,.14)!important;
  }
  html[data-theme="dark"] .commerce-carousel__timer-track{
    background:rgba(255,255,255,.16)!important;
  }
  .commerce-carousel__arrows button,
  .commerce-carousel__pause{
    background:rgba(255,255,255,.74)!important;
    border-color:rgba(255,255,255,.38)!important;
    color:#35164c!important;
    box-shadow:0 8px 22px rgba(53,22,76,.12);
  }
  html[data-theme="dark"] .commerce-carousel__arrows button,
  html[data-theme="dark"] .commerce-carousel__pause{
    background:rgba(255,255,255,.18)!important;
    border-color:rgba(255,255,255,.18)!important;
    color:#ffffff!important;
  }
}

@media (min-width:1051px){
  .commerce-slide{
    height:clamp(455px,33vw,560px)!important;
    min-height:455px!important;
  }
}
@media (min-width:781px) and (max-width:1050px){
  .commerce-slide{
    height:clamp(438px,47vw,510px)!important;
    min-height:438px!important;
  }
}
@media (max-height:720px) and (min-width:781px){
  .commerce-slide{
    height:min(490px,69vh)!important;
  }
}

/* === 2026-09 FINAL mobile hero composition ===
   Top 70% stays visually untouched; only the bottom 30% receives a haze.
   Copy sits at the top and the CTA directly beneath it. */
@media (max-width:780px){
  .commerce-slide{
    position:relative!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }
  .commerce-slide__shade,
  html[dir="rtl"] .commerce-slide__shade,
  html[dir="ltr"] .commerce-slide__shade{
    background:linear-gradient(180deg,
      rgba(251,248,255,0) 0%,
      rgba(251,248,255,0) 70%,
      rgba(251,248,255,.14) 76%,
      rgba(251,248,255,.48) 88%,
      rgba(251,248,255,.84) 100%)!important;
  }
  html[data-theme="dark"] .commerce-slide__shade,
  html[dir="rtl"][data-theme="dark"] .commerce-slide__shade,
  html[dir="ltr"][data-theme="dark"] .commerce-slide__shade{
    background:linear-gradient(180deg,
      rgba(15,10,24,0) 0%,
      rgba(15,10,24,0) 70%,
      rgba(15,10,24,.12) 76%,
      rgba(15,10,24,.44) 88%,
      rgba(15,10,24,.78) 100%)!important;
  }
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    position:absolute!important;
    z-index:3!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    inset:auto 0 auto 0!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:clamp(22px,6vw,34px) 18px 0!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none;
  }
  .commerce-slide__content::before,
  html[data-theme="light"] .commerce-slide__content::before,
  html[data-theme="dark"] .commerce-slide__content::before{
    content:none!important;
    display:none!important;
  }
  .commerce-slide h1,
  .commerce-slide h2{
    width:min(82vw,430px)!important;
    max-width:min(12ch,82vw)!important;
    margin:0!important;
    line-height:1.12!important;
    font-size:clamp(1.9rem,8.2vw,2.8rem)!important;
    color:#21152d!important;
    text-shadow:0 1px 2px rgba(255,255,255,.96),0 3px 14px rgba(255,255,255,.68)!important;
  }
  html[data-theme="dark"] .commerce-slide h1,
  html[data-theme="dark"] .commerce-slide h2{
    color:#f7f3fb!important;
    text-shadow:0 2px 4px rgba(0,0,0,.72),0 5px 18px rgba(0,0,0,.48)!important;
  }
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2{
    margin-left:auto!important;
    margin-right:0!important;
    text-align:right!important;
  }
  html[dir="ltr"] .commerce-slide h1,
  html[dir="ltr"] .commerce-slide h2{
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
  }
  .commerce-slide__actions{
    width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    pointer-events:auto;
  }
  html[dir="rtl"] .commerce-slide__actions{
    justify-content:flex-end!important;
    text-align:right!important;
  }
  html[dir="ltr"] .commerce-slide__actions{
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .commerce-button,
  html[dir="rtl"] .commerce-button,
  html[dir="ltr"] .commerce-button{
    align-self:auto!important;
    margin:0!important;
    min-width:146px!important;
  }
  .commerce-carousel__controls{
    z-index:5!important;
    bottom:14px!important;
  }
}

@media (max-width:520px){
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    padding:22px 16px 0!important;
  }
  .commerce-slide h1,
  .commerce-slide h2{
    width:min(84vw,390px)!important;
    max-width:min(11ch,84vw)!important;
    font-size:clamp(1.82rem,8.4vw,2.55rem)!important;
  }
}

/* === 2026-09 mobile hero copy placement FINAL ===
   Copy lives in the upper quiet corner; CTA stays directly under the title.
   The artwork is completely untouched through the top 70%; haze exists only
   in the bottom 30% behind carousel controls. */
@media (max-width:780px){
  .commerce-slide__shade,
  html[dir="rtl"] .commerce-slide__shade,
  html[dir="ltr"] .commerce-slide__shade,
  html[data-theme="light"] .commerce-slide__shade,
  html[dir="rtl"][data-theme="light"] .commerce-slide__shade,
  html[dir="ltr"][data-theme="light"] .commerce-slide__shade{
    background:linear-gradient(180deg,
      rgba(251,248,255,0) 0%,
      rgba(251,248,255,0) 70%,
      rgba(251,248,255,.04) 78%,
      rgba(251,248,255,.24) 90%,
      rgba(251,248,255,.72) 100%)!important;
  }
  html[data-theme="dark"] .commerce-slide__shade,
  html[dir="rtl"][data-theme="dark"] .commerce-slide__shade,
  html[dir="ltr"][data-theme="dark"] .commerce-slide__shade{
    background:linear-gradient(180deg,
      rgba(15,10,24,0) 0%,
      rgba(15,10,24,0) 70%,
      rgba(15,10,24,.04) 78%,
      rgba(15,10,24,.24) 90%,
      rgba(15,10,24,.72) 100%)!important;
  }
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    position:absolute!important;
    z-index:4!important;
    top:18px!important;
    bottom:auto!important;
    width:min(60vw,300px)!important;
    max-width:min(60vw,300px)!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
  }
  html[dir="rtl"] .commerce-slide__content{
    right:16px!important;
    left:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:16px!important;
    text-align:right!important;
  }
  html[dir="ltr"] .commerce-slide__content{
    left:16px!important;
    right:auto!important;
    inset-inline-start:16px!important;
    inset-inline-end:auto!important;
    text-align:left!important;
  }
  .commerce-slide__content::before,
  html[data-theme="light"] .commerce-slide__content::before,
  html[data-theme="dark"] .commerce-slide__content::before{
    content:none!important;
    display:none!important;
  }
  .commerce-slide h1,
  .commerce-slide h2,
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2,
  html[dir="ltr"] .commerce-slide h1,
  html[dir="ltr"] .commerce-slide h2{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(1.72rem,7.4vw,2.45rem)!important;
    line-height:1.16!important;
    transform:none!important;
  }
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2{
    text-align:right!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html[dir="ltr"] .commerce-slide h1,
  html[dir="ltr"] .commerce-slide h2{
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .commerce-slide__actions,
  html[dir="rtl"] .commerce-slide__actions,
  html[dir="ltr"] .commerce-slide__actions{
    width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    pointer-events:auto!important;
  }
  html[dir="rtl"] .commerce-slide__actions{justify-content:flex-end!important}
  html[dir="ltr"] .commerce-slide__actions{justify-content:flex-start!important}
  .commerce-button,
  html[dir="rtl"] .commerce-button,
  html[dir="ltr"] .commerce-button{
    min-width:132px!important;
    width:auto!important;
    min-height:44px!important;
    margin:0!important;
    align-self:auto!important;
    pointer-events:auto!important;
  }
  .commerce-carousel__controls{
    z-index:6!important;
    bottom:12px!important;
  }
}
@media (max-width:420px){
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    width:min(62vw,252px)!important;
    max-width:min(62vw,252px)!important;
    top:16px!important;
  }
  html[dir="rtl"] .commerce-slide__content{right:14px!important;inset-inline-end:14px!important}
  html[dir="ltr"] .commerce-slide__content{left:14px!important;inset-inline-start:14px!important}
  .commerce-slide h1,
  .commerce-slide h2{
    font-size:clamp(1.62rem,7.8vw,2.12rem)!important;
  }
  .commerce-button{min-width:124px!important;min-height:42px!important}
}

/* === 2026-09 mobile hero remove white panel behind title/button === */
@media (max-width:780px){
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .commerce-slide__content::before,
  .commerce-slide__content::after,
  html[data-theme="light"] .commerce-slide__content::before,
  html[data-theme="dark"] .commerce-slide__content::before{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  .commerce-slide__shade,
  html[dir="rtl"] .commerce-slide__shade,
  html[dir="ltr"] .commerce-slide__shade,
  html[data-theme="light"] .commerce-slide__shade,
  html[dir="rtl"][data-theme="light"] .commerce-slide__shade,
  html[dir="ltr"][data-theme="light"] .commerce-slide__shade{
    background:linear-gradient(180deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 72%,
      rgba(251,248,255,0.18) 82%,
      rgba(251,248,255,0.58) 92%,
      rgba(251,248,255,0.84) 100%)!important;
  }
  html[data-theme="dark"] .commerce-slide__shade,
  html[dir="rtl"][data-theme="dark"] .commerce-slide__shade,
  html[dir="ltr"][data-theme="dark"] .commerce-slide__shade{
    background:linear-gradient(180deg,
      rgba(15,10,24,0) 0%,
      rgba(15,10,24,0) 72%,
      rgba(15,10,24,0.14) 82%,
      rgba(15,10,24,0.44) 92%,
      rgba(15,10,24,0.72) 100%)!important;
  }
  .commerce-slide h1,
  .commerce-slide h2,
  html[dir="rtl"] .commerce-slide h1,
  html[dir="rtl"] .commerce-slide h2{
    text-shadow:0 2px 16px rgba(255,255,255,.92),0 0 2px rgba(255,255,255,.98)!important;
  }
  html[data-theme="dark"] .commerce-slide h1,
  html[data-theme="dark"] .commerce-slide h2{
    text-shadow:0 2px 18px rgba(8,6,16,.68),0 0 2px rgba(8,6,16,.82)!important;
  }
}

/* === 2026-09 desktop carousel status compact glass refinement === */
@media (min-width:781px){
  .commerce-carousel__status{
    width:170px!important;
    min-height:58px!important;
    padding:9px 16px 10px!important;
    gap:6px!important;
  }
  .commerce-carousel__status::before{
    width:170px!important;
    height:62px!important;
    border-radius:88px 88px 0 0!important;
    background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.20) 100%)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 8px 22px rgba(53,22,76,.08),inset 0 1px 0 rgba(255,255,255,.28)!important;
    backdrop-filter:blur(8px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(8px) saturate(108%)!important;
  }
  html[data-theme="dark"] .commerce-carousel__status::before{
    background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.08) 100%)!important;
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 8px 20px rgba(6,6,14,.18),inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
  .commerce-carousel__status .commerce-carousel__dots{
    gap:6px!important;
  }
  .commerce-carousel__status .commerce-carousel__dots button{
    width:7px!important;
    height:7px!important;
  }
  .commerce-carousel__status .commerce-carousel__dots button.active{
    width:24px!important;
  }
  .commerce-carousel__timer{
    width:86px!important;
    height:3px!important;
    min-height:3px!important;
  }
  .commerce-carousel__timer-track{
    height:3px!important;
  }
}

/* === 2026-09 final carousel geometry / status dots / dark amazing cards === */
/* Hero must end exactly at the carousel edge; no artificial gap below it. */
.commerce-hero{
  padding-bottom:0!important;
}

/* Keep slide geometry independent from copy. Padding on the slide itself changes the
   effective flex item width and can make translated slides/images look horizontally shifted. */
.commerce-slide,
html[dir="rtl"] .commerce-slide,
html[dir="ltr"] .commerce-slide{
  padding-left:0!important;
  padding-right:0!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
}
.commerce-slide__media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
.commerce-slide__bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}

/* Desktop copy is an overlay only and must never participate in slide sizing. */
@media (min-width:781px){
  .commerce-slide__content,
  html[dir="rtl"] .commerce-slide__content,
  html[dir="ltr"] .commerce-slide__content{
    position:absolute!important;
    z-index:4!important;
    width:min(72vw,780px)!important;
    max-width:780px!important;
    margin:0!important;
  }
  html[dir="rtl"] .commerce-slide__content{
    right:clamp(24px,4.6vw,72px)!important;
    left:auto!important;
  }
  html[dir="ltr"] .commerce-slide__content{
    left:clamp(24px,4.6vw,72px)!important;
    right:auto!important;
  }

  /* The glass cap is physically attached to the lower edge of the banner. */
  .commerce-carousel__controls{
    bottom:0!important;
    padding-bottom:0!important;
  }
  .commerce-carousel__status{
    top:auto!important;
    bottom:0!important;
    margin:0!important;
    transform:translateX(-50%)!important;
  }
  .commerce-carousel__status::before{
    bottom:0!important;
    margin:0!important;
  }
}

/* Inactive carousel dots must stay clearly visible in both themes. */
html[data-theme="light"] .commerce-carousel__dots button:not(.active),
html[data-theme="light"] .commerce-carousel__status .commerce-carousel__dots button:not(.active){
  background:#111827!important;
  opacity:.82!important;
}
html[data-theme="dark"] .commerce-carousel__dots button:not(.active),
html[data-theme="dark"] .commerce-carousel__status .commerce-carousel__dots button:not(.active){
  background:#fff!important;
  opacity:.88!important;
}
.commerce-carousel__dots button.active,
html[data-theme="light"] .commerce-carousel__dots button.active,
html[data-theme="dark"] .commerce-carousel__dots button.active{
  background:#36c6da!important;
  opacity:1!important;
}

/* Amazing product cards must actually follow dark mode instead of remaining hard-coded white. */
html[data-theme="dark"] .market-amazing-card{
  background:#1a1026!important;
  border-inline-start-color:#372844!important;
  color:#f7f3fa!important;
}
html[data-theme="dark"] .market-amazing-card h3{
  color:#f7f3fa!important;
}
html[data-theme="dark"] .market-amazing-card>div>small,
html[data-theme="dark"] .market-amazing-card__price del{
  color:#a99db2!important;
}
html[data-theme="dark"] .market-amazing-card__price strong{
  color:#fff!important;
}
html[data-theme="dark"] .market-amazing__rail{
  background:#241732!important;
}
html[data-theme="dark"] .market-amazing__arrow{
  background:#21152d!important;
  color:#fff!important;
  border-color:#3a2947!important;
}

/* === 2026-09 precise desktop CTA/status geometry === */
@media (min-width:781px){
  /* Persian title remains on the right, but the CTA is physically anchored left. */
  html[dir="rtl"] .commerce-slide__actions{
    width:100%!important;
    direction:ltr!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }
  html[dir="rtl"] .commerce-slide__actions .commerce-button{
    margin:0!important;
    align-self:auto!important;
  }

  /* Give the controls an exact bottom edge so the glass cap cannot float upward. */
  .commerce-carousel__controls{
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 clamp(20px,4vw,38px)!important;
    box-sizing:border-box!important;
    align-items:center!important;
    pointer-events:none;
  }
  .commerce-carousel__arrows,
  .commerce-carousel__arrows button,
  .commerce-carousel__pause{
    pointer-events:auto!important;
  }
  .commerce-carousel__status{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-1px!important;
    width:150px!important;
    height:54px!important;
    min-height:54px!important;
    padding:10px 14px 7px!important;
    margin:0!important;
    box-sizing:border-box!important;
    transform:translateX(-50%)!important;
    justify-content:flex-start!important;
    gap:5px!important;
    pointer-events:auto!important;
  }
  .commerce-carousel__status::before{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-1px!important;
    width:150px!important;
    height:54px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    border-radius:78px 78px 0 0!important;
    background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.16))!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-bottom:0!important;
    box-shadow:0 -7px 20px rgba(35,20,55,.06),inset 0 1px 0 rgba(255,255,255,.30)!important;
    backdrop-filter:blur(7px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(7px) saturate(108%)!important;
  }
  html[data-theme="dark"] .commerce-carousel__status::before{
    background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055))!important;
    border-color:rgba(255,255,255,.13)!important;
    border-bottom:0!important;
    box-shadow:0 -7px 20px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
}


/* === 2026-09 CTA physical-right alignment in every language === */
.commerce-slide__actions,
html[dir="rtl"] .commerce-slide__actions,
html[dir="ltr"] .commerce-slide__actions{
  width:100%!important;
  display:flex!important;
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:center!important;
}

.commerce-slide__actions .commerce-button,
html[dir="rtl"] .commerce-slide__actions .commerce-button,
html[dir="ltr"] .commerce-slide__actions .commerce-button{
  margin:0!important;
  margin-left:0!important;
  margin-right:0!important;
  align-self:auto!important;
}

/* === 2026-09 desktop CTA: force PHYSICAL right, independent of RTL/LTR === */
@media (min-width:781px){
  .commerce-slide__actions,
  html[dir="rtl"] .commerce-slide__actions,
  html[dir="ltr"] .commerce-slide__actions{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:24px!important;
    margin-left:0!important;
    margin-right:0!important;
    direction:ltr!important;
    text-align:right!important;
    overflow:visible!important;
  }
  .commerce-slide__actions::after{
    content:"";
    display:block;
    clear:both;
  }
  .commerce-slide__actions .commerce-button,
  html[dir="rtl"] .commerce-slide__actions .commerce-button,
  html[dir="ltr"] .commerce-slide__actions .commerce-button{
    float:right!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    margin:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none;
  }
  .commerce-slide__actions .commerce-button:hover{
    transform:translateY(-2px)!important;
  }
}