.db-fabric-showcase{width:100%;--db-brand: #5a9a7f;--db-heading: #1c1b1b;--db-text: #677279;--db-border: #e1e3e4;--db-hero-bg: #ffffff;--db-alt-bg: #f9f9f9;--db-specs-bg: #fafafa;--db-care-bg: #f9f9f9;--db-icon-bg: #f0f7f4;--db-cta-hover: #4a8a6f;--db-hero-padding: 80px;--db-row-padding: 80px;--db-care-padding: 80px}.db-fabric-showcase__hero{padding:var(--db-hero-padding) 20px;text-align:center;background-color:var(--db-hero-bg)}.db-fabric-showcase__hero-heading{font-size:48px;color:var(--db-brand);margin:0 0 16px;font-weight:700}.db-fabric-showcase__hero-subtitle{font-size:20px;color:var(--db-text);margin:0 auto;max-width:700px}.db-fabric-showcase__row{padding:var(--db-row-padding) 20px}.db-fabric-showcase__row--alt{background-color:var(--db-alt-bg)}.db-fabric-showcase__container{max-width:1200px;margin:0 auto}.db-fabric-showcase__grid{display:grid;grid-template-columns:55% 45%;gap:60px;align-items:start}.db-fabric-showcase__grid--reverse{grid-template-columns:45% 55%}.db-fabric-showcase__gallery{display:flex;flex-direction:column;gap:20px}.db-fabric-showcase__grid--reverse .db-fabric-showcase__gallery{order:2}.db-fabric-showcase__grid--reverse .db-fabric-showcase__content{order:1}.db-fabric-showcase__image{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:8px;background-color:#fff}.db-fabric-showcase__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.db-fabric-showcase__image:hover img{transform:scale(1.05)}.db-fabric-showcase__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.db-fabric-showcase__image-placeholder svg{width:60%;height:60%;opacity:.3}.db-fabric-showcase__content{padding:20px 0;min-width:0}.db-fabric-showcase__name{font-size:32px;color:var(--db-brand);margin:0 0 24px;font-weight:700}.db-fabric-showcase__specs{background-color:var(--db-specs-bg);border:1px solid var(--db-border);border-radius:8px;padding:20px;margin-bottom:24px}.db-fabric-showcase__specs-title{font-size:16px;font-weight:700;color:var(--db-heading);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.db-fabric-showcase__specs-list{list-style:none;padding:0;margin:0}.db-fabric-showcase__specs-list li{padding:8px 0;border-bottom:1px solid var(--db-border);display:flex;justify-content:space-between;gap:16px;color:var(--db-text);font-size:15px}.db-fabric-showcase__specs-list li:last-child{border-bottom:none}.db-fabric-showcase__specs-label{font-weight:600}.db-fabric-showcase__description{color:var(--db-text);line-height:1.6;margin-bottom:24px;font-size:16px}.db-fabric-showcase__projects{margin-bottom:32px}.db-fabric-showcase__projects-title{font-size:16px;font-weight:700;color:var(--db-heading);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.db-fabric-showcase__projects-list{color:var(--db-text);line-height:1.8;font-size:15px}.db-fabric-showcase__cta{display:inline-block;padding:10px 20px;background-color:var(--db-brand);color:#fff;text-decoration:none;border-radius:4px;font-weight:600;font-size:14px;line-height:1.2;transition:background-color .3s ease,transform .2s ease}.db-fabric-showcase__cta:hover{background-color:var(--db-cta-hover);transform:translateY(-1px);color:#fff}.db-fabric-showcase__care{padding:var(--db-care-padding) 20px;background-color:var(--db-care-bg)}.db-fabric-showcase__care-container{max-width:900px;margin:0 auto;background-color:#fff;border:1px solid var(--db-border);border-radius:12px;padding:40px}.db-fabric-showcase__care-heading{font-size:32px;color:var(--db-brand);margin:0 0 32px;text-align:center;font-weight:700}.db-fabric-showcase__care-icons{display:flex;justify-content:center;gap:40px;margin-bottom:32px;flex-wrap:wrap}.db-fabric-showcase__care-icon{display:flex;flex-direction:column;align-items:center;gap:12px}.db-fabric-showcase__care-icon-circle{width:80px;height:80px;border-radius:50%;background-color:var(--db-icon-bg);border:2px solid var(--db-brand);display:flex;align-items:center;justify-content:center}.db-fabric-showcase__care-icon-circle svg{width:40px;height:40px;color:var(--db-brand)}.db-fabric-showcase__care-icon-label{font-size:14px;color:var(--db-text);font-weight:600}.db-fabric-showcase__care-content{color:var(--db-text);line-height:1.8;font-size:16px}@media screen and (min-width:641px)and (max-width:999px){.db-fabric-showcase__hero{padding:calc(var(--db-hero-padding) * .75) 20px}.db-fabric-showcase__hero-heading{font-size:36px}.db-fabric-showcase__hero-subtitle{font-size:18px}.db-fabric-showcase__row{padding:calc(var(--db-row-padding) * .75) 20px}.db-fabric-showcase__grid,.db-fabric-showcase__grid--reverse{grid-template-columns:1fr;gap:40px}.db-fabric-showcase__grid--reverse .db-fabric-showcase__gallery,.db-fabric-showcase__grid--reverse .db-fabric-showcase__content{order:initial}.db-fabric-showcase__gallery{gap:16px}.db-fabric-showcase__name{font-size:28px}.db-fabric-showcase__care{padding:calc(var(--db-care-padding) * .75) 20px}.db-fabric-showcase__care-container{padding:30px 20px}.db-fabric-showcase__care-heading{font-size:28px}}@media screen and (max-width:640px){.db-fabric-showcase__hero{padding:calc(var(--db-hero-padding) * .75) 20px}.db-fabric-showcase__hero-heading{font-size:32px}.db-fabric-showcase__hero-subtitle{font-size:16px}.db-fabric-showcase__row{padding:calc(var(--db-row-padding) * .75) 20px}.db-fabric-showcase__grid,.db-fabric-showcase__grid--reverse{grid-template-columns:1fr;gap:40px}.db-fabric-showcase__grid--reverse .db-fabric-showcase__gallery,.db-fabric-showcase__grid--reverse .db-fabric-showcase__content{order:initial}.db-fabric-showcase__gallery{gap:12px}.db-fabric-showcase__name{font-size:24px}.db-fabric-showcase__cta{padding:8px 16px;font-size:13px}.db-fabric-showcase__care{padding:calc(var(--db-care-padding) * .75) 20px}.db-fabric-showcase__care-container{padding:30px 20px}.db-fabric-showcase__care-heading{font-size:24px}.db-fabric-showcase__care-icons{gap:24px}.db-fabric-showcase__care-icon-circle{width:60px;height:60px}.db-fabric-showcase__care-icon-circle svg{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/db-fabric-showcase.css.map */