.niko-recs-wrapper{width:100%;margin-left:calc(-50vw + 50%);padding:60px max(24px,calc((100vw - 1180px)/2));box-sizing:border-box;position:relative;overflow:hidden}.bg-decor{position:absolute;z-index:1;pointer-events:none;width:var(--decor-size);height:var(--decor-size)}.bg-decor.pos-tl{top:0;left:0;transform:translate(-20%,-20%)}.bg-decor.pos-tr{top:0;right:0;transform:translate(20%,-20%)}.bg-decor.pos-bl{bottom:0;left:0;transform:translate(-20%,20%)}.bg-decor.pos-br{bottom:0;right:0;transform:translate(20%,20%)}.bg-decor .decor-inner{width:100%;height:100%;border-radius:50%;display:block}.type-solid-static .decor-inner{background:var(--decor-color)}.type-solid-float .decor-inner{background:var(--decor-color);animation:decorFloat 5s ease-in-out infinite}.type-solid-pulse .decor-inner{background:var(--decor-color);animation:decorPulse 4s ease-in-out infinite}.type-hollow-float .decor-inner{border:4px solid var(--decor-color);background:transparent;animation:decorFloat 6s ease-in-out infinite reverse}.type-line-static .decor-inner{border:2px solid var(--decor-color);background:transparent}.type-line-sway .decor-inner{border:2px solid var(--decor-color);background:transparent;animation:decorSway 7s ease-in-out infinite}.type-dots-drift .decor-inner{background-image:radial-gradient(var(--decor-color) 20%,transparent 20%);background-size:20px 20px;animation:decorDrift 15s linear infinite}@keyframes decorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}@keyframes decorPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.2);opacity:.3}}@keyframes decorSway{0%,to{transform:rotate(0)}50%{transform:rotate(20deg)}}@keyframes decorDrift{0%{transform:translate(0) rotate(0)}50%{transform:translate(30px,30px) rotate(15deg)}to{transform:translate(0) rotate(0)}}@media(max-width:767px){.bg-decor{width:calc(var(--decor-size) * .5);height:calc(var(--decor-size) * .5)}.bg-decor.pos-bl{transform:translate(-20%,40%)}.bg-decor.pos-br{transform:translate(20%,40%)}}.niko-recs-head,.niko-rec-grid{position:relative;z-index:2}.niko-recs-head{text-align:center;max-width:700px;margin:0 auto 50px}.niko-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;color:var(--eyebrow-color)}.niko-recs-title{font-weight:900;margin:0 0 20px;line-height:1.2}.niko-title-line-1{color:var(--title-1-color);display:block}.niko-title-line-2{color:var(--title-2-color);display:block}.niko-recs-desc{font-size:16px;line-height:1.5;color:var(--desc-color)}.niko-rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:stretch;max-width:1100px;margin:0 auto}.niko-rec-card{background:var(--card-bg-color);border-radius:24px;padding:0;display:flex;flex-direction:column;box-shadow:0 10px 35px #0000000a;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.niko-rec-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000014}.niko-rec-img-wrap{background:transparent;margin:0;padding:0;display:block;width:100%;aspect-ratio:1 / 1;border-radius:24px 24px 0 0!important;overflow:hidden!important}.niko-rec-img-wrap img{width:100%;height:100%;object-fit:contain;display:block;border-radius:24px 24px 0 0!important}.niko-rec-img-link{display:block;width:100%;height:100%;text-decoration:none}.niko-rec-title-link{text-decoration:none;color:inherit}.niko-rec-title-link:hover{opacity:.8}.niko-rec-info{flex-grow:1;display:flex;flex-direction:column;padding:20px}.niko-rec-name{font-weight:900;margin:0 0 10px;color:var(--card-title-color)}.niko-rec-short-desc{font-size:14px;line-height:1.5;margin:0 0 25px;color:var(--card-desc-color)}.niko-variant-wrapper{margin-bottom:20px;text-align:left;margin-top:auto}.niko-variant-label{display:block;font-size:14px;color:var(--card-desc-color);margin-bottom:8px}.niko-variant-select{width:100%;padding:10px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;background-color:#fff;color:#333;cursor:pointer;outline:none;transition:border-color .2s}.niko-variant-select:focus{border-color:var(--eyebrow-color)}.niko-rec-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.niko-rec-price{font-weight:900;font-size:20px;color:var(--card-price-color)}.niko-rec-form{margin:0;display:flex;flex-direction:column;height:100%}.niko-rec-btn{background:var(--btn-bg-color);color:var(--btn-text-color);border:none;padding:12px 24px;border-radius:30px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;width:auto}.niko-rec-btn:hover{transform:translateY(-4px);background:var(--btn-hover-bg-color);color:var(--btn-hover-text-color)!important}.wrapper--bottom{padding-top:0}.niko-rec-toast-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background-color:#543c75;color:#fff;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:700;box-shadow:0 10px 25px #0003;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:9999999}.niko-rec-toast-message.show{transform:translate(-50%) translateY(0);opacity:1;visibility:visible}@media(max-width:900px){.niko-rec-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}@media(max-width:600px){.niko-rec-grid{grid-template-columns:1fr;max-width:400px}.niko-recs-wrapper{padding:40px max(24px,calc((100vw - 1180px)/2))}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/niko-recommendations.css.map */