.joj-wrapper{--joj-bg: #FCF6EE;--joj-card-bg: #FBF6F2;--joj-navy: #0B1528;--joj-dark: #111111;--joj-gray: #6B7280;--joj-blue: #0081C8;--joj-yellow: #FCB131;--joj-black: #111111;--joj-green: #00A651;--joj-red: #EE334E;background-color:var(--joj-bg);color:var(--joj-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;position:relative;overflow-x:hidden;padding:0 0 60px}.joj-container{max-width:1120px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.joj-nav{padding:26px 0 10px}.joj-nav-inner{display:flex;align-items:center;justify-content:space-between}.joj-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--joj-dark);font-weight:800;font-size:21px;letter-spacing:.09em}.joj-logo-bars{display:flex;align-items:center;gap:3.5px;height:22px}.joj-logo-bar{width:3.5px;background-color:var(--joj-dark);border-radius:2px}.joj-logo-bar:nth-child(1){height:11px}.joj-logo-bar:nth-child(2){height:21px}.joj-logo-bar:nth-child(3){height:17px}.joj-logo-bar:nth-child(4){height:12px}.joj-nav-links{display:flex;align-items:center;gap:40px;list-style:none;margin:0;padding:0}.joj-nav-link{text-decoration:none;color:var(--joj-dark);font-size:15px;font-weight:500;transition:color .2s}.joj-nav-link:hover{color:var(--joj-blue)}.joj-nav-actions{display:flex;align-items:center;gap:20px}.joj-icon-btn{background:none;border:none;color:var(--joj-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;transition:background .2s,transform .2s;text-decoration:none}.joj-icon-btn:hover{background:#0000000d;transform:scale(1.05)}.joj-hero{position:relative;padding:20px 0 8px;text-align:center}.joj-hero-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 24px;border-radius:9999px;border:1.5px solid transparent;background-image:linear-gradient(var(--joj-bg),var(--joj-bg)),linear-gradient(90deg,#0081c8,#fcb131,#00a651 70%,#ee334e);background-origin:border-box;background-clip:padding-box,border-box;margin-bottom:20px;position:relative;z-index:10;box-shadow:0 2px 10px #00000008}.joj-hero-badge span{font-size:13.5px;font-weight:700;letter-spacing:.1em;color:var(--joj-dark);text-transform:uppercase}.joj-mascot-zone{position:relative;width:100%;max-width:360px;margin:0 auto;height:360px}.joj-mascot-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;animation:joj-mascot-cycle 6s infinite}.joj-mascot-item--1{animation-delay:0s}.joj-mascot-item--2{animation-delay:2s}.joj-mascot-item--3{animation-delay:4s}.joj-mascot-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}@keyframes joj-mascot-cycle{0%{opacity:0}5%{opacity:1}28%{opacity:1}33%{opacity:0}to{opacity:0}}.joj-product-form-wrap .loading-overlay__spinner{display:none;width:16px;height:16px}.joj-product-form-wrap .loading-overlay__spinner.hidden{display:none}.joj-product-form-wrap .joj-btn-atc.loading .loading-overlay__spinner{display:inline-block}.joj-product-form-wrap .spinner{animation:rotator 1.4s linear infinite;width:16px;height:16px}.joj-product-form-wrap .spinner .path{stroke:currentColor;stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.joj-product-form-wrap .product-form__error-message-wrapper{display:none;color:#ee334e;font-size:12px;margin-bottom:6px}.joj-btn-atc[aria-disabled=true]{opacity:.6;cursor:not-allowed}.joj-c-blue{color:var(--joj-blue)}.joj-c-yellow{color:var(--joj-yellow)}.joj-c-black{color:var(--joj-black)}.joj-c-green{color:var(--joj-green)}.joj-c-red{color:var(--joj-red)}.joj-bg-blue{background-color:var(--joj-blue)}.joj-bg-yellow{background-color:var(--joj-yellow)}.joj-bg-black{background-color:var(--joj-black)}.joj-bg-green{background-color:var(--joj-green)}.joj-bg-red{background-color:var(--joj-red)}.joj-grid-section{padding:4px 0 50px;position:relative;z-index:10}.joj-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.joj-card{background:var(--joj-card-bg);border-radius:28px;padding:32px 32px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:410px;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 20px #00000005;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.joj-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -12px #00000012}.joj-card-corner-swoosh{display:none!important}.joj-card-badge{position:relative;z-index:2;align-self:flex-start}.joj-card-badge-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:9999px;border:1.5px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#0081c8,#fcb131 40%,#00a651,#ee334e);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 2px 6px #00000008}.joj-badge-rings-svg{width:28px;height:14px;display:block}.joj-badge-text-stack{display:flex;flex-direction:column;line-height:1.05;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--joj-dark);text-align:left}.joj-card-img-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:205px;margin:10px 0 16px}.joj-card-img{max-width:82%;max-height:190px;width:auto;height:auto;object-fit:contain;transition:transform .4s ease}.joj-card:hover .joj-card-img{transform:scale(1.05)}.joj-card-content{position:relative;z-index:2}.joj-card-title{font-size:20px;font-weight:800;color:var(--joj-navy);margin:0 0 6px;line-height:1.2;letter-spacing:-.015em}.joj-card-subtitle{font-size:13.5px;color:var(--joj-gray);margin:0 0 16px;font-weight:500}.joj-card-img-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}.joj-card-title-link{text-decoration:none;color:inherit;display:block}.joj-card-title-link:hover .joj-card-title{color:var(--joj-blue)}.joj-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.joj-card-price{font-size:21px;font-weight:800;color:var(--joj-navy)}.joj-product-form-wrap{display:inline-flex}.joj-card-form{margin:0}.joj-btn-atc{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--joj-navy);color:#fff;font-family:inherit;font-size:13.5px;font-weight:700;letter-spacing:.02em;padding:10px 20px;border-radius:9999px;border:1px solid rgba(255,255,255,.12);text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0b152833;white-space:nowrap}.joj-btn-atc svg{width:16px;height:16px;flex-shrink:0;transition:transform .2s}.joj-btn-atc:hover:not([disabled]){background:#000;transform:translateY(-2px);box-shadow:0 8px 20px #00000047}.joj-btn-atc:hover:not([disabled]) svg{transform:scale(1.1)}.joj-btn-atc[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.joj-bottom-banner{border-radius:32px;overflow:hidden;background-color:#07152d;background-repeat:no-repeat;background-position:center right;background-size:cover;min-height:310px;display:flex;align-items:center;position:relative;box-shadow:0 20px 50px -15px #07152d66;margin-top:20px}.joj-banner-content{padding:44px 50px;max-width:530px;position:relative;z-index:2;color:#fff}.joj-banner-title{font-size:clamp(26px,3.4vw,36px);font-weight:900;line-height:1.15;margin:0 0 14px;color:#fff;letter-spacing:-.025em}.joj-title-joj{display:inline-flex;align-items:center}.joj-title-joj-blue{color:#0081c8}.joj-title-joj-yellow{color:#fcb131}.joj-title-joj-green{color:#00a651}.joj-banner-desc{font-size:15px;line-height:1.55;color:#ffffffe0;margin:0 0 26px}.joj-banner-cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--joj-navy);font-size:15px;font-weight:800;padding:14px 28px;border-radius:9999px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 6px 20px #00000026}.joj-banner-cta:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 10px 25px #00000040}.joj-banner-cta svg{width:17px;height:17px;transition:transform .2s}.joj-banner-cta:hover svg{transform:translate(4px)}.joj-bottom-waves{position:absolute;bottom:0;right:0;width:620px;max-width:80%;pointer-events:none;z-index:1}@media(max-width:900px){.joj-banner-content{padding:34px 32px}.joj-mascot-zone{max-width:280px;height:280px}}@media(max-width:768px){.joj-wrapper{padding-bottom:40px}.joj-nav-links{display:none}.joj-mascot-zone{max-width:220px;height:220px}.joj-products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.joj-card{min-height:unset;padding:16px 12px 14px;border-radius:18px}.joj-card-img{height:130px}.joj-card-title{font-size:13px}.joj-card-subtitle{display:none}.joj-card-price{font-size:14px}.joj-btn-atc{font-size:11px;padding:7px 10px;gap:4px}.joj-bottom-banner{background-position:70% center}.joj-banner-content{max-width:100%;padding:32px 24px;background:linear-gradient(90deg,#07152df2,#07152dcc 60%,#07152d66)}.joj-official-logo{width:120px}}.joj-official-logo-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 50px;gap:12px;position:relative;z-index:5}.joj-official-logo{width:180px;height:auto;display:block;filter:drop-shadow(0 4px 16px rgba(0,0,0,.1));border-radius:12px}.joj-official-logo-caption{font-size:12px;font-weight:500;color:var(--joj-gray);letter-spacing:.04em;text-align:center;margin:0;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/47/assets/cw-joj-vibes.css.map */