.modal-gallery-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-gallery-container .puppies-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#FFD700;color:#000;border-radius:50%;border:none;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all 0.3s ease}.modal-gallery-container .puppies-nav:hover{background:#FFE44D;box-shadow:0 0 15px rgba(255,215,0,0.5)}.modal-gallery-container .puppies-nav.prev-btn{left:20px}.modal-gallery-container .puppies-nav.next-btn{right:20px}.modal-gallery-container .puppies-nav.hidden{display:none}.modal-gallery-container .nav-btn{display:none}@media (max-width:768px){.modal-gallery-container .puppies-nav{display:none}}

/* Стилі кнопок доставки */
.footer-col.delivery .delivery-btn,.delivery-buttons .delivery-btn,footer .delivery-btn,button.delivery-btn{display:flex;align-items:center;justify-content:center;background-color:#000;color:#FFD700;border:2px solid #FFD700;border-radius:10px;padding:10px 20px;margin:8px 0;cursor:pointer;transition:all 0.3s ease;font-size:16px;font-weight:500;width:100%;max-width:100%;text-align:center}.footer-col.delivery .delivery-btn:hover,.delivery-buttons .delivery-btn:hover,footer .delivery-btn:hover,button.delivery-btn:hover{background-color:#FFD700;color:#000;transform:translateY(-2px);box-shadow:0 0 15px rgba(255,215,0,0.5)}.footer-col.delivery .delivery-btn:active,.delivery-buttons .delivery-btn:active,footer .delivery-btn:active,button.delivery-btn:active{transform:translateY(0);background-color:#FFE44D;color:#000}.footer-col.delivery .delivery-btn .dropdown-icon,.delivery-buttons .delivery-btn .dropdown-icon,footer .delivery-btn .dropdown-icon,button.delivery-btn .dropdown-icon{font-size:20px;margin-right:12px;display:inline-flex;align-items:center;justify-content:center}.delivery-buttons{display:flex;flex-direction:column;width:100%;max-width:250px;margin:10px auto;padding:0 5px}.footer-col.delivery{display:flex;flex-direction:column;align-items:center}.footer-col.delivery h3{color:#FFD700;font-size:22px;margin-bottom:15px;position:relative;text-align:center}.footer-col.delivery h3:after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:#FFD700;border-radius:2px}.delivery-modal-content{max-width:500px;padding:30px;background-color:#000;border:2px solid #FFD700;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,0.5)}.delivery-modal-content h2{margin-top:5px;color:#FFD700;text-align:center;font-size:26px;margin-bottom:25px;font-weight:600;position:relative}.delivery-modal-content h2:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#FFD700;border-radius:3px}.delivery-cities{margin-top:25px}.delivery-cities-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.delivery-cities-list li{padding:8px 10px;background-color:transparent;border-radius:0;text-align:left;font-size:16px;transition:all 0.3s ease;border-bottom:1px solid #333;color:#fff;position:relative}.delivery-cities-list li:hover{background-color:transparent;transform:none;box-shadow:none;color:#FFD700;border-color:#FFD700}.delivery-cities-list li:before{content:'•';color:#FFD700;font-size:16px;display:inline-block;margin-right:8px}@media (max-width:768px){.delivery-modal-content{padding:20px;max-width:85%;width:85%;margin:0 auto}.delivery-cities-list{grid-template-columns:1fr;gap:5px}.delivery-cities-list li{padding:6px 8px;font-size:15px;margin-bottom:0}.delivery-btn{padding:10px 15px;font-size:15px}.footer-col.delivery .delivery-buttons,.delivery-buttons{max-width:100%}.delivery-modal-content h2{font-size:22px;margin-bottom:20px}.delivery-modal-content h2:after{width:50px;bottom:-8px}}@media (max-width:480px){.delivery-modal-content{padding:15px;max-width:90%;width:90%}.delivery-cities-list li{padding:5px 6px;font-size:14px}.delivery-modal-content h2{font-size:20px;margin-bottom:15px}}@media (max-width:380px){.delivery-modal-content{padding:15px 10px;width:95%;max-width:95%;border-width:1px}.delivery-modal-content h2{font-size:18px;margin-bottom:12px}.delivery-modal-content h2:after{width:40px;height:2px;bottom:-6px}.delivery-cities-list li{padding:4px 5px;font-size:13px;margin-bottom:0}.delivery-cities{margin-top:12px}}@media (max-width:320px){.delivery-modal-content{padding:12px 8px}.delivery-modal-content h2{font-size:16px;margin-bottom:10px}.delivery-cities-list li{padding:3px 4px;font-size:12px}.delivery-cities-list li:before{font-size:14px;margin-right:5px}}

/* Анімації для модального вікна */
@keyframes modalFadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes modalSlideIn{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}

/* Кнопка прокрутки вгору */
.scroll-to-top{position:fixed;bottom:20px;right:20px;width:40px;height:40px;background-color:rgba(0,0,0,0.4);border:1px solid rgba(255,215,0,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background-color:rgba(0,0,0,0.6);border-color:rgba(255,215,0,0.6)}.scroll-to-top i{color:#FFD700;font-size:20px}@media (max-width:768px){.scroll-to-top{width:36px;height:36px;bottom:15px;right:15px}.scroll-to-top i{font-size:18px}}@media (max-width:480px){.scroll-to-top{width:32px;height:32px;bottom:12px;right:12px}.scroll-to-top i{font-size:16px}} 