.material-library-section{background:#fff3e0;overflow:hidden;padding-bottom:15px;position:relative}.material-library__header{margin-bottom:48px;text-align:center}.material-library__title{color:#a8542d;font-family:EB Garamond,serif;font-size:2rem;font-weight:500;margin:0 0 16px;position:relative;text-transform:uppercase}.material-library__subtitle{color:#626c71;font-family:EB Garamond,serif;font-size:1.25rem;font-style:italic;font-weight:400;margin:0}.material-library__carousel-container{align-items:center;display:flex;gap:24px;position:relative}.material-library__carousel{flex:1;overflow:hidden;position:relative}.material-library__track{display:flex;gap:24px;transition:transform .35s cubic-bezier(.16,1,.3,1)}.material-library__item{flex:0 0 auto;position:relative;width:calc(16.66667% - 20px)}.material-sample{background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.material-sample:hover{border-color:#a8542d;box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-6px)}.material-sample__link{color:inherit;display:block;text-decoration:none}.material-sample__trending-badge{background:#a8542d;border-radius:4px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:5}.material-sample__image-wrapper{aspect-ratio:2/3;overflow:hidden;position:relative}.material-sample__image{display:block;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.16,1,.3,1);width:100%}.material-sample__placeholder{background:#d4a574;display:block;height:100%;width:100%}.material-sample__color-display{display:block;height:100%;position:relative;width:100%}.material-sample:hover .material-sample__image{transform:scale(1.08)}.material-sample__overlay{bottom:8px;padding:0;position:absolute;right:8px}.material-sample__color-swatch{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);height:24px;width:24px}.material-sample__info{display:flex;flex:1;flex-direction:column;justify-content:center;padding:16px;text-align:center}.material-sample__name{color:#2c3e50;font-family:EB Garamond,serif;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 6px}.material-sample__description{color:#626c71;font-size:12px;line-height:1.3;margin:0}.carousel__nav{align-items:center;background:#fff;border:2px solid #a8542d;border-radius:50%;box-shadow:0 2px 8px rgba(168,84,45,.15);color:#a8542d;cursor:pointer;display:flex;flex-shrink:0;height:52px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);width:52px;z-index:10}.carousel__nav:hover{background:#a8542d;border-color:#a8542d;box-shadow:0 4px 12px rgba(168,84,45,.25);color:#fff;transform:translateY(-2px)}.carousel__nav:disabled{box-shadow:0 2px 8px rgba(168,84,45,.15);cursor:not-allowed;opacity:.4;transform:none}.carousel__nav svg{height:22px;width:22px}.carousel__indicators{display:flex;gap:10px;justify-content:center;margin-top:32px}.carousel__indicator{background:rgba(168,84,45,.3);border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .2s cubic-bezier(.16,1,.3,1);width:12px}.carousel__indicator.active,.carousel__indicator:hover{background:#a8542d;transform:scale(1.3)}@media (max-width:1024px){.material-library__item{width:calc(25% - 18px)}}@media (max-width:768px){.material-library__carousel-container{gap:16px}.carousel__nav{height:44px;width:44px}.carousel__nav svg{height:18px;width:18px}.material-library__item{width:calc(50% - 10px)}.material-library__track{gap:20px}}