.betulla-materials{background:#fff;color:#111;font-family:Arial,sans-serif}.betulla-materials *{box-sizing:border-box}.materials-container,.materials-hero-inner{max-width:1600px;margin:0 auto}.materials-hero{padding:70px 5vw 30px}.materials-eyebrow{margin:0 0 34px;color:#777;font-size:13px;line-height:1;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.materials-hero h1{max-width:1500px;margin:0 0 28px;font-size:clamp(58px,12vw,170px);line-height:.88;font-weight:900;letter-spacing:-.07em;text-transform:none}.materials-sub{max-width:680px;margin:0;color:#505050;font-size:clamp(20px,2vw,30px);line-height:1.35;letter-spacing:-.02em}.materials-intro{padding:42px 5vw 18px}.materials-intro p{max-width:980px;margin:0 0 16px;color:#111;font-size:clamp(20px,2vw,30px);line-height:1.35;letter-spacing:-.02em}.materials-intro p:last-child{margin-bottom:0;color:#505050}.materials-filters{padding:22px 5vw 52px}.materials-filters .materials-container{display:flex;flex-wrap:wrap;gap:12px}.filter-btn{-webkit-appearance:none;appearance:none;border:1px solid #ddd;background:#fff;color:#111;border-radius:999px;padding:12px 22px;font-size:14px;line-height:1;cursor:pointer;transition:all .2s ease}.filter-btn.active,.filter-btn:hover{background:#111;color:#fff;border-color:#111}.materials-grid-section{padding:0 5vw 120px}.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.materials-loading,.materials-empty,.materials-error{grid-column:1 / -1;color:#555;font-size:18px}.material-card{border:1px solid #ddd;background:#fff;overflow:hidden}.material-image-wrap{position:relative;aspect-ratio:4 / 5;background:#eee;overflow:hidden}.material-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.material-card:hover .material-image{transform:scale(1.04)}.material-status{position:absolute;top:18px;left:18px;padding:8px 12px;background:#fff;color:#111;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.material-content{padding:24px}.material-category{margin:0 0 14px;color:#777;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.material-title{margin:0 0 22px;color:#111;font-size:32px;line-height:.95;font-weight:800;letter-spacing:-.055em}.material-description{margin:0 0 24px;color:#444;font-size:15px;line-height:1.55}.material-specs{display:grid;gap:10px;margin-bottom:22px}.spec{display:grid;grid-template-columns:90px 1fr;gap:16px;border-top:1px solid #e3e3e3;padding-top:10px}.spec-label{color:#777;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.spec-value{color:#111;font-size:14px}.material-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.material-tags span{border:1px solid #ddd;border-radius:999px;padding:8px 12px;color:#333;font-size:12px}.material-products{margin-top:22px;padding-top:16px;border-top:1px solid #e3e3e3;color:#555;font-size:13px;line-height:1.4}@media(max-width:1100px){.materials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.materials-hero{padding:56px 22px 22px}.materials-eyebrow{margin-bottom:28px;font-size:12px}.materials-hero h1{margin-bottom:24px;font-size:clamp(54px,20vw,88px)}.materials-sub{font-size:21px}.materials-intro{padding:34px 22px 14px}.materials-intro p{margin-bottom:14px;font-size:21px;line-height:1.35}.materials-filters{padding:18px 22px 44px}.filter-btn{padding:12px 20px;font-size:13px}.materials-grid-section{padding:0 22px 90px}.materials-grid{grid-template-columns:1fr}.material-title{font-size:30px}}.material-extra{margin-top:22px;padding-top:16px;border-top:1px solid #e3e3e3}.material-extra span{display:block;margin-bottom:8px;color:#777;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.material-extra p{margin:0;color:#444;font-size:14px;line-height:1.55}.material-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;color:#111;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.material-link:after{content:"\2192";font-size:16px}.material-link:hover{opacity:.55}.material-link-secondary{margin-left:22px;color:#666}.material-products{margin-top:24px;padding-top:18px;border-top:1px solid #e3e3e3}.material-products span{display:block;margin-bottom:14px;color:#777;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.material-products-links{display:flex;flex-wrap:wrap;gap:12px}.material-product-link{display:inline-flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:999px;padding:10px 14px;color:#111;text-decoration:none;font-size:13px;transition:all .2s ease}.material-product-link:after{content:"\2192";font-size:14px}.material-product-link:hover{background:#111;color:#fff;border-color:#111}.material-detail-hero{padding:70px 5vw 40px}.material-detail-hero h1{max-width:1300px;margin:0 0 28px;font-size:clamp(58px,10vw,150px);line-height:.88;font-weight:900;letter-spacing:-.07em}.material-detail-image{padding:0 5vw 70px}.material-detail-image img{width:100%;max-height:760px;object-fit:cover;display:block}.material-detail-content{padding:0 5vw 120px}.material-detail-grid{display:grid;grid-template-columns:1fr 380px;gap:80px;align-items:start}.material-detail-block{border-top:1px solid #e3e3e3;padding:34px 0}.material-detail-block h2{margin:0 0 18px;font-size:36px;line-height:1;letter-spacing:-.04em}.material-detail-block p{max-width:820px;margin:0;color:#444;font-size:19px;line-height:1.6}.material-detail-sidebar{position:sticky;top:110px;border-top:1px solid #e3e3e3}.material-detail-sidebar>div{border-bottom:1px solid #e3e3e3;padding:18px 0}.material-detail-sidebar span{display:block;margin-bottom:8px;color:#777;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.material-detail-sidebar strong{font-size:15px;font-weight:500}.material-detail-products{padding-top:22px}@media(max-width:900px){.material-detail-grid{grid-template-columns:1fr;gap:40px}.material-detail-sidebar{position:static}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/betulla-materials.css.map */
