.packaging-categories{background-color:#fff;width:100%;padding-top:70px;padding-bottom:40px}.packaging-categories .packaging-categories-header{justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px;display:flex}@media screen and (max-width:1023px){.packaging-categories .packaging-categories-header{flex-direction:column;align-items:flex-start}}.packaging-categories .packaging-categories-title{color:#080808;margin:0;font-size:40px;font-weight:600}@media screen and (max-width:1550px){.packaging-categories .packaging-categories-title{font-size:35px}}@media screen and (max-width:1450px){.packaging-categories .packaging-categories-title{font-size:30px}}@media screen and (max-width:1320px){.packaging-categories .packaging-categories-title{font-size:28px}}@media screen and (max-width:1200px){.packaging-categories .packaging-categories-title{font-size:25px}}@media screen and (max-width:575px){.packaging-categories .packaging-categories-title{font-size:23px}}.packaging-categories .packaging-categories-navigation{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media screen and (max-width:640px){.packaging-categories .packaging-categories-navigation{gap:5px}}.packaging-categories .packaging-categories-tab{cursor:pointer;color:#111;white-space:nowrap;background:0 0;border:none;border-radius:50px;justify-content:center;align-items:center;height:48px;padding:0 22px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex;font-size:14px!important}.packaging-categories .packaging-categories-tab.active{color:#fff;background-color:#000}@media screen and (max-width:1550px){.packaging-categories .packaging-categories-tab{height:44px;font-size:13px!important}}@media screen and (max-width:1450px){.packaging-categories .packaging-categories-tab{height:42px;padding:0 16px;font-size:12px!important}}@media screen and (max-width:575px){.packaging-categories .packaging-categories-tab{height:38px;padding:0 14px;font-size:11px!important}}.packaging-categories .packaging-categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%;display:grid}@media screen and (max-width:1200px){.packaging-categories .packaging-categories-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media screen and (max-width:1023px){.packaging-categories .packaging-categories-grid{display:none}}.packaging-categories .packaging-categories-slider{width:100%;display:none}@media screen and (max-width:1023px){.packaging-categories .packaging-categories-slider{display:block}}.packaging-categories .packaging-product{color:inherit;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s;display:flex}.packaging-categories .packaging-product:hover{transform:translateY(-4px)}.packaging-categories .packaging-product-image-wrapper{aspect-ratio:1;background-color:#f7f7f7;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex;overflow:hidden}.packaging-categories .packaging-product-image{object-fit:cover;width:100%;height:100%}.packaging-categories .packaging-product-title{color:#111;text-align:center;margin:0;font-size:15px;font-weight:500}.packaging-categories .pure-css-carousel{width:100%;position:relative;overflow:hidden}.packaging-categories .pure-css-carousel-viewport{width:100%;overflow:hidden}.packaging-categories .pure-css-carousel-slides{will-change:transform;display:flex}.packaging-categories .pure-css-carousel-slide{box-sizing:border-box;flex:0 0 50%;padding:0 8px}@media screen and (max-width:575px){.packaging-categories .pure-css-carousel-slide{flex:0 0 100%;padding:0 4px}}.packaging-categories .pure-css-carousel-controls{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.packaging-categories .custom-slider-btn{cursor:pointer;color:#111;background:#fff;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.packaging-categories .custom-slider-btn:hover{color:#fff;background:#000;border-color:#000}
