/* DraBornPark Test1 v0.4.3 — mobilde seçilebilirliği belirginleştiren Spectrum kart katmanı */
.demo-mode .contact-shell{border-color:rgba(53,228,255,.42);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(166,123,255,.08)}
.demo-mode .vehicle-card{background:radial-gradient(circle at 88% 4%,rgba(53,228,255,.15),transparent 40%),linear-gradient(145deg,rgba(18,42,74,.98),rgba(8,18,38,.98));border-color:rgba(53,228,255,.58)}
.demo-mode .privacy-note{background:radial-gradient(circle at 92% 5%,rgba(79,230,164,.15),transparent 42%),rgba(79,230,164,.09);border-color:rgba(79,230,164,.46)}
.demo-mode .category-grid{gap:11px}
.demo-mode .category{
  border-width:1.5px;
  border-color:rgba(var(--tone-rgb),.62);
  background:
    radial-gradient(circle at 92% 6%,rgba(var(--tone-rgb),.25),transparent 38%),
    radial-gradient(circle at 2% 100%,rgba(var(--tone-rgb),.11),transparent 42%),
    linear-gradient(155deg,rgba(var(--tone-rgb),.19),rgba(12,24,49,.98) 62%);
  box-shadow:0 12px 30px rgba(0,0,0,.27),0 0 0 1px rgba(var(--tone-rgb),.06),inset 0 1px 0 rgba(255,255,255,.05);
  min-height:140px;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  animation:dbp-card-in .42s both,dbp-card-breathe 4.8s ease-in-out infinite alternate;
}
.demo-mode .category:nth-child(2n){animation-duration:.42s,5.3s}
.demo-mode .category:nth-child(3n){animation-duration:.42s,5.9s}
.demo-mode .category::before{
  content:'SEÇ  ›';
  top:9px;
  right:9px;
  min-width:48px;
  text-align:center;
  font-size:8px;
  padding:5px 7px;
  border-color:rgba(var(--tone-rgb),.7);
  background:rgba(var(--tone-rgb),.2);
  box-shadow:0 6px 16px rgba(var(--tone-rgb),.12);
}
.demo-mode .category::after{
  opacity:.95;
  background:
    radial-gradient(circle at 88% 10%,rgba(var(--tone-rgb),.34),transparent 34%),
    linear-gradient(105deg,transparent 35%,rgba(255,255,255,.035) 49%,transparent 63%);
  background-size:auto,220% 100%;
  animation:dbp-sheen 4.4s linear infinite;
}
.demo-mode .category-icon{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  border-color:rgba(var(--tone-rgb),.7)!important;
  background:rgba(var(--tone-rgb),.25)!important;
  box-shadow:0 10px 24px rgba(var(--tone-rgb),.15),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.demo-mode .category-icon svg{width:25px!important;height:25px!important}
.demo-mode .category-title{font-size:13.7px!important;line-height:1.28!important;letter-spacing:-.01em}
.demo-mode .category-body{color:#cbd7ec!important;font-size:11.8px!important;line-height:1.42!important}
.demo-mode .category:hover,.demo-mode .category:focus-visible{
  transform:translateY(-4px) scale(1.018);
  border-color:var(--tone);
  box-shadow:0 18px 40px rgba(var(--tone-rgb),.2),0 0 0 2px rgba(var(--tone-rgb),.1),0 14px 32px rgba(0,0,0,.31);
}
.demo-mode .category:active{transform:translateY(1px) scale(.958);filter:saturate(1.18) brightness(1.06)}
.demo-mode .category.active{
  border-color:var(--tone)!important;
  background:
    radial-gradient(circle at 90% 5%,rgba(var(--tone-rgb),.42),transparent 42%),
    linear-gradient(145deg,rgba(var(--tone-rgb),.31),rgba(11,25,51,.99) 68%)!important;
  box-shadow:0 0 0 3px rgba(var(--tone-rgb),.16),0 20px 48px rgba(var(--tone-rgb),.27),0 16px 34px rgba(0,0,0,.34)!important;
  animation:dbp-selected-pop .28s cubic-bezier(.2,.8,.2,1) both,dbp-selected-v043 1.65s ease-in-out .28s infinite!important;
}
.demo-mode .category.active::before{
  content:'SEÇİLDİ  ✓';
  color:#061019;
  background:var(--tone);
  border-color:var(--tone);
  box-shadow:0 9px 24px rgba(var(--tone-rgb),.32);
}
.demo-mode .category.active .category-icon{animation:dbp-icon-selected 1.5s ease-in-out infinite;box-shadow:0 12px 30px rgba(var(--tone-rgb),.3)!important}
.demo-mode .category.active .category-title{color:#fff;text-shadow:0 0 18px rgba(var(--tone-rgb),.25)}
.demo-mode .section-intro::after{content:'  •  Renkli kartlardan birine dokun';color:var(--aqua);font-weight:900}
.demo-mode #compose{border-color:rgba(53,228,255,.48);background:radial-gradient(circle at 92% 0,rgba(53,228,255,.12),transparent 42%),rgba(17,26,49,.96)}
.demo-mode #notify-btn{box-shadow:0 14px 30px rgba(79,244,200,.17);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.demo-mode #notify-btn:active{transform:scale(.975);filter:brightness(1.06);box-shadow:0 8px 20px rgba(79,244,200,.12)}

@keyframes dbp-card-breathe{0%{filter:saturate(1);box-shadow:0 12px 30px rgba(0,0,0,.27),0 0 0 1px rgba(var(--tone-rgb),.05)}100%{filter:saturate(1.13);box-shadow:0 15px 35px rgba(0,0,0,.3),0 0 22px rgba(var(--tone-rgb),.07)}}
@keyframes dbp-sheen{0%{background-position:0 0,-160% 0}100%{background-position:0 0,160% 0}}
@keyframes dbp-selected-pop{0%{transform:scale(.965)}70%{transform:scale(1.02)}100%{transform:scale(1)}}
@keyframes dbp-selected-v043{0%,100%{box-shadow:0 0 0 2px rgba(var(--tone-rgb),.13),0 18px 42px rgba(var(--tone-rgb),.22),0 15px 32px rgba(0,0,0,.31)}50%{box-shadow:0 0 0 5px rgba(var(--tone-rgb),.19),0 22px 52px rgba(var(--tone-rgb),.34),0 16px 34px rgba(0,0,0,.34)}}
@keyframes dbp-icon-selected{0%,100%{transform:scale(1.06) rotate(0deg)}50%{transform:scale(1.13) rotate(-2deg)}}

@media(max-width:760px){
  .demo-mode .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .demo-mode .category{min-height:145px;padding:12px}
  .demo-mode .category::before{font-size:7.5px;top:8px;right:8px}
  .demo-mode .category-title{font-size:13.4px!important;padding-right:2px}
  .demo-mode .category-body{font-size:11.5px!important}
}
@media(max-width:390px){
  .demo-mode .category-grid{gap:8px}
  .demo-mode .category{min-height:150px;padding:10px}
  .demo-mode .category-icon{width:45px!important;height:45px!important}
  .demo-mode .category-title{font-size:12.8px!important}
  .demo-mode .category-body{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .demo-mode .category,.demo-mode .category::after,.demo-mode .category.active,.demo-mode .category.active .category-icon,.demo-mode #notify-btn{animation:none!important;transition:none!important}
}