/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--hf-red:#F42534;--hf-blue:#00b3e3;--hf-black:#000000;--hf-white:#ffffff;--hf-border-light:#e0e0e0;--hf-border-lighter:#f0f0f0;--thumbnail-base-size:80px;}.product-gallery-wrapper{position:relative;margin-bottom:0;width:100%;max-width:100%;overflow:hidden;}.gallery-top{width:100%;height:0;padding-bottom:100%;border:1px solid var(--hf-border-light);border-radius:4px;overflow:hidden;margin-bottom:0.5rem;background-color:var(--hf-white);position:relative;}.gallery-top .swiper-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;}.gallery-top .swiper-slide{display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;width:100%;height:100%;}.gallery-top .swiper-slide img{width:100%;height:100%;object-fit:contain;transition:transform 0.3s ease;}.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{color:var(--hf-red);background-color:transparent;width:44px;height:44px;transition:all 0.3s ease;opacity:0.8;}.gallery-top .swiper-button-next:hover,.gallery-top .swiper-button-prev:hover{opacity:1;transform:scale(1.1);}.gallery-top .swiper-button-next:after,.gallery-top .swiper-button-prev:after{font-size:24px;font-weight:bold;}.gallery-top::after{content:'';position:absolute;bottom:10px;right:10px;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300b3e3'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;z-index:10;pointer-events:none;}.gallery-navigation-container{position:relative;width:100%;margin:10px 0;padding:5px 0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--hf-border-lighter);}.gallery-pagination{position:relative;width:100%;text-align:center;margin:0;padding:5px 0 10px;display:flex;justify-content:center;align-items:center;}.gallery-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#ccc;opacity:0.6;margin:0 5px;transition:all 0.3s ease;}.gallery-pagination .swiper-pagination-bullet-active{opacity:1;background:var(--hf-red);transform:scale(1.2);}.thumbnails-container{position:relative;width:100%;margin-top:10px;}.gallery-thumbs{width:100%;height:auto;max-width:100%;margin-bottom:20px;}.gallery-thumbs .swiper-wrapper{max-width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;}.gallery-thumbs .swiper-slide{width:calc(20% - 8px);aspect-ratio:1 / 1;height:auto;opacity:0.6;cursor:pointer;border:1px solid var(--hf-border-light);border-radius:4px;overflow:hidden;transition:opacity 0.3s ease,border-color 0.3s ease;flex-shrink:0;margin-bottom:10px;margin-right:10px;}.gallery-thumbs .swiper-slide:nth-child(5n){margin-right:0;}.gallery-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover;object-position:center;}.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border-color:var(--hf-red);}.product-zoom-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.9);}.product-zoom-modal.active{display:flex;align-items:center;justify-content:center;}.zoom-modal-content{position:relative;padding:0;width:80%;max-width:1000px;height:80%;max-height:800px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3);background-color:var(--hf-white);}.zoom-modal-close{position:absolute;top:15px;right:15px;z-index:100;cursor:pointer;width:30px;height:30px;background-color:transparent !important;border:none !important;outline:none;opacity:0.8;display:block;font-size:0;transition:transform 0.3s ease;}.zoom-modal-close:before,.zoom-modal-close:after{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background-color:#333;}.zoom-modal-close:before{transform:rotate(45deg);}.zoom-modal-close:after{transform:rotate(-45deg);}.zoom-modal-close:hover{opacity:1;transform:rotate(90deg);}.product-zoom-modal button{background-color:transparent !important;border-color:transparent !important;}.zoom-modal-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}.zoom-modal-image{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform 0.2s ease;transform-origin:center center;width:auto;height:auto;}.zoom-modal-image.zoomed-in{cursor:grab;}.zoom-modal-image.zoomed-in:active{cursor:grabbing;}.zoom-instructions{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:rgba(0,0,0,0.6);font-size:14px;padding:5px;opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:100;}.zoom-instructions.visible{opacity:1;}.zoom-modal-controls{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;gap:30px;}.zoom-modal-prev,.zoom-modal-next{background-color:transparent !important;color:var(--hf-white);border:none;width:44px;height:44px;font-size:24px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;opacity:0.7;}.zoom-modal-prev:hover,.zoom-modal-next:hover{color:var(--hf-red);transform:scale(1.1);opacity:1;background-color:transparent !important;}.swiper-lazy-preloader{border:4px solid #f3f3f3;border-top:4px solid var(--hf-blue);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media (max-width:768px){.gallery-top{height:300px;}.gallery-thumbs .swiper-slide{width:calc(25% - 7.5px);aspect-ratio:1 / 1;}.gallery-thumbs .swiper-slide:nth-child(5n){margin-right:10px;}.gallery-thumbs .swiper-slide:nth-child(4n){margin-right:0;}.zoom-modal-content{width:90%;height:85%;}.zoom-modal-close{width:28px;height:28px;top:12px;right:12px;}.zoom-modal-close:before,.zoom-modal-close:after{left:50%;height:2px;width:75%;transform:translate(-50%,-50%);}.zoom-modal-close:before{transform:translate(-50%,-50%) rotate(45deg);}.zoom-modal-close:after{transform:translate(-50%,-50%) rotate(-45deg);}.zoom-modal-prev,.zoom-modal-next{width:36px;height:36px;font-size:18px;}}@media (max-width:480px){.gallery-top{height:250px;}.gallery-thumbs .swiper-slide{width:calc(33.333% - 7px);}.gallery-thumbs .swiper-slide:nth-child(4n){margin-right:10px;}.gallery-thumbs .swiper-slide:nth-child(3n){margin-right:0;}.zoom-modal-content{width:95%;height:auto;max-height:90%;}.zoom-modal-image-container{height:auto;max-height:calc(100vh - 80px);}.zoom-modal-image{object-fit:contain;max-height:calc(100vh - 100px);}.zoom-modal-close{width:20px;height:20px;top:10px;right:10px;}.zoom-modal-close:before,.zoom-modal-close:after{height:1.5px;width:50%;left:50%;transform:translate(-50%,-50%);}.zoom-modal-close:before{transform:translate(-50%,-50%) rotate(45deg);}.zoom-modal-close:after{transform:translate(-50%,-50%) rotate(-45deg);}.zoom-modal-prev,.zoom-modal-next{width:30px;height:30px;font-size:16px;}.gallery-top::after{width:20px;height:20px;bottom:8px;right:8px;}}