.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;border:none;cursor:pointer;padding:10px;transition:transform 0.3s ease}.arrow{display:inline-block;width:40px;height:40px;border:solid white;border-width:0 6px 6px 0;padding:6px;transition:transform 0.3s ease}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg);left:1.5%}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);right:1.5%}.hover-animation{transition:transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)}.hover-animation:hover{transform:scale(1.05)}#imageModal.modal{display:none;position:fixed;inset:0;z-index:1050;width:100%;max-width:100vw;height:100%;max-height:100vh;margin:0;padding:0;overflow:hidden;box-sizing:border-box;background-color:rgba(0,0,0,0.92);flex-direction:column}#imageModal .button-container-modal{flex-shrink:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;padding-top:0.5rem;margin:0}#imageModal .image-container{flex:1 1 auto;min-height:0;width:100%;margin:0;padding:0 3rem;padding-bottom:0.5rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}#imageModal #modalImage.modal-content,#imageModal img.modal-content{margin:0 auto;display:block;max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}#imageModal .arrow-btn{position:absolute;top:50%;z-index:2;transform:translateY(-50%)}#imageModal .arrow-btn.arrow.left{left:0.5rem;transform:translateY(-50%) rotate(135deg)}#imageModal .arrow-btn.arrow.right{right:0.5rem;transform:translateY(-50%) rotate(-45deg)}#imageModal #modalImage.zoomed{transform:scale(1.7);transform-origin:center center;max-width:none;max-height:none}.close{color:#fff;font-size:30px;font-weight:bold;transition:0.3s;cursor:pointer}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}.sort_style:focus{outline:0;border-color:#003f77;box-shadow:0 0 0 4px #b5c9fc}.sort_style div{display:flex !important;flex-wrap:wrap !important;margin-top:0.5rem !important;justify-content:center !important}.sort_style input[type="radio"]{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.sort_style input[type="radio"]:checked+span{box-shadow:0 0 0 0.0625em #003f77;background-color:#dee7ff;z-index:1;color:#003f77}.sort_style label span{display:block;cursor:pointer;background-color:#fff;padding:0.375em .75em;position:relative;margin-left:.0625em;box-shadow:0 0 0 0.0625em #b5bfd9;letter-spacing:.05em;color:#003f77;text-align:center;transition:background-color .5s ease}.sort_style label:first-child span{border-radius:.375em 0 0 .375em}.sort_style label:last-child span{border-radius:0 .375em .375em 0}.header ul.wrapper{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.75rem}.header ul.wrapper li{list-style:none;margin:0;padding:0}#imageModal .zoom-btn{background-color:transparent;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}#imageModal .zoom-btn svg{width:24px;height:24px;stroke:white}#imageModal .zoom-btn:hover{background-color:rgba(0,0,0,0.1)}@media (max-width: 599px){#imageModal .image-container{padding-left:2.5rem;padding-right:2.5rem}#imageModal #modalImage.zoomed{transform:scale(2)}}
