.gallery-box{width:100%;max-width:900px;margin:0 auto;padding:16px}@media (max-width: 991.98px){.gallery-box{margin-top:10px}}.gallery-title{font-size:36px;font-family:Manrope,sans-serif;font-style:normal;font-weight:700;line-height:normal}@media (max-width: 991.98px){.gallery-title{font-size:28px}}.gallery-text{font-size:16px;font-family:Manrope,sans-serif;font-style:normal;font-weight:400;line-height:normal}.gallery-cards{width:100%;display:flex;margin-top:50px;justify-content:center;align-items:center;gap:40px;padding:0 8px}.gallery-item{position:relative;overflow:hidden;border-radius:16px;background:#fff;display:flex;flex-direction:column;width:196px;flex-shrink:0;z-index:1}.gallery-card{position:relative;display:flex;align-items:stretch}.gallery-card:before{content:attr(data-number);position:absolute;top:22px;left:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#0a0;padding:6px 12px 6px 30px;background:url(/images/green_recycle_icon.webp) no-repeat 8px center;background-size:16px;border:1px solid green;border-radius:20px;z-index:5}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-middle{display:flex;flex-direction:row;background:#000;border-radius:16px;overflow:hidden;color:#fff;width:260px;height:200px;z-index:3;transform:translate(0);transition:max-width 1.2s cubic-bezier(.22,1,.36,1),opacity .6s ease,transform 1.2s cubic-bezier(.22,1,.36,1)}.gallery-card.active .gallery-middle{max-width:526px;opacity:1;transform:translate(20px)}.gallery-card:first-child.active .gallery-middle{transform:translate(-20px)}.gallery-card.active:not(:first-child):before{left:64px}.gallery-text-side{padding:8px;text-align:left;color:#fff;width:90%;margin-top:30px;display:flex;flex-direction:column;justify-content:end}.gallery-text-side h3{font-family:Manrope,sans-serif;font-size:24px;font-style:normal;font-weight:700;color:#fff;margin-bottom:10px}.gallery-text-side p{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;color:#fff;text-align:left}.gallery-image-side{width:50%;height:100%;overflow:hidden}.gallery-image-side img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-arrow{border-radius:27.5px;border:1px solid #000;background:#fff;width:79.907px;height:46.262px;display:flex;align-items:center;justify-content:center;cursor:pointer}.gallery-arrow img{width:16px;height:16px;filter:brightness(0)}.arrow-left img{transform:scaleX(-1)}.gallery-middle{max-width:0;opacity:0;overflow:hidden;display:flex;transition:max-width 1.2s cubic-bezier(.22,1,.36,1),opacity .6s ease}.gallery-card.active .gallery-middle{max-width:526px;opacity:1}.gallery-card.active .gallery-item{width:400px;height:400px}.gallery-card:first-child.active .gallery-item{width:196px;height:400px}@media (max-width: 767px){.gallery-card{display:none}.gallery-card.active{display:block}.gallery-arrows{display:flex;justify-content:center;gap:20px;margin:20px 0}.gallery-cards{flex-direction:column;align-items:center}.gallery-middle{flex-direction:column;height:auto;width:100%;max-width:360px}.gallery-middle:before{display:none}.recycle-box{display:inline-flex;align-items:center;gap:6px;border:1px solid #00aa00;border-radius:20px;padding:4px 10px;margin:15px 0;font-size:12px;color:#0a0;align-self:flex-start}.recycle-box img{width:16px;height:16px}.gallery-image-side{order:-1;width:100%;height:220px}.gallery-image-side img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px 12px 0 0}.gallery-text-side{width:100%;margin-top:0;padding:20px;background:#000;border-radius:0 0 12px 12px;position:relative}.gallery-text-side h3{font-size:20px}.gallery-text-side p{font-size:14px}.gallery-arrows{margin-top:20px}.gallery-card.active .gallery-item{width:100%!important;height:auto!important}.gallery-card:first-child.active .gallery-item{width:100%!important}.gallery-middle{transform:none!important;max-width:100%!important;opacity:1!important}}@media (min-width: 768px){.gallery-arrows{display:none}.gallery-cards{gap:20px}.gallery-middle{width:260px;height:200px;flex-direction:row}.gallery-image-side{width:49%;height:100%}.gallery-text-side{width:61%;padding:20px}.gallery-text-side h3{font-size:18px}.gallery-text-side p{font-size:14px}.recycle-box{display:none}.recycle-label{display:inline-flex;align-items:center;gap:6px;border:1px solid #00aa00;border-radius:20px;padding:4px 10px;margin-bottom:10px;font-size:12px;color:#0a0}.recycle-label img{width:16px}}@media (min-width: 821px) and (max-width: 1024px){.gallery-cards{gap:12px;justify-content:center;flex-wrap:wrap}}@media (min-width: 768px) and (max-width: 1024px){.gallery-middle{width:480px;height:300px;flex-direction:row}.gallery-middle .gallery-image-side{width:48%;height:100%}.gallery-middle .gallery-text-side{width:52%;padding:16px}.gallery-middle .gallery-text-side h3{font-size:18px}.gallery-middle .gallery-text-side p{font-size:11px}}@media (min-width: 1025px){.gallery-middle{width:800px;height:400px;flex-direction:row}.gallery-image-side{width:49%}.gallery-text-side{width:65%;padding:28px}.gallery-text-side h3{font-size:22px}.gallery-text-side p{font-size:14px}}@media (min-width: 1120px) and (max-width: 1199px){.gallery-cards{gap:10px;justify-content:center;flex-wrap:wrap}.gallery-item{border-radius:12px}.gallery-middle{width:500px;height:330px}.gallery-middle .gallery-image-side{width:48%;height:100%}.gallery-middle .gallery-text-side{width:52%;padding:18px}.gallery-middle .gallery-text-side h3{font-size:19px}.gallery-middle .gallery-text-side p{font-size:13px}}@media (min-width: 1200px) and (max-width: 1366px){.gallery-cards{gap:12px;justify-content:center;flex-wrap:wrap}.gallery-item{border-radius:12px}.gallery-middle{width:550px;height:350px}.gallery-middle .gallery-image-side{width:48%;height:100%}.gallery-middle .gallery-text-side{width:52%;padding:20px}.gallery-middle .gallery-text-side h3{font-size:20px}.gallery-middle .gallery-text-side p{font-size:13px}}@media (max-width: 1400px){.gallery-cards{gap:20px;flex-wrap:wrap}.gallery-item{width:160px;height:320px}.gallery-card.active .gallery-item{width:300px;height:320px}.gallery-card:first-child.active .gallery-item{width:160px;height:320px}.gallery-middle{width:220px;height:320px}.gallery-card.active .gallery-middle{max-width:420px;height:320px}.gallery-text-side{padding:16px}.gallery-text-side h3{font-size:18px}.gallery-text-side p{font-size:13px}}@media (max-width: 1024px){.gallery-cards{gap:12px}.gallery-item{width:140px;height:280px}.gallery-card.active .gallery-item{width:260px;height:280px}.gallery-card.active .gallery-item img{height:210px}.gallery-middle{width:200px;height:280px}.gallery-card.active .gallery-middle{max-width:360px;height:280px}.gallery-text-side h3{font-size:16px}.gallery-text-side p{font-size:12px}}@media (max-width: 767px){.gallery-cards{flex-direction:column;gap:16px}.gallery-card{display:none}.gallery-card.active{display:flex;flex-direction:column;width:100%}.gallery-card.active:before{display:none}.gallery-item{width:100%!important;height:220px!important;order:-1;border-radius:20px 20px 0 0!important;margin-bottom:-10px}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-middle{width:100%!important;max-width:100%!important;height:auto;flex-direction:column;opacity:1!important;transform:none!important}.gallery-text-side{padding:16px}.gallery-text-side h3{font-size:18px}.gallery-text-side p{font-size:14px}}