.MaterialGrid_materialGrid__UZqPZ{padding:var(--space-6) 0}.MaterialGrid_header__Kmtex{text-align:center;margin-bottom:var(--space-12);max-width:800px;margin-left:auto;margin-right:auto}.MaterialGrid_subtitle__HxXGt{display:inline-block;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)}.MaterialGrid_secondary__15vu8 .MaterialGrid_subtitle__HxXGt{color:var(--color-secondary-dark);background:var(--color-secondary-subtle)}.MaterialGrid_title__iUJdG{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_description__egU36{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-gray-700)}.MaterialGrid_materialsSection__wmTKR{margin-bottom:var(--section-gap-small)}.MaterialGrid_examplesSection__VtmwT{margin-top:var(--section-gap-small);margin-bottom:var(--component-gap)}.MaterialGrid_sectionTitle__ZNtFw{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_materialsGrid__aUNH1{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.MaterialGrid_materialImage__8VVJb{width:100%;height:200px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:var(--space-4)}.MaterialGrid_image__iNxVI{width:100%;height:auto;object-fit:cover;transition:transform var(--transition-fast)}.MaterialGrid_materialCard__YP1qF:hover .MaterialGrid_image__iNxVI{transform:scale(1.05)}@media (max-width:768px){.MaterialGrid_materialsGrid__aUNH1{grid-template-columns:1fr;gap:var(--space-4)}.MaterialGrid_materialCard__YP1qF{padding:var(--space-4)}.MaterialGrid_materialIcon__H1rk9{width:48px;height:48px}.MaterialGrid_materialName__zxeky{font-size:var(--font-size-base)}.MaterialGrid_materialPrice__A5R70{padding:var(--space-2)}.MaterialGrid_ctaButton__Eyofm{min-height:48px;font-size:var(--font-size-base)}}.MaterialGrid_materialCard__YP1qF{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_materialCard__YP1qF:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.MaterialGrid_materialCard__YP1qF:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary-dark) 100%)}.MaterialGrid_secondary__15vu8 .MaterialGrid_materialCard__YP1qF:before{background:linear-gradient(90deg,var(--color-secondary-dark) 0,var(--color-primary) 100%)}.MaterialGrid_materialHeader__POgHf{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.MaterialGrid_materialIcon__H1rk9{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary-dark) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);flex-shrink:0}.MaterialGrid_secondary__15vu8 .MaterialGrid_materialIcon__H1rk9{background:linear-gradient(135deg,var(--color-secondary-dark) 0,var(--color-primary) 100%)}.MaterialGrid_icon__6y3b5{display:flex;align-items:center;justify-content:center;color:#fff}.MaterialGrid_icon__6y3b5 svg{width:24px;height:24px}.MaterialGrid_materialInfo__hG_PT{flex:1 1}.MaterialGrid_materialName__zxeky{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_materialCategory__FbGVS{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.MaterialGrid_secondary__15vu8 .MaterialGrid_materialCategory__FbGVS{color:var(--color-secondary-dark)}.MaterialGrid_materialDescription__9U_bk{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-700);margin-bottom:var(--space-4)}.MaterialGrid_materialPrice__A5R70{display:flex;justify-content:space-between;align-items:center;background:var(--color-primary-subtle);padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.MaterialGrid_secondary__15vu8 .MaterialGrid_materialPrice__A5R70{background:var(--color-secondary-subtle)}.MaterialGrid_priceLabel__nmhnx{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.MaterialGrid_priceValue__bB08Z{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.MaterialGrid_secondary__15vu8 .MaterialGrid_priceValue__bB08Z{color:var(--color-secondary-dark)}.MaterialGrid_unit__NZ4Kc{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.MaterialGrid_materialMeta__UTYmr{text-align:center;padding-top:var(--space-3);border-top:1px solid var(--color-gray-200)}.MaterialGrid_lastUpdated__Q0NZT{font-size:var(--font-size-xs);color:var(--color-gray-700);font-style:italic}.MaterialGrid_materialActions__4FE1F{margin-top:var(--space-4);text-align:center}.MaterialGrid_ctaButton__Eyofm{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:#fff;border:none;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);width:100%;min-height:44px}.MaterialGrid_ctaButton__Eyofm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.MaterialGrid_ctaButton__Eyofm:focus{outline:2px solid var(--color-primary);outline-offset:2px}.MaterialGrid_secondary__15vu8 .MaterialGrid_ctaButton__Eyofm{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-primary) 100%)}.MaterialGrid_examplesGrid__8Wx2e{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.MaterialGrid_exampleCard__3HCnB{display:flex;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)}.MaterialGrid_exampleCard__3HCnB:hover{background:var(--color-primary-subtle);transform:translateX(4px)}.MaterialGrid_secondary__15vu8 .MaterialGrid_exampleCard__3HCnB:hover{background:var(--color-secondary-subtle)}.MaterialGrid_exampleIcon__ALIxo{width:24px;height:24px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.MaterialGrid_secondary__15vu8 .MaterialGrid_exampleIcon__ALIxo{background:var(--color-secondary-dark)}.MaterialGrid_exampleText__8Uop_{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}@media (min-width:768px){.MaterialGrid_materialsGrid__aUNH1{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.MaterialGrid_examplesGrid__8Wx2e{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.MaterialGrid_title__iUJdG{font-size:var(--font-size-4xl)}}@media (min-width:1024px){.MaterialGrid_materialGrid__UZqPZ{padding:var(--space-12) 0}.MaterialGrid_materialsGrid__aUNH1{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-8)}.MaterialGrid_materialCard__YP1qF{padding:var(--space-8)}.MaterialGrid_examplesGrid__8Wx2e{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}}.MaterialGrid_materialCard__YP1qF{animation:MaterialGrid_fadeInUp__ha8oP .6s ease-out}@keyframes MaterialGrid_fadeInUp__ha8oP{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}