#tt-shop{max-width:850px;margin:2rem auto;padding:0 1rem;color:inherit}
#tt-shop .tt-card,#tt-shop .tt-notice{border:1px solid #d8e1ea;border-radius:12px;padding:1.25rem;margin:1rem 0}
#tt-shop .tt-notice{background:#eef5fb;color:#243950}
#tt-shop .tt-card legend{float:none;width:auto;padding:0 .35rem;font-weight:600}
#tt-shop .tt-offer{display:grid;grid-template-columns:minmax(0,1fr) auto 6rem;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #d8e1ea}
#tt-shop .tt-quantity{display:flex;flex-direction:column;align-items:flex-start;font-size:.85rem;gap:.2rem}
#tt-shop .tt-quantity input[type=number]{max-width:6rem;width:100%;padding:.35rem;border:1px solid #a9b6c3;border-radius:6px}
#tt-shop .tt-sum{margin:1rem 0 0;text-align:right;font-weight:700}
#tt-shop .tt-summary{padding:0;list-style:none}
#tt-shop .tt-summary li{display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem;padding:.65rem 0;border-bottom:1px solid #d8e1ea}
#tt-shop .tt-summary small{grid-column:1/-1}
@media(max-width:550px){#tt-shop .tt-offer{grid-template-columns:minmax(0,1fr) 5rem}#tt-shop .tt-offer>strong{grid-column:1;grid-row:2}#tt-shop .tt-quantity{grid-column:2;grid-row:1/3}}
#tt-shop .tt-offer small{display:block;margin-top:.2rem}
#tt-shop .tt-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}
#tt-shop .tt-fields input{display:block;width:100%;border:1px solid #a9b6c3;border-radius:6px;padding:.6rem}
#tt-shop button{background:#1a5391;color:white;border:0;border-radius:8px;padding:.7rem 1.2rem}
#tt-shop footer{margin:2rem 0;font-size:.9em}
#tt-shop .ttcf-credit { margin:2rem 0 1rem; text-align:center; }
#tt-shop .tt-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

#tt-shop .tt-gallery { display:flex; flex-wrap:wrap; gap:.65rem; margin:.4rem 0 1rem; }
#tt-shop .tt-gallery img { display:block; width:6rem; height:5rem; object-fit:contain; border:1px solid #d8e1ea; border-radius:4px; }
#tt-shop .tt-draft-preview { border-inline-start:3px solid #947330; padding-inline-start:1rem; }
#tt-shop .tt-draft-preview h2 { margin-top:0; }
#tt-shop .tt-draft-tag { justify-self:start; background:#fff3cc; color:#654b0b; border-radius:5px; padding:.15em .55em; font-size:.85em; }
@media(max-width:550px){#tt-shop .tt-draft-tag{grid-column:2;grid-row:1/3}}
#tt-shop .tt-product { scroll-margin-top:8rem; }
#tt-shop .tt-edit-product { display:inline-block; margin:.45rem 0 .9rem; padding:.35rem .85rem; border:1px solid currentColor; border-radius:.5rem; font-weight:600; text-decoration:none; }
#tt-shop .tt-gallery a { cursor:zoom-in; }
#tt-shop .tt-lightbox { box-sizing:border-box; position:fixed; inset:0; margin:auto; width:min(44rem,92vw); max-height:90vh; max-height:90dvh; padding:1rem; border:0; border-radius:1rem; background:#fff; color:#263344; box-shadow:0 1.3rem 5rem #0005; }
#tt-shop .tt-lightbox:not([open]), #tt-shop .tt-lightbox [hidden] { display:none; }
#tt-shop .tt-lightbox::backdrop { background:rgba(12,18,27,.72); }
#tt-shop .tt-lightbox-head, #tt-shop .tt-lightbox-nav { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
#tt-shop .tt-lightbox h2 { font-family:inherit; font-weight:600; font-size:1.15rem; line-height:1.3; margin:0; overflow-wrap:anywhere; }
#tt-shop .tt-lightbox-image { display:block; width:100%; height:min(56vh,26rem); object-fit:contain; margin:.8rem auto; background:#f7f7f7; border-radius:.5rem; }
#tt-shop .tt-lightbox-nav { justify-content:center; }
#tt-shop .tt-lightbox button { min-height:2.75rem; min-width:2.75rem; }
#tt-shop .tt-steps { display:flex; flex-wrap:wrap; gap:.45rem; list-style:none; padding:0; margin:1rem 0; }
#tt-shop .tt-steps li { padding:.25rem .7rem; border:1px solid #c3cedb; border-radius:1.2rem; }
#tt-shop .tt-steps [aria-current] { background:#eaf2ff; color:#144980; font-weight:650; }
#tt-shop .tt-offer:has(input:checked) { background:#f0f5fb; }
#tt-shop #tt-buchung { scroll-margin-top:6rem; }