/* === Grid & Layout ========================================= */
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.section{padding:50px 0}
.section-gray{background:#f8f8f8}
.section-title{text-align:center;margin-bottom:30px;font-size:clamp(1.4rem,3vw,1.9rem);position:relative;padding-bottom:12px}
.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background:#003399;border-radius:2px}
.section-header{text-align:center;margin-bottom:30px}
.section-header .section-title{margin-bottom:0;padding-bottom:16px}
.section-header 
/* Product Detail Page */


.empty-state{text-align:center;padding:60px 20px}
#backToTop{position:fixed;bottom:30px;right:30px;z-index:99;background:#003399;color:#fff;border:none;border-radius:6px;padding:10px 14px;cursor:pointer;font-size:1.2rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s}
#backToTop.visible{opacity:1;visibility:visible;transform:translateY(0)}
#backToTop:hover{background:#0047CC;transform:translateY(-2px)}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.reveal.revealed{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}
.reveal-delay-5{transition-delay:.5s}
.reveal-delay-6{transition-delay:.6s}

/* === Lightbox (global) ======================================== */
.lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.92);align-items:center;justify-content:center;cursor:pointer}
.lightbox.open{display:flex}
.lightbox img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,0.5);animation:zoomIn .3s}
@keyframes zoomIn{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:2rem;cursor:pointer;z-index:1;background:none;border:none}
.lightbox-close:hover{color:#E31E24}

