/* ---- lateral-gallery-v24 (index.html line 637) ---- */
/* Matching lateral controls across full-screen chapters and product galleries. */
html:not(#rp-a):not(#rp-b):not(#rp-c) body :is(#ranges,#scentFamilies) .royal-slide-controls{position:absolute!important;inset:0!important;left:0!important;bottom:0!important;transform:none!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none;z-index:4}
html:not(#rp-a):not(#rp-b):not(#rp-c) body :is(#ranges,#scentFamilies) .royal-slide-controls button,
html body #productBody .gallery-controls button{position:absolute;top:54%;transform:translateY(-50%);width:58px!important;height:58px!important;min-width:44px;border:1px solid #ffffffa6!important;border-radius:50%!important;background:linear-gradient(140deg,#ffffff24,#ffffff08)!important;color:#fff!important;box-shadow:0 8px 28px #07121b24,inset 0 0 0 4px #ffffff0b!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:15px!important;display:grid;place-items:center;pointer-events:auto;transition:background .2s,box-shadow .2s;cursor:pointer}
html body :is(.royal-slide-controls,.gallery-controls) button svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html body :is(.royal-slide-controls,.gallery-controls) :is(.slide-prev,[data-gallery-prev]){left:clamp(14px,3vw,54px);right:auto}
html body :is(.royal-slide-controls,.gallery-controls) :is(.slide-next,[data-gallery-next]){right:clamp(14px,3vw,54px);left:auto}
html:not(#rp-a):not(#rp-b):not(#rp-c) body :is(#ranges,#scentFamilies) .royal-slide-controls button:hover,
html body #productBody .gallery-controls button:hover{background:#ffffff38!important;box-shadow:0 0 0 5px #ffffff0f,0 10px 30px #0002!important}
html body :is(.royal-slide-controls,.gallery-controls) button:focus-visible{outline:2px solid #f4d8aa;outline-offset:5px}
html body .royal-slide-controls button:disabled{opacity:.22!important;pointer-events:none}
html body .royal-slide-controls .slide-position{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);font:12px/1.5 Arial;letter-spacing:3px;color:#fff;padding:5px 14px;border-bottom:1px solid #ffffff80;text-shadow:0 1px 8px #000;pointer-events:none}
html body #productBody .perfume-gallery{position:relative;--gallery-height:clamp(360px,65svh,620px)}
html body #productBody .gallery-frame{height:var(--gallery-height)!important;background:radial-gradient(ellipse at 50% 40%,#fff,#e9e6e1)!important}
html body #productBody .gallery-frame img{object-fit:contain!important;width:100%;height:100%;max-height:none!important;padding:0!important}
html body #productBody .gallery-frame:first-child img{object-fit:cover!important}
html body #productBody .gallery-controls{position:absolute;inset:0 0 auto;height:var(--gallery-height);padding:0!important;background:none!important;border:0!important;pointer-events:none;z-index:5}
html body #productBody .gallery-controls button{top:50%;width:46px!important;height:46px!important;padding:12px!important;background:#12203065!important}
html body #productBody .gallery-controls [data-gallery-prev]{left:12px}html body #productBody .gallery-controls [data-gallery-next]{right:12px}
html body #productBody .gallery-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#10213190;color:#fff;padding:4px 14px;border-radius:20px;font:12px/1.8 Arial;letter-spacing:2px}
html body #productBody .gallery-thumbs{margin-top:12px}
@media(max-width:600px){html:not(#rp-a):not(#rp-b):not(#rp-c) body :is(#ranges,#scentFamilies) .royal-slide-controls button{width:46px!important;height:46px!important;padding:12px!important;top:56%}html body #productBody .perfume-gallery{--gallery-height:480px}}
@media(prefers-reduced-motion:reduce){html body :is(.royal-slide-controls,.gallery-controls) button{transition:none!important}}