.gallery-box { position: relative; padding: 0 45px; margin: 30px 0; }
        .scroll-box { display: flex; gap: 12px; overflow-x: auto; padding: 15px 0; }
        .scroll-box::-webkit-scrollbar { display: none; }
        .photo-box { flex: 0 0 auto; width: 370px; height: 370px; border-radius: 6px; overflow: hidden; cursor: pointer; transition: 0.3s; }
        .photo-box:hover { transform: scale(1.06); }
        .photo-box img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; }
        .photo-box:hover img { transform: scale(1.08); }
        .arrow-box { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background: white; border: none; border-radius: 50%; cursor: pointer; font-size: 18px; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }
        .arrow-left { left: 0; }
        .arrow-right { right: 0; }
        .modal-box { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: black; z-index: 1000; }
        .modal-box img { max-width: 90%; max-height: 90%; margin: auto; display: block; }