/* JewelryOpt219: shared semantic action states, presentation only. Dimensions, native commerce and page animations remain unchanged. */
/* Native Mahardhi paints a solid gradient with ::before over the preview button. Remove that obsolete layer, not the SVG/label. */
html.jo-store .btn-more::before,html.jo-store .btn-more::after,html.jo-store #jo-home-root .btn-outline::before{content:none!important;display:none!important;background:none!important}
html.jo-store .btn-more,html.jo-store .btn-default,html.jo-store .btn-outline,html.jo-store #jo-home-root .btn-outline,html.jo-store #jo-home-root #hitProducts .jo-hit218 .tm-button-group>.btn-more{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease!important}
html.jo-store .btn-buy,html.jo-store .btn-primary,html.jo-store #button-cart,html.jo-store #jo-home-root .btn:not(.btn-outline):not(.btn-more){transition:background-position .25s ease,box-shadow .2s ease,transform .2s ease!important}
/* A secondary action stays light. Hover never turns it into a primary action. */
@media(hover:hover) and (pointer:fine){
html.jo-store .btn-more:hover,html.jo-store .btn-default:not(:disabled):hover,html.jo-store .btn-outline:hover,html.jo-store #jo-home-root .btn-outline:hover,html.jo-store #jo-home-root #hitProducts .jo-hit218 .tm-button-group>.btn-more:hover{background:linear-gradient(125deg,#fcf9fe,#efe0f7)!important;color:#542047!important;border-color:#af87c0!important;box-shadow:0 4px 13px #54204712!important;transform:translateY(-1px)!important;text-decoration:none!important}
html.jo-store .btn-buy:not(:disabled):hover,html.jo-store .btn-primary:not(:disabled):hover,html.jo-store #button-cart:not(:disabled):hover,html.jo-store #jo-home-root .btn:not(.btn-outline):not(.btn-more):not(:disabled):hover{background:linear-gradient(125deg,#4b1b40,#67305d)!important;color:white!important;border-color:transparent!important;box-shadow:0 6px 17px #54204724!important;transform:translateY(-1px)!important}
html.jo-store #joHeader .jo-icon-button:hover,html.jo-store #jo-home-root .round-btn:not(:disabled):hover,html.jo-store #jo-home-root .jo-hit-wish218:hover{background-color:#f2e7f8!important;border-color:#c5a4d5!important;color:#542047!important}
html.jo-store #jo-home-root .text-link:hover{color:#542047;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
}
/* Keyboard focus is visible on every viewport and does not rely on hover. */
html.jo-store .btn-more:focus-visible,html.jo-store .btn-outline:focus-visible,html.jo-store .btn-default:focus-visible,html.jo-store #jo-home-root .btn-outline:focus-visible,html.jo-store #jo-home-root #hitProducts .jo-hit218 .tm-button-group>.btn-more:focus-visible{background:linear-gradient(125deg,#fcf9fe,#efe0f7)!important;color:#542047!important;border-color:#af87c0!important;outline:2px solid #9c6db4!important;outline-offset:3px;box-shadow:0 4px 13px #54204712!important}
html.jo-store .btn-primary:focus-visible,html.jo-store .btn-buy:focus-visible,html.jo-store #button-cart:focus-visible,html.jo-store #jo-home-root .btn:focus-visible{outline:2px solid #9c6db4!important;outline-offset:3px}
/* Only new interaction motion is reduced; the site's approved animations are not changed. */
@media(prefers-reduced-motion:reduce){html.jo-store .btn-more,html.jo-store .btn-default,html.jo-store .btn-outline,html.jo-store .btn-buy,html.jo-store .btn-primary,html.jo-store #button-cart,html.jo-store #jo-home-root .btn{transition:none!important;transform:none!important}}
/* Two-page certificate navigation inside the existing native media dialog. Reviews and other media keep their own native behaviour. */
html.jo-store #joMediaDialog .jo-certificate-pages219{display:flex;align-items:center;gap:12px;color:#8b748f;font:400 12px/1.5 Manrope,Arial,sans-serif}
html.jo-store #joMediaDialog .jo-certificate-pages219[hidden]{display:none!important}
html.jo-store #joMediaDialog .jo-certificate-pages219 button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #d8c2e3;border-radius:50%;background:#fbf8fe;color:#542047;cursor:pointer;transition:background-color .2s,border-color .2s}
html.jo-store #joMediaDialog .jo-certificate-pages219 button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html.jo-store #joMediaDialog .jo-certificate-pages219 button:disabled{opacity:.35;cursor:default}
html.jo-store #joMediaDialog .jo-certificate-pages219 button:focus-visible{outline:2px solid #9c6db4;outline-offset:3px}
html.jo-store #joMediaDialog .jo-media-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(hover:hover) and (pointer:fine){html.jo-store #joMediaDialog .jo-certificate-pages219 button:not(:disabled):hover{background:#efe0f7;border-color:#af87c0}}
@media(max-width:650px){html.jo-store #joMediaDialog .jo-certificate-pages219{gap:8px;font-size:11px}html.jo-store #joMediaDialog .jo-media-tools{gap:10px}html.jo-store #joMediaDialog .jo-certificate-pages219 button{width:31px;height:31px}}
/* No sticky hover fill on touch screens. */
@media(hover:none){html.jo-store .btn-more:hover,html.jo-store .btn-outline:hover,html.jo-store #jo-home-root .btn-outline:hover,html.jo-store #jo-home-root #hitProducts .jo-hit218 .tm-button-group>.btn-more:hover{background:rgba(246,237,251,.75)!important;color:#8c609a!important;box-shadow:none!important;transform:none!important}}
/* Wholesale's native action classes follow the same primary/secondary meaning. */
html.jo-store .jo-wholesale .jo-w-btn{transition:background-position .25s ease,box-shadow .2s ease,transform .2s ease}
@media(hover:hover) and (pointer:fine){html.jo-store .jo-wholesale .jo-w-btn:hover{background:linear-gradient(125deg,#4b1b40,#67305d);color:white;border-color:transparent;box-shadow:0 6px 17px #54204724;transform:translateY(-1px)}html.jo-store .jo-wholesale .jo-w-btn-light:hover,html.jo-store .jo-wholesale .jo-w-parser .jo-w-btn:hover{background:linear-gradient(125deg,#fcf9fe,#efe0f7);color:#542047;border-color:#af87c0;box-shadow:0 4px 13px #54204712}html.jo-store .jo-contact-button179:hover{box-shadow:0 4px 13px #54204716;transform:translateY(-1px)}}
html.jo-store .jo-wholesale .jo-w-btn:focus-visible,html.jo-store .jo-contact-button179:focus-visible{outline:2px solid #9c6db4;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html.jo-store .jo-wholesale .jo-w-btn,html.jo-store .jo-contact-button179{transition:none!important;transform:none!important}}