.hero-slider-fade{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.hero-button-primary{transition:all .3s}.hero-button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #01b8fa66}.hero-button-secondary:hover{background-color:#ffffff1a;border-color:#ffffff80}@media (max-width:768px){.primary-button,.secondary-button{padding:10px 20px;font-size:14px}.button-icon svg{width:18px;height:18px}}
.category-section-scroll::-webkit-scrollbar{height:8px}.category-section-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}@media (prefers-color-scheme:dark){.category-section-scroll::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}}.category-section-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#01b8fa,#00b149);border-radius:4px}.category-section-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#0199d4,#00963a)}.category-section-scroll{scrollbar-width:thin;scrollbar-color:#01b8fa #f3f4f6}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll{width:max-content;animation:20s linear infinite scroll;display:flex}.pause-on-hover:hover .animate-scroll{animation-play-state:paused}
.primary-button{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #01b8fa4d}.primary-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 25px #01b8fa66}.primary-button:active{transform:translateY(0);box-shadow:0 4px 15px #01b8fa4d}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:translateY(0)}.secondary-button{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.secondary-button:hover{background-color:#ffffff1a;border-color:#fffc;transform:translateY(-1px)}.secondary-button:active{background-color:#fff3;transform:translateY(0)}.button-icon{justify-content:center;align-items:center;transition:transform .3s;display:flex}.button-icon svg{width:20px;height:20px;transition:transform .3s}.cart-loading{animation:1.2s ease-in-out infinite cartAddItem}.cart-loading svg{animation:1.2s ease-in-out infinite cartOpen}@keyframes cartAddItem{0%,to{transform:scale(1)translateY(0)}25%{transform:scale(1.15)translateY(-3px)}50%{transform:scale(1.1)translateY(-2px)}75%{transform:scale(1.05)translateY(-1px)}}@keyframes cartOpen{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-8deg)scale(1.1)}50%{transform:rotate(8deg)scale(1.1)}75%{transform:rotate(-4deg)scale(1.05)}}.scroll-arrow{background:linear-gradient(135deg,#01b8fa,#00b149);border:none;border-radius:9999px}
.horizontal-scroll-content::-webkit-scrollbar{height:8px}.horizontal-scroll-content::-webkit-scrollbar-thumb{background:linear-gradient(-45deg,var(--primary),var(--secondary));border-radius:999px}.horizontal-scroll-content{scrollbar-width:thin;scrollbar-color:var(--primary)transparent}