/* PGS Shop – Frontend (erbt Tokens aus portal.css) */
.pgs-shopwrap{padding-top:30px;padding-left:clamp(16px,4vw,34px);padding-right:clamp(16px,4vw,34px);}
/* Shop-Container an den Seitenrahmen (Header/Footer = 1180px) angleichen, damit er
   nicht schmaler/eingerueckt als die uebrigen Seiten wirkt. */
.pgs-shopwrap .pgs-portal__inner{max-width:1180px;}
/* Global: hidden-Attribut soll IMMER verbergen (verhindert Doppelauswahl Versand/Store). */
.pgs-shop [hidden],.pgs-portal [hidden]{display:none !important;}

.pgs-shopbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px;
  padding-bottom:16px;border-bottom:1px solid var(--pgs-card-brd);}
.pgs-shopbar__brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;}
.pgs-shopbar__mark{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 13px;border-radius:10px;
  background:linear-gradient(135deg,#E8EBF2,#ffffff 18%,#C9CDD6 50%,#AEB3BF 76%,#E8EBF2);color:#0b0d12;font-weight:900;font-size:17px;letter-spacing:.04em;
  box-shadow:0 6px 18px rgba(232,235,242,.14),inset 0 1px 0 rgba(255,255,255,.6);}
.pgs-shopbar__mark::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.85) 50%,transparent 62%);
  transform:translateX(-130%);animation:pgs-sheen 6s ease-in-out infinite;}
.pgs-shopbar__word{font-weight:800;font-size:23px;letter-spacing:.01em;
  background:linear-gradient(120deg,#E8EBF2,#ffffff 22%,#C9CDD6 50%,#AEB3BF 72%,#E8EBF2);background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:pgs-metalshift 6s ease-in-out infinite;}
@keyframes pgs-metalshift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (prefers-reduced-motion: reduce){.pgs-shopbar__mark::after,.pgs-shopbar__word{animation:none;}}
.pgs-shopbar__actions{display:flex;align-items:center;gap:10px;}
.pgs-shopbar__btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--pgs-txt);
  font-weight:700;font-size:14px;line-height:1;padding:10px 16px;border-radius:999px;
  background:rgba(255,255,255,.04);border:1px solid var(--pgs-card-brd);
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
.pgs-shopbar__btn .pgs-ico{flex:none;}
.pgs-shopbar__btn:hover{background:rgba(255,255,255,.08);color:var(--pgs-ink);border-color:var(--pgs-card-brd-strong);}
.pgs-shopbar__btn--cart{color:var(--pgs-ink);border-color:rgba(91,140,255,.40);background:rgba(91,140,255,.12);}
.pgs-shopbar__btn--cart:hover{background:rgba(91,140,255,.20);border-color:rgba(91,140,255,.6);}
.pgs-cartcount{background:var(--pgs-acc);color:#0C0C0D;font-size:12px;font-weight:800;min-width:20px;height:20px;
  border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;}

.pgs-cat{color:var(--pgs-ink);font-size:18px;font-weight:600;margin:26px 0 14px;}
.pgs-prodgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;}

.pgs-prod{display:flex;flex-direction:column;text-decoration:none;overflow:hidden;
  background:var(--pgs-card);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r);
  backdrop-filter:blur(16px);transition:transform .15s ease, border-color .15s ease;}
.pgs-prod:hover{transform:translateY(-3px);border-color:rgba(91,140,255,.35);}
.pgs-prod__img{aspect-ratio:4/3;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--pgs-card-2);}
.pgs-prod__ph{display:flex;align-items:center;justify-content:center;}
.pgs-prod__ph span{font-size:48px;font-weight:800;color:rgba(255,255,255,.85);}
.pgs-prod__ph.cat-grading{background:linear-gradient(135deg,#1c2740,#0e1626);}
.pgs-prod__ph.cat-product{background:linear-gradient(135deg,#2a1f3d,#160f24);}
.pgs-prod__ph.cat-accessory{background:linear-gradient(135deg,#102a2a,#0a1818);}
.pgs-prod__ph.cat-giftcard{background:linear-gradient(135deg,#2c2410,#181206);}
.pgs-prod__ph--gift{color:var(--pgs-acc2);background:linear-gradient(160deg,rgba(91,140,255,.20),rgba(91,140,255,.04));}
.pgs-prod__gift{width:42%;height:42%;max-width:96px;max-height:96px;filter:drop-shadow(0 4px 14px rgba(91,140,255,.35));}
.pgs-prod__body{padding:16px;display:flex;flex-direction:column;gap:5px;}
.pgs-prod__name{color:var(--pgs-ink);font-weight:600;font-size:15px;line-height:1.3;}
.pgs-prod__sub{color:var(--pgs-muted);font-size:12px;}
.pgs-prod__price{color:var(--pgs-ink);font-weight:700;font-size:17px;margin-top:4px;}
.pgs-prod__cta{color:var(--pgs-acc2);font-size:13px;font-weight:600;margin-top:6px;}

/* Detail */
.pgs-detail{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:14px;}
.pgs-detail__media .pgs-prod__img{aspect-ratio:1/1;border-radius:var(--pgs-r);border:1px solid var(--pgs-card-brd);background-size:contain;background-repeat:no-repeat;background-position:center;}
.pgs-detail__price{font-size:26px;font-weight:800;color:var(--pgs-ink);margin:6px 0 16px;}
.pgs-detail__desc{color:var(--pgs-txt);font-size:14px;line-height:1.6;margin-bottom:16px;}
.pgs-addform{display:flex;flex-direction:column;gap:14px;}
.pgs-qtyrow{max-width:200px;}
.pgs-qty{max-width:120px;}
.pgs-hint{color:var(--pgs-muted);font-size:12px;margin:-4px 0 0;}
.pgs-addform__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  border-top:1px solid var(--pgs-card-brd);padding-top:16px;}
.pgs-linetotal{font-size:20px;font-weight:800;color:var(--pgs-ink);}
.pgs-btn--full{width:100%;margin-top:10px;}
.pgs-btn--sm{padding:8px 16px;font-size:13px;}

/* Warenkorb */
.pgs-cartgrid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;}
.pgs-cartmain{min-width:0;}
.pgs-cartcard{padding:6px 22px;}
.pgs-cartrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;
  padding:18px 0;border-bottom:1px solid var(--pgs-card-brd);}
.pgs-cartrow:last-child{border-bottom:none;}
.pgs-cartrow__info{flex:1 1 260px;min-width:0;display:flex;align-items:center;gap:14px;}
.pgs-cartrow__thumb{flex:0 0 56px;width:56px;height:56px;border-radius:14px;overflow:hidden;
  background:var(--pgs-card-2);border:1px solid var(--pgs-card-brd);display:flex;align-items:center;justify-content:center;}
.pgs-cartrow__img{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;display:block;}
.pgs-cartrow__ico{color:var(--pgs-acc);display:flex;align-items:center;justify-content:center;}
.pgs-cartrow__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;}
.pgs-cartrow__name{color:var(--pgs-ink);font-weight:600;font-size:15px;line-height:1.3;overflow-wrap:break-word;word-break:normal;hyphens:none;}
.pgs-cartrow__unit{font-size:13px;line-height:1.3;}
.pgs-cartrow__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.pgs-cartrow__controls{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end;}
.pgs-cartrow__qty{display:flex;flex-direction:column;gap:5px;align-items:flex-start;margin:0;}
.pgs-cartrow__qlbl{font-size:11px;text-transform:uppercase;letter-spacing:.04em;line-height:1.3;}
.pgs-cartrow .pgs-qty-sm{width:74px;max-width:74px;min-width:0;padding:9px 10px;text-align:center;}
.pgs-cartrow__total{color:var(--pgs-ink);font-weight:700;font-size:16px;white-space:nowrap;min-width:62px;text-align:right;}
.pgs-cartrow__rm{margin:0;}
.pgs-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;color:var(--pgs-txt);
  background:rgba(91,140,255,.10);border:1px solid rgba(91,140,255,.20);}
.pgs-chip--more{background:rgba(255,255,255,.05);border-color:var(--pgs-card-brd);color:var(--pgs-muted);}
.pgs-rm{background:none;border:1px solid transparent;color:var(--pgs-muted);line-height:0;cursor:pointer;
  padding:9px;border-radius:10px;transition:color .15s ease, background-color .15s ease, border-color .15s ease;}
.pgs-rm:hover{color:var(--pgs-err);background:rgba(224,107,107,.10);border-color:rgba(224,107,107,.30);}
.pgs-cartrow__rm{margin:0;}
.pgs-cart-back{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--pgs-muted);
  font-size:14px;font-weight:600;text-decoration:none;transition:color .15s ease;}
.pgs-cart-back:hover{color:var(--pgs-ink);}
.pgs-cart-back .pgs-ico{transform:rotate(180deg);}

.pgs-cartside{position:sticky;top:24px;}
.pgs-summary{padding:24px;}
.pgs-summary__title{color:var(--pgs-h);font-weight:800;font-size:18px;margin:0 0 14px;}
.pgs-sumrow{display:flex;justify-content:space-between;gap:14px;padding:8px 0;font-size:15px;color:var(--pgs-txt);}
.pgs-sumrow.pgs-muted{font-size:13px;}
.pgs-sumrow--total{margin-top:8px;padding-top:14px;border-top:1px solid var(--pgs-card-brd);
  font-size:18px;font-weight:800;color:var(--pgs-ink);}
.pgs-btn--lg{padding:15px 22px;font-size:15px;margin-top:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.pgs-trust{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;
  color:var(--pgs-muted);font-size:12px;}
.pgs-empty__icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  margin:0 auto 14px;background:rgba(91,140,255,.10);color:var(--pgs-acc);}

@media (max-width:920px){
  .pgs-cartgrid{grid-template-columns:1fr;}
  .pgs-cartside{position:static;}
}
@media (max-width:680px){
  .pgs-detail{grid-template-columns:1fr;}
  .pgs-cartcard{padding:4px 16px;}
  .pgs-cartrow__info{flex:1 1 100%;}
  .pgs-cartrow__controls{margin-left:0;width:100%;justify-content:space-between;}
}

/* ===================== Moderne Komponenten (Grading-Konfigurator) ===================== */
.pgs-title{color:var(--pgs-h);font-weight:800;font-size:28px;line-height:1.15;letter-spacing:-.02em;margin:0;}
.pgs-h2{color:var(--pgs-h);font-weight:800;font-size:18px;line-height:1.25;letter-spacing:-.01em;margin:0;}
@media(min-width:768px){.pgs-title{font-size:32px;}}

.pgs-card--subtle{background:var(--pgs-card-2);}
.pgs-field{width:100%;padding:12px 14px;border-radius:var(--pgs-r-sm);border:1px solid var(--pgs-card-brd);
  background:rgba(255,255,255,.03);color:var(--pgs-h);font:500 14px/1.4 inherit;resize:vertical;
  transition:border-color var(--pgs-dur-2) var(--pgs-ease),box-shadow var(--pgs-dur-2) var(--pgs-ease);}
.pgs-field::placeholder{color:rgba(214,214,220,.5);}
.pgs-field:focus{outline:none;border-color:var(--pgs-focus-brd);box-shadow:var(--pgs-focus);}
.pgs-badge--acc{border-color:rgba(91,140,255,.35);background:rgba(91,140,255,.12);color:#e9efff;}
.pgs-chip--rec{background:rgba(91,140,255,.16);border-color:rgba(91,140,255,.38);color:#e9efff;}

/* Grading-Hero im Katalog */
.pgs-ghero{position:relative;overflow:hidden;display:block;min-height:300px;text-decoration:none;
  padding:26px 28px;margin-bottom:8px;transition:transform var(--pgs-dur-2) var(--pgs-ease),border-color var(--pgs-dur-2) var(--pgs-ease),box-shadow var(--pgs-dur-2) var(--pgs-ease);}
/* Aurora-Schleier wie im Checkout/Warenkorb – direkt am Hero, ohne Kind-Positionierung zu brechen */
.pgs-ghero::before{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;filter:blur(48px);opacity:.24;
  background:radial-gradient(40% 50% at 18% 25%,rgba(91,140,255,.55),transparent 70%),radial-gradient(42% 52% at 82% 18%,rgba(124,92,255,.50),transparent 70%),radial-gradient(50% 60% at 60% 95%,rgba(78,215,168,.30),transparent 70%);}
.pgs-ghero:hover{transform:translateY(-2px);border-color:rgba(91,140,255,.38);box-shadow:var(--pgs-glow-acc);}
.pgs-ghero__main{position:relative;z-index:3;max-width:46%;}
.pgs-ghero__eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--pgs-acc2);}
.pgs-ghero__title{color:var(--pgs-h);font-size:27px;font-weight:900;letter-spacing:-.02em;line-height:1.07;margin:12px 0 7px;}
.pgs-ghero__sub{color:var(--pgs-txt);font-size:13.5px;line-height:1.5;margin:0 0 16px;max-width:34ch;}
.pgs-ghero__cta{color:var(--pgs-acc2);font-weight:700;font-size:14px;display:inline-flex;gap:7px;align-items:center;}
.pgs-ghero__row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.pgs-ghero__price{display:flex;align-items:baseline;gap:6px;white-space:nowrap;}
.pgs-ghero__from{color:var(--pgs-h);font-weight:900;font-size:27px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.pgs-ghero__btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:800;font-size:14px;
  color:#0C0C0D;background:linear-gradient(105deg,#9aa0ad 0%,#e9ebf0 16%,#ffffff 30%,#c3c7d1 46%,#9aa0ad 60%,#eef0f4 76%,#c3c7d1 92%);background-size:200% 100%;box-shadow:0 12px 30px -16px rgba(214,214,220,.55),inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(91,140,255,.20);
  animation:pgs-metalshift 6s ease-in-out infinite;transition:transform var(--pgs-dur-2) var(--pgs-ease),box-shadow var(--pgs-dur-2) var(--pgs-ease);}
.pgs-ghero__btn>*{position:relative;z-index:2;}
.pgs-ghero__btn::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.85) 50%,transparent 62%);transform:translateX(-130%);animation:pgs-sheen 6s ease-in-out infinite;}
.pgs-ghero:hover .pgs-ghero__btn{transform:translateY(-1px);box-shadow:0 16px 38px -16px rgba(91,140,255,.4),inset 0 1px 0 rgba(255,255,255,.7),0 0 0 1px rgba(91,140,255,.38);}
@keyframes pgs-metalshift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* Karten-Bühne: löst sich links nahtlos in die Kartenfläche auf (Maske) + dezenter Schleier */
.pgs-ghero__stage{position:absolute;top:0;bottom:0;right:0;width:64%;z-index:1;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 14%,#000 26%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 14%,#000 26%);}
.pgs-ghero__stage::before{content:"";position:absolute;inset:0;background:radial-gradient(58% 72% at 66% 50%,rgba(91,140,255,.22),transparent 72%);}
.pgs-ghero__stage::after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,transparent 38%,rgba(5,6,10,.14) 100%);}
.pgs-ghero .pgs-ghero__slab{position:absolute;top:50%;height:300px;width:auto;max-width:none;transform:translateY(-50%);
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.6));}
.pgs-ghero__slab.s1{right:42%;z-index:1;}
.pgs-ghero__slab.s2{right:21%;z-index:2;}
.pgs-ghero__slab.s3{right:0%;z-index:3;}
@media(max-width:680px){
  .pgs-ghero__main{max-width:100%;}
  .pgs-ghero__stage{display:none;}
}

/* Schmaler Hero ohne Bild (Echtheitsbewertung) */
.pgs-ghero--slim{min-height:0;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 28px;}
.pgs-ghero--slim .pgs-ghero__main{max-width:64%;}
.pgs-ghero--slim .pgs-ghero__title{font-size:23px;margin:9px 0 6px;}
.pgs-ghero--slim .pgs-ghero__sub{margin:0;max-width:48ch;}
.pgs-ghero__aside{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:none;}
@media(max-width:680px){
  .pgs-ghero--slim{flex-direction:column;align-items:flex-start;}
  .pgs-ghero__aside{align-items:flex-start;}
}

/* Schritt-Header */
.pgs-step{display:flex;align-items:flex-start;gap:14px;margin:30px 0 16px;}
.pgs-step__no{flex:none;width:30px;height:30px;border-radius:999px;background:rgba(91,140,255,.14);
  border:1px solid rgba(91,140,255,.34);color:#cfe0ff;font-weight:800;font-size:14px;
  display:flex;align-items:center;justify-content:center;margin-top:2px;}
.pgs-step .pgs-sub{margin-top:4px;}

/* Tier-Vergleich */
.pgs-gconf{display:block;padding-bottom:90px;}
.pgs-tier-grid{display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:680px){.pgs-tier-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;}}
@media(min-width:1100px){.pgs-tier-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}}
.pgs-tier__radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.pgs-tier{position:relative;display:flex;flex-direction:column;padding:18px;border-radius:var(--pgs-r);
  background:var(--pgs-card-2);border:1px solid var(--pgs-card-brd);cursor:pointer;
  transition:transform var(--pgs-dur-2) var(--pgs-ease),background var(--pgs-dur-2) var(--pgs-ease),border-color var(--pgs-dur-2) var(--pgs-ease),box-shadow var(--pgs-dur-2) var(--pgs-ease);}
.pgs-tier:hover{transform:translateY(-2px);background:rgba(255,255,255,.05);border-color:var(--pgs-card-brd-strong);}
.pgs-tier__radio:checked + .pgs-tier{background:rgba(91,140,255,.10);border-color:rgba(91,140,255,.42);box-shadow:var(--pgs-glow-acc);}
.pgs-tier__radio:focus-visible + .pgs-tier{box-shadow:var(--pgs-focus),var(--pgs-glow-acc);}
.pgs-tier__check{position:absolute;top:18px;left:18px;width:20px;height:20px;border-radius:999px;
  border:2px solid rgba(255,255,255,.22);background:transparent;transition:border-color var(--pgs-dur-2) var(--pgs-ease),background var(--pgs-dur-2) var(--pgs-ease);}
.pgs-tier__radio:checked + .pgs-tier .pgs-tier__check{border-color:var(--pgs-acc);background:radial-gradient(circle at center,var(--pgs-acc) 0 5px,transparent 6px);}
.pgs-tier__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-left:32px;}
.pgs-tier__id{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0;}
.pgs-tier__name{color:var(--pgs-h);font-weight:800;font-size:15px;letter-spacing:-.01em;line-height:1.25;min-height:2.5em;display:flex;align-items:flex-start;}
.pgs-tier__meta{color:var(--pgs-muted);font-size:12px;line-height:1.35;}
.pgs-tier__price{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none;}
.pgs-tier__ab{color:var(--pgs-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.pgs-tier__eur{color:var(--pgs-h);font-weight:900;font-size:18px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;}
.pgs-tier__per{color:var(--pgs-muted);font-size:11px;font-weight:600;}
.pgs-tier__badgerow{padding-left:32px;margin-top:10px;min-height:24px;display:flex;align-items:center;}
.pgs-tier__time{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);min-height:54px;}
.pgs-tier__time--empty{background:transparent;border-color:transparent;}
.pgs-tier__tlabel{display:inline-flex;align-items:center;gap:6px;color:var(--pgs-muted);font-size:12px;font-weight:600;flex:none;}
.pgs-tier__tlabel svg{width:14px;height:14px;color:var(--pgs-acc2);flex:none;}
.pgs-tier__time strong{color:var(--pgs-h);font-size:12.5px;font-weight:800;text-align:right;line-height:1.25;}
.pgs-tier__rows{margin-top:12px;display:flex;flex-direction:column;flex:1 1 auto;padding-left:32px;}
.pgs-tier__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07);}
.pgs-tier__row span{color:var(--pgs-muted);font-size:12px;font-weight:600;}
.pgs-tick{width:15px;height:15px;color:var(--pgs-acc2);flex:none;}

/* Grading Info-Balken */
.pgs-ginfo{margin:18px 0 6px;padding:20px;border-radius:var(--pgs-r);
  background:linear-gradient(135deg,rgba(91,140,255,.10),rgba(91,140,255,.03));
  border:1px solid rgba(91,140,255,.28);display:flex;flex-direction:column;gap:18px;}
.pgs-ginfo__top{display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:760px){.pgs-ginfo__top{grid-template-columns:1.4fr 1fr;align-items:stretch;}}
.pgs-ginfo__lead{display:flex;flex-direction:column;gap:10px;}
.pgs-ginfo__badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;
  border-radius:999px;background:rgba(91,140,255,.16);border:1px solid rgba(91,140,255,.4);
  color:var(--pgs-acc2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.pgs-ginfo__lead p{margin:0;color:var(--pgs-txt);font-size:14px;line-height:1.65;}
.pgs-ginfo__lead strong{color:var(--pgs-ink);font-weight:700;}
.pgs-ginfo__stat{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--pgs-r-sm);
  background:var(--pgs-card-2);border:1px solid var(--pgs-card-brd);justify-content:center;}
.pgs-ginfo__big{font-size:34px;font-weight:900;color:var(--pgs-ink);letter-spacing:-.02em;line-height:1;}
.pgs-ginfo__big small{font-size:15px;font-weight:700;color:var(--pgs-acc2);margin-left:2px;}
.pgs-ginfo__statk{font-size:12px;font-weight:700;color:var(--pgs-ink);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;}
.pgs-ginfo__statv{font-size:12px;color:var(--pgs-muted);line-height:1.5;}
.pgs-ginfo__sectitle{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--pgs-muted);font-weight:700;margin-bottom:-8px;}
.pgs-ginfo__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--pgs-card-brd);
  border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);overflow:hidden;}
@media(min-width:680px){.pgs-ginfo__specs{grid-template-columns:repeat(3,1fr);}}
.pgs-ginfo__spec{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;background:var(--pgs-card);}
.pgs-ginfo__spec-ic{position:relative;flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;overflow:hidden;
  border-radius:9px;background:rgba(91,140,255,.12);border:1px solid rgba(91,140,255,.22);color:var(--pgs-acc2);}
.pgs-ginfo__spec-ic svg{width:17px;height:17px;will-change:transform,opacity;}
.pgs-ginfo__spec-tx{display:flex;flex-direction:column;gap:3px;min-width:0;}

/* --- Je Eigenschaft eine eigene, passende Animation --- */
/* Material (Acryl): Glanz-Sheen ueber der Kachel */
.pgs-spec--material .pgs-ginfo__spec-ic::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);
  transform:translateX(-130%);animation:pgs-sheen 3.2s ease-in-out infinite;}
/* UV-Schutz: Sonne dreht sich */
.pgs-spec--uv .pgs-ginfo__spec-ic svg{transform-origin:50% 50%;animation:pgs-an-spin 9s linear infinite;}
/* Transparenz: Auge blendet (Durchsichtigkeit) */
.pgs-spec--transparenz .pgs-ginfo__spec-ic svg{animation:pgs-an-fade 3s ease-in-out infinite;}
/* Handling: Stapel wippt */
.pgs-spec--handling .pgs-ginfo__spec-ic svg{animation:pgs-an-bob 2.4s ease-in-out infinite;}
/* Witterung: Wassertropfen tropft */
.pgs-spec--witterung .pgs-ginfo__spec-ic svg{animation:pgs-an-drip 2.6s ease-in-out infinite;}
/* Sicherheit: Schloss pulsiert + Siegel-Ring */
.pgs-spec--sicherheit .pgs-ginfo__spec-ic svg{animation:pgs-an-pulse 2.2s ease-in-out infinite;}
.pgs-spec--sicherheit .pgs-ginfo__spec-ic::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 0 rgba(134,168,255,.5);animation:pgs-an-ring 2.2s ease-out infinite;}
/* Inklusive-Badge: Schild pulsiert dezent */
.pgs-ginfo__badge svg{animation:pgs-an-pulse 3s ease-in-out infinite;}

@keyframes pgs-an-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pgs-an-spin{to{transform:rotate(360deg)}}
@keyframes pgs-an-fade{0%,100%{opacity:1}50%{opacity:.32}}
@keyframes pgs-an-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes pgs-an-drip{0%{transform:translateY(-2px) scaleY(.92)}55%{transform:translateY(2px) scaleY(1.06)}100%{transform:translateY(-2px) scaleY(.92)}}
@keyframes pgs-an-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes pgs-an-ring{0%{box-shadow:0 0 0 0 rgba(134,168,255,.45)}70%{box-shadow:0 0 0 8px rgba(134,168,255,0)}100%{box-shadow:0 0 0 0 rgba(134,168,255,0)}}
@media (prefers-reduced-motion:reduce){
  .pgs-ginfo__spec{opacity:1;transform:none;animation:none}
  .pgs-spec--uv .pgs-ginfo__spec-ic svg,
  .pgs-spec--transparenz .pgs-ginfo__spec-ic svg,
  .pgs-spec--handling .pgs-ginfo__spec-ic svg,
  .pgs-spec--witterung .pgs-ginfo__spec-ic svg,
  .pgs-spec--sicherheit .pgs-ginfo__spec-ic svg,
  .pgs-spec--sicherheit .pgs-ginfo__spec-ic::before,
  .pgs-ginfo__badge svg{animation:none}
}
.pgs-ginfo__speck{font-size:11px;color:var(--pgs-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;}
.pgs-ginfo__specv{font-size:13px;color:var(--pgs-ink);font-weight:700;}

/* Mengen-Stepper */
.pgs-qtycard{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;}
.pgs-qtycard > .pgs-stepper{flex:0 0 auto;width:240px;}
.pgs-qtycard__mr{flex:1 1 340px;min-width:0;}
.pgs-qtycard__mr .pgs-mr{margin-top:0;}
@media (max-width:640px){.pgs-qtycard > .pgs-stepper{width:100%;}}
.pgs-qtyfield{display:flex;flex-direction:column;gap:8px;max-width:240px;}
.pgs-stepper{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;padding:8px;
  border-radius:999px;border:1px solid var(--pgs-card-brd);background:rgba(255,255,255,.03);}
.pgs-stepper__btn{height:42px;border-radius:999px;border:1px solid var(--pgs-card-brd);background:rgba(255,255,255,.04);
  color:var(--pgs-h);font-weight:700;font-size:18px;cursor:pointer;
  transition:transform var(--pgs-dur-2) var(--pgs-ease),background var(--pgs-dur-2) var(--pgs-ease),border-color var(--pgs-dur-2) var(--pgs-ease);}
.pgs-stepper__btn:hover{background:rgba(255,255,255,.07);border-color:var(--pgs-card-brd-strong);}
.pgs-stepper__btn:active{transform:scale(.96);}
.pgs-stepper__input{width:100%;text-align:center;background:transparent;border:0;color:var(--pgs-h);
  font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;-moz-appearance:textfield;}
.pgs-stepper__input:focus{outline:none;}
.pgs-stepper__input::-webkit-outer-spin-button,.pgs-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* Sticky Gesamtpreis-Leiste */
.pgs-total{position:sticky;bottom:14px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:24px;padding:14px 16px;border-radius:18px;background:rgba(10,10,11,.78);border:1px solid var(--pgs-card-brd);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--pgs-shadow-2);}
.pgs-total__left{display:flex;flex-direction:column;gap:3px;}
.pgs-total__label{color:var(--pgs-muted);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;}
.pgs-total__value{color:var(--pgs-h);font-weight:900;font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.pgs-total__vat{color:var(--pgs-muted);font-size:12px;}
.pgs-total .pgs-btn{white-space:nowrap;}
.pgs-total__vat .pgs-js-unit{color:var(--pgs-acc2);font-weight:700;font-variant-numeric:tabular-nums;}

/* ===================== Mengenrabatt / Staffelpreise ===================== */
.pgs-tier__ab{color:var(--pgs-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1px;}
.pgs-tier__row--mr span{color:var(--pgs-acc2);}
.pgs-tier__row--mr .pgs-tick{color:var(--pgs-acc2);}

.pgs-mr{margin-top:14px;display:flex;flex-direction:column;gap:12px;}
.pgs-mrblock{border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r);background:rgba(91,140,255,.05);
  padding:16px 18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.pgs-mr__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.pgs-mr__title{color:var(--pgs-h);font-weight:800;font-size:14px;letter-spacing:-.01em;
  display:inline-flex;align-items:center;gap:8px;}
.pgs-mr__title::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--pgs-acc);box-shadow:var(--pgs-glow-acc);}
.pgs-mr__hint{color:var(--pgs-muted);font-size:12px;font-weight:600;}
.pgs-mr__rows{display:grid;gap:2px;}
.pgs-mr__row{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 12px;border-radius:var(--pgs-r-sm);border:1px solid transparent;
  transition:background var(--pgs-dur-2) var(--pgs-ease),border-color var(--pgs-dur-2) var(--pgs-ease);}
.pgs-mr__qty{color:var(--pgs-txt);font-size:13px;font-weight:600;}
.pgs-mr__price{color:var(--pgs-h);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;}
.pgs-mr__per{color:var(--pgs-muted);font-size:11px;font-weight:600;}
.pgs-mr__row.is-active{background:rgba(91,140,255,.14);border-color:rgba(91,140,255,.42);}
.pgs-mr__row.is-active .pgs-mr__qty{color:var(--pgs-ink);}
.pgs-mr__row.is-active .pgs-mr__price{color:var(--pgs-acc2);}
.pgs-mr__row--quote .pgs-mr__price{color:var(--pgs-warn);font-size:13px;}
.pgs-mr-quote{padding:12px 16px;border-radius:var(--pgs-r-sm);border:1px dashed rgba(226,177,76,.45);
  background:rgba(226,177,76,.07);color:var(--pgs-txt);font-size:13px;line-height:1.5;}
.pgs-mr-quote a{color:var(--pgs-warn);font-weight:700;text-decoration:none;white-space:nowrap;}
.pgs-mr-quote a:hover{text-decoration:underline;}

/* Grading-Art / Optionen (z. B. Sticker) */
.pgs-optgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(max-width:620px){.pgs-optgrid{grid-template-columns:1fr;}}
.pgs-opt__radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.pgs-opt{position:relative;display:flex;align-items:center;gap:14px;cursor:pointer;
  padding:16px 18px 16px 46px;border-radius:var(--pgs-r);border:1px solid var(--pgs-card-brd);
  background:rgba(255,255,255,.03);transition:background var(--pgs-dur-2) var(--pgs-ease),border-color var(--pgs-dur-2) var(--pgs-ease);}
.pgs-opt:hover{background:rgba(255,255,255,.06);border-color:var(--pgs-card-brd-strong);}
.pgs-opt__radio:checked + .pgs-opt{background:rgba(91,140,255,.10);border-color:rgba(91,140,255,.42);box-shadow:var(--pgs-glow-acc);}
.pgs-opt__radio:focus-visible + .pgs-opt{box-shadow:var(--pgs-focus),var(--pgs-glow-acc);}
.pgs-opt__check{position:absolute;top:50%;left:18px;transform:translateY(-50%);width:20px;height:20px;border-radius:999px;
  border:2px solid var(--pgs-card-brd-strong);background:transparent;}
.pgs-opt__radio:checked + .pgs-opt .pgs-opt__check{border-color:var(--pgs-acc);background:radial-gradient(circle at center,var(--pgs-acc) 0 5px,transparent 6px);}
.pgs-opt__body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
.pgs-opt__name{color:var(--pgs-h);font-weight:800;font-size:15px;letter-spacing:-.01em;}
.pgs-opt__meta{color:var(--pgs-muted);font-size:12px;line-height:1.35;}
.pgs-opt__price{color:var(--pgs-acc2);font-weight:800;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.pgs-opt-note{margin:12px 0 0;padding:10px 14px;border-radius:var(--pgs-r-sm);
  background:rgba(91,140,255,.08);border:1px solid rgba(91,140,255,.28);color:var(--pgs-txt);font-size:13px;line-height:1.5;}

.pgs-detail__ab,.pgs-prod__ab{color:var(--pgs-muted);font-size:.62em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}

/* Produktdetail Footer reuse */
.pgs-addform__foot{align-items:center;}

/* ===================== Checkout ===================== */
.pgs-back{display:inline-flex;align-items:center;gap:6px;color:var(--pgs-muted);text-decoration:none;font-size:14px;font-weight:600;margin-bottom:14px;transition:color .15s ease;}
.pgs-back:hover{color:var(--pgs-ink);}

.pgs-co-discbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px;padding:16px 18px;}
.pgs-co-discform{display:flex;gap:10px;flex:1;min-width:240px;}
.pgs-co-discactive{display:flex;align-items:center;gap:12px;}

.pgs-co{display:grid;grid-template-columns:1fr 380px;gap:22px;align-items:start;}
.pgs-co-main{display:flex;flex-direction:column;gap:18px;min-width:0;}
.pgs-co-sec{padding:22px 22px 20px;}
.pgs-co-sec .pgs-h2{margin:0 0 16px;}

.pgs-co-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.pgs-co-field:last-child{margin-bottom:0;}
.pgs-co-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pgs-co-row-sh{display:grid;grid-template-columns:2fr 1fr;gap:14px;}
.pgs-co-label{color:var(--pgs-txt);font-size:13px;font-weight:600;}
.pgs-co-req{color:var(--pgs-acc2);}
.pgs-co-input{background:rgba(255,255,255,.04);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);
  color:var(--pgs-ink);padding:11px 13px;font-size:14px;width:100%;line-height:1.4;
  transition:border-color .15s ease,box-shadow .15s ease;}
.pgs-co-input::placeholder{color:rgba(214,214,220,.45);}
.pgs-co-input:focus{outline:none;border-color:var(--pgs-acc);box-shadow:0 0 0 3px rgba(91,140,255,.22);}
select.pgs-co-input{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--pgs-muted) 50%),linear-gradient(135deg,var(--pgs-muted) 50%,transparent 50%);
  background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px;
  color-scheme:dark;}
/* Native Dropdown-Liste lesbar: dunkles Popup statt heller Schrift auf weiss */
select.pgs-co-input option{background-color:#16171c;color:#F4F4F6;}
select.pgs-co-input optgroup{background-color:#0f1014;color:#9aa1ad;font-style:normal;font-weight:700;}

/* Zoll- & Einfuhrabgaben-Hinweis (Non-EU Versand, z. B. Schweiz, UK, Norwegen) */
.pgs-co-zollhint{display:flex;align-items:flex-start;gap:10px;margin-top:8px;padding:11px 13px;
  border:1px solid rgba(226,177,76,.34);background:rgba(226,177,76,.07);border-radius:var(--pgs-r-sm);
  color:#f0dca8;font-size:13px;line-height:1.5;animation:pgsZollFade .25s ease;}
.pgs-co-zollhint[hidden]{display:none;}
.pgs-co-zollhint > svg{flex:0 0 auto;margin-top:1px;}
.pgs-co-zollhint > div{display:flex;flex-direction:column;gap:3px;min-width:0;}
.pgs-co-zollhint b{color:#fff;font-weight:700;font-size:13px;letter-spacing:.01em;}
.pgs-co-zollhint span{color:rgba(255,243,212,.86);font-size:12.5px;}
@keyframes pgsZollFade{from{opacity:0;transform:translateY(-3px);}to{opacity:1;transform:none;}}

.pgs-co-opts{display:flex;flex-direction:column;gap:12px;}
.pgs-co-opt{display:flex;align-items:center;gap:14px;cursor:pointer;
  background:rgba(255,255,255,.025);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);padding:14px 16px;
  transition:border-color .15s ease,background-color .15s ease;}
.pgs-co-opt:hover{border-color:rgba(91,140,255,.35);}
.pgs-co-opt input{accent-color:var(--pgs-acc);width:18px;height:18px;flex:none;}
.pgs-co-opt:has(input:checked){border-color:var(--pgs-acc);background:rgba(91,140,255,.08);}
.pgs-co-opt__body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
.pgs-co-opt__name{color:var(--pgs-ink);font-weight:600;font-size:14px;}
.pgs-co-opt__desc{color:var(--pgs-muted);font-size:12px;}
.pgs-co-opt__price{color:var(--pgs-ink);font-weight:700;font-variant-numeric:tabular-nums;}

/* Versicherungshöhe (manuelle Auswahl im Warenkorb) */
.pgs-insure{margin:-2px 0 4px;padding:12px 14px;border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm,12px);background:rgba(255,255,255,.03);}
.pgs-insure__lbl{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pgs-muted);margin-bottom:9px;}
.pgs-insure__opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.pgs-insure__opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border:1px solid var(--pgs-card-brd);border-radius:10px;cursor:pointer;text-align:center;transition:border-color .18s ease,background-color .18s ease;}
.pgs-insure__opt input{position:absolute;opacity:0;width:0;height:0;}
.pgs-insure__opt:hover{border-color:rgba(91,140,255,.35);}
.pgs-insure__opt:has(input:checked){border-color:var(--pgs-acc);background:rgba(91,140,255,.10);}
.pgs-insure__opt:has(input:focus-visible){outline:2px solid var(--pgs-acc);outline-offset:2px;}
.pgs-insure__cov{font-weight:800;font-size:13.5px;color:var(--pgs-ink);font-variant-numeric:tabular-nums;}
.pgs-insure__prc{font-size:12.5px;color:var(--pgs-muted);font-variant-numeric:tabular-nums;}
@media(max-width:520px){.pgs-insure__opts{grid-template-columns:1fr;}.pgs-insure__opt{flex-direction:row;justify-content:space-between;}}

.pgs-co-side{position:sticky;top:20px;}
.pgs-co-summary{padding:22px;}
.pgs-co-summary .pgs-h2{margin:0 0 16px;}
.pgs-co-lines{display:flex;flex-direction:column;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--pgs-card-brd);}
.pgs-co-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;}
.pgs-co-line__name{color:var(--pgs-txt);}
.pgs-co-line__price{color:var(--pgs-ink);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
.pgs-co-tots{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;}
.pgs-co-tots .pgs-sumrow{display:flex;justify-content:space-between;font-size:14px;color:var(--pgs-txt);}
.pgs-co-disc span:last-child{color:#bff0db;}
.pgs-co-totalrow{padding-top:11px;margin-top:3px;border-top:1px solid var(--pgs-card-brd);font-size:17px !important;}
.pgs-co-totalrow span{color:var(--pgs-ink);font-weight:800;}
.pgs-co-legal{font-size:11px;text-align:center;margin:12px 0 0;}
/* AGB-Pflichtzustimmung */
.pgs-co-agb{display:flex;align-items:flex-start;gap:11px;margin:16px 0 4px;padding:13px 15px;border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);background:rgba(255,255,255,.03);font-size:13px;line-height:1.55;color:var(--pgs-txt);cursor:pointer;transition:border-color .2s ease,background .2s ease;}
.pgs-co-agb:hover{border-color:rgba(91,140,255,.4);background:rgba(91,140,255,.05);}
.pgs-co-agb input{margin-top:1px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--pgs-acc);cursor:pointer;}
.pgs-co-agb a{color:var(--pgs-acc);text-decoration:underline;}
.pgs-co-agb a:hover{color:var(--pgs-ink);}
.pgs-co-agb--err{border-color:#e06b6b;background:rgba(224,107,107,.08);}
/* Zahlart + Rabattcode in der Zusammenfassung */
.pgs-disc-hidden{display:none;margin:0;}
.pgs-co-discrow{margin:6px 0 2px;}
.pgs-co-discrow .pgs-co-discform{display:flex;gap:8px;flex:1;min-width:0;}
.pgs-co-discrow .pgs-co-input{flex:1;min-width:0;}
.pgs-co-discrow .pgs-co-discactive{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 12px;border:1px solid rgba(91,140,255,.3);border-radius:var(--pgs-r-sm);background:rgba(91,140,255,.07);}
.pgs-co-paysec{margin:16px 0 18px;padding-top:16px;border-top:1px solid var(--pgs-card-brd);}
.pgs-co-subh{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pgs-muted);}
.pgs-co-paysec .pgs-co-opt{padding:11px 12px;gap:10px;}
.pgs-co-paysec .pgs-co-opt__name{font-size:13px;}
.pgs-co-paysec .pgs-co-opt__desc{font-size:11px;}
.pgs-co-paysec .pgs-paylogos{transform:scale(.85);transform-origin:right center;flex:none;}

.pgs-co-note{background:rgba(91,140,255,.08);border:1px solid var(--pgs-card-brd);border-left:3px solid var(--pgs-acc);
  border-radius:var(--pgs-r-sm);padding:12px 14px;color:var(--pgs-txt);font-size:13px;margin:14px 0 0;}
.pgs-co-note--err{background:rgba(224,107,107,.10);border-left-color:#e06b6b;color:#f6c9c9;margin-bottom:14px;}
.pgs-co-note--grading{border-left-color:#3fbf8f;background:rgba(63,191,143,.08);}

/* Erfolg */
.pgs-co-success{text-align:center;padding:38px 26px 30px;}
.pgs-co-checkwrap{width:74px;height:74px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
  background:rgba(63,191,143,.14);border:1px solid rgba(63,191,143,.4);}
.pgs-co-bigtick{width:38px;height:38px;color:#5fe0ad;}
.pgs-co-success .pgs-sub{max-width:54ch;margin:8px auto 0;}
.pgs-co-success .pgs-co-note{text-align:left;max-width:60ch;margin:18px auto 0;}
.pgs-co-successbtns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px;}

@media (max-width:880px){
  .pgs-co{grid-template-columns:1fr;}
  .pgs-co-side{position:static;}
}
@media (max-width:520px){
  .pgs-co-row2{grid-template-columns:1fr;}
  .pgs-co-row-sh{grid-template-columns:2fr 1fr;}
}

/* ============================================================
   Aurora Veil Checkout (v0.44) – freigegebenes Layout A
   ============================================================ */
.pgs-co{--pgs-vio:#9A6CFF;}
:root{--pgs-vio:#9A6CFF;}

/* Subline unter dem Titel */
.pgs-co-intro{color:var(--pgs-muted);font-size:13.5px;margin:0 0 22px;}

/* --- Sektion-Header mit Icon-Badge --- */
.pgs-co-sec .pgs-h2{display:flex;align-items:center;gap:10px;}
.pgs-co-hic{width:28px;height:28px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;
  background:rgba(154,108,255,.14);border:1px solid rgba(154,108,255,.30);color:#cdbcff;}
.pgs-co-hic svg{width:16px;height:16px;display:block;}
.pgs-co-sec .pgs-h2 .pgs-muted{font-weight:500;font-size:12px;}

/* --- dezente Aurora auf den Sektionskarten links --- */
.pgs-co-sec{position:relative;overflow:hidden;isolation:isolate;}
.pgs-co-sec > *{position:relative;z-index:2;}
.pgs-co-sec::before{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;filter:blur(46px);opacity:.26;
  background:radial-gradient(40% 40% at 18% 18%,rgba(154,108,255,.7),transparent 70%),
            radial-gradient(40% 40% at 85% 12%,rgba(91,140,255,.6),transparent 70%);
  animation:pgs-co-soft 16s ease-in-out infinite alternate;will-change:transform;}
@keyframes pgs-co-soft{from{transform:translate(0,0);}to{transform:translate(-6%,5%);}}

/* --- einheitlicher animierter Licht-Schleier (identisch zu den Grading-Karten: pgs-sheen) --- */
.pgs-co-sec::after,.pgs-co-summary::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(110deg,transparent 36%,rgba(154,108,255,.14) 50%,transparent 64%);
  transform:translateX(-130%);animation:pgs-sheen 9s ease-in-out infinite;will-change:transform;}
.pgs-co-summary::after{animation-delay:1.5s;}
.pgs-co-sec:nth-of-type(2)::after{animation-delay:1s;}
.pgs-co-sec:nth-of-type(3)::after{animation-delay:2s;}
.pgs-co-sec:nth-of-type(4)::after{animation-delay:3s;}

/* --- selektierte Optionen + Fokus: violett/blau --- */
.pgs-co-opt:has(input:checked){border-color:rgba(154,108,255,.5);background:rgba(154,108,255,.08);box-shadow:0 0 0 1px rgba(154,108,255,.28);}
.pgs-co-opt input{accent-color:var(--pgs-vio);}
.pgs-co-input:focus{border-color:rgba(154,108,255,.5);box-shadow:0 0 0 3px rgba(154,108,255,.18);}
.pgs-co-req{color:var(--pgs-vio);}

/* --- Summary: Aurora Veil + Glas + metallischer Total --- */
.pgs-co-summary{position:relative;overflow:hidden;isolation:isolate;
  border:1px solid rgba(124,92,255,.26);box-shadow:0 20px 60px rgba(0,0,0,.5);}
.pgs-co-summary > *{position:relative;z-index:2;}
.pgs-co-aurora{position:absolute;inset:-40%;z-index:0;pointer-events:none;filter:blur(40px);opacity:.5;}
.pgs-co-aurora b{position:absolute;display:block;border-radius:50%;}
.pgs-co-aurora .b1{width:55%;height:55%;left:0;top:8%;background:radial-gradient(circle,rgba(154,108,255,.55),transparent 65%);animation:pgs-b1 9s ease-in-out infinite alternate;}
.pgs-co-aurora .b2{width:50%;height:50%;right:0;top:0;background:radial-gradient(circle,rgba(91,140,255,.5),transparent 65%);animation:pgs-b2 11s ease-in-out infinite alternate;}
.pgs-co-aurora .b3{width:45%;height:45%;left:25%;bottom:0;background:radial-gradient(circle,rgba(232,235,242,.25),transparent 65%);animation:pgs-b3 13s ease-in-out infinite alternate;}
@keyframes pgs-b1{from{transform:translate(0,0) scale(1);}to{transform:translate(22%,12%) scale(1.18);}}
@keyframes pgs-b2{from{transform:translate(0,0) scale(1.05);}to{transform:translate(-18%,16%) scale(.9);}}
@keyframes pgs-b3{from{transform:translate(0,0) scale(1);}to{transform:translate(10%,-14%) scale(1.2);}}
.pgs-co-glass{position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(7,7,8,.16);}

/* Summary Kopf mit Kontext-Chip */
.pgs-co-shead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.pgs-co-shead .pgs-h2{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pgs-muted);}
.pgs-co-schip{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;
  color:#cdbcff;background:rgba(154,108,255,.16);border:1px solid rgba(154,108,255,.4);white-space:nowrap;}
.pgs-co-schip svg{width:12px;height:12px;display:block;}

/* Summary Items mit Thumbnail-Kachel */
.pgs-co-lines{gap:2px;}
.pgs-co-sitem{display:flex;align-items:center;gap:12px;padding:8px 0;}
.pgs-co-thumb{width:38px;height:38px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;color:#e7eaf3;
  background:linear-gradient(135deg,rgba(154,108,255,.32),rgba(91,140,255,.30));border:1px solid var(--pgs-card-brd-strong);
  background-size:cover;background-position:center;background-repeat:no-repeat;}
.pgs-co-thumb svg{width:18px;height:18px;display:block;}
.pgs-co-sitem__id{flex:1;min-width:0;}
.pgs-co-sitem__name{font-size:14px;font-weight:600;color:var(--pgs-ink);line-height:1.3;}
.pgs-co-sitem__meta{font-size:11px;color:var(--pgs-muted);}
.pgs-co-sitem__price{font-size:14px;font-weight:700;color:var(--pgs-ink);font-variant-numeric:tabular-nums;white-space:nowrap;}

/* Metallischer Total-Wert */
.pgs-metal{background:linear-gradient(120deg,#E8EBF2 0%,#ffffff 18%,var(--pgs-vio) 45%,var(--pgs-acc) 68%,#E8EBF2 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.pgs-co-totalrow .pgs-metal{font-size:26px;font-weight:800;letter-spacing:-.02em;}
.pgs-sumrow--total .pgs-metal{font-size:24px;font-weight:800;letter-spacing:-.01em;}

/* Bestell-CTA: einheitlich im Seiten-Stil (blauer Primary-Button) */
.pgs-co-summary .pgs-btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;}
.pgs-co-summary .pgs-btn--primary svg{width:18px;height:18px;flex:0 0 auto;}

@media (prefers-reduced-motion: reduce){
  .pgs-co-aurora b,.pgs-co-sec::before,.pgs-co-sec::after,.pgs-co-summary::after{animation:none;}
}

/* ============================================================
   Einheitlicher Aurora-Schleier – shop-weit wiederverwendbar
   (identische pgs-sheen-Animation wie Grading-Karten & Checkout)
   ============================================================ */
.pgs-veil{position:relative;overflow:hidden;isolation:isolate;}
.pgs-veil > *{position:relative;z-index:2;}
.pgs-veil::before{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;filter:blur(46px);opacity:.22;
  background:radial-gradient(40% 40% at 18% 18%,rgba(154,108,255,.7),transparent 70%),
            radial-gradient(40% 40% at 85% 12%,rgba(91,140,255,.6),transparent 70%);
  animation:pgs-co-soft 16s ease-in-out infinite alternate;will-change:transform;}
.pgs-veil::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(110deg,transparent 36%,rgba(154,108,255,.13) 50%,transparent 64%);
  transform:translateX(-130%);animation:pgs-sheen 9s ease-in-out infinite;will-change:transform;}
.pgs-veil--summary{border:1px solid rgba(124,92,255,.26) !important;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.pgs-detail__media.pgs-veil{border-radius:var(--pgs-r);}
@media (prefers-reduced-motion: reduce){.pgs-veil::before,.pgs-veil::after{animation:none;}}


/* ===================== Bezahlseite ===================== */
.pgs-pay{max-width:560px;}
.pgs-pay__amount{color:var(--pgs-ink);font-weight:700;}
.pgs-pay__card{padding:24px;}
.pgs-pay__element{min-height:80px;margin-bottom:18px;}
.pgs-pay__loading{color:var(--pgs-muted);font-size:14px;padding:18px 0;text-align:center;}
.pgs-pay__msg{font-size:13px;margin:0 0 14px;min-height:0;}
.pgs-pay__msg--err{color:#f6c9c9;}
.pgs-pay__msg--info{color:var(--pgs-muted);}
.pgs-pay__secure{font-size:12px;text-align:center;margin:16px 0 0;}
#pgs-pay-button.is-loading{opacity:.7;cursor:progress;}
.pgs-paystatus{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid var(--pgs-card-brd);}
.pgs-paystatus--paid{background:rgba(63,191,143,.12);border-color:rgba(63,191,143,.32);color:#bff0db;}
.pgs-paystatus--open{background:rgba(226,177,76,.12);border-color:rgba(226,177,76,.34);color:#f0dca8;}

/* ---- M4: Grading Karten-Editor (Name + Foto je Karte) ---- */
.pgs-cardsedit{display:flex;flex-direction:column;gap:12px;}
.pgs-cardlist{display:flex;flex-direction:column;gap:10px;}
.pgs-cardedit{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);}
.pgs-cardedit__main{flex:1 1 240px;min-width:200px;}
.pgs-cardedit__name{width:100%;}
.pgs-cardedit__media{display:flex;align-items:center;gap:10px;}
.pgs-cardedit__thumb{width:44px;height:44px;border-radius:8px;border:1px dashed rgba(255,255,255,.18);background-size:cover;background-position:center;background-repeat:no-repeat;flex:0 0 auto;}
.pgs-cardedit__thumb.is-set{border-style:solid;border-color:rgba(91,140,255,.6);}
.pgs-cardedit__upload{cursor:pointer;white-space:nowrap;}
.pgs-cardedit__remove{appearance:none;border:1px solid rgba(255,255,255,.14);background:transparent;color:#9aa;width:34px;height:34px;border-radius:8px;font-size:20px;line-height:1;cursor:pointer;transition:color 150ms ease,border-color 150ms ease;}
.pgs-cardedit__remove:hover{color:#ff6b6b;border-color:rgba(255,107,107,.5);}
.pgs-js-addcard{align-self:flex-start;}

/* ---- Checkout: Store-Auswahl, Zahlart-Logos ---- */
.pgs-co-opt--hidden{display:none !important;}
.pgs-co-stores{display:flex;flex-direction:column;gap:10px;margin:4px 0 2px;padding-left:6px;}
.pgs-co-store{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--pgs-card-brd);
  border-radius:14px;cursor:pointer;background:var(--pgs-card-2);transition:border-color .15s ease, background-color .15s ease;}
.pgs-co-store:hover{border-color:rgba(91,140,255,.4);}
.pgs-co-store input{margin-top:3px;accent-color:var(--pgs-acc);}
.pgs-co-store__main{display:flex;flex-direction:column;gap:2px;}
.pgs-co-store__name{color:var(--pgs-ink);font-weight:600;font-size:14px;}
.pgs-co-store__addr{color:var(--pgs-muted);font-size:13px;line-height:1.45;}
.pgs-co-store input:checked + .pgs-co-store__main .pgs-co-store__name{color:var(--pgs-acc);}

.pgs-paylogos{display:flex;align-items:center;gap:6px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;max-width:160px;}
.pgs-payico{color:var(--pgs-muted);display:inline-flex;}
.pgs-brand{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 7px;border-radius:5px;
  font-size:11px;font-weight:800;letter-spacing:.3px;line-height:1;font-family:Arial,Helvetica,sans-serif;
  background:#fff;border:1px solid rgba(0,0,0,.08);}
.pgs-brand--visa{color:#1434CB;font-style:italic;letter-spacing:.5px;}
.pgs-brand--amex{color:#fff;background:#2E77BC;border-color:#2E77BC;}
.pgs-brand--mc{background:#fff;padding:0 5px;}
.pgs-brand--mc svg{display:block;}
.pgs-brand--pp{background:#fff;font-style:italic;font-size:12px;padding:0 8px;}
.pgs-brand--pp .pp1{color:#003087;}
.pgs-brand--pp .pp2{color:#0070E0;}
.pgs-brand--klarna{background:#FFB3C7;color:#0A0B09;padding:0 9px;}
.pgs-brand--sepa{color:#0a4a9e;}

/* Geschenkgutschein – Kauf-UI */
.pgs-gcform{display:flex;flex-direction:column;gap:16px;}
.pgs-gc-lbl{color:var(--pgs-ink);font-weight:700;font-size:14px;margin:0;}
.pgs-gc-presets{display:flex;flex-wrap:wrap;gap:10px;}
.pgs-gc-amt{position:relative;cursor:pointer;}
.pgs-gc-amt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;}
.pgs-gc-amt span{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:12px 18px;
  border-radius:var(--pgs-r-sm);border:1.5px solid var(--pgs-card-brd);background:rgba(255,255,255,.04);
  color:var(--pgs-ink);font-weight:700;font-size:16px;transition:border-color .15s ease,background-color .15s ease,color .15s ease;}
.pgs-gc-amt:hover span{border-color:var(--pgs-focus-brd);}
.pgs-gc-amt input:focus-visible + span{box-shadow:var(--pgs-focus);}
.pgs-gc-amt input:checked + span{border-color:transparent;color:#0C0C0D;background:linear-gradient(180deg,var(--pgs-acc2),var(--pgs-acc));}
.pgs-gc-custom{display:flex;flex-direction:column;gap:7px;color:var(--pgs-txt);font-size:14px;font-weight:600;max-width:260px;}
.pgs-gc-custom input{background:rgba(255,255,255,.04);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);
  color:var(--pgs-ink);padding:12px 14px;font-size:15px;transition:border-color .15s ease,box-shadow .15s ease;}
.pgs-gc-custom input:focus,.pgs-gc-custom input:focus-visible{outline:none;border-color:var(--pgs-acc);box-shadow:var(--pgs-focus);}
.pgs-gc-hint{color:var(--pgs-muted);font-size:12px;margin:0;line-height:1.5;}
.pgs-gc-pers{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--pgs-card-2);
  border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r);}
.pgs-gc-pers__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width:560px){.pgs-gc-pers__row{grid-template-columns:1fr;}}

/* Produktgalerie (Detailseite) */
.pgs-gallery{display:flex;flex-direction:column;gap:12px;}
.pgs-gallery__main{aspect-ratio:1/1;border-radius:var(--pgs-r);overflow:hidden;background:var(--pgs-card-2);border:1px solid var(--pgs-card-brd);}
.pgs-gallery__img{width:100%;height:100%;object-fit:contain;display:block;}
.pgs-gallery__thumbs{display:flex;flex-wrap:wrap;gap:10px;}
.pgs-gallery__thumb{width:72px;height:72px;border-radius:var(--pgs-r-sm);overflow:hidden;padding:0;cursor:pointer;
  border:2px solid transparent;background:var(--pgs-card-2);transition:border-color .15s ease,transform .15s ease;}
.pgs-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pgs-gallery__thumb:hover{transform:translateY(-2px);}
.pgs-gallery__thumb.is-active{border-color:var(--pgs-acc);}
.pgs-gallery__thumb:focus-visible{outline:none;box-shadow:var(--pgs-focus);}

/* Mystery-Box Beschreibung */
.pgs-mbox{display:flex;flex-direction:column;gap:22px;}
.pgs-mbox__eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--pgs-acc2);font-weight:700;}
.pgs-mbox__title{font-size:22px;font-weight:800;color:var(--pgs-ink);margin:2px 0 0;line-height:1.15;}
.pgs-mbox__lead{color:var(--pgs-txt);font-size:14px;line-height:1.7;margin:0;}
.pgs-mbox__sectitle{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--pgs-muted);font-weight:700;margin-bottom:-10px;}
.pgs-mbox__items{display:flex;flex-direction:column;gap:12px;}
.pgs-mbox__item{display:flex;gap:16px;align-items:flex-start;background:var(--pgs-card-2);
  border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);padding:16px;}
.pgs-mbox__qty{font-size:22px;font-weight:800;color:var(--pgs-acc2);min-width:46px;line-height:1.2;white-space:nowrap;}
.pgs-mbox__itembody{display:flex;flex-direction:column;gap:4px;}
.pgs-mbox__itemname{font-weight:700;color:var(--pgs-ink);font-size:15px;}
.pgs-mbox__itemdesc{color:var(--pgs-txt);font-size:13px;line-height:1.6;}
.pgs-mbox__chips{display:flex;flex-wrap:wrap;gap:8px;}
.pgs-mbox__chips span{display:inline-block;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;
  color:var(--pgs-txt);background:var(--pgs-card-2);border:1px solid var(--pgs-card-brd);}
.pgs-mbox__guarantee{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--pgs-r-sm);
  background:linear-gradient(135deg,rgba(91,140,255,.14),rgba(91,140,255,.04));border:1px solid rgba(91,140,255,.3);}
.pgs-mbox__guarantee b{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--pgs-acc2);}
.pgs-mbox__guarantee span{color:var(--pgs-ink);font-size:14px;font-weight:500;line-height:1.6;}
.pgs-mbox__quality{list-style:none;padding:0;margin:0;}
.pgs-mbox__quality li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;
  border-bottom:1px solid var(--pgs-card-brd);color:var(--pgs-txt);font-size:13px;line-height:1.5;}
.pgs-mbox__quality li:last-child{border-bottom:none;}
.pgs-mbox__quality li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pgs-acc);margin-top:6px;flex:0 0 auto;}




/* ============ Checkout: Punkte-Einlösung ============ */
.pgs-co-points{margin:14px 0;padding:14px 16px;border:1px solid rgba(91,140,255,.28);
  border-radius:12px;background:linear-gradient(160deg,rgba(91,140,255,.12),rgba(91,140,255,.03));}
.pgs-co-points__head{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--pgs-txt);margin-bottom:10px;}
.pgs-co-points__icn{color:var(--pgs-acc2);display:inline-flex;}
.pgs-co-points__bal strong{color:var(--pgs-ink);}
.pgs-co-points__row{display:flex;gap:8px;align-items:stretch;}
.pgs-co-points__row .pgs-co-input{flex:1;min-width:0;}
.pgs-co-points__hint{margin:8px 0 0;font-size:12px;line-height:1.4;}
.pgs-co-ptsrow span:last-child{color:var(--pgs-acc2);}

/* ============ Warenkorb: Versandart-Auswahl ============ */
.pgs-cartship{margin-top:16px;}
.pgs-cartship__intro{margin:2px 0 14px;font-size:13.5px;}
.pgs-cartship__form{display:flex;flex-direction:column;gap:10px;}
.pgs-cartship__stores{display:flex;flex-direction:column;gap:8px;margin:2px 0 0 4px;padding-left:14px;border-left:2px solid rgba(91,140,255,.25);}
.pgs-summary__hint{margin:10px 0 0;font-size:12px;line-height:1.45;}
.pgs-co-sechint{margin:-4px 0 12px;font-size:13px;}

/* Grading-Tier: Bearbeitungszeit hervorheben */
.pgs-tier__row--time{align-items:center;font-weight:600;color:var(--pgs-ink);border-top:1px dashed var(--pgs-card-brd);padding-top:7px;margin-top:2px;}
.pgs-tier__row--time>span{display:inline-flex;align-items:center;gap:6px;color:var(--pgs-acc2);}
.pgs-tier__row--time svg{width:14px;height:14px;}
.pgs-tier__row--time strong{color:var(--pgs-ink);font-weight:700;}

/* ===================== Grading-Layout Variante B ===================== */
.pgs-tier-grid--b{grid-template-columns:1fr;align-items:stretch;}
@media(min-width:680px){.pgs-tier-grid--b{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1040px){.pgs-tier-grid--b{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);}}
/* JS-gesteuerter Auswahl-Status (gilt für Einzelkarten & Express-Gruppe) */
.pgs-tier.is-selected{background:rgba(91,140,255,.10);border-color:rgba(91,140,255,.42);box-shadow:var(--pgs-glow-acc);}
.pgs-tier.is-selected .pgs-tier__check{border-color:var(--pgs-acc);background:radial-gradient(circle at center,var(--pgs-acc) 0 5px,transparent 6px);}

/* Express-Gruppenkarte */
.pgs-xpress{position:relative;display:flex;flex-direction:column;padding:18px;border-radius:var(--pgs-r);
  background:rgba(255,255,255,.03);border:1px solid var(--pgs-card-brd);
  transition:transform var(--pgs-dur-2) var(--pgs-ease),border-color var(--pgs-dur-2) var(--pgs-ease),box-shadow var(--pgs-dur-2) var(--pgs-ease);}
.pgs-xpress.is-selected{background:rgba(91,140,255,.10);border-color:rgba(91,140,255,.42);box-shadow:var(--pgs-glow-acc);}
.pgs-xpress.is-selected .pgs-tier__ab{visibility:hidden;}
.pgs-xpress__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.pgs-xpress__id{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0;}

/* Segment-Schalter (Express | Premium | Same-Day) */
.pgs-xsegs{margin-top:12px;display:flex;flex-direction:column;gap:8px;}
.pgs-xseg__radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.pgs-xseg{position:relative;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px 10px;
  padding:11px 12px;border-radius:var(--pgs-r-sm);border:1px solid var(--pgs-card-brd);background:rgba(255,255,255,.02);
  cursor:pointer;transition:border-color var(--pgs-dur-2) var(--pgs-ease),background-color var(--pgs-dur-2) var(--pgs-ease);}
.pgs-xseg:hover{border-color:var(--pgs-card-brd-strong);background:rgba(255,255,255,.05);}
.pgs-xseg__check{grid-row:1 / span 2;width:20px;height:20px;border-radius:999px;border:2px solid var(--pgs-card-brd);align-self:center;}
.pgs-xseg__radio:focus-visible + .pgs-xseg{box-shadow:var(--pgs-focus);}
.pgs-xseg.is-active{border-color:rgba(91,140,255,.5);background:rgba(91,140,255,.12);}
.pgs-xseg.is-active .pgs-xseg__check{border-color:var(--pgs-acc);background:radial-gradient(circle at center,var(--pgs-acc) 0 5px,transparent 6px);}
.pgs-xseg__name{color:var(--pgs-h);font-weight:800;font-size:14px;letter-spacing:-.01em;}
.pgs-xseg__price{grid-column:3;grid-row:1;color:var(--pgs-h);font-weight:800;font-size:14px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.pgs-xseg__per{color:var(--pgs-muted);font-size:11px;font-weight:600;}
.pgs-xseg__time{grid-column:2 / span 2;display:inline-flex;align-items:center;gap:6px;color:var(--pgs-muted);font-size:11.5px;font-weight:600;}
.pgs-xseg__time svg{width:13px;height:13px;color:var(--pgs-acc2);flex:none;}

/* Same-Day-Warnung */
.pgs-sameday-warn{margin-top:10px;display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:var(--pgs-r-sm);
  background:rgba(226,177,76,.10);border:1px solid rgba(226,177,76,.34);color:var(--pgs-h);font-size:12px;line-height:1.45;}
.pgs-sameday-warn[hidden]{display:none;}
.pgs-sameday-warn svg{width:15px;height:15px;color:var(--pgs-warn);flex:none;margin-top:1px;}
.pgs-sameday-warn strong{color:var(--pgs-warn);}

/* Auswahl-Hinweis am Submit */
.pgs-total__hint{color:var(--pgs-muted);font-size:12px;font-weight:600;margin:6px 0 0;}
.pgs-js-submit[disabled]{opacity:.5;cursor:not-allowed;}
.pgs-btn[disabled],.pgs-btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;}
.pgs-cardlimit{display:block;margin-top:10px;font-size:12px;}

/* ----------------------- Toasts (ersetzt native alert) ----------------------- */
.pgs-toasts{position:fixed;right:18px;bottom:18px;z-index:300;display:flex;flex-direction:column;gap:10px;max-width:min(92vw,360px);pointer-events:none;}
.pgs-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;border-radius:14px;
  background:rgba(22,22,28,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 32px rgba(0,0,0,.42);
  color:#f3f3f5;font-size:13.5px;line-height:1.4;font-weight:500;pointer-events:auto;
  opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;}
.pgs-toast.is-in{opacity:1;transform:translateY(0);}
.pgs-toast.is-leaving{opacity:0;transform:translateY(10px);}
.pgs-toast__msg{flex:1;}
.pgs-toast__close{flex:none;background:transparent;border:0;color:rgba(255,255,255,.6);font-size:18px;line-height:1;cursor:pointer;padding:0 2px;transition:color .15s ease;}
.pgs-toast__close:hover{color:#fff;}
.pgs-toast__close:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;border-radius:6px;}
.pgs-toast::before{content:"";flex:none;width:4px;align-self:stretch;border-radius:4px;margin:1px 2px 1px -4px;}
.pgs-toast--error::before{background:#e5544b;}
.pgs-toast--success::before{background:#3aa76d;}
.pgs-toast--info::before{background:#5b8def;}
@media (max-width:640px){.pgs-toasts{left:12px;right:12px;bottom:12px;max-width:none;}}

/* =====================================================================
   THEME-SCHUTZ (Anti-Bleed)
   Verhindert, dass die Typografie des aktiven Themes / der Seite
   (z. B. grosse h1/h2/strong/span aus .entry-content oder Elementor)
   in den Shop-Shortcode hineinblutet und die Schriftgroessen sprengt.
   Loesung: hoehere Spezifitaet (.pgs-shopwrap ...) + !important, damit
   die Shop-eigenen Groessen verbindlich gewinnen.
   ===================================================================== */
.pgs-shopwrap{font-size:14px;line-height:1.5;}
.pgs-shopwrap .pgs-portal__inner{font-size:14px;line-height:1.5;}

.pgs-shopwrap .pgs-title{font-size:28px !important;line-height:1.15 !important;}
@media(min-width:768px){.pgs-shopwrap .pgs-title{font-size:32px !important;}}
.pgs-shopwrap .pgs-h2{font-size:18px !important;line-height:1.25 !important;}
.pgs-shopwrap .pgs-sub{font-size:14px !important;line-height:1.55 !important;}
.pgs-shopwrap .pgs-back{font-size:14px !important;line-height:1.4 !important;}
.pgs-shopwrap .pgs-chip{font-size:11px !important;line-height:1.2 !important;}

.pgs-shopwrap .pgs-tier__name{font-size:15px !important;line-height:1.25 !important;}
.pgs-shopwrap .pgs-tier__meta{font-size:12px !important;line-height:1.35 !important;}
.pgs-shopwrap .pgs-tier__ab{font-size:10px !important;line-height:1.2 !important;}
.pgs-shopwrap .pgs-tier__eur{font-size:18px !important;line-height:1.1 !important;}
.pgs-shopwrap .pgs-tier__per{font-size:11px !important;line-height:1.2 !important;}
.pgs-shopwrap .pgs-tier__tlabel{font-size:12px !important;line-height:1.3 !important;}
.pgs-shopwrap .pgs-tier__time strong{font-size:12.5px !important;line-height:1.25 !important;}
.pgs-shopwrap .pgs-tier__row span{font-size:12px !important;line-height:1.35 !important;}

.pgs-shopwrap .pgs-xseg__name{font-size:14px !important;line-height:1.2 !important;}
.pgs-shopwrap .pgs-xseg__price{font-size:14px !important;line-height:1.2 !important;}
.pgs-shopwrap .pgs-xseg__per{font-size:11px !important;line-height:1.2 !important;}
.pgs-shopwrap .pgs-xseg__time{font-size:11.5px !important;line-height:1.3 !important;}

.pgs-shopwrap .pgs-opt__name{font-size:15px !important;line-height:1.25 !important;}
.pgs-shopwrap .pgs-opt__meta{font-size:12px !important;line-height:1.35 !important;}
.pgs-shopwrap .pgs-opt__price{font-size:13px !important;line-height:1.2 !important;}

/* Katalog-/Produkt-Texte ebenfalls absichern */
.pgs-shopwrap .pgs-prodtitle{font-size:16px !important;}
.pgs-shopwrap .pgs-price{font-size:18px !important;}
.pgs-shopwrap .pgs-prodmeta,.pgs-shopwrap .pgs-prodmeta *{font-size:13px !important;}

/* =====================================================================
   THEME-SCHUTZ TEIL 2
   1) Schriftart/-stärke des Themes nicht in den Shop durchschlagen lassen
   2) Klassennamen-Kollision beheben: portal.css ".pgs-step::before"
      (Stepper-Verbindungslinie) darf NICHT durch den Abschnitts-Header
      (".pgs-step" mit Nummer) im Shop laufen.
   ===================================================================== */
/* 1) Shop-Schrift verbindlich erzwingen (gegen Theme-/Elementor-Schriften) */
.pgs-shopwrap.pgs-shopwrap,
.pgs-shopwrap.pgs-shopwrap *{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  font-style:normal !important;
}

/* 2) Stepper-Linie aus portal.css im Shop-Abschnittsheader entfernen */
.pgs-shopwrap .pgs-step{flex:0 0 auto !important;flex-direction:row !important;align-items:flex-start !important;gap:14px !important;}
.pgs-shopwrap .pgs-step::before{content:none !important;display:none !important;background:none !important;}

/* zusaetzliche Spezifitaet als Sicherheitsnetz gegen aggressive Theme-/Elementor-Groessen */
.pgs-shopwrap.pgs-shopwrap .pgs-title{font-size:28px !important;}
@media(min-width:768px){.pgs-shopwrap.pgs-shopwrap .pgs-title{font-size:32px !important;}}
.pgs-shopwrap.pgs-shopwrap .pgs-tier__name{font-size:15px !important;font-weight:800 !important;}
.pgs-shopwrap.pgs-shopwrap .pgs-tier__time strong{font-size:12.5px !important;font-weight:800 !important;}
.pgs-shopwrap.pgs-shopwrap .pgs-tier__tlabel{font-size:12px !important;font-weight:600 !important;}

/* =====================================================================
   THEME-SCHUTZ TEIL 3 – ID-basiert (#pgs-shop-root)
   Eine ID schlaegt praktisch jede klassenbasierte Theme-/Elementor-Regel.
   Erzwingt Schriftart UND Schriftgroessen im gesamten Shop verbindlich.
   ===================================================================== */
#pgs-shop-root,
#pgs-shop-root *{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  font-style:normal !important;
  letter-spacing:normal !important;
}
#pgs-shop-root{font-size:14px !important;line-height:1.5 !important;}

#pgs-shop-root .pgs-title{font-size:28px !important;line-height:1.15 !important;}
@media(min-width:768px){#pgs-shop-root .pgs-title{font-size:32px !important;}}
#pgs-shop-root .pgs-h2{font-size:18px !important;line-height:1.25 !important;}
#pgs-shop-root .pgs-sub{font-size:14px !important;line-height:1.55 !important;}
#pgs-shop-root .pgs-back{font-size:14px !important;line-height:1.4 !important;}
#pgs-shop-root .pgs-chip{font-size:11px !important;line-height:1.2 !important;}

#pgs-shop-root .pgs-tier__name{font-size:15px !important;line-height:1.25 !important;}
#pgs-shop-root .pgs-tier__meta{font-size:12px !important;line-height:1.35 !important;}
#pgs-shop-root .pgs-tier__ab{font-size:10px !important;}
#pgs-shop-root .pgs-tier__eur{font-size:18px !important;line-height:1.1 !important;}
#pgs-shop-root .pgs-tier__per{font-size:11px !important;}
#pgs-shop-root .pgs-tier__tlabel{font-size:12px !important;}
#pgs-shop-root .pgs-tier__time strong{font-size:12.5px !important;line-height:1.25 !important;}
#pgs-shop-root .pgs-tier__row span{font-size:12px !important;line-height:1.35 !important;}

#pgs-shop-root .pgs-xseg__name{font-size:14px !important;}
#pgs-shop-root .pgs-xseg__price{font-size:14px !important;}
#pgs-shop-root .pgs-xseg__per{font-size:11px !important;}
#pgs-shop-root .pgs-xseg__time{font-size:11.5px !important;}

#pgs-shop-root .pgs-opt__name{font-size:15px !important;}
#pgs-shop-root .pgs-opt__meta{font-size:12px !important;}
#pgs-shop-root .pgs-opt__price{font-size:13px !important;}

#pgs-shop-root .pgs-prodtitle{font-size:16px !important;}
#pgs-shop-root .pgs-price{font-size:18px !important;}

#pgs-shop-root .pgs-step::before{content:none !important;display:none !important;}

/* =====================================================================
   GRADING-SERVICES UNTEREINANDER (statt nebeneinander)
   Auf Kundenwunsch: Karten gestapelt = volle Breite, kein enges Umbrechen.
   Stil bleibt unveraendert; nur das Spaltenlayout wird auf 1 Spalte gesetzt.
   ===================================================================== */
#pgs-shop-root .pgs-tier-grid--b{
  grid-template-columns:1fr !important;
  max-width:640px;
  margin-left:0;
  margin-right:auto;
  gap:14px !important;
}

/* =====================================================================
   GRADING – KOMBINIERTE GLAS-KARTE (Single-Card Auswahl)
   Variante 2: dezent getoente Glas-Zeilen + sanfter Farb-Schleier +
   aufklappbare Express-Tempo-Stufen. Vorteile erscheinen nur einmal.
   ===================================================================== */
.pgs-gcard{background:var(--pgs-card);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r);
  padding:clamp(16px,3vw,22px);box-shadow:0 18px 60px rgba(0,0,0,.45);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  margin:0;}

/* Schritt 1 (Auswahl) + INKLUSIVE nebeneinander */
.pgs-gtop{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-bottom:18px;}
.pgs-gtop > .pgs-gcard{margin:0;}
.pgs-gtop > .pgs-ginfo{margin:0;}
@media (max-width:900px){.pgs-gtop{grid-template-columns:1fr;}}
.pgs-grows{display:flex;flex-direction:column;gap:10px;}

/* ---- Zeile (Standard / Booster / Sonstige) ---- */
.pgs-tier.pgs-tier--row{flex-direction:row;align-items:center;gap:14px;padding:15px 18px;border-radius:13px;
  position:relative;overflow:hidden;isolation:isolate;min-height:0;
  background:color-mix(in srgb,var(--gc,var(--pgs-acc)) 5%,rgba(255,255,255,.04));
  border:1px solid color-mix(in srgb,var(--gc,var(--pgs-acc)) 18%,var(--pgs-card-brd));
  transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease,background-color .2s ease;}
.pgs-tier.pgs-tier--row:hover{transform:translateY(-1px);
  background:color-mix(in srgb,var(--gc,var(--pgs-acc)) 8%,rgba(255,255,255,.05));
  border-color:color-mix(in srgb,var(--gc,var(--pgs-acc)) 26%,var(--pgs-card-brd-strong));}
.pgs-tier.pgs-tier--row>*{position:relative;z-index:1;}

/* animierter Farb-Schleier (dezent & langsam) */
.pgs-tier.pgs-tier--row::after,
.pgs-xpress--row .pgs-xpress__top::after{content:"";position:absolute;inset:0;border-radius:inherit;
  z-index:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 36%,color-mix(in srgb,var(--gc,var(--pgs-acc)) 13%,transparent) 50%,transparent 64%);
  transform:translateX(-130%);animation:pgs-sheen 9s ease-in-out infinite;will-change:transform;}
@keyframes pgs-sheen{0%{transform:translateX(-130%);}55%{transform:translateX(130%);}100%{transform:translateX(130%);}}
.pgs-tier.pgs-tier--row[style*="pgs-ok"]::after{animation-delay:3s;}
.pgs-xpress--row .pgs-xpress__top::after{animation-delay:1.5s;}
@media (prefers-reduced-motion: reduce){
  .pgs-tier.pgs-tier--row::after,.pgs-xpress--row .pgs-xpress__top::after{animation:none;display:none;}
}

/* Check-Punkt inline statt absolut */
.pgs-tier.pgs-tier--row .pgs-tier__check{position:static;top:auto;left:auto;width:18px;height:18px;flex:0 0 auto;}
.pgs-grow__id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;}
.pgs-tier.pgs-tier--row .pgs-tier__name{min-height:0;font-size:15px;display:block;color:var(--pgs-h);}
.pgs-tier.pgs-tier--row .pgs-tier__meta{color:var(--pgs-muted);font-size:12px;}
.pgs-tier.pgs-tier--row .pgs-tier__price{flex:0 0 auto;flex-direction:row;align-items:baseline;gap:4px;
  flex-wrap:wrap;justify-content:flex-end;}
.pgs-tier.pgs-tier--row .pgs-tier__ab{order:0;width:auto;text-align:right;margin-bottom:0;}

/* ausgewaehlt */
.pgs-tier__radio:checked + .pgs-tier.pgs-tier--row{
  background:color-mix(in srgb,var(--gc) 9%,rgba(255,255,255,.05));
  border-color:color-mix(in srgb,var(--gc) 45%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--gc) 38%,transparent),0 12px 34px color-mix(in srgb,var(--gc) 12%,transparent);}
.pgs-tier__radio:checked + .pgs-tier.pgs-tier--row .pgs-tier__check{
  border-color:var(--gc);background:radial-gradient(circle at center,var(--gc) 0 5px,transparent 6px);}
.pgs-tier__radio:focus-visible + .pgs-tier.pgs-tier--row{box-shadow:var(--pgs-focus);}

/* ---- Express-Gruppenzeile + Aufklapp-Stufen ---- */
.pgs-xpress.pgs-xpress--row{display:block;padding:0;border:none;background:transparent;box-shadow:none;
  border-radius:13px;overflow:visible;min-height:0;}
.pgs-xpress--row .pgs-xpress__top{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:13px;
  cursor:pointer;position:relative;overflow:hidden;isolation:isolate;margin:0;
  background:color-mix(in srgb,var(--gc) 5%,rgba(255,255,255,.04));
  border:1px solid color-mix(in srgb,var(--gc) 18%,var(--pgs-card-brd));
  transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease,background-color .2s ease;}
.pgs-xpress--row .pgs-xpress__top:hover{transform:translateY(-1px);
  background:color-mix(in srgb,var(--gc) 8%,rgba(255,255,255,.05));}
.pgs-xpress--row .pgs-xpress__top>*{position:relative;z-index:1;}
.pgs-xpress--row .pgs-xpress__check{position:static;width:18px;height:18px;flex:0 0 auto;
  border:2px solid var(--pgs-card-brd-strong);border-radius:999px;}
.pgs-xpress--row .pgs-xpress__id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;}
.pgs-xpress--row .pgs-tier__name{min-height:0;font-size:15px;color:var(--pgs-h);}
.pgs-xpress--row .pgs-tier__meta{color:var(--pgs-muted);font-size:12px;}
.pgs-xpress--row .pgs-tier__price{display:flex;flex:0 0 auto;flex-direction:row;align-items:baseline;gap:4px;
  flex-wrap:wrap;justify-content:flex-end;text-align:right;}
.pgs-xpress--row .pgs-tier__ab{order:0;width:auto;text-align:right;}
.pgs-xpress__chev{width:16px;height:16px;color:var(--pgs-muted);flex:0 0 auto;transition:transform .2s ease;}

/* Aufklappen: per Toggle ODER wenn Tempo gewaehlt (is-selected via JS) */
.pgs-xsegs{display:none;flex-direction:column;gap:7px;margin:8px 0 2px 14px;padding:2px 0 2px 16px;
  border-left:2px solid color-mix(in srgb,var(--pgs-warn) 40%,transparent);}
.pgs-xpress__toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.pgs-xpress__toggle:checked ~ .pgs-xsegs,
.pgs-xpress--row.is-selected .pgs-xsegs{display:flex;}
.pgs-xpress__toggle:checked ~ .pgs-xpress__top .pgs-xpress__chev,
.pgs-xpress--row.is-selected .pgs-xpress__top .pgs-xpress__chev{transform:rotate(180deg);}

/* Express ausgewaehlt */
.pgs-xpress--row.is-selected .pgs-xpress__top{
  border-color:color-mix(in srgb,var(--pgs-warn) 45%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--pgs-warn) 38%,transparent),0 12px 34px color-mix(in srgb,var(--pgs-warn) 12%,transparent);}
.pgs-xpress--row.is-selected .pgs-xpress__check{
  border-color:var(--pgs-warn);background:radial-gradient(circle at center,var(--pgs-warn) 0 5px,transparent 6px);}

/* aktives Segment in Gold (statt Default-Blau) */
.pgs-xseg.is-active{border-color:color-mix(in srgb,var(--pgs-warn) 50%,transparent);
  background:color-mix(in srgb,var(--pgs-warn) 12%,transparent);}
.pgs-xseg.is-active .pgs-xseg__check{border-color:var(--pgs-warn);
  background:radial-gradient(circle at center,var(--pgs-warn) 0 5px,transparent 6px);}

/* ---- gemeinsame Vorteile (einmalig) ---- */
.pgs-gbenefits{border-top:1px solid var(--pgs-card-brd);margin-top:16px;padding-top:16px;
  display:flex;flex-wrap:wrap;gap:10px 22px;}
.pgs-gben{display:inline-flex;align-items:center;gap:8px;color:var(--pgs-txt);font-size:13px;font-weight:600;}
.pgs-gben .pgs-tick{width:16px;height:16px;color:var(--pgs-ok);flex:0 0 auto;}

/* ID-Schutz: volle Breite, kein Grid-Zwang fuer die neue Karte */
#pgs-shop-root .pgs-gcard{max-width:none !important;}
#pgs-shop-root .pgs-tier.pgs-tier--row{display:flex !important;flex-direction:row !important;}

/* ============================================================
   v0.52 – Euro-Guthaben, Fälschungs-Bestätigung, B2B
   ============================================================ */
/* Checkout: Guthaben-Einlösung (nur sichtbar bei Guthaben > 0) */
.pgs-co-credit{margin:14px 0;padding:14px 16px;border:1px solid rgba(78,215,168,.30);border-radius:14px;
  background:linear-gradient(160deg,rgba(78,215,168,.12),rgba(78,215,168,.03));
  transition:border-color var(--pgs-dur-2) var(--pgs-ease),box-shadow var(--pgs-dur-2) var(--pgs-ease);}
.pgs-co-credit:has(input:checked){border-color:rgba(78,215,168,.55);box-shadow:0 8px 26px -14px rgba(78,215,168,.45);}
.pgs-co-credit__row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:var(--pgs-txt);font-size:14px;line-height:1.5;}
.pgs-co-credit__row input{margin-top:2px;width:18px;height:18px;flex:0 0 auto;accent-color:#4ed7a8;cursor:pointer;}
.pgs-co-credit__txt strong{color:#9af0d2;}
.pgs-co-credit__hint{margin:8px 0 0 28px;font-size:12px;line-height:1.45;}
.pgs-co-creditrow span:last-child{color:#9af0d2;}

/* Pflicht-Bestätigung Fälschungen */
.pgs-co-fake{margin-top:10px;}

/* B2B-Chip + Sammelauftrag */
.pgs-co-schip--b2b{color:#ffe2a8;background:rgba(226,177,76,.14);border-color:rgba(226,177,76,.40);margin-left:6px;}
.pgs-co-b2b .pgs-co-sechint{margin:-2px 0 14px;font-size:13px;line-height:1.55;}
.pgs-co-b2b .pgs-co-field{margin-bottom:12px;}
.pgs-co-b2b .pgs-co-label{display:block;font-size:12.5px;font-weight:600;color:var(--pgs-txt);margin-bottom:6px;}
.pgs-co-b2b .pgs-co-input{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--pgs-brd);
  background:rgba(255,255,255,.04);color:var(--pgs-ink);font-size:14px;outline:none;
  transition:border-color var(--pgs-dur-2) var(--pgs-ease),background var(--pgs-dur-2) var(--pgs-ease);}
.pgs-co-b2b .pgs-co-input:focus{border-color:rgba(226,177,76,.5);background:rgba(255,255,255,.06);}

/* ============================================================
   v0.52 – Motion-Vereinheitlichung (Apple-Stil, wie Theme pgs-motion)
   Sanfte Entrance-Animationen mit Stagger für alle Shop-Ansichten.
   ============================================================ */
@keyframes pgs-rise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
#pgs-shop-root .pgs-head,
#pgs-shop-root .pgs-ghero,
#pgs-shop-root .pgs-cat,
#pgs-shop-root .pgs-grid>.pgs-prod,
#pgs-shop-root .pgs-detail__media,
#pgs-shop-root .pgs-detail__info,
#pgs-shop-root .pgs-cartmain>.pgs-card,
#pgs-shop-root .pgs-cartside>.pgs-card,
#pgs-shop-root .pgs-co-main>.pgs-co-sec,
#pgs-shop-root .pgs-co-summary,
#pgs-shop-root .pgs-gconf>.pgs-card,
#pgs-shop-root .pgs-co-success{
  animation:pgs-rise .6s var(--pgs-ease) backwards;}
#pgs-shop-root .pgs-grid>.pgs-prod:nth-child(1){animation-delay:.05s;}
#pgs-shop-root .pgs-grid>.pgs-prod:nth-child(2){animation-delay:.10s;}
#pgs-shop-root .pgs-grid>.pgs-prod:nth-child(3){animation-delay:.15s;}
#pgs-shop-root .pgs-grid>.pgs-prod:nth-child(4){animation-delay:.20s;}
#pgs-shop-root .pgs-grid>.pgs-prod:nth-child(5){animation-delay:.25s;}
#pgs-shop-root .pgs-grid>.pgs-prod:nth-child(6){animation-delay:.30s;}
#pgs-shop-root .pgs-grid>.pgs-prod:nth-child(n+7){animation-delay:.35s;}
#pgs-shop-root .pgs-cat:nth-of-type(2){animation-delay:.08s;}
#pgs-shop-root .pgs-cat:nth-of-type(3){animation-delay:.16s;}
#pgs-shop-root .pgs-co-main>.pgs-co-sec:nth-child(1){animation-delay:.04s;}
#pgs-shop-root .pgs-co-main>.pgs-co-sec:nth-child(2){animation-delay:.09s;}
#pgs-shop-root .pgs-co-main>.pgs-co-sec:nth-child(3){animation-delay:.14s;}
#pgs-shop-root .pgs-co-main>.pgs-co-sec:nth-child(4){animation-delay:.19s;}
#pgs-shop-root .pgs-co-main>.pgs-co-sec:nth-child(n+5){animation-delay:.24s;}
#pgs-shop-root .pgs-co-summary{animation-delay:.18s;}
#pgs-shop-root .pgs-detail__info{animation-delay:.10s;}
#pgs-shop-root .pgs-cartside>.pgs-card{animation-delay:.14s;}
@media (prefers-reduced-motion:reduce){
  #pgs-shop-root .pgs-head,#pgs-shop-root .pgs-ghero,#pgs-shop-root .pgs-cat,
  #pgs-shop-root .pgs-grid>.pgs-prod,#pgs-shop-root .pgs-detail__media,#pgs-shop-root .pgs-detail__info,
  #pgs-shop-root .pgs-cartmain>.pgs-card,#pgs-shop-root .pgs-cartside>.pgs-card,
  #pgs-shop-root .pgs-co-main>.pgs-co-sec,#pgs-shop-root .pgs-co-summary,
  #pgs-shop-root .pgs-gconf>.pgs-card,#pgs-shop-root .pgs-co-success{animation:none;}
}

/* v0.53.1 – Punkte-Einlösung per Klick (wie Guthaben) */
.pgs-co-points__toggle{margin:10px 0 6px;}
.pgs-co-points__toggle input:disabled{opacity:.45;cursor:not-allowed;}
.pgs-co-points__toggle .pgs-co-credit__txt strong{color:#AEC4FF;}

/* ============================================================
   v0.56.5 – Grading-Konfigurator: einheitlicheres Glas,
   ruhigere Animationen & aufgeräumteres Layout.
   Streng auf .pgs-gconf begrenzt (Checkout/Warenkorb unberührt).
   ============================================================ */

/* 1) Eine gemeinsame Glas-Oberfläche für ALLE Panels im Konfigurator.
      Variante B: dezent blau getöntes Glas (branded, einheitlich). */
.pgs-gconf .pgs-gcard,
.pgs-gconf .pgs-ginfo,
.pgs-gconf .pgs-qtycard,
.pgs-gconf .pgs-cardsedit{
  background:linear-gradient(160deg,rgba(91,140,255,.085),rgba(255,255,255,.022));
  border:1px solid rgba(118,150,235,.18);
  border-radius:var(--pgs-r);
  box-shadow:0 16px 46px rgba(10,20,60,.34);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.pgs-gconf .pgs-gcard,
.pgs-gconf .pgs-ginfo{padding:clamp(16px,2.2vw,20px);}
.pgs-gconf .pgs-qtycard,
.pgs-gconf .pgs-cardsedit{padding:16px 18px;}
.pgs-gconf .pgs-ginfo{gap:14px;}

/* 2) Ruhigere Animationen – keine Dauerschleifen mehr im Konfigurator.
      Hover-Anhebung, Auswahl-Glow und einmalige Entrance bleiben erhalten. */
.pgs-gconf .pgs-veil::after{display:none;}                 /* kein wiederkehrendes Sheen */
.pgs-gconf .pgs-veil::before{animation:none;opacity:.12;}  /* Aurora statisch & sehr dezent */
.pgs-gconf .pgs-tier.pgs-tier--row::after,
.pgs-gconf .pgs-xpress--row .pgs-xpress__top::after{display:none;}
.pgs-gconf .pgs-spec--material .pgs-ginfo__spec-ic::after,
.pgs-gconf .pgs-spec--sicherheit .pgs-ginfo__spec-ic::before{display:none;}
.pgs-gconf .pgs-ginfo__spec-ic svg,
.pgs-gconf .pgs-ginfo__badge svg{animation:none !important;}

/* 3) Aufgeräumteres Layout: weniger Leerraum, ruhigerer Rhythmus. */
.pgs-gconf .pgs-step{margin:22px 0 12px;}
.pgs-gconf .pgs-gtop{margin-bottom:14px;}
.pgs-gconf{padding-bottom:84px;}

/* Mengen-Karte kompakt statt riesigem Leerblock */
.pgs-gconf .pgs-qtycard{align-items:center;gap:16px;}

/* Case-Spezifikationen: leichtere, einheitliche Icons (ruhiger) */
.pgs-gconf .pgs-ginfo__specs{gap:1px;}
.pgs-gconf .pgs-ginfo__spec{padding:12px 14px;}
.pgs-gconf .pgs-ginfo__spec-ic{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.10);
  color:var(--pgs-acc2);}

/* dezenter, einheitlicher Akzent nur noch auf der 55pt-Statistik */
.pgs-gconf .pgs-ginfo__stat{background:rgba(91,140,255,.06);border-color:rgba(91,140,255,.20);}
.pgs-gconf .pgs-ginfo__badge{background:rgba(91,140,255,.12);border-color:rgba(91,140,255,.30);}

/* ============================================================
   v0.56.6 – Schritt 2+3 nebeneinander · Empfohlen-Badge ·
   KI-Foto-Hinweis (Kartendetails)
   ============================================================ */
/* Schritt 2 (Grading-Art) & Schritt 3 (Anzahl) in einer Reihe */
.pgs-gconf .pgs-gpair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,22px);align-items:start;margin-bottom:4px;}
.pgs-gconf .pgs-gpair .pgs-step{margin-top:0;}
.pgs-gconf .pgs-gpair__col{min-width:0;display:flex;flex-direction:column;}
/* in der schmalen Spalte: Stepper + Mengenrabatt untereinander */
.pgs-gconf .pgs-gpair .pgs-qtycard{flex:1 1 auto;}
.pgs-gconf .pgs-gpair .pgs-qtycard > .pgs-stepper{width:100%;max-width:240px;}
.pgs-gconf .pgs-gpair .pgs-optgrid--stack{grid-template-columns:1fr;}
@media (max-width:760px){.pgs-gconf .pgs-gpair{grid-template-columns:1fr;}}

/* "Empfohlen"-Badge an der Überschrift */
.pgs-gconf .pgs-rec{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:#bcd0ff;background:rgba(91,140,255,.16);border:1px solid rgba(91,140,255,.34);
  padding:3px 9px;border-radius:999px;margin-left:8px;}

/* KI-Hinweis im Kartendetails-Panel */
.pgs-gconf .pgs-aihint{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 14px;
  border-radius:12px;color:#cdd9ff;font-size:13px;line-height:1.45;
  background:linear-gradient(120deg,rgba(91,140,255,.14),rgba(91,140,255,.05));
  border:1px solid rgba(91,140,255,.28);}
.pgs-gconf .pgs-aihint svg{flex:0 0 auto;color:#9ab6ff;}

/* Foto-Upload-Button im Kartendetails etwas prominenter */
.pgs-gconf .pgs-cardedit__upload{border-color:rgba(91,140,255,.40);color:#cdd9ff;}
.pgs-gconf .pgs-cardedit__upload:hover{background:rgba(91,140,255,.14);border-color:rgba(91,140,255,.6);}