/* Shop styles - scoped */
.shop-wrap{max-width:1200px;margin:0 auto;padding:18px 16px 34px;}
.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media (max-width:1100px){.shop-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:820px){.shop-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.shop-grid{grid-template-columns:1fr;}}
.shop-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:16px;overflow:hidden;}
.shop-card__img{width:100%;height:140px;object-fit:cover;display:block;}
.shop-card__body{padding:12px 12px 14px;}
.shop-title{margin:0 0 6px;font-size:16px;}
.shop-meta{opacity:.78;font-size:13px;line-height:1.35;margin:0;}
.shop-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.15);font-size:12px;opacity:.92;}
.shop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;}
.shop-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);text-decoration:none;cursor:pointer;color:rgba(255,255,255,.92);font-weight:600;}
.shop-btn:hover{background:rgba(255,255,255,.10);}
.shop-btn--primary{background:rgba(177,22,44,.28);border-color:rgba(177,22,44,.45);color:rgba(255,255,255,.98);}
.shop-btn:active{transform:translateY(1px);}
.shop-btn:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px;}
.shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:8px 0 14px;}
.shop-head h1{margin:0;font-size:28px;}
.shop-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.shop-input{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:rgba(255,255,255,.92);}
.shop-input::placeholder{color:rgba(255,255,255,.55);}
.shop-variants{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
@media (max-width:980px){.shop-variants{grid-template-columns:repeat(4,1fr);}}
@media (max-width:560px){.shop-variants{grid-template-columns:repeat(3,1fr);}}
.shop-var{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.12);border-radius:14px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:120px;transition:transform .12s ease, background .12s ease, outline-color .12s ease;}
.shop-var img{width:100%;height:70px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.10);}
.shop-var small{opacity:.75;font-size:12px;word-break:break-word;}
.shop-var.is-selected{outline:2px solid rgba(177,22,44,.6);outline-offset:2px;transform:scale(1.05);background:rgba(255,255,255,.06);}
.shop-summary{max-width:900px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:14px;}
.shop-table{width:100%;border-collapse:collapse;}
.shop-table th,.shop-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.10);text-align:left;}
.shop-note{opacity:.8;font-size:13px;line-height:1.4;}


/* Improvements (visibility + preview) */

.shop-btn--soft{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);} 

.shop-preview{display:flex;gap:14px;align-items:stretch;margin:10px 0 12px;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.10);}
.shop-preview img{width:420px;max-width:46%;height:320px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.10);display:block;}
.shop-preview__text{display:flex;flex-direction:column;justify-content:center;min-width:220px;}
.shop-preview__title{margin:8px 0 0;font-size:20px;}
@media (max-width:900px){
  .shop-preview{flex-direction:column;}
  .shop-preview img{width:100%;max-width:100%;height:320px;}
}


/* Lightbox (Bilder groß ansehen) */
.shop-lightbox{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0,0,0,.85);
  z-index: 99999;
}
.shop-lightbox.is-open{ display: flex; }
.shop-lightbox__img{
  max-width: 92vw;
  max-height: 92vh;
  width: auto;
  height: auto;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.20);
}
.shop-lightbox__close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  cursor: pointer;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}
.shop-lightbox__close:active{ transform: translateY(1px); }


/* Button-Text immer gut lesbar (auch nach Klick) */
.shop-btn:visited{color:rgba(255,255,255,.92);} 
.shop-btn--primary:visited{color:rgba(255,255,255,.98);}