body{font-family:League Spartan,sans-serif;background-color:#f9f9f9;padding:40px 20px}body,html{margin:0;padding:0}h2{text-align:center;font-weight:700;margin-bottom:40px}.backpack-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.backpack-option{text-align:center;cursor:pointer;transition:transform .3s ease}.backpack-option img{width:180px;transition:filter .3s ease,transform .3s ease;border-radius:12px}.backpack-option:hover{transform:scale(1.05)}.backpack-option.selected img{transform:scale(1.1);filter:grayscale(0%)}.backpack-option{position:relative}.backpack-option.selected:after{content:"";position:absolute;top:6px;right:10px;width:24px;height:24px;background-color:#fca311;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.285 6.709a1 1 0 0 0-1.414 0L9 16.58l-3.871-3.87a1 1 0 0 0-1.415 1.414l4.578 4.578a1 1 0 0 0 1.414 0l10.579-10.58a1 1 0 0 0 0-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.backpack-option.dimmed img{filter:grayscale(100%)}.backpack-price{transform:translateY(10px);opacity:1;transition:.5s ease}.backpack-option.selected .backpack-price{transform:translateY(0);opacity:1}.backpack-gallery{max-width:350px;margin:60px auto 0;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .6s ease,transform .6s ease;position:absolute;width:100%;height:0!important}.backpack-gallery.active{opacity:1;transform:translateY(0);pointer-events:auto;position:static;height:auto!important}.thumbs{display:flex;gap:10px;margin-top:10px}.thumbs img{width:60px;height:auto;cursor:pointer;border-radius:6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.backpack-option{opacity:0;transform:translateY(40px);animation:fadeInUp .6s ease forwards}.patches-section{padding:80px 20px;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif}.patches-section h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:40px;opacity:0;transform:translateY(30px);animation:fadeUp .8s ease-out forwards}.patch-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.patch-option{text-align:center;cursor:pointer;flex:1 1 140px;max-width:180px;transition:transform .3s ease;position:relative}.patch-image-container{width:100%;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;border:2px solid transparent}.patch-option.selected .patch-image-container{border:2px solid #FCA311;box-shadow:0 0 10px #0070f34d;transform:scale(1.08)}.patch-option p{margin-top:10px;font-weight:600}.patch-option.selected:after{content:"";position:absolute;top:6px;right:10px;width:24px;height:24px;background-color:#fca311;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.285 6.709a1 1 0 0 0-1.414 0L9 16.58l-3.871-3.87a1 1 0 0 0-1.415 1.414l4.578 4.578a1 1 0 0 0 1.414 0l10.579-10.58a1 1 0 0 0 0-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.patch-heading{opacity:0;transform:translateY(30px);transition:all .8s ease}.patch-heading.visible{opacity:1;transform:translateY(0)}.patch-search-wrapper{text-align:center;margin-bottom:30px}#patch-search{padding:20px;width:300px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:border .2s ease;margin-bottom:40px}#patch-search:focus{border-color:#999}.hidden{display:none}.patches-section.active{display:block}.gps-section{margin-top:60px;display:none}.gps-section.active{display:block}.gps-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:20px}.gps-option{text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border-radius:12px;padding:10px}.gps-option img{width:200px;height:auto;border-radius:10px;max-width:100%}.gps-option.selected{transform:scale(1.05);border:2px solid #FCA311}.gps-option p{margin-top:10px;font-weight:600}.backpack-gallery{display:flex;flex-direction:column;align-items:center;gap:12px}.main-swiper{width:100%;max-width:600px}.thumbs-swiper{width:100%;max-width:600px;overflow:visible!important;height:auto!important}.thumbs-swiper .swiper-slide{width:auto!important;height:auto!important;flex-shrink:0;margin-right:10px}.thumbs-swiper img{height:80px;width:auto;border-radius:8px;object-fit:contain}.thumbs-swiper .swiper-wrapper{justify-content:center}.summary-section{margin-top:100px;margin-bottom:50px}.summary-grid{text-align:center;padding:0 50px;display:grid;grid-template-columns:1fr 1fr auto}#summary-patches{justify-content:center}.summary-grid h4{margin:10px auto 30px}#buy-button{display:flex;justify-content:center;width:150px;margin:0 auto!important;background-color:var(--secondary-orange)!important;border-color:var(--secondary-orange);padding:15px;text-decoration:none;color:#fff}#buy-button:hover{background-color:#fff!important;color:var(--secondary-orange)!important;box-shadow:0 10px 40px 5px #0000001a!important}#summary-gps-img{width:306px;max-height:150px;width:auto}@media (min-width:600px){.thumbs-swiper img{height:150px}}@media (max-width:423px){.backpack-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:0}.backpack-option img{width:100%}#summary-gps-img,#summary-backpack-img{max-width:100%}}.step1-header{margin-top:150px}.backpack-grid{margin-bottom:150px}@media (max-width:700px){.step1-header{margin-top:90px}.backpack-grid{margin-bottom:60px}}@media (min-width:1010px){.summary-grid{display:flex;justify-content:center;flex-wrap:nowrap;gap:20px}.patches-img-summary{width:100px}#summary-patches{max-width:730px}}.checkout-element{position:fixed;right:0;width:auto}.checkout-element h2{margin:0 auto!important;font-size:16px!important}.highlighted-h2{color:var(--secondary-orange)}.patches-img-summary{width:100px}h4{color:var(--secondary-orange)}@media (max-width:965px){#summary-backpack-img,#summary-gps-img{width:200px}#summary-patches{display:block!important;grid-template-columns:1fr 1fr}}@media (max-width:721px){.summary-grid{display:block;padding:0}.summary-element{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 20px 40px;min-height:280px}.summary-grid h4{margin:0}.patches-summary-element{background-color:#5c0ad6;color:#fff;display:block}#summary-patches .d-flex{grid-template-columns:1fr 1fr}.summary-section h2{background-color:#5c0ad6;color:#fff;padding:20px}.summary-section{margin-bottom:80px}.backpack-gallery{max-width:60%}.gps-option img{width:120px}}@media (max-width:721px){#summary-backpack-img,#summary-gps-img{width:150px}.patches-img-summary{width:75px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/styles-configurator.css.map */