.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.desktop-grid[data-v-d8dd7d61]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.desktop-swiper-wrapper[data-v-d8dd7d61]{padding:0 10px}.prod-card[data-v-d8dd7d61]{background:#fff;border-radius:2rem;padding:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(16,185,129,.1)}.prod-card[data-v-d8dd7d61]:hover{transform:translateY(-12px);box-shadow:0 30px 60px -12px #10b98126;border-color:#10b9814d}.mobile-slider .prod-card[data-v-d8dd7d61]{margin:0 auto;max-width:420px}.category-tag[data-v-d8dd7d61]{padding:8px 20px;font-size:13px;font-weight:600;border-radius:24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.category-tag[data-v-d8dd7d61]:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.category-tag.active[data-v-d8dd7d61]{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.inner-swiper[data-v-d8dd7d61]{position:relative}.inner-swiper[data-v-d8dd7d61] .swiper-wrapper{border-radius:1.5rem}[data-v-d8dd7d61] .swiper-slide{margin-bottom:2rem}[data-v-d8dd7d61] .swiper-pagination{bottom:-.5rem}[data-v-d8dd7d61] .swiper-pagination-bullet{height:.625rem;width:.625rem;opacity:.4;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:#10b981}[data-v-d8dd7d61] .swiper-pagination-bullet-active{width:1.75rem;opacity:1;border-radius:5px;background:linear-gradient(135deg,#10b981,#059669)}.inner-swiper[data-v-d8dd7d61] .swiper-pagination{bottom:12px;z-index:30}.inner-swiper[data-v-d8dd7d61] .swiper-pagination-bullet{height:.5rem;width:.5rem;opacity:.5;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inner-swiper[data-v-d8dd7d61] .swiper-pagination-bullet-active{width:1.5rem;opacity:1;background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px #10b9814d}.inner-swiper[data-v-d8dd7d61] .swiper-button-next,.inner-swiper[data-v-d8dd7d61] .swiper-button-prev{color:#10b981;width:40px;height:40px;background:#ffffffe6;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.inner-swiper[data-v-d8dd7d61] .swiper-button-next:after,.inner-swiper[data-v-d8dd7d61] .swiper-button-prev:after{font-size:20px}.inner-swiper[data-v-d8dd7d61] .swiper-button-next:hover,.inner-swiper[data-v-d8dd7d61] .swiper-button-prev:hover{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;transform:scale(1.1)}[data-v-d8dd7d61] .swiper-button-next,[data-v-d8dd7d61] .swiper-button-prev{color:#fff;width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #10b9814d}[data-v-d8dd7d61] .swiper-button-next:after,[data-v-d8dd7d61] .swiper-button-prev:after{font-size:22px;font-weight:700}[data-v-d8dd7d61] .swiper-button-next:hover,[data-v-d8dd7d61] .swiper-button-prev:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-50%) scale(1.15);box-shadow:0 8px 24px #10b98166}[data-v-d8dd7d61] .swiper-button-disabled{opacity:.4;cursor:not-allowed}@media (max-width: 1280px){.desktop-grid[data-v-d8dd7d61]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.desktop-grid[data-v-d8dd7d61]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.desktop-grid[data-v-d8dd7d61]{display:none}}@media (min-width: 768px){.mobile-slider[data-v-d8dd7d61]{display:none}}