/* SHOP PAGE CSS */
.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;padding:2rem 5rem;background:var(--cream2)}
.f-btn{padding:.48rem 1.2rem;border-radius:5rem;border:2px solid rgba(75,14,30,.2);background:transparent;color:var(--text-mid);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .22s}
.f-btn:hover{border-color:var(--maroon);color:var(--maroon)}
.f-btn.active{background:var(--maroon);color:var(--cream);border-color:var(--maroon)}

.shop-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 5rem;background:var(--cream);border-bottom:1px solid rgba(75,14,30,.08)}
.shop-count{font-size:.85rem;font-weight:600;color:var(--text-mid)}
.shop-sort{padding:.5rem 1rem;border-radius:.75rem;border:1.5px solid rgba(75,14,30,.2);background:transparent;font-family:'DM Sans',sans-serif;font-size:.85rem;color:var(--text);cursor:pointer;outline:none}

.dogs-section{background:var(--maroon);padding:4rem 5rem 5rem}
.dogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3rem 2rem;align-items:end}

/* Pop-out card — same Waggenburg style */
.dcard{position:relative;cursor:pointer;opacity:0;transform:translateY(38px);transition:opacity .6s ease,transform .6s ease}
.dcard.vis{opacity:1;transform:translateY(0)}
.dcard.hidden{display:none!important}

.dcard-img-wrap{position:relative;z-index:2;height:230px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:-52px;transition:transform .35s cubic-bezier(.34,1.4,.64,1)}
.dcard:hover .dcard-img-wrap{transform:translateY(-14px) scale(1.05)}
.dcard-img-wrap img{width:80%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.55));transition:filter .35s}
.dcard:hover .dcard-img-wrap img{filter:drop-shadow(0 22px 42px rgba(0,0,0,.7))}

.dcard-status{position:absolute;top:.65rem;right:12%;font-size:.66rem;font-weight:800;letter-spacing:.07em;padding:.2rem .75rem;border-radius:5rem}
.dcard-status.available{background:var(--teal);color:var(--maroon)}
.dcard-status.reserved{background:var(--gold);color:#fff}
.dcard-sale{position:absolute;top:.65rem;left:12%;font-size:.66rem;font-weight:800;letter-spacing:.07em;padding:.2rem .75rem;border-radius:5rem;background:#e74c3c;color:#fff}
.dcard-rare{position:absolute;top:.65rem;left:12%;font-size:.66rem;font-weight:800;letter-spacing:.07em;padding:.2rem .75rem;border-radius:5rem;background:linear-gradient(135deg,#9b59b6,#3498db);color:#fff}

.dcard-info{background:#fff;border-radius:1.8rem;padding:3.8rem 1.4rem 1.6rem;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.22);position:relative;z-index:1;transition:box-shadow .3s}
.dcard:hover .dcard-info{box-shadow:0 22px 60px rgba(0,0,0,.32)}
.dcard-breed{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:.25rem}
.dcard-info h3{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--maroon);margin-bottom:.5rem}
.dcard-tags{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-bottom:.75rem}
.dcard-tags span{font-size:.66rem;font-weight:700;color:var(--maroon);background:rgba(75,14,30,.07);padding:.18rem .65rem;border-radius:5rem}
.dcard-info>p{font-size:.79rem;color:var(--text-mid);line-height:1.55;margin-bottom:.9rem}
.dcard-price{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:900;color:var(--gold);margin-bottom:1rem}
.dcard-orig{font-size:.9rem;color:#bbb;text-decoration:line-through;font-weight:400;margin-left:.3rem}
.dcard-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.dcard-actions .btn{font-size:.78rem;padding:.55rem 1.1rem}

/* UPCOMING LITTERS */
.upcoming{background:var(--cream);padding:7rem 5rem;text-align:center}
.upcoming h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);color:var(--maroon);margin-bottom:.75rem}
.upcoming>p{color:#5a3040;margin-bottom:4rem;font-size:.97rem}
.litter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.litter-card{background:#fff;border-radius:1.8rem;padding:2rem;box-shadow:var(--sh);text-align:left;transition:transform .3s,box-shadow .3s}
.litter-card:hover{transform:translateY(-8px);box-shadow:var(--sh2)}
.litter-head{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:.5rem}
.litter-card h3{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--maroon);margin-bottom:.3rem}
.litter-date{font-size:.78rem;font-weight:600;color:var(--gold);margin-bottom:.75rem}
.litter-card p{font-size:.83rem;color:#5a3040;line-height:1.7;margin-bottom:.75rem}
.litter-price{font-size:.8rem;font-weight:700;color:var(--maroon);background:rgba(75,14,30,.07);padding:.5rem .75rem;border-radius:.6rem;margin-bottom:1rem}

.no-match{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:rgba(255,255,255,.7)}
.no-match span{font-size:3rem}

@media(max-width:900px){
  .filter-bar{padding:1.5rem 1.5rem}
  .shop-toolbar{padding:1rem 1.5rem}
  .dogs-section{padding:3rem 1.5rem 4rem}
  .upcoming{padding:5rem 2rem}
  .litter-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .dogs-grid{grid-template-columns:1fr 1fr;gap:2.5rem .8rem}
  .dcard-img-wrap{height:170px;margin-bottom:-44px}
  .dcard-info{padding:3.2rem 1rem 1.4rem}
  .dcard-info h3{font-size:1.3rem}
  .dcard-price{font-size:1.2rem}
  .dcard-actions .btn{font-size:.72rem;padding:.45rem .8rem}
}
@media(max-width:380px){.dogs-grid{grid-template-columns:1fr}}

/* ══ SHOP — THOROUGH RESPONSIVE ═══════════════════════ */

@media(max-width:768px){
  .filter-bar{padding:1.2rem 1rem;gap:.45rem}
  .f-btn{font-size:.75rem;padding:.42rem .95rem}
  .shop-toolbar{padding:.9rem 1.2rem;flex-direction:column;align-items:flex-start;gap:.5rem}
  .dogs-section{padding:2.5rem 1.2rem 4rem}
  .dogs-grid{grid-template-columns:1fr 1fr;gap:2.5rem .8rem}
  .dcard-img-wrap{height:180px;margin-bottom:-46px}
  .dcard-info{padding:3.4rem 1rem 1.4rem;border-radius:1.4rem}
  .dcard-info h3{font-size:1.3rem}
  .dcard-breed{font-size:.62rem}
  .dcard-info>p{font-size:.76rem;margin-bottom:.6rem}
  .dcard-price{font-size:1.2rem;margin-bottom:.75rem}
  .dcard-actions{gap:.4rem}
  .dcard-actions .btn{font-size:.72rem;padding:.45rem .75rem}
  .upcoming{padding:4rem 1.5rem}
  .upcoming h2{font-size:1.8rem}
  .litter-grid{grid-template-columns:1fr}
}

@media(max-width:480px){
  .filter-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:1rem;scrollbar-width:none}
  .filter-bar::-webkit-scrollbar{display:none}
  .f-btn{flex-shrink:0;font-size:.72rem}
  .dogs-grid{grid-template-columns:1fr 1fr;gap:2rem .6rem}
  .dcard-img-wrap{height:155px;margin-bottom:-40px}
  .dcard-info{padding:3rem .85rem 1.2rem;border-radius:1.2rem}
  .dcard-info h3{font-size:1.15rem}
  .dcard-price{font-size:1.05rem}
  .dcard-actions{flex-direction:column;gap:.4rem}
  .dcard-actions .btn{width:100%;justify-content:center;font-size:.75rem}
  .dcard-status,.dcard-sale,.dcard-rare{font-size:.6rem;padding:.18rem .6rem}
}

@media(max-width:375px){
  .dogs-grid{grid-template-columns:1fr}
  .dcard-img-wrap{height:220px;margin-bottom:-55px}
  .dcard-info{padding:4rem 1.2rem 1.6rem}
}

/* ══ SHOP FINAL MOBILE FIXES ═══════════════════════════ */
@media(max-width:375px){
  .filter-bar{padding:.8rem;gap:.4rem}
  .f-btn{font-size:.7rem;padding:.38rem .8rem}
  .shop-toolbar{padding:.8rem 1rem}
  .shop-count{font-size:.78rem}
  .dogs-section{padding:2rem .8rem 3rem}
  .dogs-grid{gap:2rem .5rem}
  .dcard-img-wrap{height:140px;margin-bottom:-36px}
  .dcard-info{padding:2.8rem .75rem 1.2rem;border-radius:1.1rem}
  .dcard-info h3{font-size:1rem}
  .dcard-breed{font-size:.58rem}
  .dcard-price{font-size:.95rem}
  .dcard-tags span{font-size:.6rem;padding:.15rem .55rem}
  .upcoming{padding:3rem 1rem}
  .litter-card{padding:1.4rem}
}