/* Transparent 3D objects and beveled control icons share one compact renderer. */
.nina-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;vertical-align:middle;line-height:1;filter:drop-shadow(0 3px 3px #67263a15);transition:transform .22s ease,filter .22s ease;pointer-events:none}
.nina-icon>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;aspect-ratio:1!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.btn .nina-icon{width:30px;height:30px}
.icon-button .nina-icon{width:36px;height:36px}
.icon-button,.btn{overflow:visible}
.storefront #app .header-side .icon-button{min-height:48px;min-width:48px}
.storefront #app .service-strip>div>.nina-icon,.language-mark>.nina-icon{width:58px;height:58px}
.language-mark{width:58px;min-width:58px;height:58px;padding:0;background:transparent!important;border:0}
.storefront #app .service-strip>div{gap:16px}
.step-icon{width:70px;height:70px;background:linear-gradient(145deg,#ffffff,#eee2f7)!important;border:1px solid #ffffff;border-radius:22px;box-shadow:0 7px 0 #d8c6e526,0 12px 24px #63296e0c}
.step-icon>.nina-icon{width:58px;height:58px}
.process-2 .step-icon{background:linear-gradient(145deg,#ffffff,#e6f0ff)!important;box-shadow:0 7px 0 #c4d5ed26,0 12px 24px #294d6e0c}
.process-3 .step-icon{background:linear-gradient(145deg,#ffffff,#ffe6ef)!important}
.storefront #app .category-caption .category-arrow{width:42px;height:42px;background:transparent}
.category-arrow>.nina-icon{width:36px;height:36px}
.storefront #app .catalog-search>.nina-icon{width:29px;height:29px}
.perfume-link>.nina-icon{width:27px;height:27px}
.storefront #app .delivery-options span>.nina-icon{width:35px;height:35px}
.storefront #app .delivery-options span{align-items:center}
.provider-mark{background:transparent!important;width:75px!important;height:65px!important;box-shadow:none;border:0}
.provider-mark>.nina-icon{width:75px;height:65px}
.storefront #app .social-links a{display:inline-flex;align-items:center;gap:9px}
.storefront #app .social-links .nina-icon{width:36px;height:36px}
.storefront #app .social-links .icon-external{width:22px;height:22px}
.signature-heart>.nina-icon{width:46px;height:46px}
.hero-sticker>span>.nina-icon{width:42px;height:42px}
.ordering-heart>.nina-icon{width:78px;height:78px}
.little-heart>.nina-icon{width:65px;height:65px}
.footer-wordmark>span>.nina-icon{width:64px;height:64px}
.home-kicker>.nina-icon{width:23px;height:23px}
.mobile-bar .nina-icon{width:31px;height:31px}
.product-open .nina-icon{width:27px;height:27px}
.admin-sidebar nav a>.nina-icon{width:35px;height:35px}
.sidebar-bottom .nina-icon{width:30px;height:30px}
.metric-card .nina-icon{width:42px;height:42px}
.admin-quick-actions a>.nina-icon:first-child{width:46px;height:46px}
.admin-quick-actions a>.nina-icon:last-child{margin-inline-start:auto;width:27px;height:27px}
.dashboard-empty>.nina-icon{width:64px;height:64px;margin-bottom:18px}
.launch-row>.nina-icon{margin-inline-start:auto;width:26px;height:26px}
.launch-number .nina-icon{width:29px;height:29px}
.panel-heading a:has(.nina-icon){display:inline-flex;align-items:center;gap:7px}
.panel-heading a .nina-icon{width:24px;height:24px}
.checkout-dialog .checkout-emblem>.nina-icon{width:52px;height:52px}
.checkout-dialog .delivery-choice-content>.nina-icon{width:72px;height:62px;align-self:flex-start;filter:drop-shadow(0 6px 5px #502e4220);margin-bottom:3px}
.checkout-dialog .delivery-choice-content{min-height:190px}
.checkout-dialog .delivery-choice input:checked+.delivery-choice-content>.nina-icon{transform:translateY(-2px) scale(1.04)}
.checkout-dialog .test-item-icon>.nina-icon{width:43px;height:43px}
.checkout-dialog .test-item-icon{padding:5px}
.progress-check>.nina-icon{width:24px;height:24px;filter:none}
.checkout-dialog .modal-title>.nina-icon,.checkout-result .modal-title>.nina-icon{width:38px;height:38px}
.order-thanks-heart>.nina-icon{width:44px;height:44px}
.qty button>.nina-icon{width:27px;height:27px}
.modal-close{display:flex;align-items:center;justify-content:center}
.modal-close>.nina-icon{width:34px;height:34px}
.checkout-dialog .modal-close:hover,.checkout-result .modal-close:hover{transform:translateY(-2px)}
[dir=rtl] .nina-icon.icon-arrow,[dir=rtl] .nina-icon.icon-logout{transform:scaleX(-1)}
@media(hover:hover){a:hover>.nina-icon,button:not(:disabled):hover>.nina-icon{filter:drop-shadow(0 6px 4px #67263a25);transform:translateY(-2px)}[dir=rtl] a:hover>.nina-icon.icon-arrow,[dir=rtl] button:hover>.nina-icon.icon-arrow{transform:translateY(-2px) scaleX(-1)}}
@media(max-width:760px){.step-icon{width:61px;height:61px}.step-icon>.nina-icon{width:51px;height:51px}.storefront #app .service-strip>div>.nina-icon,.language-mark>.nina-icon{width:49px;height:49px}.language-mark{width:49px;min-width:49px;height:49px}.storefront #app .social-links .nina-icon{width:29px;height:29px}.storefront #app .social-links .icon-external{width:18px;height:18px}.storefront #app .social-links a{gap:7px}.icon-button .nina-icon{width:32px;height:32px}.storefront #app .header-side{gap:9px}.footer-wordmark>span>.nina-icon{width:45px;height:45px}.checkout-dialog .delivery-choice-content>.nina-icon{width:64px;height:59px}.checkout-dialog .delivery-choice-content{min-height:190px}.checkout-dialog .checkout-emblem>.nina-icon{width:36px;height:36px}.progress-check>.nina-icon{width:17px;height:17px}.admin-quick-actions a>.nina-icon:first-child{width:40px;height:40px}.metric-card .nina-icon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.nina-icon{transition:none!important}a:hover>.nina-icon,button:hover>.nina-icon,.checkout-dialog .delivery-choice input:checked+.delivery-choice-content>.nina-icon{transform:none!important}[dir=rtl] .nina-icon.icon-arrow,[dir=rtl] .nina-icon.icon-logout{transform:scaleX(-1)!important}}
