.materials{background:#fafbfc url(/image/e5f3223ac9a9099eb5cd2781ae2f02b7.jpg) 50%/cover no-repeat fixed;padding:7rem 0;position:relative}.materials:before,.materials:after{display:none}.materials-container{width:100%;margin:0 auto;padding:0 0;position:relative;overflow:hidden}.materials-container:before,.materials-container:after{display:none}.embla{z-index:1;width:100%;position:relative;overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;align-items:flex-start;gap:1rem;padding:0 2rem;display:flex}.embla__slide{flex:0 0 50%;min-width:0;padding:0 .5rem;position:relative}@media (min-width:1400px){.embla__slide{flex:0 0 33.333%}}@media (max-width:768px){.embla__slide{flex:0 0 85%;padding:0 .5rem}.embla__container{gap:.75rem;padding:0}}.materials-nav{cursor:pointer;color:#00a33e;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.materials-nav:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px #0003}.materials-nav.prev{left:40px}.materials-nav.next{right:40px}.material-card{text-align:center;box-sizing:border-box;background:#d9e8cd;border:2px solid #0000;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;height:500px;padding:1.25rem 1rem;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000014}.material-card.featured{color:inherit;background:#d9e8cd;transform:none}.material-card.featured:before{display:none}.material-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026}.material-card.featured:hover{transform:translateY(-8px)}.material-header{text-align:center;margin-bottom:1rem}.material-logo{justify-content:center;align-items:center;min-height:45px;margin-bottom:.5rem;padding:.5rem;transition:all .3s;display:flex}.logo-img{object-fit:contain;width:173px;height:50px}.material-card:hover .material-logo{transform:scale(1.02)}.logo-text{color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;font-size:1rem;font-weight:700}.material-card.featured .logo-text{color:#2c3e50}.material-specs{flex-direction:column;margin-bottom:.75rem;display:flex}.spec-item{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:.75rem 0;transition:all .3s;display:flex}.spec-item:last-child{border-bottom:none}.spec-item.special,.material-card.featured .spec-item.special{text-align:center;background:#dc35450d;border-bottom:2px solid #dc35454d;border-radius:6px;justify-content:center;margin:.25rem 0;padding:.75rem}.spec-label{color:#495057;text-align:left;flex:1;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}.spec-label i{color:#6c757d;text-align:center;width:16px;font-size:.9rem}.material-card.featured .spec-label{color:#495057}.material-card.featured .spec-label i{color:#6c757d}.material-card.featured .spec-item{border-bottom:1px solid #0000001a}.material-card.featured .spec-item:last-child{border-bottom:none}.spec-value{color:#1a252f;text-align:right;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:none;font-size:.8rem;font-weight:600;line-height:1.3}.texture-value{white-space:normal;word-break:break-word;text-align:right;max-width:120px}.material-card.featured .spec-value{color:#1a252f}.spec-value.special-feature{color:#dc3545;justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex}.special-feature i{color:#dc3545;font-size:1rem}.material-card.featured .spec-value.special-feature,.material-card.featured .special-feature i{color:#dc3545}.material-price{color:#00a33e;text-align:center;background:linear-gradient(135deg,#00a33e,#4cd964);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-top:1px solid #e9ecef;margin-top:.25rem;padding:.5rem 0 0;font-size:1.3rem;font-weight:800}.material-card.featured .material-price{color:#00a33e;-webkit-text-fill-color:transparent;border-top-color:#e9ecef}@media (max-width:1200px){.materials-container{padding:1.5rem 0}.embla__container{padding:0 1.5rem}.material-card{height:480px}}@media (max-width:900px){.materials-container{padding:1rem 0}.embla__container{padding:0 1rem}.material-card{height:450px}}@media (max-width:768px){.materials{padding:5rem 0;overflow-x:hidden}.materials .container{max-width:100%;padding:0}.materials-container{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:3rem 0;position:relative}.materials-container:before,.materials-container:after{width:48px}.materials-nav{width:40px;height:40px;font-size:1.2rem}.materials-nav.prev{left:20px}.materials-nav.next{right:20px}.material-card{height:400px;padding:1rem}.logo-text{font-size:.9rem}.material-logo{min-height:40px;padding:.5rem}.logo-img{width:144px;height:43px}.texture-value{max-width:100px;font-size:.7rem}.spec-item{padding:.5rem 0;font-size:.75rem}.material-price{font-size:1.1rem}}@media (max-width:480px){.materials{padding:4rem 0;overflow-x:hidden}.materials .container{max-width:100%;padding:0}.materials-container{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2.5rem 0;position:relative}.materials-container:before,.materials-container:after{width:36px}.embla__container{gap:.5rem}.embla__slide{flex:0 0 90%;padding:0 .5rem}.materials-nav.prev{left:15px}.materials-nav.next{right:15px}.material-card{height:450px;padding:.75rem}.spec-item{padding:.4rem 0;font-size:.7rem}.logo-text{font-size:.9rem}.material-logo{min-height:40px;padding:.5rem}.logo-img{width:280px;height:60px}.texture-value{max-width:100px;font-size:.7rem}.spec-label,.spec-value{font-size:.75rem}.material-price{margin:0 -.75rem -.75rem 1.25rem;font-size:2rem}}
