/* Fabrics page styles */

.fb-intro{background:#fff;padding:50px 0;}
.fb-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'title title' 'text image';gap:28px;align-items:center;direction:ltr;}
.fb-title{grid-area:title;margin:0 0 16px;text-align:center;font-family:'Assistant',var(--font-sans);font-weight:800;font-size:clamp(1.6rem,3.5vw,2.4rem);color:#111;padding:28px 16px;margin:32px 0;border:none;box-shadow:none;line-height:1.2;letter-spacing:.2px} 
.fb-text{grid-area:text;text-align:right;direction:rtl;}
.fb-text,.fb-text p,.fb-list,.fb-list li,.fb-outcome{font-family:'Assistant',var(--font-sans);font-weight:600;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.6;color:#111;}
.fb-list{margin:4px 0 10px;padding:0 1.2em 0 0;list-style:none;}
.fb-list li{margin:0 0 6px;}
.fb-outcome{font-weight:700;margin-top:10px;}
.fb-image{grid-area:image;margin:0;justify-self:end;}
.fb-image img{width:82%;max-width:520px;height:auto;display:block;box-shadow:0 2px 6px rgba(0,0,0,.12);} 

/* CTA same as branding */
.branding-cta{display:flex;justify-content:center;margin:80px 0;}

@media (max-width:960px){.fb-inner{grid-template-columns:1fr;grid-template-areas:'title' 'text' 'image';} .fb-image{margin-top:10px;}}

/* 3x3 gallery grid */
.fabrics-grid{padding:10px 0 60px;background:#fff;}
.fabrics-grid .fg-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.fabrics-grid .fg-item{position:relative;aspect-ratio:3/4;border-radius:6px;overflow:hidden;background:#f0f2f4;border:1px solid #cfd4da;box-shadow:0 1px 2px rgba(0,0,0,.06);} 
.fabrics-grid .fg-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.fabrics-grid .fg-empty{opacity:.35;}
@media (max-width:900px){.fabrics-grid .fg-inner{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:720px){
	.fabrics-grid .fg-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
	.fabrics-grid .fg-item{margin:0}
}
@media (max-width:460px){.fabrics-grid .fg-inner{grid-template-columns:repeat(2,minmax(0,1fr));}}