@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";.comic-panel-section{padding:40px 0;background:#f5f5f5;background-position:top center;background-size:contain;background-repeat:no-repeat}.container{max-width:900px;margin:0 auto;padding:0 20px}.wrapper{display:grid;grid-gap:12px;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;max-width:100%;font-size:0;margin-top:-8rem}h1{font-family:Bangers,cursive;text-align:center;font-size:3rem;margin-bottom:1.5rem;color:#222;text-shadow:3px 3px 0 #ffd93d}.news-item{display:inline-block;min-height:400px;width:50%;margin-right:10px;margin-top:10px;position:relative}.panel-border,.panel-image{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center center;background-repeat:no-repeat;background-size:cover}.panel-border{background:#000;z-index:1;transform:scale(1.03)}.hero-item .panel-border{transform:scale(1.02)}.hero-item img{position:absolute;z-index:10;bottom:0;left:50%;transform:translate(-50%);max-width:500px;height:auto;animation:comicPop .6s ease-out}@keyframes comicPop{0%{opacity:0;transform:translate(-50%) scale(0) rotate(-10deg)}50%{transform:translate(-50%) scale(1.2) rotate(5deg)}70%{transform:translate(-50%) scale(.9) rotate(-3deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}.standard-item:nth-child(2) .panel-border{transform:scale(1.03)}.standard-item:nth-child(3) .panel-border{transform:scale(1.03)}.standard-item:nth-child(4) .panel-border{transform:scale(1.02)}.panel-image{z-index:2;transition:opacity .3s}.hero-item .panel-border,.hero-item .panel-image{clip-path:polygon(0 30%,100% 30%,100% calc(100% - 75px),0 100%)}.hero-item .panel-image{background-image:url(/cdn/shop/files/kf-influencer-product-bg-green.webp?v=1766608491)}.standard-item:nth-child(2) .panel-border,.standard-item:nth-child(2) .panel-image{clip-path:polygon(0 14%,0 86%,90% 81%,100% 8%)}.standard-item:nth-child(2) .panel-image{background-image:url(/cdn/shop/files/kf-influencer-product-bg-blue.webp?v=1766608093)}.standard-item:nth-child(3) .panel-border,.standard-item:nth-child(3) .panel-image{clip-path:polygon(13% 6%,4% 84%,100% 100%,100% 0%)}.standard-item:nth-child(3) .panel-image{background-image:url(/cdn/shop/files/kf-promo-bg-orangered.jpg?v=1767034260)}.standard-item:nth-child(4) .panel-border,.standard-item:nth-child(4) .panel-image{clip-path:polygon(45% 0,100% 15%,100% 70%,0 70%,0 5%)}.standard-item:nth-child(4) .panel-image{background-image:url(/cdn/shop/files/kf-promo-bg-purple.jpg?v=1767034260)}@supports (display: grid){.news-item{width:auto;min-height:0}.hero-item{grid-column:1 / span 2;grid-row:1 / 50}.standard-item:nth-child(2){grid-column:1 / span 1;grid-row:50 / 100;margin-top:-73px}.standard-item:nth-child(3){grid-column:2 / span 1;grid-row:50 / 100;margin-top:-65px;margin-left:-15%;margin-bottom:18px}.standard-item:nth-child(4){grid-column:1 / span 2;grid-row:100 / 150;margin-top:-107px}}.product-card{position:absolute;z-index:10;cursor:pointer;transition:transform .3s}.product-card:hover{transform:scale(1.05)}.product-card:hover~.panel-image{opacity:.8}.product-card .product-card-inner{text-align:center;transform:rotate(-3deg);width:300px;height:320px}.product-card .product-card-inner img{width:100%;height:100%;object-fit:cover;margin-bottom:8px;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.3));transition:transform .3s}.product-card:hover .product-card-inner img{transform:scale(1.05) rotate(2deg)}.product-card .product-card-inner h3{font-family:Bangers,cursive;font-size:16px;margin:0 0 4px;text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:2px 2px 0 #000}.product-card .product-card-inner .price{font-family:Bangers,cursive;font-size:20px;color:#ffd93d;margin:0;text-shadow:2px 2px 0 #000}.product-card .product-card-inner .price:before{content:"\2605  ";font-size:14px}.product-card .product-card-inner .price:after{content:" \2605";font-size:14px}.product-card .sold-out{display:block;font-family:Bangers,cursive;font-size:14px;color:#fff;background:#e63946;padding:4px 12px;margin-top:8px;border:2px solid #000;transform:rotate(-5deg)}.standard-item:nth-child(2) .product-card{top:40%;left:50%;transform:translate(-50%,-50%)}.standard-item:nth-child(2) .product-card:hover{transform:translate(-50%,-50%) scale(1.05)}.standard-item:nth-child(2) .product-card .product-card-inner{transform:rotate(-5deg)}.standard-item:nth-child(3) .product-card{top:50%;left:50%;transform:translate(-50%,-50%)}.standard-item:nth-child(3) .product-card:hover{transform:translate(-50%,-50%) scale(1.05)}.standard-item:nth-child(3) .product-card .product-card-inner{transform:rotate(4deg)}.standard-item:nth-child(4) .product-left{bottom:45%;left:8%}.standard-item:nth-child(4) .product-left .product-card-inner{transform:rotate(-6deg)}.standard-item:nth-child(4) .product-right{bottom:43%;right:8%}.standard-item:nth-child(4) .product-right .product-card-inner{transform:rotate(5deg)}.product-loading{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:100px auto}@keyframes spin{to{transform:rotate(360deg)}}.comic-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.comic-modal.active{display:block}.comic-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;animation:fadeIn .2s ease}.comic-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:6px solid #000;max-width:900px;width:95%;max-height:90vh;overflow:hidden;box-shadow:12px 12px #000;animation:popIn .3s ease}.comic-modal-close{position:absolute;top:5px;right:5px;width:40px;height:40px;background:#e63946;color:#fff;border:4px solid #000;border-radius:50%;font-size:2rem;cursor:pointer;z-index:10;font-family:Bangers,cursive;transition:transform .2s;display:flex;align-items:center;justify-content:center;line-height:1}.comic-modal-close:hover{transform:scale(1.1) rotate(10deg)}.comic-modal-body{display:grid;grid-template-columns:1fr 1fr}.modal-image-side{background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:2rem;min-height:400px}.modal-image-side img{max-width:100%;max-height:350px;object-fit:contain;filter:drop-shadow(6px 6px 12px rgba(0,0,0,.3))}.modal-info-side{padding:2rem;display:flex;flex-direction:column;justify-content:center;background:#fff}.modal-title{font-family:Bangers,cursive;color:#222;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:2px;font-size:1.5rem}.modal-price{font-family:Bangers,cursive;font-size:1.5rem;color:#2e8b57;margin-bottom:1.5rem}.modal-qty{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.modal-qty-label{font-family:Bangers,cursive;color:#222;font-size:1.2rem}.modal-qty-controls{display:flex;border:3px solid #000}.modal-qty-controls button{width:45px;height:45px;background:#ffd93d;border:none;color:#000;font-family:Bangers,cursive;font-size:1.5rem;cursor:pointer;transition:background .2s}.modal-qty-controls button:hover{background:#ffcd00}.modal-qty-controls input{width:60px;height:45px;border:none;border-left:3px solid #000;border-right:3px solid #000;text-align:center;font-family:Bangers,cursive;font-size:1.3rem;background:#fff;color:#222}.modal-add-btn{width:100%;padding:1rem;background:#fff;color:#000;border:4px solid #000;font-family:Bangers,cursive;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;box-shadow:6px 6px #000;transition:transform .2s,box-shadow .2s}.modal-add-btn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #000}.modal-add-btn.out-of-stock{background:#ccc;cursor:not-allowed}.modal-link{display:block;text-align:center;margin-top:1rem;font-family:Bangers,cursive;color:#4d96ff;text-decoration:none;font-size:1.1rem}.modal-link:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.comic-notification{position:fixed;bottom:20px;right:20px;background:green;color:#000;padding:1rem 2rem;border:4px solid #000;font-family:Bangers,cursive;font-size:1.3rem;box-shadow:6px 6px #000;transform:translateY(150%);transition:transform .3s;z-index:10000}.comic-notification.show{transform:translateY(0)}@media(max-width:768px){.wrapper{display:block}.hero-item img{max-width:280px}.news-item{width:100%!important;min-height:350px;margin:10px 0!important}.hero-item{min-height:200px}.hero-item .panel-border,.hero-item .panel-image,.standard-item .panel-border,.standard-item .panel-image{clip-path:none!important}.product-card .product-card-inner{width:100%}.product-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:20px auto}.product-card .product-card-inner{transform:none!important}.product-card .product-card-inner img{width:200px;height:220px}.standard-item:nth-child(4){display:flex;flex-wrap:wrap;justify-content:center;padding-top:50px}.comic-modal-body{grid-template-columns:1fr}.modal-image-side{min-height:250px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/comic-grid.css.map */