/* custom-doors.css */
.door-gallery-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
.door-gallery-item { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); position: relative; cursor: pointer; }
.door-gallery-item img { width: 100%; height: 260px; object-fit: cover; transition: transform .4s ease; display: block; }
.door-gallery-item:hover img { transform: scale(1.06); }
.door-gallery-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(21,101,192,.85) 0%, transparent 60%); opacity: 0; transition: opacity .3s; display: flex; align-items: flex-end; padding: 1.25rem; }
.door-gallery-item:hover .door-gallery-overlay { opacity: 1; }
.door-gallery-label { font-family: var(--font-accent); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--secondary); }
.design-options-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem; }
.design-option { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.5rem 1rem; text-align: center; transition: var(--transition); cursor: default; }
.design-option:hover { border-color: var(--secondary); box-shadow: var(--shadow-md); transform: translateY(-4px); }
.design-option-icon { width: 64px; height: 64px; background: var(--light); border-radius: var(--radius-md); margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; transition: var(--transition); }
.design-option:hover .design-option-icon { background: var(--primary); }
.design-option-icon svg { width: 28px; height: 28px; color: var(--primary); }
.design-option:hover .design-option-icon svg { color: var(--secondary); }
.design-option h4 { font-family: var(--font-accent); font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--primary); margin-bottom: .35rem; }
.design-option p { font-size: .8rem; color: var(--text-muted); line-height: 1.5; }
.showroom-highlight { background: linear-gradient(135deg, var(--primary-dark), var(--primary)); border-radius: var(--radius-xl); padding: 3rem; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.showroom-highlight h3 { font-family: var(--font-heading); font-size: clamp(1.5rem,2.5vw,2rem); font-weight: 700; color: var(--white); margin-bottom: .75rem; }
.showroom-highlight p { color: rgba(255,255,255,.75); line-height: 1.7; margin-bottom: 1.5rem; }
.showroom-highlight img { width: 100%; height: 300px; object-fit: cover; border-radius: var(--radius-lg); }
@media (max-width: 1024px) { .door-gallery-grid { grid-template-columns: repeat(2,1fr); } .design-options-grid { grid-template-columns: repeat(2,1fr); } .showroom-highlight { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .door-gallery-grid { grid-template-columns: 1fr; } }