/* LDC Catálogo Responsivo CSS */

/* Chips Sticky */
.ldc-sticky-filters{background:rgba(0,0,0,.95);backdrop-filter:blur(10px);padding:0;margin:0;z-index:998}
@media (max-width:768px){.ldc-sticky-filters{position:sticky!important;top:0!important;z-index:999!important}}
.ldc-filter-chips{display:flex;gap:10px;overflow-x:auto;padding:15px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:1200px;margin:0 auto}
.ldc-filter-chips::-webkit-scrollbar{display:none}
.chip{background:#2c2c2c;color:#fff;border:2px solid #444;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .3s ease;flex-shrink:0}
.chip:hover{background:#3a3a3a;border-color:#FBE883;transform:translateY(-2px)}
.chip.active{background:linear-gradient(135deg,#ED6A3D 0%,#FBE883 100%);border-color:#ED6A3D;color:#000;font-weight:bold}
@media (max-width:768px){.ldc-filter-chips{padding:12px 10px}.chip{padding:8px 16px;font-size:13px}}

/* Container & Grid */
.ldc-chopes-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}
.ldc-chopes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
@media (max-width:1024px){.ldc-chopes-grid{grid-template-columns:repeat(2,1fr);gap:25px}}
@media (max-width:768px){
  .ldc-chopes-container{padding:30px 0}
  .ldc-chopes-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding:10px 15px;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none}
  .ldc-chopes-grid::-webkit-scrollbar{display:none}
  .chope-card{flex:0 0 85%;max-width:350px;scroll-snap-align:center}
}

/* Card */
.chope-card{background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:all .3s ease;height:fit-content}
.chope-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(237,106,61,.3)}
.chope-card.hidden{display:none!important}

/* Imagem */
.chope-img{position:relative;height:250px;overflow:hidden;background:linear-gradient(135deg,#2c2c2c 0%,#1a1a1a 100%);display:flex;align-items:center;justify-content:center}
.chope-img img{width:100%;height:100%;object-fit:cover;transition:all .3s ease;opacity:0}
.chope-card:hover .chope-img img{transform:scale(1.05)}
.chope-img img.loaded{opacity:1}
.chope-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2c2c2c;font-size:60px}
.badge-cat{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ED6A3D,#FBE883);color:#000;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:bold;text-transform:uppercase;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,.3)}

/* Info */
.chope-info{padding:20px}
.chope-info h3{color:#FBE883;font-size:24px;margin:0 0 10px 0;font-weight:bold;line-height:1.2}
.cerv{color:#999;font-size:14px;margin:0 0 15px 0}
.specs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}
.specs span{background:#2c2c2c;color:#FBE883;padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600;border:1px solid #3a3a3a}
.desc{color:#ccc;font-size:14px;line-height:1.6;margin-bottom:20px;min-height:60px}

/* Botão WhatsApp */
.btn-zap{width:100%;background:#25D366;color:#fff!important;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:all .3s ease;text-decoration:none;display:block;text-align:center;box-shadow:0 4px 15px rgba(37,211,102,.3)}
.btn-zap:hover{background:#20BA5A;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.4)}
.btn-zap:active{transform:translateY(0)}

/* Indicadores */
.scroll-dots{display:none;justify-content:center;gap:8px;padding:20px 0}
@media (max-width:768px){.scroll-dots{display:flex}}
.dot{width:8px;height:8px;border-radius:50%;background:#444;transition:all .3s ease;cursor:pointer}
.dot.active{background:#FBE883;transform:scale(1.3)}

/* Animações */
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.chope-card{animation:fadeIn .5s ease}
.chope-card:nth-child(1){animation-delay:.1s}
.chope-card:nth-child(2){animation-delay:.2s}
.chope-card:nth-child(3){animation-delay:.3s}
.chope-card:nth-child(4){animation-delay:.4s}
.chope-card:nth-child(5){animation-delay:.5s}
.chope-card:nth-child(6){animation-delay:.6s}

/* Responsivo Extra */
@media (max-width:480px){
  .chope-card{flex:0 0 90%}
  .chope-info h3{font-size:20px}
  .desc{font-size:13px;min-height:50px}
  .btn-zap{font-size:15px;padding:12px 18px}
}
@media (min-width:1400px){
  .ldc-chopes-container{max-width:1400px}
  .ldc-chopes-grid{grid-template-columns:repeat(4,1fr)}
}

/* Acessibilidade */
.chip:focus,.btn-zap:focus{outline:3px solid #FBE883;outline-offset:2px}
@media (prefers-contrast:high){.chope-card{border:2px solid #FBE883}.chip{border-width:3px}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}