.material-quality-section{padding:8rem 0;background:linear-gradient(180deg,#f5f5f5,#fff,#f5f5f5);overflow:hidden;position:relative}.material-quality-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(36,40,51,.1),transparent)}.material-quality-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(36,40,51,.1),transparent)}.material-quality-wrapper{max-width:1400px;margin:0 auto;padding:0 4rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.section-label{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.label-line{width:40px;height:2px;background:#242833;display:block}.label-text{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#242833;opacity:.7}.material-quality-heading{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(3rem,5vw,4.5rem);font-weight:300;letter-spacing:-.02em;line-height:1.1;color:#242833;margin:0 0 2.5rem;position:relative}.material-quality-heading:after{content:"";position:absolute;bottom:-1rem;left:0;width:60px;height:3px;background:linear-gradient(90deg,#242833,transparent)}.material-quality-description{margin-bottom:3rem}.lead-text{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.6;color:#242833;margin:0 0 1.5rem}.body-text{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.8;color:#6b7280;margin:0}.benefits-section{padding-top:2rem;border-top:1px solid rgba(36,40,51,.1)}.benefits-heading{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#242833;margin:0 0 1.5rem}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;transition:transform .3s ease,opacity .3s ease;cursor:default}.benefit-item:hover{transform:translate(8px)}.benefit-icon{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;background:#242833;border-radius:50%;color:#f5f5f5;transition:all .3s ease}.benefit-icon svg{width:12px;height:12px}.benefit-item:hover .benefit-icon{transform:scale(1.1);box-shadow:0 4px 12px #2428334d}.benefit-text{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#242833}.material-quality-visual,.visual-container{position:relative}.main-image{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(145deg,#e8e8e8,#d0d0d0)}.quality-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.main-image:hover .quality-image{transform:scale(1.03)}.placeholder-visual{display:flex;align-items:center;justify-content:center;position:relative}.texture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(36,40,51,.03) 2px,rgba(36,40,51,.03) 4px);pointer-events:none}.fabric-details{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:1}.gsm-badge{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:4rem;font-weight:200;letter-spacing:-.02em;color:#242833;opacity:.8}.fabric-type{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#242833;opacity:.6}.quality-badges{position:absolute;right:-30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem}.badge-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:50px;box-shadow:0 4px 20px #24283314;transition:all .3s ease;cursor:default}.badge-item:hover{transform:translate(-8px);box-shadow:0 8px 30px #2428331f}.badge-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#242833,#3d4452);border-radius:50%;color:#f5f5f5}.badge-icon svg{width:20px;height:20px}.badge-text{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#242833;white-space:nowrap}.feature-strip{max-width:1400px;margin:6rem auto 0;padding:3rem 4rem;display:flex;align-items:center;justify-content:center;gap:3rem;background:#242833;border-radius:8px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 2rem}.feature-number{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2.5rem;font-weight:200;letter-spacing:-.02em;color:#f5f5f5;line-height:1}.feature-label{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#f5f5f599}.feature-divider{width:1px;height:50px;background:linear-gradient(180deg,transparent,rgba(245,245,245,.3),transparent)}@media screen and (max-width: 1200px){.quality-badges{right:10px}}@media screen and (max-width: 990px){.material-quality-section{padding:5rem 0}.material-quality-wrapper{grid-template-columns:1fr;gap:4rem;padding:0 2rem}.material-quality-content{order:1}.material-quality-visual{order:2}.quality-badges{position:relative;right:0;top:0;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:2rem}.badge-item:hover{transform:translateY(-4px)}.feature-strip{flex-wrap:wrap;gap:2rem;padding:2rem;margin:4rem 2rem 0}.feature-divider{display:none}.feature-item{flex:1;min-width:120px;padding:1rem}}@media screen and (max-width: 480px){.material-quality-section{padding:4rem 0}.material-quality-wrapper{padding:0 1.5rem}.material-quality-heading{font-size:2.5rem}.lead-text{font-size:1.1rem}.feature-strip{margin:3rem 1.5rem 0}.feature-number{font-size:2rem}.quality-badges{flex-direction:column;align-items:stretch}.badge-item{justify-content:flex-start}}.material-quality-content,.material-quality-visual,.feature-strip{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}.material-quality-visual{animation-delay:.2s}.feature-strip{animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.benefit-item:before{content:"";position:absolute;left:0;width:0;height:100%;background:linear-gradient(90deg,rgba(36,40,51,.03),transparent);transition:width .3s ease;pointer-events:none}.benefit-item{position:relative}.benefit-item:hover:before{width:100%}@media (hover: hover){.main-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none;z-index:1}.main-image:hover:before{transform:translate(100%)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-material-quality.css.map */