/* Stable carousel geometry before initialization */
.hero-card-carousel .swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:12px}
.hero-card-carousel .swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 100%;width:100%;min-width:0}
.hero-card-carousel article{aspect-ratio:4/5}
@media(min-width:640px){.hero-card-carousel .swiper:not(.swiper-initialized) .swiper-wrapper{gap:18px}.hero-card-carousel .swiper:not(.swiper-initialized) .swiper-slide{flex-basis:calc((100% - 18px)/2);width:calc((100% - 18px)/2)}}
@media(min-width:1024px){.hero-card-carousel .swiper:not(.swiper-initialized) .swiper-wrapper{gap:24px}.hero-card-carousel .swiper:not(.swiper-initialized) .swiper-slide{flex-basis:calc((100% - 48px)/3);width:calc((100% - 48px)/3)}}

.badge-product-carousel:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:12px}
.badge-product-carousel:not(.swiper-initialized) .swiper-slide{flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);min-width:0}
@media(min-width:640px){.badge-product-carousel:not(.swiper-initialized) .swiper-wrapper{gap:16px}.badge-product-carousel:not(.swiper-initialized) .swiper-slide{flex-basis:calc((100% - 32px)/3);width:calc((100% - 32px)/3)}}
@media(min-width:1280px){.badge-product-carousel:not(.swiper-initialized) .swiper-slide{flex-basis:calc((100% - 48px)/4);width:calc((100% - 48px)/4)}}

/* Persistent barcode shortcut in the admin header. */
.admin-barcode-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:40px;padding:0 14px;flex-shrink:0;border:1px solid #0f766e;border-radius:10px;background:linear-gradient(135deg,#115e59,#0f766e);color:#fff;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 3px 8px #0f766e26;transition:background .15s,box-shadow .15s}
.admin-barcode-shortcut svg{width:21px;height:21px;flex-shrink:0}
.admin-barcode-shortcut:hover{background:linear-gradient(135deg,#134e4a,#115e59);box-shadow:0 4px 10px #0f766e40}
.admin-barcode-shortcut:focus-visible{outline:3px solid #2dd4bf;outline-offset:3px}
.admin-barcode-shortcut.is-active{box-shadow:0 0 0 2px #ccfbf1,0 0 0 3px #0f766e}
.dark .admin-barcode-shortcut{border-color:#2dd4bf;box-shadow:0 3px 8px #0003}
.dark .admin-barcode-shortcut.is-active{box-shadow:0 0 0 2px #1a1c23,0 0 0 3px #2dd4bf}
@media(max-width:639px){.admin-header-actions{gap:8px}.admin-barcode-shortcut{width:44px;min-width:44px;padding:0}.admin-barcode-shortcut span{display:none}}
@media(prefers-reduced-motion:reduce){.admin-barcode-shortcut{transition:none}}