.material-section{background-color:var(--soft-white);padding:var(--section-spacing-desktop)var(--container-padding-desktop)}.material-section-header{max-width:var(--max-width);margin:0 auto var(--spacing-2xl);text-align:left}@media (max-width:640px){.material-section-header{margin:0 auto var(--spacing-xl)}}.material-tabs{max-width:var(--max-width);margin:0 auto var(--spacing-xl);border-bottom:2px solid var(--soft-sky);--tab-color:var(--deep-navy);flex-wrap:wrap;justify-content:flex-start;gap:0;display:flex}.material-tab{padding:var(--spacing-md)var(--spacing-lg);color:var(--text-body);cursor:pointer;transition:color var(--transition-base);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:1.125rem;font-weight:500;position:relative}.material-tab:after{content:"";background-color:var(--tab-color);height:3px;transition:transform var(--transition-base);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.material-tab.active{color:var(--tab-color);font-weight:600}.material-tab.active:after{transform:scaleX(1)}.material-tab:hover{color:var(--tab-color)}.material-cta{text-align:center;margin-top:var(--spacing-xl)}.material-cta-button{background-color:var(--button-primary-bg);color:var(--button-primary-text);font-size:var(--font-size-base);padding:var(--button-padding-base);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);white-space:nowrap;border:none;font-weight:600}.material-cta-button:hover{background-color:var(--button-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:968px){.material-section{padding:var(--section-spacing-tablet)var(--container-padding-tablet)}}@media (max-width:768px){.material-section{padding:var(--section-spacing-mobile)var(--container-padding-mobile)}.material-tabs{margin:var(--spacing-lg)0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid var(--soft-sky);flex-wrap:nowrap;gap:0;overflow:auto hidden}.material-tabs.sticky{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--soft-sky);background-color:#f7f9fcf2;margin:0;padding:0;position:fixed;top:5rem;left:0;right:0}.material-tabs::-webkit-scrollbar{display:none}.material-tab{padding:var(--spacing-sm)var(--spacing-lg);flex-shrink:0;min-width:fit-content;font-size:.9375rem}.material-tab:after{height:2px;bottom:-1px}.material-cta-button{padding:.875rem 2rem;font-size:1rem}}
.material-card{border-radius:var(--border-radius-large);box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.material-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.material-card-image-wrapper{background:#000;width:100%;height:240px;position:relative;overflow:hidden}.material-card-image{object-fit:contain;width:100%;height:100%}.material-card-content{padding:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.material-card-title{color:var(--text-headline);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.material-card-description{color:var(--text-body);flex:1;margin:0;font-size:1.125rem;font-weight:300;line-height:1.8}.material-card-badges{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.material-card-badge{background-color:var(--soft-sky);color:var(--dental-blue);border-radius:var(--border-radius);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.material-card-badge svg{flex-shrink:0}@media (max-width:768px){.material-card-image-wrapper{height:200px}.material-card-content{padding:var(--spacing-md)}.material-card-title{font-size:1.25rem}.material-card-description{font-size:.95rem}}
