.commerce-product-page--reference-redesign .commerce-product-gallery__main .commerce-gallery-stage-arrow{
  position:absolute!important;z-index:9!important;top:50%!important;transform:translateY(-50%)!important;
  display:grid!important;place-items:center!important;width:43px!important;height:43px!important;
  padding:0!important;border:1px solid #e3e7ed!important;border-radius:50%!important;
  background:rgba(255,255,255,.97)!important;color:#202d40!important;
  box-shadow:0 6px 24px rgba(18,30,52,.15)!important;cursor:pointer!important;
  transition:box-shadow .2s, background .2s,scale .2s!important;
}
.commerce-product-page--reference-redesign .commerce-product-gallery__main .commerce-gallery-stage-arrow[hidden]{display:none!important}
.commerce-gallery-stage-arrow--prev{left:10px!important}
.commerce-gallery-stage-arrow--next{right:10px!important}
html[dir="rtl"] .commerce-gallery-stage-arrow--prev{left:auto!important;right:10px!important}
html[dir="rtl"] .commerce-gallery-stage-arrow--next{right:auto!important;left:10px!important}
.commerce-gallery-stage-arrow:hover{background:#f0ebff!important;scale:1.06!important;box-shadow:0 10px 27px rgba(42,36,81,.22)!important}
.commerce-gallery-stage-arrow:focus-visible{outline:3px solid #764bb8;outline-offset:3px}
.commerce-product-gallery__main.is-gallery-fetching:before{content:"";position:absolute;z-index:5;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);border:3px solid #ece4f8;border-top-color:#7040aa;border-radius:50%;animation:jolfa-spin .75s linear infinite}
.commerce-product-page--reference-redesign .commerce-product-gallery__main>img.is-gallery-entering{animation:jolfa-gallery-in .36s cubic-bezier(.2,.8,.2,1) both!important}
.commerce-product-gallery__main>.commerce-gallery-leaving{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none!important;z-index:3!important;animation:jolfa-gallery-out .32s ease-in both!important}
@keyframes jolfa-gallery-in{from{opacity:.25;translate:var(--gallery-entrance,22px) 0;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@keyframes jolfa-gallery-out{from{opacity:1;translate:0 0}to{opacity:0;translate:var(--gallery-shift,-22px) 0}}
.jolfa-media-viewer__img.is-viewer-entering{animation:jolfa-viewer-in .3s cubic-bezier(.16,.82,.35,1) both}
@keyframes jolfa-viewer-in{from{opacity:.2;translate:var(--viewer-shift,24px) 0}to{opacity:1;translate:0 0}}
.jolfa-media-viewer__nav{z-index:12!important;background:rgba(255,255,255,.94)!important;color:#17253a!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important;transition:transform .2s,background .2s}
.jolfa-media-viewer__nav:hover{background:#ece8fa!important;transform:scale(1.07)}
.commerce-product-info__action[data-copy-value].is-copy-success{background:#dcfaeb!important;border-color:#3ab87e!important;color:#08764c!important;box-shadow:0 0 0 4px rgba(21,158,93,.13)!important;transition:background .2s,color .2s,box-shadow .2s}
.commerce-product-info__action[data-copy-value].is-copy-failed{background:#fff0ed!important;color:#a83636!important;border-color:#df6a66!important}
/* White images in both dark and light mode; text cards still use their theme tokens. */
html[data-theme="light"] body.jolfa-commerce-theme .commerce-product-card__media,
html[data-theme="dark"] body.jolfa-commerce-theme .commerce-product-card__media,
html[data-theme="light"] body.jolfa-commerce-theme .commerce-related-card__image,
html[data-theme="dark"] body.jolfa-commerce-theme .commerce-related-card__image,
body.jolfa-commerce-theme .commerce-product-card__media,
body.jolfa-commerce-theme .commerce-related-card__image {background:#fff!important;border-bottom-color:#e5e7eb!important}
/* Delayed lazy media: visual activity indicator placed behind image, no layout shift. */
.jolfa-image-loading{position:relative!important;background-color:#fff!important}
/* V43: spinner owned solely by motion-runtime.css ::after. */
.jolfa-image-loading>img{opacity:0!important}
.jolfa-image-loading>img.jolfa-image-revealed,.jolfa-image-revealed{opacity:1;transition:opacity .25s ease}
.jolfa-image-error{background:#fff!important}
.jolfa-image-error:before{content:"\f03e";font-family:"Font Awesome 6 Free";font-weight:900;color:#a1adbc;position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
@keyframes jolfa-spin{to{transform:rotate(360deg)}}
/* Quick-link circles expand starting from the center of the visible row. */
.landing-quick-links__rail{justify-content:safe center!important;scroll-padding-inline:12px}
.landing-quick-links__rail>.quick-link-reveal>span{animation:jolfa-quick-circle .5s backwards cubic-bezier(.16,.88,.28,1.2);animation-delay:var(--quick-index-delay,0ms)}
@keyframes jolfa-quick-circle{from{opacity:.2;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
/* Category-specific filters: compact controls, consistent light/dark surfaces. */
body.jolfa-commerce-theme .commerce-filters .commerce-filter-search{display:flex!important;position:relative!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:43px!important;padding:0 12px!important;border:1px solid var(--border,#d5dbe8)!important;border-radius:13px!important;background:var(--surface,#fff)!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
body.jolfa-commerce-theme .commerce-filters .commerce-filter-search:focus-within{border-color:var(--primary,#6642a5)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#6642a5) 15%,transparent)!important}
body.jolfa-commerce-theme .commerce-filters .commerce-filter-search>i{position:static!important;transform:none!important;flex:0 0 auto;color:var(--muted,#697586)!important;background:none!important}
body.jolfa-commerce-theme .commerce-filters .commerce-filter-search>input{min-width:0!important;width:100%!important;flex:1!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--text,#1c2738)!important;padding:10px 0!important;height:auto!important;border-radius:0!important;font:inherit!important}
body.jolfa-commerce-theme .commerce-filters .commerce-filter-search>input::placeholder{color:var(--muted,#697586)!important;opacity:.84}
body.jolfa-commerce-theme .commerce-brand-filter{background:var(--surface,#fff)!important;border:1px solid var(--border,#e3e7ee)!important;color:var(--text,#1c2738)!important;border-radius:12px!important;transition:background .2s,border-color .2s!important}
body.jolfa-commerce-theme .commerce-brand-filter:hover,body.jolfa-commerce-theme .commerce-brand-filter:has(input:checked){background:var(--surface-tint,#f2effb)!important;border-color:var(--primary,#6746a4)!important}
body.jolfa-commerce-theme .commerce-brand-filter__name{color:var(--text,#1c2738)!important}
body.jolfa-commerce-theme .commerce-brand-filter__count{margin-inline-start:auto;padding:2px 7px;border-radius:100px;background:var(--surface-soft,#edf1f5);color:var(--muted,#566272);font-size:.7rem;direction:ltr}
html[data-theme="dark"] body.jolfa-commerce-theme .commerce-filters .commerce-filter-search,
html[data-theme="dark"] body.jolfa-commerce-theme .commerce-brand-filter{background:var(--surface,#1a2435)!important;color:var(--text,#f3f6fb)!important}
html[data-theme="dark"] body.jolfa-commerce-theme .commerce-brand-filter__count{background:#2a3446;color:#e3eaf4}
@media(max-width:620px){.commerce-product-page--reference-redesign .commerce-product-gallery__main .commerce-gallery-stage-arrow{width:35px!important;height:35px!important}.commerce-gallery-stage-arrow--prev{left:4px!important}.commerce-gallery-stage-arrow--next{right:4px!important}}
@media(prefers-reduced-motion:reduce){.commerce-product-gallery__main img,.jolfa-media-viewer__img,.quick-link-reveal>span{animation:none!important;transition:none!important}.jolfa-image-loading:before{animation-duration:1.75s}}

.jolfa-image-error>img{opacity:0!important}

