.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 50%;padding:0 4px}}.packaging-categories .pure-css-carousel-controls{box-sizing:border-box;pointer-events:none;z-index:10;justify-content:space-between;align-items:center;width:100%;padding:0 10px;display:flex;position:absolute;top:40%;left:0;transform:translateY(-50%)}.packaging-categories .custom-slider-btn{-webkit-backdrop-filter:blur(8px);cursor:pointer;color:#111;pointer-events:auto;background:#fff6;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000001a}.packaging-categories .custom-slider-btn:hover{color:#000;background:#ffffffb3;border-color:#ffffffb3}@media screen and (max-width:575px){.packaging-categories .pure-css-carousel-controls{padding:0 5px}.packaging-categories .custom-slider-btn{width:32px;height:32px}.packaging-categories .custom-slider-btn svg{width:16px;height:16px}}
