.materials{padding:7rem 0;background:#eef3ef;background-image:url(/image/e5f3223ac9a9099eb5cd2781ae2f02b7.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;position:relative;overflow:hidden}.materials:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% -10%,rgba(0,163,62,.1),transparent 55%),linear-gradient(180deg,rgba(244,248,245,.94),rgba(240,246,242,.82) 38%,rgba(232,240,235,.74));pointer-events:none;z-index:0}.materials:after{display:none}.materials .container{position:relative;z-index:1}.materials .section-header{margin-bottom:3.5rem}.materials .section-kicker{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-heading);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#008c35;padding:.45rem 1rem;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(0,163,62,.22);box-shadow:0 6px 18px -10px rgba(0,140,53,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1.25rem}.materials .section-kicker i{font-size:.85rem;color:#00a33e}.materials .section-title{display:block;width:100%}.materials .section-description{color:#2f4138}.materials-container{margin:0 auto}.embla,.materials-container{width:100%;position:relative}.embla{overflow:hidden;z-index:1;padding:.5rem 0 1rem}.embla__container{display:flex;gap:1rem;padding:0 2rem;align-items:stretch;touch-action:pan-y pinch-zoom}.embla__slide{flex:0 0 50%;min-width:0;padding:0 .5rem;position:relative;display:flex}@media (min-width:1400px){.embla__slide{flex:0 0 33.333%}}.materials-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.7);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.85);border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.6rem;line-height:1;color:#008c35;box-shadow:0 12px 30px -12px rgba(13,50,25,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s;z-index:10;padding-bottom:3px}.materials-nav:hover{background:linear-gradient(135deg,#00a33e,#2fa838);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 16px 36px -12px rgba(0,163,62,.6)}.materials-nav:active{transform:translateY(-50%) scale(1.02)}.materials-nav.prev{left:24px}.materials-nav.next{right:24px}.material-card{position:relative;display:flex;flex-direction:column;flex:1 1;width:100%;min-height:500px;height:auto;padding:1.75rem 1.5rem 1.5rem;border-radius:24px;background:rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 22px 48px -22px rgba(13,50,25,.4),0 8px 20px -14px rgba(0,0,0,.18);text-align:left;overflow:hidden;box-sizing:border-box;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease}.material-card:before{content:"";position:absolute;top:-90px;right:-70px;width:230px;height:230px;background:radial-gradient(circle,rgba(0,163,62,.16),transparent 70%);opacity:.55;transition:opacity .5s ease,transform .5s ease;pointer-events:none}.material-card:hover{transform:translateY(-10px);border-color:rgba(0,163,62,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 34px 64px -24px rgba(13,50,25,.5),0 0 0 1px rgba(0,163,62,.12)}.material-card:hover:before{opacity:1;transform:scale(1.18)}.material-badge{position:absolute;top:16px;right:16px;z-index:3;display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .75rem;border-radius:999px;font-family:var(--font-heading);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#4a3500;background:linear-gradient(135deg,#ffe07a,#ffcb2e);box-shadow:0 8px 18px -7px rgba(251,192,45,.8)}.material-badge i{font-size:.66rem;color:#a9750a}.material-header{padding-bottom:1.1rem;margin-bottom:.5rem;border-bottom:1px solid rgba(13,50,25,.09);position:relative}.material-header,.material-logo{display:flex;align-items:center;justify-content:center}.material-logo{min-height:48px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.logo-img{width:auto;max-width:168px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(13,50,25,.12))}.material-card:hover .material-logo{transform:scale(1.05)}.material-specs{display:flex;flex-direction:column;flex:1 1;margin:.25rem 0 .5rem}.spec-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.62rem .25rem;position:relative;border-bottom:none;transition:background .25s ease}.spec-item+.spec-item:before{content:"";position:absolute;top:0;left:.25rem;right:.25rem;height:1px;background:linear-gradient(90deg,transparent,rgba(13,50,25,.1) 18%,rgba(13,50,25,.1) 82%,transparent)}.spec-label{display:flex;align-items:center;gap:.6rem;font-family:var(--font-primary);font-weight:500;color:#46585f;font-size:.82rem;text-align:left}.spec-label i{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:.78rem;color:#00a33e;background:linear-gradient(135deg,rgba(0,163,62,.12),rgba(76,217,100,.18));box-shadow:inset 0 0 0 1px rgba(0,163,62,.12)}.spec-value{font-family:var(--font-primary);font-weight:700;color:#16242b;font-size:.85rem;text-align:right;flex:0 0 auto;line-height:1.3;letter-spacing:-.01em;font-feature-settings:"tnum" 1}.texture-value{white-space:normal;word-break:normal;overflow-wrap:anywhere;max-width:130px;font-weight:600;font-size:.78rem;color:#2f4138}.spec-item.special{justify-content:center;padding:.4rem .25rem .1rem}.spec-item.special:before{display:none}.spec-value.special-feature{display:inline-flex;align-items:center;gap:.45rem;color:#8a5a00;font-weight:700;font-size:.74rem;text-align:center;padding:.42rem .85rem;border-radius:999px;background:linear-gradient(135deg,rgba(255,212,59,.22),rgba(251,192,45,.16));border:1px solid rgba(251,192,45,.5)}.special-feature i{font-size:.85rem;color:#d39a00}.material-price{display:flex;align-items:baseline;justify-content:center;gap:.4rem;margin-top:1rem;padding-top:1.1rem;border-top:1px solid rgba(13,50,25,.09)}.price-prefix{font-family:var(--font-primary);font-size:.8rem;font-weight:600;color:#6b7b80}.price-amount{font-family:var(--font-heading);font-size:2.1rem;font-weight:800;line-height:1;letter-spacing:-.03em;font-feature-settings:"tnum" 1;background:linear-gradient(135deg,#00a33e,#2fa838 55%,#4cd964);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#00a33e}.price-unit{font-family:var(--font-primary);font-size:.85rem;font-weight:600;color:#6b7b80}.material-card.featured{border:1.5px solid transparent;background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)) padding-box,linear-gradient(140deg,#2fa838,#00a33e 45%,#eaea33) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 28px 60px -22px rgba(0,140,53,.45),0 0 0 4px rgba(0,163,62,.06)}.material-card.featured:before{opacity:.85;background:radial-gradient(circle,rgba(0,163,62,.2),transparent 70%)}.material-card.featured:hover{transform:translateY(-10px);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 38px 70px -22px rgba(0,140,53,.55),0 0 0 4px rgba(0,163,62,.1)}.material-card.featured .material-price{margin:1.1rem -1.5rem -1.5rem;padding:1.1rem 1.5rem 1.3rem;border-top:none;background:linear-gradient(135deg,#008c35,#00a33e 55%,#34c759);position:relative;overflow:hidden}.material-card.featured .material-price:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .6s ease}.material-card.featured:hover .material-price:after{left:130%}.material-card.featured .price-amount{background:none;-webkit-text-fill-color:#ffffff;color:#ffffff}.material-card.featured .price-prefix,.material-card.featured .price-unit{color:rgba(255,255,255,.92)}@keyframes materialsRise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.materials .section-kicker{animation:materialsRise .7s cubic-bezier(.2,.8,.2,1) .05s both}.materials .section-title{animation:materialsRise .7s cubic-bezier(.2,.8,.2,1) .15s both}.materials .section-description{animation:materialsRise .7s cubic-bezier(.2,.8,.2,1) .25s both}.materials .materials-container{animation:materialsRise .8s cubic-bezier(.2,.8,.2,1) .3s both}@media (max-width:1200px){.embla__container{padding:0 1.5rem}}@media (max-width:900px){.embla__container{padding:0 1rem}.material-card{min-height:480px}}@media (max-width:768px){.materials{padding:5rem 0;overflow-x:hidden;background-attachment:scroll}.materials .container{padding:0;max-width:100%}.materials .section-header{padding:0 1rem;margin-bottom:2.5rem}.materials-container{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.embla{padding:.5rem 0}.embla__container{padding:0 1rem;gap:.75rem}.embla__slide{flex:0 0 85%;padding:0 .5rem}.materials-nav{width:44px;height:44px;font-size:1.3rem}.materials-nav.prev{left:14px}.materials-nav.next{right:14px}.material-card{min-height:470px;padding:1.5rem 1.25rem 1.25rem}.logo-img{max-width:150px;height:42px}.price-amount{font-size:1.9rem}}@media (max-width:480px){.materials{padding:4rem 0}.embla__slide{flex:0 0 90%}.materials-nav.prev{left:10px}.materials-nav.next{right:10px}.material-card{min-height:460px;padding:1.5rem 1.15rem 1.15rem}.spec-label{font-size:.8rem}.spec-value{font-size:.82rem}.price-amount{font-size:1.85rem}}@media (prefers-reduced-motion:reduce){.material-card,.material-card .material-logo,.material-card.featured .material-price:after,.material-card:before,.materials .materials-container,.materials .section-description,.materials .section-kicker,.materials .section-title{animation:none!important;transition:none!important}}