/* ========================================
   MEDIEVAL RABBIT - KOMPLETNE STYLE
   Skopiowano z prototypu HTML
   ======================================== */
html{font-size:130%}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#0a0a0a;color:#e5e5e5;overflow-x:hidden}
::selection{background:rgba(0,97,255,.5);color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0d0d0d}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#0061ff,#3d1a8e,#ff4d6d);border-radius:5px;border:2px solid #0d0d0d}
.gradient-text-rpg{background:linear-gradient(135deg,#60efff 0%,#C9A84C 35%,#E8C96A 50%,#6b3fcc 70%,#ff4d6d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rpg-border{position:relative;border:2px solid rgba(201,168,76,.25);border-radius:8px}
.rpg-border::before,.rpg-border::after{content:'\2726';position:absolute;color:rgba(201,168,76,.5);font-size:10px;line-height:1;z-index:5}
.rpg-border::before{top:-6px;left:50%;transform:translateX(-50%)}
.rpg-border::after{bottom:-6px;left:50%;transform:translateX(-50%)}
.rpg-border-corners{position:relative;border:1px solid rgba(201,168,76,.15);border-radius:8px;background:rgba(17,17,17,.85);backdrop-filter:blur(8px)}
.rpg-border-corners .corner{position:absolute;width:16px;height:16px;border-color:rgba(201,168,76,.45);border-style:solid;z-index:5}
.rpg-border-corners .corner.tl{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:6px 0 0 0}
.rpg-border-corners .corner.tr{top:-1px;right:-1px;border-width:2px 2px 0 0;border-radius:0 6px 0 0}
.rpg-border-corners .corner.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px;border-radius:0 0 0 6px}
.rpg-border-corners .corner.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 6px 0}
.card-rpg{transition:all .4s cubic-bezier(.4,.2,1)}
.card-rpg:hover{transform:translateY(-6px);box-shadow:0 0 30px rgba(61,26,142,.25),0 0 30px rgba(0,97,255,.25),0 8px 32px rgba(0,0,0,.4);border-color:rgba(201,168,76,.45)}
.video-thumb{position:relative;overflow:hidden;cursor:pointer}
.video-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.85) 0%,rgba(10,10,10,.1) 60%);pointer-events:none}
.video-thumb:hover img{transform:scale(1.05);filter:brightness(1.15) saturate(1.2)}
.video-thumb img{transition:all .7s ease}
.play-btn-rpg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:72px;height:72px;background:radial-gradient(circle,rgba(201,168,76,.9) 0%,rgba(201,168,76,.5) 60%,transparent 70%);border:2px solid rgba(201,168,76,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.video-thumb:hover .play-btn-rpg{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 40px rgba(201,168,76,.6)}
.promo-badge-rpg{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#3d1a8e,#ff4d6d);color:#fff;font-size:13px;font-weight:700;padding:3px 12px;border-radius:4px;z-index:5;border:1px solid rgba(255,255,255,.15);font-family:'MedievalSharp',cursive}
.category-icon-rpg{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}
.category-icon-rpg::after{content:'';position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,rgba(0,97,255,.3),transparent 50%,rgba(61,26,142,.3));z-index:-1;opacity:0;transition:opacity .3s ease}
.card-rpg:hover .category-icon-rpg::after{opacity:1}
.rune-divider{height:2px;background:linear-gradient(to right,transparent 0%,rgba(0,97,255,.4) 15%,rgba(201,168,76,.5) 50%,rgba(61,26,142,.4) 85%,transparent 100%);position:relative}
.rune-divider::before{content:'\u25C6';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(201,168,76,.6);font-size:8px;background:#111;padding:0 8px}
.btn-rpg{position:relative;padding:10px 28px;border:1px solid rgba(201,168,76,.4);border-radius:6px;background:linear-gradient(135deg,rgba(0,97,255,.3),rgba(61,26,142,.3));color:#E8C96A;font-family:'MedievalSharp',cursive;font-size:15px;letter-spacing:.05em;cursor:pointer;overflow:hidden;transition:all .3s ease}
.btn-rpg:hover{border-color:rgba(201,168,76,.7);background:linear-gradient(135deg,rgba(0,97,255,.5),rgba(61,26,142,.5));box-shadow:0 0 25px rgba(201,168,76,.2),inset 0 0 15px rgba(201,168,76,.05);transform:translateY(-1px)}
.btn-rpg::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,168,76,.15),transparent);transition:left .5s ease}
.btn-rpg::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,168,76,.15),transparent);transition:left .5s ease}
.btn-rpg:hover::before,.btn-rpg:hover::after{left:100%}
.btn-add-cart{padding:8px 16px;border:1px solid rgba(0,97,255,.35);border-radius:6px;background:linear-gradient(135deg,rgba(0,97,255,.2),rgba(61,26,142,.2));color:#60efff;font-family:'MedievalSharp',cursive;font-size:12px;letter-spacing:.03em;cursor:pointer;transition:all .3s ease;width:100%;text-align:center;display:block;text-decoration:none}
.btn-add-cart:hover{border-color:rgba(0,97,255,.7);background:linear-gradient(135deg,rgba(0,97,255,.4),rgba(61,26,142,.4));box-shadow:0 0 20px rgba(0,97,255,.2)}
.product-card{position:relative;overflow:hidden;cursor:pointer}
.product-card .product-img{width:100%;aspect-ratio:1;object-fit:cover;transition:all .5s ease}
.product-card:hover .product-img{transform:scale(1.06);filter:brightness(1.1)}
.product-card .product-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(17,17,17,.95) 0%,rgba(17,17,17,.3) 40%,transparent 60%);pointer-events:none}
.product-card .product-actions{position:absolute;bottom:0;left:0;right:0;padding:12px;z-index:5}
.promo-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#3d1a8e,#ff4d6d);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;z-index:5;border:1px solid rgba(255,255,255,.15);font-family:'MedievalSharp',cursive}
.tag-badge{position:absolute;top:8px;left:8px;font-size:9px;font-weight:700;padding:2px 8px;border-radius:4px;z-index:5;font-family:'MedievalSharp',cursive;letter-spacing:.05em}
.nav-link{position:relative}.nav-link::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:linear-gradient(to right,#0061ff,#C9A84C,#3d1a8e);transition:all .3s ease;transform:translateX(-50%)}
.nav-link:hover::after{width:100%}
.mobile-menu{max-height:0;overflow:hidden;transition:max-height .4s ease}.mobile-menu.open{max-height:400px}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.12;pointer-events:none}
@keyframes floatA{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}
@keyframes floatB{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-25px,20px) scale(.95)}66%{transform:translate(15px,-25px) scale(1.05)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.animate-in{animation:fadeInUp .7s ease forwards}
@keyframes kenBurns1{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-1%,-1%)}}
.particle img, .page img{max-width:100%}
.search-overlay{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.85);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:all .3s ease}
.search-overlay.open{opacity:1;pointer-events:auto}
.search-results-panel{position:fixed;top:0;left:0;right:0;z-index:101;background:linear-gradient(180deg,rgba(13,13,13,.98) 0%,rgba(13,13,13,.95) 100%);border-bottom:1px solid rgba(201,168,76,.15);transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(16px)}
.search-results-panel.open{transform:translateY(0)}
.top-bar-link{transition:all .2s ease}.top-bar-link:hover{color:#E8C96A}
.breadcrumb-item{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.4);font-family:'Inter',sans-serif}
.breadcrumb-item a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}
.breadcrumb-item a:hover{color:#60efff}
.breadcrumb-sep{color:rgba(201,168,76,.3);font-size:8px}
.social-icon{width:36px;height:36px;border-radius:8px;border:1px solid rgba(201,168,76,.1);display:flex;align-items:center;justify-content:center;transition:all .25s ease;background:rgba(17,17,17,.5)}
.social-icon:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.3)}
.toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:14px 24px;background:linear-gradient(135deg,#1c1c1c,#111);border:1px solid rgba(201,168,76,.3);border-radius:8px;color:#E8C96A;font-size:14px;font-family:'MedievalSharp',cursive;box-shadow:0 0 20px rgba(201,168,76,.15),0 8px 32px rgba(0,0,0,.5);transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.toast.show{transform:translateY(0);opacity:1}
.cat-tree-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none}
.cat-tree-item:hover{background:rgba(0,97,255,.06);border-color:rgba(0,97,255,.1)}
.cat-tree-item.active{background:rgba(0,97,255,.1);border-color:rgba(0,97,255,.2);color:#60efff}
.cat-tree-parent{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:'MedievalSharp',cursive;font-size:13px;color:rgba(255,255,255,.75);border:1px solid transparent}
.cat-tree-parent:hover{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.1);color:#E8C96A}
.cat-tree-parent.active{background:rgba(201,168,76,.08);border-color:rgba(201,168,76,.2);color:#E8C96A}
.cat-tree-children{max-height:0;overflow:hidden;transition:max-height .4s ease;padding-left:16px}
.cat-tree-children.open{max-height:500px}
.cat-tree-arrow{transition:transform .3s ease;font-size:10px;color:rgba(201,168,76,.4)}
.cat-tree-parent.active .cat-tree-arrow{transform:rotate(90deg);color:rgba(201,168,76,.8)}
.cat-count{font-size:10px;color:rgba(255,255,255,.3);margin-left:auto;font-family:'Inter',sans-serif;white-space:nowrap}
.qr-glow{position:relative}
.qr-glow::before{content:'';position:absolute;inset:-12px;border-radius:20px;background:radial-gradient(circle,rgba(0,97,255,.15) 0%,rgba(61,26,142,.1) 40%,transparent 70%);z-index:-1;pointer-events:none}
.hero-carousel{position:relative;width:100%;height:70vh;min-height:400px;max-height:750px;overflow:hidden}
.carousel-track{display:flex;height:100%;transition:transform .8s cubic-bezier(.65,0,.35,1)}
.carousel-slide{min-width:100%;height:100%;position:relative;overflow:hidden}
.carousel-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 6s ease-out}
.carousel-slide.active img{transform:scale(1)}
.hero-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:120px;z-index:3;background:linear-gradient(to top,#0a0a0a 0%,transparent 100%);pointer-events:none}
.play-btn-rpg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:72px;height:72px;background:radial-gradient(circle,rgba(201,168,76,.9) 0%,rgba(201,168,76,.5) 60%,transparent 70%);border:2px solid rgba(201,168,76,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.video-thumb:hover .play-btn-rpg{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 40px rgba(201,168,76,.6)}
.rpg-border-corners{position:relative;border:1px solid rgba(201,168,76,.15);border-radius:8px;background:rgba(17,17,17,.85);backdrop-filter:blur(8px)}
.rpg-border-corners .corner{position:absolute;width:16px;height:16px;border-color:rgba(201,168,76,.45);border-style:solid;z-index:5}
.rpg-border-corners .corner.tl{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:6px 0 0 0}
.rpg-border-corners .corner.tr{top:-1px;right:-1px;border-width:2px 2px 0 0;border-radius:0 6px 0 0}
.rpg-border-corners .corner.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px;border-radius:0 0 0 6px}
.rpg-border-corners .corner.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 6px 0}