/* manufacturing.css - namespaced styles for manufacturing section */

:root{
  --manuf-blue: #1075CD;
  --manuf-deep: #0B4678;
  --manuf-muted: rgba(26,26,26,0.7);
}

*{box-sizing:border-box}

.manuf-section{background:#fff;padding:4rem 1rem}
.manuf-container{position:relative;max-width:80rem;margin:0 auto;padding:0 1rem}
.manuf-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}

.manuf-media{position:relative}
.manuf-media-inner{position:relative;border-radius:1rem;overflow:hidden;background:linear-gradient(to bottom right,#F3F4F6,#E5E7EB);aspect-ratio:16/9;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}
.manuf-media-img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 500ms ease}
.manuf-media-inner:hover .manuf-media-img{transform:scale(1.05)}

.manuf-video{width:100%;height:100%;display:block;object-fit:cover}
.manuf-video::-webkit-media-controls-panel{background-color:rgba(0,0,0,0.7)}
.manuf-video::-webkit-media-controls-play-button{background-color:#1075CD}

.manuf-media-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--manuf-overlay, rgba(0,0,0,0.3));transition:background 300ms ease}
.manuf-media-inner:hover .manuf-media-overlay{background:var(--manuf-overlay-hover, rgba(0,0,0,0.4))}
.manuf-play{width:5rem;height:5rem;border-radius:9999px;background:var(--manuf-red,#FF0000);border:none;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);cursor:pointer;transition:all 300ms ease}
.manuf-play:hover{transform:scale(1.1);background:var(--manuf-red-dark,#CC0000)}
.manuf-play-icon{width:2rem;height:2rem;color:#fff}
.manuf-play-icon *{fill:currentColor}

.manuf-badge{position:absolute;right:-1rem;bottom:-1rem;background:var(--badge-bg,#fff);padding:1rem 1.5rem;border-radius:0.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);border:2px solid var(--manuf-blue)}
.manuf-badge-inner{display:flex;align-items:center;gap:0.75rem}
.manuf-badge-title{color:var(--manuf-deep);font-weight:600;font-size:0.875rem}
.manuf-badge-sub{color:#4B5563;font-size:0.75rem}
.manuf-badge-icon{width:3rem;height:3rem;background:#E7F1FB;border-radius:9999px;display:flex;align-items:center;justify-content:center}
.manuf-badge-icon svg{width:1.5rem;height:1.5rem}

.manuf-content{padding:0 1rem}
.manuf-kicker{display:inline-block;color:var(--manuf-blue);font-weight:600;margin-bottom:0.75rem;font-size:0.875rem;letter-spacing:0.025em;text-transform:uppercase}
.manuf-title{color:var(--manuf-deep);margin:0 0 1.5rem;font-size:1.875rem;font-weight:700}
.manuf-lead{color:var(--description-color,#1A1A1A);opacity:0.8;margin:0 0 1.5rem;line-height:1.625;font-size:1.125rem}

.manuf-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}
.manuf-feature{display:flex;gap:1rem;align-items:flex-start}
.manuf-feature-icon{width:2.5rem;height:2.5rem;background:#E7F1FB;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.manuf-feature-icon svg{width:1.25rem;height:1.25rem}
.manuf-feature-title{color:var(--manuf-deep);font-weight:600;margin:0 0 0.25rem}
.manuf-feature-desc{margin:0;color:var(--description-color,#1A1A1A);opacity:0.7;font-size:0.875rem}

.manuf-actions{display:flex;gap:1rem;align-items:center}
.manuf-cta-manuf{background:var(--primary-button,#FF0000);color:#fff;padding:0.75rem 2rem;border-radius:0.5rem;border:none;font-weight:600;font-size:1rem;transition:all 300ms ease;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}
.manuf-cta-manuf:hover{background:var(--primary-button-hover,#CC0000)}
.manuf-link{color:var(--manuf-blue);font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;transition:color 300ms ease}
.manuf-link:hover{color:var(--manuf-deep)}
.manuf-link-icon{width:1.25rem;height:1.25rem}

/* Responsive */
@media(min-width:640px){
  .manuf-section{padding:6rem 1.5rem}
  .manuf-container{padding:0 1.5rem}
}

@media(min-width:1024px){
  .manuf-grid{grid-template-columns:repeat(2,1fr);gap:3rem;align-items:center}
  .manuf-container{max-width:80rem;padding:0 2rem}
}

/* Lightbox modal */
.manuf-modal{position:fixed;inset:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:60}
.manuf-modal .manuf-modal-inner{width:90%;max-width:900px;background:transparent}
.manuf-modal iframe{width:100%;height:60vh;border:0;border-radius:12px}
.manuf-modal-close{position:absolute;top:24px;right:24px;background:#fff;border-radius:999px;border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}