/* ═══ CATEGORY GRID ═══ */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1.2rem}
.cat-card{
  background:var(--panel);border:1px solid rgba(255,0,170,.1);padding:1.5rem 1rem;text-align:center;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  cursor:pointer;transition:all .25s;position:relative;overflow:hidden
}
.cat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,0,170,.03),transparent);pointer-events:none}
.cat-card:hover{border-color:var(--mag);transform:translateY(-3px);box-shadow:var(--gm)}
.cat-card.active{border-color:var(--cya);box-shadow:var(--gc)}
.cat-emoji{font-size:2.5rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 0 8px rgba(255,0,170,.3));animation:floatY 3s ease-in-out infinite}
.cat-name{font-family:'Orbitron',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:.2rem}
.cat-count{font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--mut);letter-spacing:.1em}

/* ═══ DEVICE LIST (after category selected) ═══ */
#device-section{display:none}
.back-btn{font-family:'Share Tech Mono',monospace;font-size:1.15rem;color:var(--cya);cursor:pointer;background:transparent;border:1px solid rgba(0,255,249,.2);padding:.3rem .8rem;margin-bottom:1rem;transition:all .2s}
.back-btn:hover{border-color:var(--cya);background:rgba(0,255,249,.06)}
.dev-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.dev-card{
  background:var(--panel);border:1px solid rgba(255,0,170,.1);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  cursor:pointer;transition:all .25s;overflow:hidden;position:relative
}
.dev-card:hover{border-color:var(--mag);transform:translateY(-3px);box-shadow:var(--gm)}
.dev-card-inner{padding:1.2rem;text-align:center}
.dev-card-emoji{font-size:2rem;margin-bottom:.4rem}
.dev-card-brand{font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--mag);letter-spacing:.12em}
.dev-card-name{font-family:'Orbitron',sans-serif;font-size:1.2rem;font-weight:700;margin:.2rem 0}
.dev-card-specs{font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--mut);line-height:1.4}
.dev-card-price{font-family:'Orbitron',sans-serif;font-size:1rem;color:var(--mut);margin-top:.4rem}
.dev-card-price span{text-decoration:line-through}
.dev-card-from{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:900;color:var(--yel);text-shadow:var(--gy);margin-top:.2rem}
.dev-card-badge{position:absolute;top:.5rem;right:.5rem;font-family:'Share Tech Mono',monospace;font-size:1rem;color:var(--yel);background:rgba(245,230,66,.06);border:1px solid rgba(245,230,66,.2);padding:.1rem .4rem;border-radius:2px}
.dev-card-count{font-family:'Share Tech Mono',monospace;font-size:1.05rem;color:var(--cya);background:rgba(0,255,249,.05);border:1px solid rgba(0,255,249,.12);padding:.12rem .4rem;border-radius:2px;margin-top:.4rem;display:inline-block}
.dev-detail-btn{
  display:block;width:100%;padding:.35rem;background:rgba(0,255,249,.05);
  border:none;border-top:1px solid rgba(0,255,249,.15);
  color:var(--cya);font-family:'Share Tech Mono',monospace;font-size:1.1rem;
  letter-spacing:.08em;cursor:pointer;transition:all .2s
}
.dev-detail-btn:hover{background:rgba(0,255,249,.1)}

/* ═══ PRODUCT IMAGE IN CARD ═══ */
.dev-card-img-wrap{
  width:100%;height:160px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 40%,rgba(255,0,170,.06),rgba(0,0,5,.95));
  overflow:hidden;position:relative;perspective:800px;margin-bottom:.5rem
}
.dev-card-img{
  max-height:140px;max-width:85%;object-fit:contain;
  transition:transform .4s ease;filter:drop-shadow(0 4px 20px rgba(255,0,170,.2));
  transform-style:preserve-3d
}
.dev-card:hover .dev-card-img{transform:rotateY(8deg) scale(1.05)}
.dev-card-img-placeholder{
  width:80px;height:120px;border-radius:12px;
  background:linear-gradient(135deg,rgba(255,0,170,.15),rgba(0,255,249,.1));
  border:1px solid rgba(255,0,170,.2);display:flex;align-items:center;justify-content:center;
  font-size:2rem
}

/* ═══ 3D PRODUCT VIEWER (detail page) ═══ */
.viewer-3d{
  width:100%;max-width:300px;height:350px;perspective:1200px;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 30%,rgba(255,0,170,.08),rgba(0,0,5,.98));
  border:1px solid rgba(255,0,170,.15);position:relative;cursor:grab;
  overflow:hidden;margin:0 auto
}
.viewer-3d:active{cursor:grabbing}
.viewer-3d img{
  max-height:300px;max-width:90%;object-fit:contain;
  transition:transform .1s ease-out, opacity .2s ease;transform-style:preserve-3d;
  filter:drop-shadow(0 8px 30px rgba(255,0,170,.3))
}
.viewer-3d-hint{
  position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);
  font-family:'Share Tech Mono',monospace;font-size:1rem;color:var(--mag);
  background:rgba(0,0,0,.7);padding:.15rem .5rem;border-radius:2px;
  opacity:.7;pointer-events:none
}

/* ═══ SPECS TABLE ═══ */
.specs-grid{display:grid;grid-template-columns:1fr;gap:.15rem;margin-top:.6rem;max-width:420px}
.spec-item{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid rgba(255,0,170,.04);font-size:1.2rem;gap:.5rem}
.spec-label{font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--mut);letter-spacing:.06em;white-space:nowrap;min-width:70px}
.spec-value{font-family:'Rajdhani',sans-serif;font-weight:600;color:var(--wht);text-align:right}
.specs-toggle{
  font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--cya);
  cursor:pointer;background:transparent;border:1px solid rgba(0,255,249,.15);
  padding:.25rem .7rem;margin-top:.5rem;transition:all .2s;border-radius:2px
}
.specs-toggle:hover{background:rgba(0,255,249,.06);border-color:var(--cya)}

/* ═══ DEVICE DETAIL HEADER (config page) ═══ */
.config-device-header{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}
.config-device-info{flex:1;min-width:200px}
#tariff-section{display:none}
.config-box{background:var(--panel);border:1px solid var(--bm);padding:1.2rem;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));margin-bottom:1rem}
.config-title{font-family:'Orbitron',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}
.config-title .dev-sel-name{color:var(--cya)}
.gb-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
.gb-chip{
  padding:.4rem .9rem;background:transparent;border:1px solid rgba(255,0,170,.15);
  color:rgba(232,232,255,.5);font-family:'Share Tech Mono',monospace;font-size:1.2rem;
  cursor:pointer;transition:all .2s;border-radius:2px
}
.gb-chip:hover{border-color:rgba(255,0,170,.4);color:var(--wht)}
.gb-chip.sel{background:rgba(255,0,170,.1);border-color:var(--mag);color:var(--mag);box-shadow:0 0 8px rgba(255,0,170,.15)}
.choice-btns{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap}
.choice-btn{
  flex:1;min-width:200px;padding:1rem;text-align:center;cursor:pointer;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  transition:all .25s;border:1px solid rgba(255,0,170,.2);background:rgba(255,0,170,.03)
}
.choice-btn:hover{border-color:var(--mag);background:rgba(255,0,170,.08);transform:translateY(-2px)}
.choice-btn-icon{font-size:1.8rem;display:block;margin-bottom:.4rem}
.choice-btn-title{font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:700;color:var(--mag)}
.choice-btn-sub{font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--mut);margin-top:.2rem}
.choice-btn.kira{border-color:rgba(0,255,249,.2);background:rgba(0,255,249,.03)}
.choice-btn.kira:hover{border-color:var(--cya);background:rgba(0,255,249,.08)}
.choice-btn.kira .choice-btn-title{color:var(--cya)}

/* ═══ RESULTS ═══ */
#results-section{display:none}
.results-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.result-info{font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--mut)}

/* ═══ TARIFF TABLE ═══ */
.tariff-table{border:1px solid var(--bm);overflow:hidden;overflow-x:auto}
.tt-head{display:grid;grid-template-columns:160px 1fr 110px 110px 120px;gap:.3rem;padding:.5rem .8rem;background:rgba(255,0,170,.04);font-family:'Share Tech Mono',monospace;font-size:1.05rem;letter-spacing:.08em;color:var(--mut)}
.tt-row{display:grid;grid-template-columns:160px 1fr 110px 110px 120px;gap:.3rem;padding:.5rem .8rem;border-top:1px solid rgba(255,0,170,.05);align-items:center;transition:background .15s;font-size:1.1rem}
.tt-row:hover{background:rgba(255,0,170,.03)}
.tt-prov{font-family:'Orbitron',sans-serif;font-size:1.2rem;font-weight:700}
.tt-tarif{font-size:1.05rem}.tt-tarif small{display:block;font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--mut)}
.tt-data strong{color:var(--cya);font-family:'Share Tech Mono',monospace;font-size:1.2rem}
.tt-price{font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:900;color:var(--yel);text-shadow:var(--gy)}
.tt-net{font-family:'Share Tech Mono',monospace;font-size:1.1rem;display:flex;align-items:center;gap:.25rem}
.tt-net-dot{width:6px;height:6px;border-radius:50%;display:inline-block}
.tt-einmal{font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--mut)}
.tt-btn{padding:.3rem .7rem;background:transparent;border:1px solid var(--mag);color:var(--mag);font-family:'Share Tech Mono',monospace;font-size:1.1rem;cursor:pointer;clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px);transition:all .18s;white-space:nowrap}
.tt-btn:hover{background:var(--mag);color:#000}
.tt-aff-link{display:block;margin-top:.25rem;font-family:'Share Tech Mono',monospace;font-size:.95rem;color:var(--cya);text-decoration:none;cursor:pointer;opacity:.7;transition:opacity .18s}
.tt-aff-link:hover{opacity:1;text-decoration:underline}
.tt-best{font-family:'Share Tech Mono',monospace;font-size:1rem;color:var(--grn);background:rgba(0,255,65,.06);border:1px solid rgba(0,255,65,.12);padding:.06rem .25rem;border-radius:2px;margin-left:.3rem}

/* ═══ KIRA RESULT ═══ */
.kira-result{background:var(--panel);border:1px solid rgba(0,255,249,.2);padding:1.5rem;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));margin-bottom:1rem}
.kira-result h3{font-family:'Orbitron',sans-serif;font-size:1.15rem;color:var(--cya);margin-bottom:.8rem}
.kira-pick{background:rgba(0,255,249,.04);border:1px solid rgba(0,255,249,.15);padding:1rem;margin-bottom:.6rem;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}
.kira-pick-rank{font-family:'Orbitron',sans-serif;font-size:1.2rem;color:var(--mag);margin-bottom:.3rem}
.kira-pick-prov{font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:900}
.kira-pick-tarif{font-size:1.1rem;color:var(--mut);margin:.2rem 0}
.kira-pick-price{font-family:'Orbitron',sans-serif;font-size:1.4rem;font-weight:900;color:var(--yel);text-shadow:var(--gy)}
.kira-pick-why{font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--grn);margin-top:.3rem}
.kira-pick-btn{display:inline-block;margin-top:.5rem;padding:.4rem 1rem;background:transparent;border:1px solid var(--cya);color:var(--cya);font-family:'Share Tech Mono',monospace;font-size:1.1rem;cursor:pointer;transition:all .2s}
.kira-pick-btn:hover{background:var(--cya);color:#000}

/* ═══ KIRA CHAT (simple) ═══ */
.kira-chat-box{background:var(--panel);border:1px solid var(--bm);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));overflow:hidden;max-width:700px;margin-top:1rem}
.kc-head{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:rgba(255,0,170,.03);border-bottom:1px solid rgba(255,0,170,.06)}
.kc-av{font-size:1.3rem}.kc-title{font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:700;color:var(--mag)}
.kc-sub{font-family:'Share Tech Mono',monospace;font-size:1.05rem;color:var(--mut)}
.kc-msgs{height:250px;overflow-y:auto;padding:.6rem 1rem;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,0,170,.3) transparent}
.kc-msg{max-width:82%;padding:.5rem .8rem;font-size:1.05rem;line-height:1.5;animation:fadeUp .3s ease both}
.kc-msg.kira{background:rgba(255,0,170,.05);border:1px solid rgba(255,0,170,.12);border-radius:0 6px 6px 6px;align-self:flex-start}
.kc-msg.kira::before{content:'🤖 KIRA';display:block;font-family:'Share Tech Mono',monospace;font-size:1rem;color:var(--mag);margin-bottom:.2rem;letter-spacing:.08em}
.kc-msg.user{background:rgba(0,255,249,.03);border:1px solid rgba(0,255,249,.12);border-radius:6px 0 6px 6px;align-self:flex-end}
.kc-msg.user::before{content:'DU';display:block;font-family:'Share Tech Mono',monospace;font-size:1rem;color:var(--cya);margin-bottom:.2rem;text-align:right}
.kc-input-row{display:flex;gap:.4rem;padding:.6rem 1rem;border-top:1px solid rgba(255,0,170,.06)}
.kc-input{flex:1;background:rgba(0,0,5,.8);border:1px solid var(--bm);color:var(--wht);padding:.4rem .7rem;font-family:'Rajdhani',sans-serif;font-size:1.1rem;outline:none}
.kc-input:focus{border-color:var(--mag)}
.kc-send{padding:.4rem 1rem;background:var(--mag);color:#000;border:none;font-family:'Share Tech Mono',monospace;font-size:1.1rem;font-weight:700;cursor:pointer}
.kc-chips{display:flex;flex-wrap:wrap;gap:.25rem;padding:.4rem 1rem;border-bottom:1px solid rgba(255,0,170,.04)}
.kc-chip{padding:.2rem .5rem;background:rgba(0,255,249,.03);border:1px solid rgba(0,255,249,.1);color:var(--cya);font-family:'Share Tech Mono',monospace;font-size:1.05rem;cursor:pointer;border-radius:2px;transition:all .2s}
.kc-chip:hover{background:rgba(0,255,249,.08)}

/* ═══ CHECKOUT ═══ */
.co-step{font-family:'Share Tech Mono',monospace;font-size:1.1rem;padding:.3rem .6rem;border:1px solid rgba(255,0,170,.1);color:var(--mut);flex:1;text-align:center}
.co-step.active{border-color:var(--cya);color:var(--cya);background:rgba(0,255,249,.04)}
.co-step.done{border-color:var(--grn);color:var(--grn);background:rgba(0,255,65,.04)}
.co-lbl{display:block;font-family:'Share Tech Mono',monospace;font-size:1.05rem;color:var(--mut);letter-spacing:.08em;margin-bottom:.2rem}
.co-inp{width:100%;background:rgba(0,0,5,.8);border:1px solid var(--bm);color:var(--wht);padding:.45rem .6rem;font-family:'Rajdhani',sans-serif;font-size:1.1rem;outline:none;margin-bottom:.1rem}
.co-inp:focus{border-color:var(--mag)}
.co-row{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid rgba(255,0,170,.04);font-size:1rem}
.co-row-label{font-family:'Share Tech Mono',monospace;font-size:1.1rem;color:var(--mut)}
.co-row-value{font-weight:600;text-align:right}

/* ═══ CHECKOUT POLISH ═══ */
#checkout-overlay{backdrop-filter:blur(8px)}
.co-step.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cya),var(--mag))}
.co-step.done::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grn)}
.co-inp{border-radius:2px;transition:border-color .2s,box-shadow .2s}
.co-inp:focus{box-shadow:0 0 8px rgba(255,0,170,.2)}

/* ═══ DEVICE CARD IMAGE EFFECTS ═══ */
.dev-card-img-wrap::after{
  content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:60%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(0,255,249,.4),transparent);
  opacity:0;transition:opacity .3s
}
.dev-card:hover .dev-card-img-wrap::after{opacity:1}

/* ═══ STYLED DEVICE PLACEHOLDER (replaces emoji) ═══ */
.dev-placeholder-svg{
  width:80px;height:120px;opacity:.5;
  filter:drop-shadow(0 0 8px rgba(255,0,170,.2))
}

/* ═══ VIDEO PLACEHOLDER ═══ */
.video-placeholder{
  position:relative;width:100%;max-width:300px;height:200px;
  background:radial-gradient(ellipse at 50% 40%,rgba(255,0,170,.04),rgba(0,0,5,.98));
  border:1px dashed rgba(255,0,170,.2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  margin:1rem auto;overflow:hidden
}
.video-ph-scanlines{
  position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,170,.02) 2px,rgba(255,0,170,.02) 4px);
  pointer-events:none
}
.video-ph-label{
  font-family:'Orbitron',sans-serif;font-size:.85rem;font-weight:700;
  color:var(--mag);letter-spacing:.15em;margin-top:.6rem
}
.video-ph-sub{
  font-family:'Share Tech Mono',monospace;font-size:.75rem;
  color:var(--mut);letter-spacing:.2em;margin-top:.2rem;
  animation:pulse 2s infinite
}
.video-ph-pulse{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:80px;height:80px;border-radius:50%;
  border:1px solid rgba(255,0,170,.15);
  animation:videoPulse 3s ease-in-out infinite;pointer-events:none
}

/* ═══ VIDEO PLAYER (future) ═══ */
.video-viewer{
  position:relative;width:100%;max-width:300px;aspect-ratio:9/16;
  background:rgba(0,0,5,.95);border:1px solid rgba(255,0,170,.15);
  overflow:hidden;margin:1rem auto
}
.video-player{width:100%;height:100%;object-fit:cover}
.video-play-btn{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,5,.5);border:none;cursor:pointer;transition:background .3s
}
.video-play-btn:hover{background:rgba(0,0,5,.3)}
.video-play-icon{
  width:60px;height:60px;border-radius:50%;
  background:rgba(255,0,170,.2);border:2px solid var(--mag);
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;color:var(--mag);box-shadow:0 0 20px rgba(255,0,170,.3)
}
.video-label{
  position:absolute;bottom:.5rem;right:.5rem;
  font-family:'Share Tech Mono',monospace;font-size:.75rem;
  color:var(--cya);letter-spacing:.12em;
  background:rgba(0,0,5,.7);padding:.15rem .4rem
}