.icon-navigation{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:30px;padding:20px 0;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.icon-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;transition:all .3s ease;padding:9px;border-radius:12px;position:relative;overflow:hidden}.audio-toggle-btn.muted .unmuted-icon,.audio-toggle-btn.unmuted .muted-icon{display:none}.audio-toggle-btn.muted .muted-icon{display:block;opacity:.7}.audio-toggle-btn.unmuted .unmuted-icon{display:block;opacity:1}@media screen and (min-width: 1200px){.icon-navigation{gap:32px;padding:25px 0}.icon-nav-item{padding:12px;min-width:80px}.icon-container svg{width:36px;height:36px}.icon-label{font-size:13px;white-space:nowrap;max-width:80px;overflow:visible}}@media screen and (min-width: 992px) and (max-width: 1199px){.icon-navigation{gap:28px;padding:22px 0}.icon-nav-item{padding:10px;min-width:75px}.icon-container svg{width:32px;height:32px}.icon-label{font-size:12px;white-space:nowrap;max-width:75px;overflow:visible}}@media screen and (min-width: 768px) and (max-width: 991px){.container{width:95%!important}.icon-navigation{gap:20px;padding:18px 10px;flex-wrap:wrap;justify-content:center}.icon-nav-item{padding:8px;min-width:70px;flex:0 0 auto}.icon-container svg{width:28px;height:28px}.icon-label{font-size:11px;white-space:nowrap;max-width:70px;overflow:visible;text-align:center;line-height:1.2}}@media screen and (min-width: 576px) and (max-width: 767px){.container{width:90%!important}.icon-navigation{gap:16px;padding:15px 10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;flex-wrap:wrap}.icon-nav-item{min-width:65px;scroll-snap-align:center;padding:8px 6px;flex:0 0 auto;font-size:xx-small}.icon-container svg{width:24px;height:24px}.icon-label{font-size:10px;white-space:nowrap;max-width:65px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.1}.search-input-container{flex-direction:column;gap:10px}.search-style-rounded .search-input,.search-style-minimal .search-input,.search-style-bordered .search-input{border-radius:6px;border:1px solid #ddd;width:100%}.search-style-rounded .search-button,.search-style-minimal .search-button,.search-style-bordered .search-button{border-radius:6px;width:100%}.audio-control-container{bottom:15px;right:15px}.audio-toggle-btn{width:45px;height:45px}}@media screen and (min-width: 480px) and (max-width: 575px){.container{width:95%!important}.icon-navigation{gap:12px;padding:12px 8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;flex-wrap:wrap}.icon-nav-item{min-width:60px;scroll-snap-align:center;padding:6px 4px;flex:0 0 auto}.icon-container svg{width:22px;height:22px}.icon-label{font-size:9px;white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.1}.search-input,.search-button{font-size:14px;padding:10px 12px}}@media screen and (min-width: 375px) and (max-width: 479px){.container{width:98%!important}.icon-navigation{gap:10px;padding:10px 6px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;flex-wrap:wrap}.icon-nav-item{min-width:55px;scroll-snap-align:center;padding:5px 3px;flex:0 0 auto}.icon-container svg{width:20px;height:20px}.icon-label{font-size:8px;white-space:nowrap;max-width:55px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.1}.audio-control-container{bottom:12px;right:12px}.audio-toggle-btn{width:40px;height:40px}}@media screen and (max-width: 374px){.container{width:100%!important;padding:0 5px}.icon-navigation{gap:8px;padding:8px 4px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;flex-wrap:wrap;margin:0 -5px}.icon-nav-item{min-width:50px;scroll-snap-align:center;padding:4px 2px;flex:0 0 auto}.icon-container{margin-bottom:4px}.icon-container svg{width:18px;height:18px}.icon-label{font-size:7px;white-space:nowrap;max-width:50px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1}.search-title{font-size:20px;margin-bottom:20px}.search-input,.search-button{font-size:14px;padding:8px 10px}.audio-control-container{bottom:10px;right:10px}.audio-toggle-btn{width:38px;height:38px}}.icon-navigation::-webkit-scrollbar{height:4px}.icon-navigation::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.icon-navigation::-webkit-scrollbar-thumb{background:#2c6ecb4d;border-radius:2px}.icon-navigation::-webkit-scrollbar-thumb:hover{background:#2c6ecb80}@media screen and (max-width: 480px){.icon-navigation.compact-mode{flex-wrap:wrap;overflow-x:visible;height:auto;max-height:150px;overflow-y:auto}.icon-navigation.compact-mode .icon-nav-item{flex:1 1 calc(33.333% - 8px);min-width:auto;max-width:calc(33.333% - 8px)}.icon-navigation.compact-mode .icon-label{font-size:8px;line-height:1}}.external-search-section{margin:0 auto;position:relative}.search-title{text-align:center;margin-bottom:30px;font-size:24px}.icon-navigation{display:flex;justify-content:center;align-items:center;gap:25px;margin-bottom:30px;padding:15px 5px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.icon-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;transition:all .3s ease;padding:16px;border-radius:12px;position:relative;overflow:hidden}.icon-nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#2c6ecb1a,#2c6ecb0d);opacity:0;transition:opacity .3s ease;border-radius:12px}.icon-nav-item:hover:before{opacity:1}.icon-nav-item:hover{color:#333;transform:translateY(-2px)}.icon-container{margin-bottom:8px;position:relative;z-index:1}.icon-container svg{transition:all .3s ease}.icon-nav-item:hover .icon-container svg{transform:scale(1.1)}.icon-label{font-size:12px;font-weight:500;text-align:center;position:relative;z-index:1;letter-spacing:.5px}.search-form{width:100%}.search-input-container{display:flex;width:100%}.search-input{flex-grow:1;padding:12px 15px;font-size:16px;border:1px solid #ddd;outline:none;transition:border-color .3s}.search-input:focus{border-color:transparent;outline:none;box-shadow:none}.search-input:not(:focus){border-color:#ddd}.search-button{padding:12px 20px;font-size:16px;border:none;cursor:pointer;transition:opacity .3s}.search-button:hover{opacity:.9}.search-style-minimal .search-input{border:none;border-bottom:2px solid #ddd;border-radius:0}.search-style-minimal .search-button{border-radius:0}.search-style-rounded .search-input{border-radius:25px 0 0 25px}.search-style-rounded .search-button{border-radius:0 25px 25px 0}.search-style-bordered .search-input{border:2px solid #ddd;border-right:none}.search-style-bordered .search-button{border:2px solid #ddd;border-left:none;background-clip:padding-box}.audio-control-container{position:fixed;bottom:20px;right:20px;z-index:1000}.audio-toggle-btn{width:50px;height:50px;border-radius:50%;background:#333;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;color:#fff}.audio-toggle-btn:hover{background:#555;transform:scale(1.05)}.audio-toggle-btn .speaker-icon{transition:opacity .3s ease}.audio-toggle-btn.muted .unmuted-icon{display:none}
/*# sourceMappingURL=/cdn/shop/t/11/compiled_assets/styles.css.map */