/* ================================================================
   PANTHERHOLIKER TRIKOT-ARCHIV v4  –  ERC Dark-Mode CI
   ================================================================ */
:root {
  --b0:#040a18; --b1:#080f22; --b2:#0c1628; --b3:#101d32;
  --b4:#152438; --b5:#1c3352; --b6:#1a5cb5; --b7:#2a78e0; --b8:#3d92ff;
  --g1:#9a6800; --g2:#c48a00; --g3:#e8a820; --g4:#ffc84a;
  --t1:#ddeeff; --t2:#7a9ecc; --t3:#3a5a7a;
  --r:10px; --rl:14px;
  --sh:0 4px 28px rgba(0,4,20,.65);
  --sl:0 16px 64px rgba(0,4,20,.85);
  --tr:.2s ease;
}

/* ── WRAPPER ── */
.ta-wrap { background:var(--b0); padding:28px 18px 56px; color:var(--t1); font-family:inherit; }

/* ================================================================
   TOOLBAR
   ================================================================ */
.ta-toolbar {
  display:flex; flex-wrap:wrap; gap:16px;
  align-items:flex-start; justify-content:space-between;
  margin-bottom:24px;
}
.ta-toolbar__filters { flex:1; min-width:0; }
.ta-toolbar__controls { display:flex; flex-direction:column; align-items:flex-end; gap:10px; flex-shrink:0; }

/* Filter Box */
.ta-fb { background:var(--b1); border:1px solid var(--b4); border-top:2px solid var(--b6); border-radius:var(--rl); padding:18px 20px; box-shadow:var(--sh); }
.ta-fb__row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:10px 0; border-bottom:1px solid var(--b4); }
.ta-fb__row:first-child { padding-top:0; }
.ta-fb__row:last-of-type { border-bottom:none; padding-bottom:0; }
.ta-fb__lbl { font-size:10px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--g3); width:60px; flex-shrink:0; }
.ta-fb__count { font-size:12px; color:var(--t3); text-align:right; margin-top:10px; }

/* Pills */
.ta-pills { display:flex; flex-wrap:wrap; gap:6px; }
.ta-pill { background:transparent; border:1px solid var(--b5); color:var(--t2); padding:5px 14px; border-radius:50px; font-size:12px; font-weight:600; cursor:pointer; transition:all var(--tr); }
.ta-pill:hover { border-color:var(--b8); color:var(--t1); background:rgba(42,120,224,.1); }
[data-group="typ"]    .ta-pill.active { background:var(--b6); border-color:var(--b7); color:#fff; box-shadow:0 0 14px rgba(26,92,181,.4); }
[data-group="saison"] .ta-pill.active { background:transparent; border-color:var(--g3); color:var(--g4); }

/* Sort */
.ta-sort { display:flex; align-items:center; gap:8px; }
.ta-sort__lbl { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--t3); }
.ta-sort__sel { background:var(--b2); border:1px solid var(--b5); color:var(--t1); padding:6px 12px; border-radius:6px; font-size:13px; cursor:pointer; }
.ta-sort__sel:focus { outline:none; border-color:var(--b6); }

/* View Toggle */
.ta-view { display:flex; gap:4px; }
.ta-view__btn { width:36px; height:36px; border-radius:6px; background:var(--b2); border:1px solid var(--b5); color:var(--t2); font-size:18px; cursor:pointer; transition:all var(--tr); display:flex; align-items:center; justify-content:center; }
.ta-view__btn:hover { border-color:var(--b8); color:var(--t1); }
.ta-view__btn.active { background:var(--b6); border-color:var(--b7); color:#fff; }

/* ================================================================
   GRID + CARDS
   ================================================================ */
.ta-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:20px; }
.ta-empty { text-align:center; color:var(--t3); padding:60px 0; font-size:16px; }
.ta-card { background:var(--b2); border:1px solid var(--b4); border-radius:var(--r); overflow:hidden; display:flex; flex-direction:column; position:relative; transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr); }
.ta-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--b6),var(--g3)); transform:scaleX(0); transform-origin:left; transition:transform .35s ease; z-index:3; }
.ta-card:hover { transform:translateY(-5px); box-shadow:var(--sl); border-color:var(--b5); }
.ta-card:hover::before { transform:scaleX(1); }
.ta-card.ta-hidden { display:none; }

/* Compare Button */
.ta-cmp-btn { position:absolute; top:10px; right:10px; z-index:4; width:28px; height:28px; border-radius:50%; background:rgba(0,0,0,.7); border:1px solid var(--b5); color:var(--t2); font-size:18px; cursor:pointer; transition:all var(--tr); display:flex; align-items:center; justify-content:center; }
.ta-cmp-btn:hover,.ta-cmp-btn.active { background:var(--g2); border-color:var(--g3); color:#fff; }

/* Card Image */
.ta-card__img { position:relative; height:230px; overflow:hidden; cursor:pointer; background:var(--b1); flex-shrink:0; }
.ta-card__img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.ta-card:hover .ta-card__img img { transform:scale(1.06); }
.ta-card__overlay { position:absolute; inset:0; background:linear-gradient(160deg,rgba(4,12,40,.85),rgba(8,20,70,.75)); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; opacity:0; transition:opacity var(--tr); }
.ta-card:hover .ta-card__overlay { opacity:1; }
.ta-card__oi { font-size:40px; color:var(--g4); text-shadow:0 0 20px rgba(232,168,32,.6); }
.ta-card__ot { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--t1); }
.ta-card__cnt { position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.75); color:var(--t2); font-size:11px; font-weight:600; padding:3px 9px; border-radius:50px; border:1px solid var(--b5); }
.ta-card__noimg { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:60px; color:var(--t3); }

/* Badges */
.ta-card__badges { position:absolute; top:8px; left:8px; display:flex; gap:4px; flex-wrap:wrap; z-index:2; }
.ta-bdg { font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; padding:3px 9px; border-radius:50px; }
.ta-bdg--heimtrikot      { background:rgba(8,25,75,.9);  color:var(--b8);  border:1px solid var(--b6); }
.ta-bdg--auswaertstrikot,
.ta-bdg--ausw-rtstrikot  { background:rgba(0,40,100,.85);color:#90c8ff;   border:1px solid #2a6abf; }
.ta-bdg--drittes-trikot  { background:rgba(0,60,30,.85); color:#60d890;   border:1px solid #1a7a40; }
.ta-bdg--sondertrikot    { background:rgba(80,40,0,.85); color:var(--g4); border:1px solid var(--g2); }
.ta-bdg--sais            { background:rgba(0,0,0,.7);    color:var(--t2); border:1px solid var(--b5); }

/* Card Body */
.ta-card__body { padding:14px 16px 18px; flex:1; display:flex; flex-direction:column; gap:7px; }
.ta-card__title { font-size:16px; font-weight:700; color:var(--t1); margin:0; }
.ta-card__meta { display:flex; flex-wrap:wrap; gap:5px; }
.ta-card__meta span { font-size:11px; color:var(--t2); background:var(--b1); border:1px solid var(--b4); padding:2px 8px; border-radius:4px; }
.ta-card__txt { font-size:13px; color:var(--t2); line-height:1.6; margin:0; flex:1; }
.ta-card__btn { margin-top:auto; background:transparent; border:1px solid var(--b6); color:var(--b8); padding:8px 14px; border-radius:6px; font-size:13px; font-weight:600; cursor:pointer; transition:all var(--tr); width:100%; }
.ta-card__btn:hover { background:var(--b6); border-color:var(--b7); color:#fff; box-shadow:0 0 18px rgba(26,92,181,.35); }

/* ── STAR RATING ── */
.ta-stars { display:flex; align-items:center; gap:2px; }
.ta-star { background:none; border:none; font-size:18px; cursor:pointer; color:var(--t3); padding:0 1px; transition:color var(--tr),transform var(--tr); line-height:1; }
.ta-star.on   { color:var(--g3); }
.ta-star.hover{ color:var(--g4); transform:scale(1.2); }
.ta-stars__info { font-size:11px; color:var(--t3); margin-left:4px; }

/* ================================================================
   LIST VIEW  (ta-grid.ta-list)
   ================================================================ */
.ta-grid.ta-list { grid-template-columns:1fr; gap:10px; }
.ta-grid.ta-list .ta-card { flex-direction:row; align-items:stretch; height:130px; }
.ta-grid.ta-list .ta-card__img { width:160px; height:100%; flex-shrink:0; }
.ta-grid.ta-list .ta-card::before { width:3px; height:auto; top:0; bottom:0; right:auto; left:0; transform:scaleY(0) scaleX(1); }
.ta-grid.ta-list .ta-card:hover::before { transform:scaleY(1) scaleX(1); }
.ta-grid.ta-list .ta-card__body { flex-direction:row; align-items:center; flex-wrap:wrap; gap:10px; padding:10px 14px; }
.ta-grid.ta-list .ta-card__title { font-size:14px; width:100%; margin:0; }
.ta-grid.ta-list .ta-card__txt   { display:none; }
.ta-grid.ta-list .ta-stars       { flex-shrink:0; }
.ta-grid.ta-list .ta-card__btn   { width:auto; padding:6px 12px; font-size:12px; margin-top:0; }
.ta-grid.ta-list .ta-card__badges{ top:6px; left:6px; }
.ta-grid.ta-list .ta-cmp-btn     { top:6px; right:6px; }

/* ================================================================
   TIMELINE
   ================================================================ */
.ta-timeline { padding:0 4px; }
.ta-tl__section { position:relative; padding-left:32px; margin-bottom:40px; }
.ta-tl__section::before { content:''; position:absolute; left:10px; top:22px; bottom:-20px; width:2px; background:linear-gradient(180deg,var(--b6),transparent); }
.ta-tl__hdr { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.ta-tl__dot { position:absolute; left:4px; width:14px; height:14px; border-radius:50%; background:var(--g3); border:2px solid var(--b0); box-shadow:0 0 12px rgba(232,168,32,.5); flex-shrink:0; }
.ta-tl__sname { font-size:20px; font-weight:800; color:var(--t1); letter-spacing:1px; }
.ta-tl__cnt   { font-size:12px; color:var(--t3); background:var(--b2); border:1px solid var(--b4); padding:2px 10px; border-radius:50px; }
.ta-tl__row { display:flex; flex-wrap:wrap; gap:14px; }
.ta-tl__item { width:140px; cursor:pointer; text-align:center; transition:transform var(--tr); }
.ta-tl__item:hover { transform:translateY(-4px); }
.ta-tl__img { width:140px; height:100px; border-radius:8px; overflow:hidden; background:var(--b2); border:1px solid var(--b4); display:flex; align-items:center; justify-content:center; font-size:32px; margin-bottom:6px; }
.ta-tl__img img { width:100%; height:100%; object-fit:cover; display:block; }
.ta-tl__name { font-size:12px; color:var(--t2); margin:0 0 4px; line-height:1.3; }

/* ================================================================
   COMPARE BAR
   ================================================================ */
.ta-cmpbar { position:fixed; bottom:0; left:0; right:0; z-index:9998; background:var(--b1); border-top:2px solid var(--g2); padding:12px 24px; display:flex; align-items:center; gap:16px; box-shadow:0 -8px 32px rgba(0,0,0,.6); }
.ta-cmpbar__slots { display:flex; gap:10px; flex:1; }
.ta-cmpbar__slot { display:flex; align-items:center; gap:8px; background:var(--b2); border:1px solid var(--b5); border-radius:8px; padding:6px 12px; }
.ta-cmpbar__slot img { width:40px; height:40px; object-fit:cover; border-radius:4px; }
.ta-cmpbar__slot-name { font-size:12px; color:var(--t1); font-weight:600; max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ta-cmpbar__go { background:var(--g2); border:none; color:#000; padding:10px 22px; border-radius:8px; font-size:14px; font-weight:700; cursor:pointer; transition:background var(--tr); }
.ta-cmpbar__go:hover:not(:disabled) { background:var(--g4); }
.ta-cmpbar__go:disabled { opacity:.4; cursor:default; }
.ta-cmpbar__clear { background:transparent; border:1px solid var(--b5); color:var(--t2); padding:10px 16px; border-radius:8px; font-size:13px; cursor:pointer; transition:all var(--tr); }
.ta-cmpbar__clear:hover { border-color:var(--t2); color:var(--t1); }

/* ================================================================
   COMPARE LIGHTBOX
   ================================================================ */
#ta-cmp-lb { position:fixed; inset:0; z-index:99998; display:flex; align-items:center; justify-content:center; }
#ta-cmp-lb[hidden] { display:none; }
.ta-cmp-bg { position:absolute; inset:0; background:rgba(2,5,18,.96); backdrop-filter:blur(12px); }
.ta-cmp-box { position:relative; z-index:1; background:var(--b1); border:1px solid var(--b5); border-top:2px solid var(--g2); border-radius:var(--rl); width:96vw; max-width:1000px; max-height:92vh; overflow-y:auto; box-shadow:var(--sl); animation:lb-pop .22s ease; display:flex; flex-direction:column; }
.ta-cmp-hdr { display:flex; justify-content:space-between; align-items:center; padding:18px 24px; border-bottom:1px solid var(--b4); flex-shrink:0; }
.ta-cmp-hdr h2 { margin:0; font-size:18px; color:var(--g3); }
.ta-cmp-cols { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--b4); flex:1; }
.ta-cmp-col { background:var(--b2); padding:24px; display:flex; flex-direction:column; gap:16px; }
.ta-cmp-col__img { height:220px; border-radius:8px; overflow:hidden; background:var(--b1); display:flex; align-items:center; justify-content:center; font-size:48px; flex-shrink:0; }
.ta-cmp-col__img img { width:100%; height:100%; object-fit:cover; display:block; }
.ta-cmp-col__title { font-size:16px; font-weight:700; color:var(--t1); margin:0; }
.ta-cmp-tbl { width:100%; border-collapse:collapse; font-size:13px; }
.ta-cmp-tbl th { color:var(--t3); font-weight:600; text-align:left; padding:6px 8px 6px 0; width:40%; vertical-align:top; }
.ta-cmp-tbl td { color:var(--t1); padding:6px 0; border-bottom:1px solid var(--b4); }

/* ================================================================
   MAIN LIGHTBOX
   ================================================================ */
#ta-lb { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; }
#ta-lb[hidden] { display:none; }
.ta-lb__bg { position:absolute; inset:0; background:rgba(2,5,18,.96); backdrop-filter:blur(12px); }
.ta-lb__box { position:relative; z-index:1; background:var(--b1); border:1px solid var(--b5); border-top:2px solid var(--b6); border-radius:var(--rl); width:94vw; max-width:960px; max-height:96vh; overflow-y:auto; box-shadow:var(--sl); display:flex; flex-direction:column; animation:lb-pop .22s ease; }
@keyframes lb-pop { from{opacity:0;transform:scale(.93) translateY(20px)} to{opacity:1;transform:scale(1) translateY(0)} }
.ta-lb__hdr { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 22px 14px; border-bottom:1px solid var(--b4); flex-shrink:0; }
.ta-lb__title { font-size:18px; font-weight:700; color:var(--t1); margin:0 0 8px; }
.ta-lb__tags { display:flex; flex-wrap:wrap; gap:6px; }
.ta-lb__tag { font-size:11px; color:var(--t2); background:var(--b2); border:1px solid var(--b5); padding:2px 10px; border-radius:50px; }
.ta-lb__close { flex-shrink:0; width:32px; height:32px; border-radius:50%; background:var(--b3); border:1px solid var(--b5); color:var(--t2); font-size:14px; cursor:pointer; transition:all var(--tr); display:flex; align-items:center; justify-content:center; }
.ta-lb__close:hover { background:var(--b6); border-color:var(--b7); color:#fff; }
.ta-lb__stage { display:flex; align-items:center; gap:10px; padding:18px 16px 14px; flex-shrink:0; }
.ta-lb__nav { flex-shrink:0; width:48px; height:48px; border-radius:50%; background:var(--b2); border:1px solid var(--b5); color:var(--t1); font-size:32px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all var(--tr); line-height:1; }
.ta-lb__nav:hover { background:var(--b6); border-color:var(--b7); color:#fff; box-shadow:0 0 18px rgba(26,92,181,.4); }
.ta-lb__nav:disabled { opacity:.2; cursor:default; box-shadow:none; }
.ta-lb__fig { flex:1; display:flex; flex-direction:column; align-items:center; gap:12px; min-width:0; margin:0; }
.ta-lb__img { max-width:100%; max-height:430px; object-fit:contain; border-radius:8px; display:block; transition:opacity .16s; box-shadow:0 8px 40px rgba(0,0,0,.6); }
.ta-lb__img.fade { opacity:0; }
.ta-lb__cap { font-size:13px; color:var(--t2); text-align:center; margin:0; min-height:18px; font-style:italic; }
.ta-lb__film { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; padding:12px 16px; border-top:1px solid var(--b4); flex-shrink:0; background:var(--b0); }
.ta-lb__thumb { width:64px; height:64px; border-radius:6px; overflow:hidden; cursor:pointer; border:2px solid transparent; flex-shrink:0; transition:border-color var(--tr),transform var(--tr); }
.ta-lb__thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.ta-lb__thumb.active { border-color:var(--g3); transform:scale(1.1); box-shadow:0 0 12px rgba(232,168,32,.4); }
.ta-lb__thumb:hover { border-color:var(--b8); }
.ta-lb__bar { text-align:center; padding:6px; font-size:12px; color:var(--t3); border-top:1px solid var(--b4); letter-spacing:1px; }

/* Similar Trikots */
.ta-lb__similar { border-top:1px solid var(--b4); padding:16px 20px 20px; flex-shrink:0; }
.ta-lb__sim-ttl { font-size:13px; font-weight:700; color:var(--g3); text-transform:uppercase; letter-spacing:1px; margin:0 0 12px; }
.ta-lb__sim-list { display:flex; gap:12px; flex-wrap:wrap; }
.ta-similar__item { width:90px; cursor:pointer; text-align:center; transition:transform var(--tr); }
.ta-similar__item:hover { transform:translateY(-3px); }
.ta-similar__img { width:90px; height:70px; border-radius:6px; overflow:hidden; background:var(--b2); border:1px solid var(--b4); display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:5px; }
.ta-similar__img img { width:100%; height:100%; object-fit:cover; display:block; }
.ta-similar__name { font-size:10px; color:var(--t2); margin:0; line-height:1.3; }
.ta-similar__name small { display:block; color:var(--t3); font-size:9px; }

/* ================================================================
   STATISTIK
   ================================================================ */
.ta-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:14px; }
.ta-stats__item { background:var(--b1); border:1px solid var(--b4); border-top:2px solid var(--b6); border-radius:var(--r); padding:20px 16px; text-align:center; }
.ta-stats__num { display:block; font-size:28px; font-weight:900; color:var(--g3); letter-spacing:-1px; }
.ta-stats__lbl { display:block; font-size:12px; color:var(--t2); text-transform:uppercase; letter-spacing:.8px; margin-top:4px; }

/* ================================================================
   SAISON-ÜBERSICHT
   ================================================================ */
.ta-su { display:flex; flex-direction:column; gap:4px; }
.ta-su__season { background:var(--b1); border:1px solid var(--b4); border-radius:var(--r); overflow:hidden; }
.ta-su__hdr { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; cursor:pointer; list-style:none; background:var(--b1); transition:background var(--tr); gap:12px; }
.ta-su__hdr:hover { background:var(--b3); }
.ta-su__name { font-size:18px; font-weight:800; color:var(--g3); }
.ta-su__cnt  { font-size:12px; color:var(--t3); background:var(--b2); border:1px solid var(--b4); padding:2px 10px; border-radius:50px; }
.ta-su__content { padding:16px 20px 20px; border-top:1px solid var(--b4); background:var(--b0); }
.ta-su__type { margin-bottom:20px; }
.ta-su__type:last-child { margin-bottom:0; }
.ta-su__type-lbl { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--b8); margin:0 0 10px; }
.ta-su__type-grid { display:flex; flex-wrap:wrap; gap:12px; }
.ta-su__item { width:110px; cursor:pointer; text-align:center; transition:transform var(--tr); }
.ta-su__item:hover { transform:translateY(-4px); }
.ta-su__img { width:110px; height:80px; border-radius:8px; overflow:hidden; background:var(--b2); border:1px solid var(--b4); display:flex; align-items:center; justify-content:center; font-size:28px; margin-bottom:6px; transition:border-color var(--tr); }
.ta-su__img img { width:100%; height:100%; object-fit:cover; display:block; }
.ta-su__item:hover .ta-su__img { border-color:var(--b6); }
.ta-su__item-name { font-size:11px; color:var(--t2); margin:0; line-height:1.3; }

/* ================================================================
   EINREICH-FORMULAR
   ================================================================ */
.ta-form-wrap { max-width:720px; }
.ta-form { background:var(--b1); border:1px solid var(--b4); border-top:2px solid var(--b6); border-radius:var(--rl); padding:28px 28px 24px; }
.ta-form__ttl { font-size:20px; font-weight:700; color:var(--t1); margin:0 0 6px; }
.ta-form__sub { font-size:14px; color:var(--t2); margin:0 0 22px; }
.ta-form__grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ta-form__group { display:flex; flex-direction:column; gap:5px; }
.ta-form__group--full { grid-column:1/-1; }
.ta-form__group label { font-size:12px; font-weight:700; color:var(--t2); text-transform:uppercase; letter-spacing:.5px; }
.ta-form__group input,
.ta-form__group select,
.ta-form__group textarea { background:var(--b2); border:1px solid var(--b5); color:var(--t1); padding:9px 12px; border-radius:6px; font-size:14px; font-family:inherit; transition:border-color var(--tr); resize:vertical; }
.ta-form__group input:focus,
.ta-form__group select:focus,
.ta-form__group textarea:focus { outline:none; border-color:var(--b7); box-shadow:0 0 0 3px rgba(42,120,224,.15); }
.ta-form__group input::placeholder,
.ta-form__group textarea::placeholder { color:var(--t3); }
.ta-form__group select option { background:var(--b2); }
.ta-form__group small { font-size:11px; color:var(--t3); }
.ta-form__file { padding:8px !important; cursor:pointer; }
.ta-form__footer { display:flex; align-items:center; gap:16px; margin-top:20px; flex-wrap:wrap; }
.ta-form__btn { background:var(--b6); border:none; color:#fff; padding:11px 28px; border-radius:8px; font-size:14px; font-weight:700; cursor:pointer; transition:background var(--tr); }
.ta-form__btn:hover:not(:disabled) { background:var(--b7); }
.ta-form__btn:disabled { opacity:.6; cursor:default; }
.ta-form__msg { font-size:13px; }
.ta-form__msg--ok  { color:#60d890; }
.ta-form__msg--err { color:#ff7070; }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:700px){
  .ta-toolbar { flex-direction:column; }
  .ta-toolbar__controls { align-items:flex-start; flex-direction:row; flex-wrap:wrap; }
  .ta-card__img { height:200px; }
  .ta-grid.ta-list .ta-card { height:auto; flex-direction:column; }
  .ta-grid.ta-list .ta-card__img { width:100%; height:180px; }
  .ta-cmp-cols { grid-template-columns:1fr; }
  .ta-lb__box { width:100vw; max-width:100%; border-radius:0; max-height:100dvh; }
  .ta-lb__nav { width:38px; height:38px; font-size:22px; }
  .ta-lb__img { max-height:260px; }
  .ta-lb__thumb { width:50px; height:50px; }
  .ta-form__grid { grid-template-columns:1fr; }
  .ta-form__group--full { grid-column:1; }
  .ta-cmpbar { flex-wrap:wrap; }
}