.MaterialGrid-module__SK2AGG__materialGrid{padding:var(--space-6)0}.MaterialGrid-module__SK2AGG__header{text-align:center;margin-bottom:var(--space-12);max-width:800px;margin-left:auto;margin-right:auto}.MaterialGrid-module__SK2AGG__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);background:var(--color-primary-subtle);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4);display:inline-block}.MaterialGrid-module__SK2AGG__secondary .MaterialGrid-module__SK2AGG__subtitle{color:var(--color-secondary-dark);background:var(--color-secondary-subtle)}.MaterialGrid-module__SK2AGG__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-gray-900);margin-bottom:var(--space-4)}.MaterialGrid-module__SK2AGG__description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-gray-700)}.MaterialGrid-module__SK2AGG__materialsSection{margin-bottom:var(--section-gap-small)}.MaterialGrid-module__SK2AGG__examplesSection{margin-top:var(--section-gap-small);margin-bottom:var(--component-gap)}.MaterialGrid-module__SK2AGG__sectionTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-top:var(--component-gap);margin-bottom:var(--element-gap);text-align:left;position:relative}.MaterialGrid-module__SK2AGG__materialsGrid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.MaterialGrid-module__SK2AGG__materialImage{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;height:200px;margin-bottom:var(--space-4);overflow:hidden}.MaterialGrid-module__SK2AGG__image{object-fit:cover;width:100%;height:auto;transition:transform var(--transition-fast)}.MaterialGrid-module__SK2AGG__materialCard:hover .MaterialGrid-module__SK2AGG__image{transform:scale(1.05)}@media (max-width:768px){.MaterialGrid-module__SK2AGG__materialsGrid{gap:var(--space-4);grid-template-columns:1fr}.MaterialGrid-module__SK2AGG__materialCard{padding:var(--space-4)}.MaterialGrid-module__SK2AGG__materialIcon{width:48px;height:48px}.MaterialGrid-module__SK2AGG__materialName{font-size:var(--font-size-base)}.MaterialGrid-module__SK2AGG__materialPrice{padding:var(--space-2)}.MaterialGrid-module__SK2AGG__ctaButton{min-height:48px;font-size:var(--font-size-base)}}.MaterialGrid-module__SK2AGG__materialCard{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);transition:all var(--transition-fast);position:relative;overflow:hidden}.MaterialGrid-module__SK2AGG__materialCard:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.MaterialGrid-module__SK2AGG__materialCard:before{content:"";background:linear-gradient(90deg,var(--color-primary)0%,var(--color-secondary-dark)100%);height:4px;position:absolute;top:0;left:0;right:0}.MaterialGrid-module__SK2AGG__secondary .MaterialGrid-module__SK2AGG__materialCard:before{background:linear-gradient(90deg,var(--color-secondary-dark)0%,var(--color-primary)100%)}.MaterialGrid-module__SK2AGG__materialHeader{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.MaterialGrid-module__SK2AGG__materialIcon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary-dark)100%);border-radius:var(--radius-full);width:56px;height:56px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.MaterialGrid-module__SK2AGG__secondary .MaterialGrid-module__SK2AGG__materialIcon{background:linear-gradient(135deg,var(--color-secondary-dark)0%,var(--color-primary)100%)}.MaterialGrid-module__SK2AGG__icon{color:#fff;justify-content:center;align-items:center;display:flex}.MaterialGrid-module__SK2AGG__icon svg{width:24px;height:24px}.MaterialGrid-module__SK2AGG__materialInfo{flex:1}.MaterialGrid-module__SK2AGG__materialName{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-1)0}.MaterialGrid-module__SK2AGG__materialCategory{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.MaterialGrid-module__SK2AGG__secondary .MaterialGrid-module__SK2AGG__materialCategory{color:var(--color-secondary-dark)}.MaterialGrid-module__SK2AGG__materialDescription{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-700);margin-bottom:var(--space-4)}.MaterialGrid-module__SK2AGG__materialPrice{background:var(--color-primary-subtle);padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.MaterialGrid-module__SK2AGG__secondary .MaterialGrid-module__SK2AGG__materialPrice{background:var(--color-secondary-subtle)}.MaterialGrid-module__SK2AGG__priceLabel{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.MaterialGrid-module__SK2AGG__priceValue{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.MaterialGrid-module__SK2AGG__secondary .MaterialGrid-module__SK2AGG__priceValue{color:var(--color-secondary-dark)}.MaterialGrid-module__SK2AGG__unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.MaterialGrid-module__SK2AGG__materialMeta{text-align:center;padding-top:var(--space-3);border-top:1px solid var(--color-gray-200)}.MaterialGrid-module__SK2AGG__lastUpdated{font-size:var(--font-size-xs);color:var(--color-gray-700);font-style:italic}.MaterialGrid-module__SK2AGG__materialActions{margin-top:var(--space-4);text-align:center}.MaterialGrid-module__SK2AGG__ctaButton{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:#fff;padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;width:100%;min-height:44px}.MaterialGrid-module__SK2AGG__ctaButton:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.MaterialGrid-module__SK2AGG__ctaButton:focus{outline:2px solid var(--color-primary);outline-offset:2px}.MaterialGrid-module__SK2AGG__secondary .MaterialGrid-module__SK2AGG__ctaButton{background:linear-gradient(135deg,var(--color-secondary)0%,var(--color-primary)100%)}.MaterialGrid-module__SK2AGG__examplesGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.MaterialGrid-module__SK2AGG__exampleCard{align-items:center;gap:var(--space-3);background:var(--color-white);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all var(--transition-fast);display:flex}.MaterialGrid-module__SK2AGG__exampleCard:hover{background:var(--color-primary-subtle);transform:translate(4px)}.MaterialGrid-module__SK2AGG__secondary .MaterialGrid-module__SK2AGG__exampleCard:hover{background:var(--color-secondary-subtle)}.MaterialGrid-module__SK2AGG__exampleIcon{background:var(--color-primary);width:24px;height:24px;color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.MaterialGrid-module__SK2AGG__secondary .MaterialGrid-module__SK2AGG__exampleIcon{background:var(--color-secondary-dark)}.MaterialGrid-module__SK2AGG__exampleText{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}@media (min-width:768px){.MaterialGrid-module__SK2AGG__materialsGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.MaterialGrid-module__SK2AGG__examplesGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.MaterialGrid-module__SK2AGG__title{font-size:var(--font-size-4xl)}}@media (min-width:1024px){.MaterialGrid-module__SK2AGG__materialGrid{padding:var(--space-12)0}.MaterialGrid-module__SK2AGG__materialsGrid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.MaterialGrid-module__SK2AGG__materialCard{padding:var(--space-8)}.MaterialGrid-module__SK2AGG__examplesGrid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.MaterialGrid-module__SK2AGG__materialCard{animation:.6s ease-out MaterialGrid-module__SK2AGG__fadeInUp}@keyframes MaterialGrid-module__SK2AGG__fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}