.materials{background:#eef3ef url(/image/e5f3223ac9a9099eb5cd2781ae2f02b7.jpg) 50%/cover no-repeat fixed;padding:7rem 0;position:relative;overflow:hidden}.materials:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% -10%,#00a33e1a,#0000 55%),linear-gradient(#f4f8f5f0 0%,#f0f6f2d1 38%,#e8f0ebbd 100%);position:absolute;inset:0}.materials:after{display:none}.materials .container{z-index:1;position:relative}.materials .section-header{margin-bottom:3.5rem}.materials .section-kicker{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:#008c35;-webkit-backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #00a33e38;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:1.25rem;padding:.45rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 6px 18px -10px #008c3580}.materials .section-kicker i{color:#00a33e;font-size:.85rem}.materials .section-title{width:100%;display:block}.materials .section-description{color:#2f4138}.materials-container{width:100%;margin:0 auto;position:relative}.embla{z-index:1;width:100%;padding:.5rem 0 1rem;position:relative;overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;align-items:stretch;gap:1rem;padding:0 2rem;display:flex}.embla__slide{flex:0 0 50%;min-width:0;padding:0 .5rem;display:flex;position:relative}@media (min-width:1400px){.embla__slide{flex:0 0 33.333%}}.materials-nav{-webkit-backdrop-filter:blur(14px)saturate(140%);cursor:pointer;color:#008c35;z-index:10;background:#ffffffb3;border:1px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding-bottom:3px;font-size:1.6rem;line-height:1;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 12px 30px -12px #0d321973}.materials-nav:hover{color:#fff;background:linear-gradient(135deg,#00a33e,#2fa838);transform:translateY(-50%)scale(1.1);box-shadow:0 16px 36px -12px #00a33e99}.materials-nav:active{transform:translateY(-50%)scale(1.02)}.materials-nav.prev{left:24px}.materials-nav.next{right:24px}.material-card{-webkit-backdrop-filter:blur(22px)saturate(150%);text-align:left;box-sizing:border-box;background:#ffffffd1;border:1px solid #ffffffb3;border-radius:24px;flex-direction:column;flex:1;width:100%;height:auto;min-height:500px;padding:1.75rem 1.5rem 1.5rem;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 22px 48px -22px #0d321966,0 8px 20px -14px #0000002e}.material-card:before{content:"";opacity:.55;pointer-events:none;background:radial-gradient(circle,#00a33e29,#0000 70%);width:230px;height:230px;transition:opacity .5s,transform .5s;position:absolute;top:-90px;right:-70px}.material-card:hover{border-color:#00a33e59;transform:translateY(-10px);box-shadow:inset 0 1px #fffc,0 34px 64px -24px #0d321980,0 0 0 1px #00a33e1f}.material-card:hover:before{opacity:1;transform:scale(1.18)}.material-badge{z-index:3;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;color:#4a3500;background:linear-gradient(135deg,#ffe07a,#ffcb2e);border-radius:999px;align-items:center;gap:.4rem;padding:.36rem .75rem;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:16px;right:16px;box-shadow:0 8px 18px -7px #fbc02dcc}.material-badge i{color:#a9750a;font-size:.66rem}.material-header{border-bottom:1px solid #0d321917;justify-content:center;align-items:center;margin-bottom:.5rem;padding-bottom:1.1rem;display:flex;position:relative}.material-logo{justify-content:center;align-items:center;min-height:48px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex}.logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0d32191f);width:auto;max-width:168px;height:46px}.material-card:hover .material-logo{transform:scale(1.05)}.material-specs{flex-direction:column;flex:1;margin:.25rem 0 .5rem;display:flex}.spec-item{border-bottom:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.62rem .25rem;transition:background .25s;display:flex;position:relative}.spec-item+.spec-item:before{content:"";background:linear-gradient(90deg,#0000,#0d32191a 18% 82%,#0000);height:1px;position:absolute;top:0;left:.25rem;right:.25rem}.spec-label{font-family:var(--font-primary);color:#46585f;text-align:left;align-items:center;gap:.6rem;font-size:.82rem;font-weight:500;display:flex}.spec-label i{color:#00a33e;background:linear-gradient(135deg,#00a33e1f,#4cd9642e);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.78rem;display:grid;box-shadow:inset 0 0 0 1px #00a33e1f}.spec-value{font-family:var(--font-primary);color:#16242b;text-align:right;letter-spacing:-.01em;font-feature-settings:"tnum" 1;flex:none;font-size:.85rem;font-weight:700;line-height:1.3}.texture-value{white-space:normal;word-break:normal;overflow-wrap:anywhere;color:#2f4138;max-width:130px;font-size:.78rem;font-weight:600}.spec-item.special{justify-content:center;padding:.4rem .25rem .1rem}.spec-item.special:before{display:none}.spec-value.special-feature{color:#8a5a00;text-align:center;background:linear-gradient(135deg,#ffd43b38,#fbc02d29);border:1px solid #fbc02d80;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .85rem;font-size:.74rem;font-weight:700;display:inline-flex}.special-feature i{color:#d39a00;font-size:.85rem}.material-price{border-top:1px solid #0d321917;justify-content:center;align-items:baseline;gap:.4rem;margin-top:1rem;padding-top:1.1rem;display:flex}.price-prefix{font-family:var(--font-primary);color:#6b7b80;font-size:.8rem;font-weight:600}.price-amount{font-family:var(--font-heading);letter-spacing:-.03em;font-feature-settings:"tnum" 1;background:linear-gradient(135deg,#00a33e 0%,#2fa838 55%,#4cd964 100%);-webkit-text-fill-color:transparent;color:#00a33e;-webkit-background-clip:text;background-clip:text;font-size:2.1rem;font-weight:800;line-height:1}.price-unit{font-family:var(--font-primary);color:#6b7b80;font-size:.85rem;font-weight:600}.material-card.featured{background:linear-gradient(#ffffffeb,#ffffffeb) padding-box padding-box,linear-gradient(140deg,#2fa838 0%,#00a33e 45%,#eaea33 100%) border-box;border:1.5px solid #0000;box-shadow:inset 0 1px #fffc,0 28px 60px -22px #008c3573,0 0 0 4px #00a33e0f}.material-card.featured:before{opacity:.85;background:radial-gradient(circle,#00a33e33,#0000 70%)}.material-card.featured:hover{border-color:#0000;transform:translateY(-10px);box-shadow:inset 0 1px #ffffffe6,0 38px 70px -22px #008c358c,0 0 0 4px #00a33e1a}.material-card.featured .material-price{background:linear-gradient(135deg,#008c35 0%,#00a33e 55%,#34c759 100%);border-top:none;margin:1.1rem -1.5rem -1.5rem;padding:1.1rem 1.5rem 1.3rem;position:relative;overflow:hidden}.material-card.featured .material-price:after{content:"";background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-60%;transform:skew(-18deg)}.material-card.featured:hover .material-price:after{left:130%}.material-card.featured .price-amount{-webkit-text-fill-color:#fff;color:#fff;background:0 0}.material-card.featured .price-prefix,.material-card.featured .price-unit{color:#ffffffeb}@keyframes materialsRise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.materials .section-kicker{animation:.7s cubic-bezier(.2,.8,.2,1) 50ms both materialsRise}.materials .section-title{animation:.7s cubic-bezier(.2,.8,.2,1) .15s both materialsRise}.materials .section-description{animation:.7s cubic-bezier(.2,.8,.2,1) .25s both materialsRise}.materials .materials-container{animation:.8s cubic-bezier(.2,.8,.2,1) .3s both materialsRise}@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{background-attachment:scroll;padding:5rem 0;overflow-x:hidden}.materials .container{max-width:100%;padding:0}.materials .section-header{margin-bottom:2.5rem;padding:0 1rem}.materials-container{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.embla{padding:.5rem 0}.embla__container{gap:.75rem;padding:0 1rem}.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){.materials .section-kicker,.materials .section-title,.materials .section-description,.materials .materials-container,.material-card,.material-card:before,.material-card .material-logo,.material-card.featured .material-price:after{transition:none!important;animation:none!important}}