.category-icons-bar{background:#fff;padding:16px 0 0;position:sticky;top:88px;z-index:100}.category-icons-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#e8e8e8;z-index:-1}.category-icons-container{width:100%;max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;display:flex;align-items:center;gap:24px}.home-page .category-icons-container{max-width:1460px;padding:0 clamp(40px,calc(40px + (72 - 40) * ((100vw - 991px) / (1440 - 991))),72px)}.category-icons-wrapper{position:relative;flex:1;display:flex;align-items:center;min-width:0}.category-icons-scroll{display:flex;gap:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0 12px;position:relative;mask-image:linear-gradient(to right,black calc(100% - 50px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 50px),transparent 100%)}.category-icons-scroll.has-scroll-left{mask-image:linear-gradient(to right,transparent 0%,black 50px,black calc(100% - 50px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 50px,black calc(100% - 50px),transparent 100%)}.category-icons-scroll:not(.has-scroll-right){mask-image:linear-gradient(to right,#000 100% 100%);-webkit-mask-image:linear-gradient(to right,black 100%,black 100%)}.category-icons-scroll.has-scroll-left:not(.has-scroll-right){mask-image:linear-gradient(to right,transparent 0%,black 50px,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 50px,black 100%)}.category-icons-scroll::-webkit-scrollbar{display:none}.category-icon-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px;background:none;border:none;color:inherit;text-decoration:none;cursor:pointer;flex-shrink:0;transition:opacity .2s ease;position:relative}.category-icon-item.active{opacity:1}.category-indicator-wrapper{position:absolute;bottom:0;left:0;right:0;height:2.5px;pointer-events:none}.category-indicator{position:absolute;top:0;left:0;height:2.5px;background:#1f1f1f;border-radius:1.5px 1.5px 0 0;pointer-events:none;transform-origin:center;transform:translate(var(--ind-left, 0)) scaleX(0);width:var(--ind-width, 0);opacity:0}.category-indicator.indicator-visible{transform:translate(var(--ind-left)) scaleX(1);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.category-indicator.indicator-disappearing{opacity:1;animation:indicator-disappear .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes indicator-disappear{0%{transform:translate(var(--ind-left)) scaleX(1)}to{transform:translate(var(--ind-left)) scaleX(0)}}.category-icon-image{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.category-icon-image img{width:100%;height:100%;object-fit:contain}.category-icon-label{font-size:12px;font-weight:500;color:#6a6a6a;font-family:Poppins,sans-serif;white-space:nowrap;transition:color .2s ease}.category-icon-item.active .category-icon-label{color:#1f1f1f}.category-bar-nav-btn{position:absolute;top:16px;width:36px;height:36px;border-radius:50%;border:1px solid #EEEEEE;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;z-index:10;box-shadow:0 2px 8px #00000014}.category-bar-nav-btn:hover{background:#fff;border-color:#eee;box-shadow:0 6px 16px #0000001f;transform:scale(1.05)}.category-bar-nav-btn:active{transform:scale(.95)}.category-bar-prev-btn{left:-8px}.category-bar-next-btn{right:0}.filter-btn{display:flex;align-items:center;align-self:flex-start;margin-top:10px;gap:8px;padding:12px 16px;background:#fff;border:1px solid #E5E5E5;border-radius:12px;cursor:pointer;font-size:12px;font-weight:500;color:#1f1f1f;font-family:Poppins,sans-serif;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.filter-btn:hover{background:#f5f5f5;border-color:#d5d5d5}@media(max-width:768px){.category-icons-bar{top:111px;padding:0}.category-icons-container{padding:0 20px;gap:12px}.home-page .category-icons-container{padding:0 40px}.category-icons-scroll{gap:28px;padding:0 0 4px;transition:padding .3s cubic-bezier(.4,0,.2,1)}.category-indicator-wrapper{bottom:0}.category-icon-item{gap:4px;transition:gap .3s cubic-bezier(.4,0,.2,1)}.category-icon-image{width:40px;height:40px;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.category-icon-label{font-size:11px}.icons-collapsed .category-icon-image{opacity:0;transform:scale(.8);height:0;pointer-events:none}.icons-collapsed .category-icon-item{gap:0}.filter-btn{display:none}}@media(max-width:480px){.category-bar-nav-btn{display:none}.category-icons-container,.home-page .category-icons-container{padding:0}.category-icons-scroll{padding-left:20px;padding-right:20px;mask-image:none;-webkit-mask-image:none}.home-page .category-icons-scroll{padding-left:24px;padding-right:24px}.category-icons-scroll.has-scroll-left,.category-icons-scroll.has-scroll-right,.category-icons-scroll:not(.has-scroll-right),.category-icons-scroll.has-scroll-left:not(.has-scroll-right){mask-image:none;-webkit-mask-image:none}.icons-collapsed .category-icons-scroll{padding-left:20px;padding-right:20px}.home-page .icons-collapsed .category-icons-scroll{padding-left:24px;padding-right:24px}}.skeleton{background:#e8e8e8!important;animation:skeleton-pulse 1.5s ease-in-out infinite!important;border-radius:8px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.34}}.category-icon-image .skeleton-icon{width:100%;height:100%;border-radius:50%}.skeleton-text-label{color:transparent!important;border-radius:4px;line-height:12px;margin:3px 0}.service-card-skeleton{flex-shrink:0}.service-card-skeleton-default{width:291px}.service-card-skeleton-default .skeleton-image{width:100%;height:155px;border-radius:20px}.service-card-skeleton-default .skeleton-content{padding:12px 0 0}.service-card-skeleton-default .skeleton-title{display:block;width:70%;height:16px;border-radius:4px;margin:0 0 8px}.service-card-skeleton-default .skeleton-details{display:block;width:40%;height:12px;border-radius:4px;margin:0 0 8px}.service-card-skeleton-default .skeleton-price{display:block;width:50%;height:12px;border-radius:4px;margin:0}.service-card-skeleton-offers{width:161.14px}.service-card-skeleton-offers .skeleton-image{width:100%;height:132px;border-radius:20px}.service-card-skeleton-offers .skeleton-content{padding:12px 0 0}.service-card-skeleton-offers .skeleton-title{display:block;width:70%;height:16px;border-radius:4px;margin:0 0 8px}.service-card-skeleton-offers .skeleton-discount{display:block;width:40%;height:12px;border-radius:4px;margin:0}.carousel-skeleton{display:flex;flex-direction:column;gap:20px}.skeleton-carousel-title{width:200px;height:24px}.carousel-skeleton-track{display:flex;gap:12px;overflow:hidden}.category-results-skeleton{display:flex;flex-wrap:wrap;gap:12px}.category-results-skeleton .service-card-skeleton{flex:0 0 calc(25% - 9px);max-width:calc(25% - 9px);width:auto}.category-results-skeleton .service-card-skeleton .skeleton-image{width:100%}.browse-skeleton-content{max-width:1280px;margin:0 auto;padding:40px 40px 80px;display:flex;flex-direction:column;gap:48px;box-sizing:border-box}@media(max-width:1279px){.service-card-skeleton-offers{width:max(156px,calc((100vw - 80px - 72px) / 7))}.service-card-skeleton-offers .skeleton-image{height:max(132px,calc((100vw - 80px - 72px) / 7 * 132 / 161.14))}.carousel-skeleton-track{padding-left:40px;padding-right:40px;margin-left:-40px;margin-right:-40px}}@media(max-width:1200px){.category-results-skeleton .service-card-skeleton{flex:0 0 calc(33.333% - 8px);max-width:calc(33.333% - 8px)}}@media(max-width:900px){.category-results-skeleton .service-card-skeleton{flex:0 0 calc(50% - 6px);max-width:calc(50% - 6px)}}@media(max-width:768px){.browse-skeleton-content{padding:24px 20px 48px;gap:32px}.carousel-skeleton-track{padding-left:20px;padding-right:20px;margin-left:-20px;margin-right:-20px}}@media(max-width:600px){.category-results-skeleton .service-card-skeleton{flex:0 0 100%;max-width:100%}}.cart-item-skeleton{display:flex;align-items:center;gap:20px}.cart-item-skeleton-image{width:120px;height:112px;border-radius:16px;flex-shrink:0}@media(max-width:768px){.cart-item-skeleton{gap:12px}}.cart-item-skeleton-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.cart-item-skeleton-line{border-radius:4px}.cart-item-skeleton-line-1{height:16px;width:60%}.cart-item-skeleton-line-2{height:14px;width:75%}.cart-item-skeleton-line-3{height:14px;width:35%}.browse-page{min-height:100vh;background:#fafafa;display:flex;flex-direction:column;--footer-bottom-max: 1280px;--footer-bottom-px: 40px}@media(max-width:768px){.browse-page{--footer-bottom-px: 20px}}.browse-main{flex:1;padding-top:0;overflow-x:clip}.browse-content{max-width:1280px;margin:0 auto;padding:40px 40px 80px;box-sizing:border-box;display:flex;flex-direction:column;gap:48px}@media(max-width:768px){.browse-content{padding:24px 20px 48px;gap:32px}}.category-results-grid{display:flex;flex-wrap:wrap;gap:12px}.category-results-grid .service-card{flex:0 0 calc(25% - 9px);max-width:calc(25% - 9px)}@media(max-width:1200px){.category-results-grid .service-card{flex:0 0 calc(33.333% - 8px);max-width:calc(33.333% - 8px)}}@media(max-width:900px){.category-results-grid .service-card{flex:0 0 calc(50% - 6px);max-width:calc(50% - 6px)}}@media(max-width:600px){.category-results-grid .service-card{flex:0 0 100%;max-width:100%}}.load-more-trigger{display:flex;justify-content:center;align-items:center;padding:40px 0;min-height:120px}.load-more-trigger .loading-dots{gap:8px}.load-more-trigger .loading-dots span{width:8px;height:8px}.coming-soon-banner{display:flex;align-items:center;justify-content:center;gap:60px;padding:40px 0}.coming-soon-image{flex-shrink:0;width:280px;height:230px}.coming-soon-image img{width:100%;height:100%;object-fit:contain}.coming-soon-content{max-width:400px}.coming-soon-title{font-size:36px;font-weight:600;color:#1f1f1f;margin:0 0 16px;line-height:1.2}.coming-soon-text{font-size:16px;color:#666;margin:0;line-height:1.6}@media(max-width:900px){.coming-soon-banner{gap:40px}.coming-soon-image{width:240px;height:200px}.coming-soon-title{font-size:28px}}@media(max-width:768px){.coming-soon-banner{flex-direction:column;gap:24px;padding:32px 24px;text-align:center}.coming-soon-image{width:200px;height:160px}.coming-soon-title{font-size:24px}.coming-soon-text{font-size:14px}}
