.koko-recs{padding:3rem 0 2.5rem;background:#fff}.koko-recs__header{text-align:center;margin-bottom:1.75rem;padding:0 1rem}.koko-recs__title{font-size:clamp(1.3rem,3vw,2rem);font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#1e293b;margin:0 0 .25rem}.koko-recs__subtitle{font-size:.9rem;color:#9ca3af;margin:0}.koko-recs__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:1400px;margin:0 auto;padding:0 1.5rem}@media(max-width:768px){.koko-recs__grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 1rem}}.koko-recs__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:12px;overflow:hidden;border:1px solid #F3F4F6;background:#fff;position:relative;z-index:0;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.koko-recs__card:hover,.koko-recs__card:focus-visible{transform:translateY(-6px);border-color:#ff2d9b;z-index:2;animation:kokoRecsNeon 1.6s ease-in-out infinite}@keyframes kokoRecsNeon{0%,to{box-shadow:0 0 4px #e5007d8c,0 0 12px #e5007d5c,0 0 26px #e5007d33,0 10px 24px #e5007d1f}50%{box-shadow:0 0 7px #e5007de6,0 0 20px #e5007d99,0 0 44px #e5007d57,0 10px 26px #e5007d29}}.koko-recs__card-title{transition:color .22s ease}.koko-recs__card:hover .koko-recs__card-title{color:#e5007d}.koko-recs__card-img{aspect-ratio:1;overflow:hidden;background:#f9fafb}.koko-recs__card-img img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s ease}.koko-recs__card:hover .koko-recs__card-img img{transform:scale(1.07)}@media(prefers-reduced-motion:reduce){.koko-recs__card,.koko-recs__card-img img,.koko-recs__card-title{transition:none}.koko-recs__card:hover,.koko-recs__card:hover .koko-recs__card-img img{transform:none}}.koko-recs__card-body{padding:.65rem .75rem .75rem;display:flex;flex-direction:column;gap:.2rem;flex:1}.koko-recs__card-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#1e293b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.koko-recs__card-price{font-size:.9rem;font-weight:700;color:#e5007d}.koko-recs__card-wrap{position:relative}.koko-recs__add-btn{position:absolute;bottom:4.2rem;right:.6rem;width:3.08rem;height:3.08rem;border-radius:50%;background:#e5007d;color:#fff;border:none;font-size:1.96rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #e5007d59;transition:background .18s ease,transform .15s ease;z-index:2}.koko-recs__add-btn:hover{background:#c4006a;transform:scale(1.1)}.koko-recs__add-btn--added{background:#22c55e!important}.koko-recs__add-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.koko-recs__source{font-size:.7rem;color:#d1d5db;text-align:center;margin-top:1.25rem;letter-spacing:.05em}.koko-recs__skeleton{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(max-width:768px){.koko-recs__skeleton{grid-template-columns:repeat(2,1fr);padding:0 1rem}}.koko-recs__skeleton-card{border-radius:12px;overflow:hidden;background:#f3f4f6;aspect-ratio:.85;animation:koko-pulse 1.4s ease-in-out infinite}@keyframes koko-pulse{0%,to{opacity:1}50%{opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kokorocao-recommendations.css.map */