.product-grid-module{position:relative}.product-grid-module.products-section{padding:32px 0}.product-grid-item{box-sizing:border-box}@media(max-width:991px)and (min-width:768px){.product-grid-item[data-tablet-cols="2"]{flex:0 0 50%!important;max-width:50%!important}.product-grid-item[data-tablet-cols="3"]{flex:0 0 33.333333%!important;max-width:33.333333%!important}.product-grid-item[data-tablet-cols="4"]{flex:0 0 25%!important;max-width:25%!important}.product-grid-item[data-tablet-cols="5"]{flex:0 0 20%!important;max-width:20%!important}.product-grid-item[data-tablet-cols="6"]{flex:0 0 16.666667%!important;max-width:16.666667%!important}.product-grid-item[data-tablet-cols="7"]{flex:0 0 14.285714%!important;max-width:14.285714%!important}.product-grid-item[data-tablet-cols="8"]{flex:0 0 12.5%!important;max-width:12.5%!important}}@media(max-width:767px){.product-grid-item[data-mobile-cols="1"]{flex:0 0 100%!important;max-width:100%!important}.product-grid-item[data-mobile-cols="2"]{flex:0 0 50%!important;max-width:50%!important}.product-grid-item[data-mobile-cols="3"]{flex:0 0 33.333333%!important;max-width:33.333333%!important}.product-grid-item[data-mobile-cols="4"]{flex:0 0 25%!important;max-width:25%!important}.product-grid-item[data-mobile-cols="5"]{flex:0 0 20%!important;max-width:20%!important}.product-grid-item[data-mobile-cols="6"]{flex:0 0 16.666667%!important;max-width:16.666667%!important}.product-grid-item[data-mobile-cols="7"]{flex:0 0 14.285714%!important;max-width:14.285714%!important}.product-grid-item[data-mobile-cols="8"]{flex:0 0 12.5%!important;max-width:12.5%!important}}.product-grid-module .ant-row{margin-left:-8px;margin-right:-8px}.product-grid-module .ant-col{padding-left:8px;padding-right:8px}@media(min-width:1200px){.product-grid-module .ant-col-lg-4,.product-grid-module .ant-col-xl-4,.product-grid-module .ant-col-xxl-4{flex:0 0 20%;max-width:20%}}@media(min-width:992px)and (max-width:1199px){.product-grid-module .ant-col-lg-4{flex:0 0 25%;max-width:25%}}@media(min-width:768px)and (max-width:991px){.product-grid-module .ant-col-md-8{flex:0 0 33.333333%;max-width:33.333333%}}@media(max-width:767px){.product-grid-module .ant-col-xs-8,.product-grid-module .ant-col-sm-8{flex:0 0 33.333333%;max-width:33.333333%}}@media(max-width:480px){.product-grid-module.products-section{padding:20px 0}.product-grid-module .ant-row{margin-left:-4px;margin-right:-4px}.product-grid-module .ant-col{padding-left:4px;padding-right:4px}}.product-grid-module.preview-mode{position:relative;min-height:200px}.product-grid-module .module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.product-grid-module .module-header h2{margin:0;font-size:24px;font-weight:600;color:var(--gray-900)}.product-grid-module .module-header .ant-btn{height:40px;padding:0 20px;font-size:14px;border-radius:6px}.product-grid-module .loading-container,.product-grid-module .error-container,.product-grid-module .empty-container{text-align:center;padding:40px 0;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.product-grid-module .error-container .ant-empty-description{margin-bottom:16px}.product-grid-module .error-container .error-title{color:var(--error-color);margin-bottom:8px;font-weight:500}.product-grid-module .error-container .error-message{color:var(--gray-600);font-size:12px}.product-grid-module .ant-col{margin-bottom:20px}.product-grid-module .ant-col:last-child{margin-bottom:0}.product-grid-module .unified-product-card{height:100%;display:flex;flex-direction:column}.product-grid-module .unified-product-card .ant-card-body{flex:1;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:768px){.product-grid-module .module-header h2{font-size:20px}.product-grid-module .module-header .ant-btn{height:36px;padding:0 16px;font-size:13px}}@media(max-width:480px){.product-grid-module .module-header{flex-direction:column;align-items:flex-start;gap:12px}.product-grid-module .module-header h2{font-size:18px}.product-grid-module .module-header .ant-btn{width:100%;height:32px;font-size:12px}}.product-grid-module .ant-row{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-grid-module .loading-container .ant-spin{margin-bottom:16px}.product-grid-module{width:100vw;margin-left:calc(-50vw + 50%);box-sizing:border-box}.product-grid-module *{box-sizing:border-box}.product-grid-fullwidth{padding-left:24px;padding-right:24px}@media(max-width:991px)and (min-width:768px){.product-grid-fullwidth{padding-left:16px;padding-right:16px}}@media(max-width:767px){.product-grid-fullwidth{padding-left:0;padding-right:0}}.scroll-nav-btn{position:absolute;top:50%;transform:translateY(-50%) scale(.8);z-index:10;width:48px;height:48px;border-radius:14px;background:#ffffff73;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a,inset 0 1px #fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000000a6;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),background .3s ease,box-shadow .3s ease,border-color .3s ease;padding:0}.scroll-nav-btn.visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.scroll-nav-btn:hover{background:#ffffffb8;border-color:#ffffffe6;box-shadow:0 8px 32px #0000001f,0 2px 6px #0000000f,inset 0 1px #fff;transform:translateY(-50%) scale(1.08);color:#000000d9}.scroll-nav-btn:active{transform:translateY(-50%) scale(.95);background:#ffffffd9;transition-duration:.1s}.scroll-nav-left{left:8px}.scroll-nav-right{right:8px}.product-grid-carousel-wrapper{position:relative;overflow:visible;padding-bottom:36px}.product-grid-carousel-mask{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}.product-grid-carousel{display:flex;gap:16px;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:8px 0;touch-action:pan-y}.product-grid-carousel-item{flex:0 0 calc((100% - (var(--scroll-cols-desktop, 5) - 1) * 16px) / var(--scroll-cols-desktop, 5));min-width:0;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.product-grid-carousel-item:hover{transform:translateY(-4px)}.scroll-nav-btn.carousel-nav{opacity:.9;pointer-events:auto;transform:translateY(-50%) scale(1)}.product-grid-carousel-wrapper:hover .scroll-nav-btn.carousel-nav{opacity:1}.product-grid-carousel-dots{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;align-items:center;gap:6px;padding:0 16px;flex-wrap:wrap}.carousel-dot{width:8px;height:8px;border-radius:50%;padding:0;border:none;background:#0003;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.carousel-dot:hover{background:#0006;transform:scale(1.2)}.carousel-dot.active{width:24px;border-radius:4px;background:#000000bf}@media(max-width:991px)and (min-width:768px){.product-grid-carousel-item{flex:0 0 calc((100% - (var(--scroll-cols-tablet, 3) - 1) * 16px) / var(--scroll-cols-tablet, 3))}.product-grid-carousel-mask{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}}@media(max-width:767px){.product-grid-carousel-item{flex:0 0 calc((100% - (var(--scroll-cols-mobile, 3) - 1) * 10px) / var(--scroll-cols-mobile, 3))}.product-grid-carousel{gap:10px}.product-grid-carousel-mask{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}.scroll-nav-btn.carousel-nav{display:none}.product-grid-carousel-wrapper{padding-bottom:28px}.carousel-dot{width:6px;height:6px}.carousel-dot.active{width:18px}}
