
.qheem-motion-toggle{border:1px solid #d4d4d9;border-radius:8px;background:#fff;color:#1d1d1f;white-space:nowrap;font:inherit;font-size:10px;padding:7px 9px;cursor:pointer}.qheem-motion-toggle[aria-pressed="true"]{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.qheem-motion-toggle:focus-visible{outline:2px solid #0071e3;outline-offset:3px}@media(max-width:700px){.qheem-motion-toggle{font-size:9px;padding:6px 7px}}
@media(hover:none){.product-photo,.detail-image,.showcase-image{touch-action:pan-y}body.depth-enabled [data-depth][data-depth-active]{transform:perspective(1000px) rotateX(var(--depth-rx,0deg)) rotateY(var(--depth-ry,0deg)) translate3d(0,var(--depth-lift,0px),0);transition:transform .12s ease-out}body.qsp-depth-enabled .qsp-depth-surface.qsp-depth-active{transform:perspective(1100px) translate3d(0,var(--qsp-lift,0px),0) rotateX(var(--qsp-rx,0deg)) rotateY(var(--qsp-ry,0deg));transition:transform .12s ease-out}}
@media(prefers-reduced-motion:reduce){body.qheem-motion-manual.depth-enabled [data-depth][data-depth-active]{transform:perspective(1000px) rotateX(var(--depth-rx,0deg)) rotateY(var(--depth-ry,0deg)) translate3d(0,var(--depth-lift,0px),0)!important;transition:none!important}body.qheem-motion-manual.qsp-depth-enabled .qsp-depth-surface.qsp-depth-active{transform:perspective(1100px) translate3d(0,var(--qsp-lift,0px),0) rotateX(var(--qsp-rx,0deg)) rotateY(var(--qsp-ry,0deg))!important;transition:none!important}}
body.depth-enabled .product-photo{transform-style:flat}body.depth-enabled .product-photo .save-btn,body.depth-enabled .product-photo .quick-view{z-index:3}

.qheem-display-dropdown{position:relative}.qheem-display-dropdown>summary{cursor:pointer;list-style:none}.qheem-display-dropdown>summary::-webkit-details-marker{display:none}.qheem-display-panel{position:absolute;right:0;top:calc(100% + 10px);width:195px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;background:#fff;border:1px solid #dedee2;border-radius:12px;box-shadow:0 10px 30px #0002;z-index:100;font-size:12px}.qheem-display-dropdown:not([open]) .qheem-display-panel{display:none}.qheem-menu-motion{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0 18px;border-bottom:1px solid #dedee2;font-size:13px}.qheem-display-panel .qheem-motion-toggle,.qheem-menu-motion .qheem-motion-toggle{min-height:36px;min-width:70px;font-size:11px}.rtl .qheem-display-panel{right:auto;left:0}
body.depth-enabled [data-depth]{transform-style:preserve-3d;transform:perspective(1100px) translate3d(0,var(--depth-lift,0px),0) rotateX(var(--depth-rx,0deg)) rotateY(var(--depth-ry,0deg));transition:transform .2s ease,box-shadow .2s ease}body.depth-enabled [data-depth][data-depth-active]{box-shadow:0 25px 38px -20px #14375540;z-index:2}body.depth-enabled .qheem-depth-panel{box-shadow:0 15px 28px -22px #1437554d,0 2px 6px #1437550e}body.depth-enabled :is(.btn,.card-add,.icon-btn,.quick-view,.chip,.filter-btn,.variant-btn,.text-link,.quantity button,.menu-links a,.mobile-bottom a,.mobile-bottom button){transition:transform .15s ease,box-shadow .15s ease}body.depth-enabled :is(.btn,.card-add,.icon-btn,.quick-view,.chip,.filter-btn,.variant-btn,.text-link,.quantity button,.menu-links a,.mobile-bottom a,.mobile-bottom button):active{transform:perspective(600px) translateY(1px) rotateX(-5deg)}
@media(hover:hover){body.depth-enabled :is(.btn,.card-add,.icon-btn,.quick-view,.chip,.filter-btn,.variant-btn,.text-link,.quantity button,.menu-links a,.mobile-bottom a,.mobile-bottom button):hover{transform:perspective(600px) translateY(-2px) rotateX(5deg)}}
@media(prefers-reduced-motion:reduce){body.depth-enabled [data-depth],body.depth-enabled .qheem-depth-panel{transition:none!important}body.depth-enabled :is(.btn,.card-add,.icon-btn,.quick-view,.chip,.filter-btn,.variant-btn,.text-link,.quantity button,.menu-links a,.mobile-bottom a,.mobile-bottom button){transform:none!important;transition:none!important}}

@media(hover:none){body.depth-enabled [data-depth],body.qsp-depth-enabled .qsp-depth-surface{touch-action:pan-y}body.depth-enabled :is(.apple-category-row,.apple-feature-grid) [data-depth],body.qsp-depth-enabled :is(.apple-category-row,.apple-feature-grid) .qsp-depth-surface{touch-action:auto}}

/* Clearly visible icon motion; the interactive control remains stationary. */
@keyframes qheem-icon-depth{0%,100%{transform:perspective(420px) translateY(0) rotateY(-18deg) rotateZ(-3deg) scale(1.04)}50%{transform:perspective(420px) translateY(-3px) rotateY(22deg) rotateZ(3deg) scale(1.12)}}
body.qheem-motion-on :is(.header-actions .icon-btn,.qheem-display-dropdown summary,.mobile-bottom a,.mobile-bottom button,.save-btn,.feature-links button,.card-add,.benefit-grid>article)>img{animation:qheem-icon-depth 2.4s ease-in-out infinite;transform-origin:center;will-change:transform}
body.qheem-motion-on :is(.icon-btn,.mobile-bottom a,.mobile-bottom button,.card-add,.feature-links button):active>img{animation:none;transform:perspective(420px) translateY(-3px) rotateY(32deg) rotateZ(-8deg) scale(1.2)}
@media(hover:hover){body.qheem-motion-on :is(.icon-btn,.mobile-bottom a,.mobile-bottom button,.card-add,.feature-links button):hover>img{animation:none;transform:perspective(420px) translateY(-3px) rotateY(32deg) rotateZ(-8deg) scale(1.2);transition:transform .18s ease}}
@media(prefers-reduced-motion:reduce){body.qheem-motion-on :is(.header-actions .icon-btn,.qheem-display-dropdown summary,.mobile-bottom a,.mobile-bottom button,.save-btn,.feature-links button,.card-add,.benefit-grid>article)>img{animation:none!important;will-change:auto}}

/* Compact navigation: retain comfortable touch targets and all existing links. */
#drawer .qheem-compact-menu .qheem-menu-section{font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#737378;margin:16px 0 4px}#drawer .qheem-compact-menu>a,#drawer .qheem-compact-menu>button{min-height:44px;padding:10px 0;font-size:14px;line-height:24px}#drawer .qheem-menu-motion{margin-bottom:8px}
