.pinbex-hero{position:relative}.pinbex-hero .splide__slide{padding:0;opacity:1;transform:none}.pinbex-hero-slide{position:relative}.pinbex-hero .splide__slide{padding:0}.pinbex-hero-slide{position:relative;border-radius:0;overflow:hidden;aspect-ratio:16/6;display:block;background:#eef1f6}.pinbex-hero-slide picture{position:absolute;inset:0;z-index:1;display:block}.pinbex-hero-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.pinbex-hero-slide:hover img{transform:scale(1.03)}.pinbex-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(0 0 0 / .7) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:center;padding:40px 60px}.pinbex-hero-title{font-size:var(--font-size-4xl);font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2}.pinbex-hero-subtitle{font-size:var(--font-size-lg);color:rgb(255 255 255 / .8);margin-bottom:24px}.pinbex-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--gradient-brand);color:#fff;border-radius:var(--element-radius);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);width:fit-content}.pinbex-hero-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(30 136 255 / .4);color:#fff}.pinbex-hero .splide__pagination{position:absolute;right:50%;bottom:14px;z-index:4;display:flex;width:auto;margin:0;padding:5px 8px;gap:5px;transform:translateX(50%);background:rgb(13 17 23 / .28);border-radius:999px;backdrop-filter:blur(6px)}.pinbex-hero .splide__pagination__page{width:8px;height:8px;border-radius:4px;background:rgb(255 255 255 / .5);transition:all var(--transition-base)}.pinbex-hero .splide__pagination__page.is-active{width:20px;background:#fff}.pinbex-categories{padding:40px 0}.pinbex-category-carousel-list{align-items:stretch}.pinbex-category-carousel-list .splide__slide{height:auto}.pinbex-category-card{display:flex;height:100%;flex-direction:column;align-items:center;color:var(--color-text-primary);-webkit-tap-highlight-color:#fff0}.pinbex-category-img-wrapper{position:relative;width:100%;aspect-ratio:1;padding:6px;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#f7f9fc,#edf2f7);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-primary);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.pinbex-category-img{display:block;width:100%;height:100%;position:relative;z-index:1;object-fit:cover;border-radius:50%}.pinbex-category-caption{display:flex;min-height:46px;align-items:flex-start;justify-content:center;padding:9px 3px 0;text-align:center}.pinbex-category-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0;text-align:center;line-height:1.35}.pinbex-category-card:hover .pinbex-category-img-wrapper{border-color:rgb(30 136 255 / .45);box-shadow:0 6px 18px rgb(30 136 255 / .12);transform:translateY(-2px)}.pinbex-category-card:hover .pinbex-category-name{color:var(--color-blue)}.pinbex-category-count{font-size:var(--font-size-xs);color:rgb(255 255 255 / .7)}.pinbex-sale-section{padding:0 0 60px 0}.pinbex-sale-section .pinbex-container{background:linear-gradient(120deg,#fff5f5 0%,#fff 45%);border:1px solid rgb(255 71 87 / .15);border-radius:24px;padding:32px;box-shadow:0 12px 32px rgb(255 71 87 / .08)}.pinbex-sale-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:28px}.pinbex-sale-header-title{display:flex;align-items:center;gap:14px}.pinbex-sale-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--color-sale),#ff8a5c);color:#fff;box-shadow:0 8px 20px rgb(255 71 87 / .35)}.pinbex-sale-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.3}.pinbex-sale-subtitle{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.pinbex-countdown{display:flex;align-items:center;gap:10px;background:var(--color-dark);padding:10px 18px;border-radius:999px;box-shadow:0 8px 20px rgb(13 17 23 / .25)}.pinbex-countdown-label{position:relative;padding-right:16px;font-size:var(--font-size-xs);font-weight:600;color:rgb(255 255 255 / .85);white-space:nowrap}.pinbex-countdown-label::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--color-sale);box-shadow:0 0 0 0 rgb(255 71 87 / .6);animation:pinbex-countdown-pulse 1.4s infinite}.pinbex-countdown-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;background:rgb(255 255 255 / .08);border-radius:10px;color:#fff}.pinbex-countdown-value{font-size:var(--font-size-base);font-weight:700;line-height:1;background:linear-gradient(135deg,#ffffff,#ffd7d7);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.pinbex-countdown-unit{font-size:9px;color:rgb(255 255 255 / .55);margin-top:2px}.pinbex-countdown-separator{font-size:var(--font-size-base);font-weight:700;color:var(--color-sale);animation:pulse 1s infinite}@keyframes pinbex-countdown-pulse{0%{box-shadow:0 0 0 0 rgb(255 71 87 / .6)}70%{box-shadow:0 0 0 6px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@media (max-width:575px){.pinbex-sale-section .pinbex-container{padding:20px;border-radius:18px}.pinbex-sale-header{justify-content:space-between;text-align:right;flex-wrap:nowrap;gap:8px}.pinbex-sale-header-title{flex-direction:row;text-align:right;min-width:0;gap:7px}}.pinbex-banner-grid{padding:40px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pinbex-banner-card{position:relative;border-radius:var(--card-radius);overflow:hidden;display:block}.pinbex-banner-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.pinbex-banner-card:hover img{transform:scale(1.05)}.pinbex-banner-overlay{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgb(0 0 0 / .6) 100%);display:flex;align-items:flex-end;padding:20px;opacity:0;transition:opacity var(--transition-base)}.pinbex-banner-card:hover .pinbex-banner-overlay{opacity:1}.pinbex-banner-title{font-size:var(--font-size-base);font-weight:600;color:#fff}@media (max-width:767px){.pinbex-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px 0}}.pinbex-products-section{padding:40px 0}.pinbex-highsale-section{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);padding:60px 0}.pinbex-highsale-section .pinbex-section-title{color:#fff}.pinbex-highsale-section .pinbex-section-title::before,.pinbex-highsale-section .pinbex-section-title::after{background:var(--gradient-brand)}.pinbex-highsale-section .pinbex-section-subtitle{color:rgb(255 255 255 / .6)}.pinbex-view-all{display:inline-flex;align-items:center;gap:8px;margin-top:32px;padding:12px 24px;background:#fff0;border:2px solid var(--color-blue);border-radius:var(--element-radius);color:var(--color-blue);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.pinbex-view-all:hover{background:var(--gradient-brand);border-color:#fff0;color:#fff}.splide{position:relative}.splide__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgb(255 255 255 / .95);border:1px solid var(--color-border);border-radius:50%;opacity:1;z-index:10;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);padding:0;margin:0}.splide__arrow--prev{left:0}.splide__arrow--prev svg{transform:rotate(180deg)}.splide__arrow--next{right:0}.splide__arrow:hover{background:var(--gradient-brand);border-color:#fff0;color:#fff;box-shadow:var(--shadow-lg)}.splide__arrow svg{display:none}.splide__arrow::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:currentColor;transform:translate(-50%,-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 18l6-6-6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 18l6-6-6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.splide__arrow--next::after{transform:translate(-50%,-50%)}.splide__arrow--prev::after{transform:translate(-50%,-50%) rotate(180deg)}.splide__arrow::before{display:none}.pinbex-hero .splide__arrow{background:rgb(255 255 255 / .9);opacity:0;transition:opacity 0.3s ease}.pinbex-hero:hover .splide__arrow{opacity:1}.pinbex-hero .splide__arrow:hover{background:#fff}.pinbex-hero .splide__arrow svg{display:none}.pinbex-hero .splide__arrow{color:var(--color-dark)}.pinbex-hero .splide__arrow:hover{color:var(--color-blue)}@media (max-width:767px){.splide__arrow{width:32px;height:32px}.splide__arrow--prev{left:8px}.splide__arrow--next{right:8px}.splide__arrow svg{width:14px;height:14px}}.splide__pagination{position:relative;bottom:auto;margin-top:20px}.splide__pagination__page{width:8px;height:8px;border-radius:4px;background:var(--color-border);transition:all var(--transition-base)}.splide__pagination__page.is-active{width:24px;background:var(--color-blue)}