.fabric-swatch-section h3{font-family:playfair display,serif;font-size:clamp(1.25rem,2.5vw,1.75rem);color:var(--deep-charcoal);margin-bottom:1rem;text-align:center}.swatch-intro{text-align:center;color:var(--dark-gray);font-size:.95rem;line-height:1.5;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;margin:3rem 0;padding:2rem;background:var(--warm-gray,#f5f5f5);border-radius:2px}.swatch-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s ease}.swatch-item:hover{transform:translateY(-3px)}.swatch-preview{width:100%;aspect-ratio:1;border-radius:2px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15);background:linear-gradient(135deg,#8B7AB8 0%,#6B5B98 100%);position:relative;display:flex;align-items:center;justify-content:center}.swatch-preview.no-image::before{content:'\uD83C\uDFA8';font-size:2rem;opacity:.6;position:absolute;color:rgba(255,255,255,.8)}.swatch-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.swatch-item:hover .swatch-preview img{transform:scale(1.05)}.swatch-label{font-size:.85rem;font-weight:600;color:var(--charcoal,#333);text-align:center;font-family:courier new,monospace}.swatch-grid-note{text-align:center;color:var(--charcoal,#666);font-size:.95rem;margin-top:1rem;font-style:italic}.fabric-order-section{background:var(--warm-gray);padding:3rem;border-radius:12px;margin:3rem 0}.contact-button-container{text-align:center;margin:2rem 0}.project-details{background:rgba(255,255,255,.6);padding:2rem;border-radius:8px;margin-top:2rem}.project-details h4{color:var(--charcoal);margin-bottom:1rem;font-family:playfair display,serif}.project-details ul{list-style:none;padding:0}.project-details li{padding:.5rem 0;border-bottom:1px solid var(--cool-gray,#e0e0e0)}.project-details li:last-child{border-bottom:none}@media(max-width:768px){.swatch-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem}.swatch-label{font-size:.75rem}.fabric-order-section{padding:2rem;margin:2rem 0}.project-details{padding:1.5rem}}@media(max-width:480px){.swatch-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.swatch-intro{font-size:.9rem}}