/* v1.6.9 SAFE MOBILE
   Wichtig: Alte Desktop-Bedienung wird erst versteckt, nachdem JS
   die neue Mobile-Oberfläche erfolgreich aufgebaut hat. */
.wztd-mobile169,.wztd-m169-backdrop{display:none}

@media(max-width:850px){
  html.wztd-mobile-ready,
  html.wztd-mobile-ready body{overflow-x:hidden!important}

  html.wztd-mobile-ready #wztd-app{
    position:relative!important;
    width:100%!important;
    height:calc(100svh - 96px)!important;
    min-height:610px!important;
    overflow:hidden!important;
    background:#dedede!important;
  }

  html.wztd-mobile-ready .wztd-designer-shell{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    background:#dedede!important;
    overflow:hidden!important;
  }

  /* Erst nach erfolgreichem JS-Aufbau ausblenden. */
  html.wztd-mobile-ready .wztd-leftbar,
  html.wztd-mobile-ready .wztd-config,
  html.wztd-mobile-ready .wztd-worktop{
    display:none!important;
  }

  html.wztd-mobile-ready .wztd-workspace{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:#dedede!important;
  }

  html.wztd-mobile-ready #wztd-stage{
    position:absolute!important;
    inset:50px 0 164px 0!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html.wztd-mobile-ready #wztd-shirt-wrap{
    position:relative!important;
    width:min(88vw,430px)!important;
    height:min(54svh,490px)!important;
    min-width:260px!important;
    min-height:330px!important;
    max-width:430px!important;
    max-height:490px!important;
    margin:0 auto!important;
  }

  html.wztd-mobile-ready #wztd-shirt-photo{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }

  html.wztd-mobile-ready #wztd-print-area{
    pointer-events:auto!important;
    z-index:20!important;
  }
  html.wztd-mobile-ready #wztd-print-handle{
    min-height:24px!important;
    height:24px!important;
    padding:4px 6px!important;
    box-sizing:border-box!important;
    font-size:10px!important;
    line-height:16px!important;
    touch-action:none!important;
    pointer-events:auto!important;
    cursor:grab!important;
    z-index:30!important;
  }
  html.wztd-mobile-ready #wztd-print-handle:active{cursor:grabbing!important}

  html.wztd-mobile-ready .wztd-object,
  html.wztd-mobile-ready .wztd-element,
  html.wztd-mobile-ready .wztd-image-holder,
  html.wztd-mobile-ready .wztd-text-object{
    pointer-events:auto!important;
    touch-action:none!important;
  }

  html.wztd-mobile-ready .wztd-side-thumbs{
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    bottom:132px!important;
    z-index:220!important;
    height:46px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:9px!important;
    overflow-x:auto!important;
    padding:0 4px!important;
    background:transparent!important;
    pointer-events:auto!important;
  }
  html.wztd-mobile-ready .wztd-side-thumbs button{
    flex:0 0 auto!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    font-size:0!important;
    border-radius:8px!important;
    pointer-events:auto!important;
  }
  html.wztd-mobile-ready .wztd-thumb{
    width:38px!important;
    height:38px!important;
  }

  /* Die doppelte Zoom-Leiste verschwindet auf Mobile. */
  html.wztd-mobile-ready .wztd-view-zoom,
  html.wztd-mobile-ready body > .wztd-view-zoom{
    display:none!important;
  }

  .wztd-mobile169{
    display:block;
  }

  .wztd-m169-top{
    position:absolute;
    top:7px;
    left:9px;
    right:9px;
    height:43px;
    z-index:5000;
    display:grid;
    grid-template-columns:43px 1fr 43px;
    gap:9px;
    align-items:center;
    pointer-events:none;
  }
  .wztd-m169-top>*{pointer-events:auto}

  .wztd-m169-round,
  .wztd-m169-more{
    width:43px;
    height:43px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#111;
    box-shadow:0 2px 8px rgba(0,0,0,.14);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    cursor:pointer;
  }

  .wztd-m169-color{
    justify-self:center;
    min-width:138px;
    max-width:205px;
    height:41px;
    border:0;
    border-radius:22px;
    background:#fff;
    color:#111;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
    padding:0 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    cursor:pointer;
  }
  .wztd-m169-dot{
    width:22px;
    height:22px;
    border-radius:50%;
    border:2px solid #fff;
    outline:1px solid #999;
    background:#888 center/cover no-repeat;
    flex:none;
  }
  .wztd-m169-color strong{
    font-size:12px;
    max-width:110px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-transform:uppercase;
  }

  .wztd-m169-tools{
    position:absolute;
    left:50%;
    bottom:69px;
    transform:translateX(-50%);
    z-index:5100;
    width:min(78vw,350px);
    min-width:272px;
    height:57px;
    padding:4px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#fff;
    border-radius:16px;
    box-shadow:0 3px 13px rgba(0,0,0,.16);
    pointer-events:auto;
  }

  .wztd-m169-tool{
    border:0;
    background:transparent;
    color:#111;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1px;
    padding:2px;
    font-size:9px;
    cursor:pointer;
  }
  .wztd-m169-tool span{font-size:19px;line-height:1}
  .wztd-m169-tool:disabled{opacity:.35}

  .wztd-m169-bottom{
    position:absolute;
    left:6px;
    right:6px;
    bottom:7px;
    z-index:5200;
    height:56px;
    display:grid;
    grid-template-columns:.9fr .9fr 1.35fr;
    background:#fff;
    border-radius:15px;
    box-shadow:0 3px 13px rgba(0,0,0,.18);
    overflow:hidden;
    pointer-events:auto;
  }
  .wztd-m169-bottom button{
    border:0;
    background:#fff;
    color:#111;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    font-size:9px;
    cursor:pointer;
  }
  .wztd-m169-bottom button span{font-size:18px;line-height:1}
  .wztd-m169-cart{
    margin:4px!important;
    border:2px solid #111!important;
    border-radius:12px!important;
    font-weight:800!important;
  }

  /* Bottom sheets */
  .wztd-m169-backdrop{
    position:fixed;
    inset:0;
    z-index:40000;
    background:rgba(0,0,0,.48);
    align-items:flex-end;
    justify-content:center;
  }
  .wztd-m169-backdrop.open{display:flex!important}
  .wztd-m169-sheet{
    width:100%;
    max-height:76svh;
    overflow:auto;
    background:#fff;
    border-radius:22px 22px 0 0;
    padding:15px 15px calc(16px + env(safe-area-inset-bottom,0px));
    box-sizing:border-box;
  }
  .wztd-m169-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:13px;
  }
  .wztd-m169-head strong{font-size:20px}
  .wztd-m169-head button{
    width:38px;height:38px;border:0;border-radius:50%;
    background:#f1f1f1;font-size:26px;cursor:pointer;
  }
  .wztd-m169-colorgrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }
  .wztd-m169-coloritem{
    min-height:105px;
    border:1px solid #ddd;
    border-radius:12px;
    background:#fff;
    padding:7px 4px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    cursor:pointer;
  }
  .wztd-m169-coloritem.active{
    border:2px solid #111;
    background:#f5f5f5;
  }
  .wztd-m169-coloritem img{
    width:64px;
    height:70px;
    object-fit:contain;
  }
  .wztd-m169-coloritem small{font-size:10px;text-align:center}

  .wztd-m169-addgrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .wztd-m169-addgrid button{
    min-height:110px;
    border:0;
    border-radius:16px;
    background:#f3f3f3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:14px;
    cursor:pointer;
  }
  .wztd-m169-addgrid span{font-size:29px}

  .wztd-m169-morelist{
    display:grid;
    gap:8px;
  }
  .wztd-m169-morelist button{
    min-height:52px;
    border:0;
    border-radius:12px;
    background:#f3f3f3;
    padding:0 13px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:14px;
    cursor:pointer;
  }

  /* Original panels stay usable. */
  html.wztd-mobile-ready #wztd-editor-panel,
  html.wztd-mobile-ready #wztd-upload-drawer,
  html.wztd-mobile-ready .wztd-modal{
    z-index:45000!important;
  }
  html.wztd-mobile-ready #wztd-editor-panel{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    max-height:76svh!important;
    overflow:auto!important;
    border-radius:18px!important;
  }
  html.wztd-mobile-ready #wztd-upload-drawer{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    height:76svh!important;
    border-radius:20px 20px 0 0!important;
  }
}

@media(max-width:390px){
  html.wztd-mobile-ready #wztd-app{min-height:570px!important}
  html.wztd-mobile-ready #wztd-stage{inset:49px 0 160px 0!important}
  html.wztd-mobile-ready #wztd-shirt-wrap{
    width:86vw!important;
    height:min(51svh,445px)!important;
  }
}


/* v1.7.0 – Spreadshirt-artiger Mobile-Designblock */
@media(max-width:850px){
  html.wztd-mobile-ready #wztd-stage{
    inset:50px 0 158px 0!important;
  }

  html.wztd-mobile-ready .wztd-side-thumbs{
    bottom:144px!important;
  }

  .wztd-m169-designbox{
    position:absolute;
    left:7px;
    right:7px;
    bottom:7px;
    z-index:5200;
    background:#fff;
    border-radius:16px;
    box-shadow:0 3px 14px rgba(0,0,0,.16);
    padding:10px 10px 11px;
    box-sizing:border-box;
    pointer-events:auto;
  }

  .wztd-m169-title{
    display:block;
    text-align:center;
    margin:0 0 8px;
    font-size:14px;
    font-weight:800;
    color:#7a46ad;
  }

  .wztd-m169-designbox .wztd-m169-tools{
    position:static!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:3px 2px 8px!important;
    margin:0 0 3px!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#f4f4f4!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:2px!important;
  }

  .wztd-m169-designbox .wztd-m169-tools[hidden]{
    display:none!important;
  }

  .wztd-m169-designbox .wztd-m169-tool{
    min-height:58px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }

  .wztd-m169-designbox .wztd-m169-tool span{
    font-size:21px!important;
    margin-bottom:3px;
  }

  .wztd-m169-actions{
    display:grid;
    grid-template-columns:1fr 1.35fr;
    gap:7px;
    align-items:center;
  }

  .wztd-m169-actions button{
    min-height:42px;
    border:0;
    border-radius:21px;
    background:#f3f3f3;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 12px;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
  }

  .wztd-m169-actions button span{
    font-size:19px;
    line-height:1;
  }

  .wztd-m169-actions button b{
    font-size:11px;
    white-space:nowrap;
  }

  .wztd-m169-designbox.is-expanded{
    padding-top:9px;
  }

  /* Alte untere Leiste aus 1.6.9 wird in 1.7.0 nicht mehr verwendet */
  .wztd-m169-bottom{display:none!important}
}

@media(max-width:390px){
  .wztd-m169-title{font-size:13px}
  .wztd-m169-actions{grid-template-columns:.95fr 1.45fr}
  .wztd-m169-actions button{padding:0 8px}
  .wztd-m169-actions button b{font-size:10px}
}


/* ==========================================================
   v1.7.1 – Mobile Designer wirklich bildschirmfüllend
   Nur auf der Designer-Seite / nur Mobile:
   - kein Seiten-Scroll
   - Footer versteckt
   - Cookie-/Consent-Banner versteckt
   - Designer nutzt den sichtbaren Viewport
   ========================================================== */
@media(max-width:850px){

  html.wztd-mobile-ready,
  html.wztd-mobile-ready body{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  /* Typische WordPress/Flatsome Footer */
  html.wztd-mobile-ready footer,
  html.wztd-mobile-ready #footer,
  html.wztd-mobile-ready .footer-wrapper,
  html.wztd-mobile-ready .absolute-footer,
  html.wztd-mobile-ready .footer-1,
  html.wztd-mobile-ready .footer-2,
  html.wztd-mobile-ready .site-footer{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  /* Cookie-/Consent-Elemente: Borlabs, Complianz, CookieYes,
     Cookiebot und generische "Zustimmung verwalten"-Widgets */
  html.wztd-mobile-ready #BorlabsCookieBox,
  html.wztd-mobile-ready #BorlabsCookieWidget,
  html.wztd-mobile-ready .BorlabsCookie,
  html.wztd-mobile-ready .borlabs-cookie,
  html.wztd-mobile-ready .borlabs-cookie-preference,
  html.wztd-mobile-ready #cmplz-cookiebanner-container,
  html.wztd-mobile-ready .cmplz-cookiebanner,
  html.wztd-mobile-ready .cmplz-manage-consent,
  html.wztd-mobile-ready #cookie-law-info-bar,
  html.wztd-mobile-ready #cookie_action_close_header,
  html.wztd-mobile-ready .cky-consent-container,
  html.wztd-mobile-ready .cky-btn-revisit-wrapper,
  html.wztd-mobile-ready #CybotCookiebotDialog,
  html.wztd-mobile-ready #CookiebotWidget,
  html.wztd-mobile-ready [class*="cookie-banner"],
  html.wztd-mobile-ready [class*="cookie_banner"],
  html.wztd-mobile-ready [class*="manage-consent"],
  html.wztd-mobile-ready [class*="manage_consent"],
  html.wztd-mobile-ready [id*="cookie-banner"],
  html.wztd-mobile-ready [id*="cookie_banner"]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Hauptinhalt darf keinen zusätzlichen Abstand mehr erzeugen */
  html.wztd-mobile-ready #main,
  html.wztd-mobile-ready .main,
  html.wztd-mobile-ready .page-wrapper,
  html.wztd-mobile-ready .content-area,
  html.wztd-mobile-ready .site-content{
    margin-bottom:0!important;
    padding-bottom:0!important;
    min-height:0!important;
  }

  /* Designer passt exakt in den sichtbaren Bereich unter dem Header */
  html.wztd-mobile-ready #wztd-app{
    height:calc(100dvh - var(--wztd-mobile-header, 0px))!important;
    min-height:0!important;
    max-height:calc(100dvh - var(--wztd-mobile-header, 0px))!important;
    overflow:hidden!important;
  }

  html.wztd-mobile-ready .wztd-designer-shell,
  html.wztd-mobile-ready .wztd-workspace{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }

  /* Etwas mehr Platz für das Produkt, weil Footer/Cookie wegfallen */
  html.wztd-mobile-ready #wztd-stage{
    inset:50px 0 150px 0!important;
  }

  html.wztd-mobile-ready .wztd-side-thumbs{
    bottom:136px!important;
  }

  html.wztd-mobile-ready .wztd-m169-designbox{
    bottom:6px!important;
  }
}


/* v1.7.2 – unten nur noch Design hinzufügen + Warenkorb */
@media(max-width:850px){
  .wztd-m169-actions{
    grid-template-columns:1fr 1.18fr!important;
    gap:7px!important;
  }

  .wztd-m169-actions #wztd-m169-add,
  .wztd-m169-actions #wztd-m169-cart{
    min-height:42px!important;
  }

  .wztd-m169-actions #wztd-m169-cart{
    border:2px solid #111!important;
    background:#fff!important;
    border-radius:21px!important;
    font-weight:800!important;
  }
}


/* v1.7.3 – Mobile kompakter: nur Hauptheader, mehr Designerfläche */
@media(max-width:850px){
  /* Flatsome: obere Menüzeile oberhalb des Logos und Infobar unterhalb des Logos ausblenden.
     Der eigentliche Logo-/Icon-Hauptheader bleibt sichtbar. */
  html.wztd-mobile-ready #header .header-top,
  html.wztd-mobile-ready #header .header-bottom,
  html.wztd-mobile-ready .header-wrapper .header-top,
  html.wztd-mobile-ready .header-wrapper .header-bottom{
    display:none!important;
    height:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  /* Falls die Versandkosten-Zeile als separate Top-Bar umgesetzt ist. */
  html.wztd-mobile-ready #header .header-bottom-nav,
  html.wztd-mobile-ready #header .nav-dark.header-bottom-nav,
  html.wztd-mobile-ready .header-wrapper .header-bottom-nav{
    display:none!important;
  }

  .wztd-m169-title{
    display:none!important;
  }

  .wztd-m169-designbox{
    padding:8px 9px!important;
  }

  .wztd-m169-actions{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .wztd-m169-actions button{
    min-height:43px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }

  .wztd-m169-actions button b{
    font-size:12px!important;
  }

  .wztd-m169-actions #wztd-m169-cart{
    border:1.5px solid #111!important;
    border-radius:22px!important;
  }

  /* Durch den kleineren Header und die kompaktere Bottom-Bar mehr Raum fürs Shirt. */
  html.wztd-mobile-ready #wztd-stage{
    inset:50px 0 120px 0!important;
  }

  html.wztd-mobile-ready .wztd-side-thumbs{
    bottom:103px!important;
  }

  html.wztd-mobile-ready #wztd-shirt-wrap{
    height:min(60svh,560px)!important;
    max-height:560px!important;
  }
}


/* ==========================================================
   v1.7.4 – Warenkorb öffnet Größen-/Mengen-Panel wie Spreadshirt
   ========================================================== */
@media(max-width:850px){
  .wztd-m174-cartback{
    display:none;
    position:fixed;
    inset:0;
    z-index:50000;
    background:rgba(0,0,0,.48);
    align-items:flex-start;
    justify-content:center;
    pointer-events:auto;
  }
  .wztd-m174-cartback.open{
    display:flex!important;
  }

  .wztd-m174-cartpanel{
    position:absolute;
    top:var(--wztd-mobile-header,0px);
    left:0;
    right:0;
    bottom:0;
    width:100%;
    max-width:100%;
    background:#fff;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:18px 18px 0 0;
  }

  .wztd-m174-carthead{
    flex:0 0 auto;
    height:58px;
    padding:0 14px;
    border-bottom:1px solid #e3e3e3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
  }
  .wztd-m174-carthead strong{
    font-size:16px;
    font-weight:800;
    color:#111;
  }
  .wztd-m174-cartclose{
    width:38px;
    height:38px;
    border:0;
    background:transparent;
    color:#111;
    font-size:28px;
    line-height:1;
    cursor:pointer;
  }

  .wztd-m174-cartcontent{
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    background:#fff;
  }

  .wztd-m174-sizehost{
    width:100%;
    min-height:100%;
  }

  /* Original size selector is moved here, keeping all existing +/- listeners. */
  .wztd-m174-sizehost .wztd-size-box{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    background:#fff!important;
  }

  .wztd-m174-sizehost .wztd-size-toggle{
    display:none!important;
  }

  .wztd-m174-sizehost .wztd-size-list{
    display:block!important;
  }

  .wztd-m174-sizehost .wztd-size-row{
    min-height:54px!important;
    padding:0 14px!important;
    border-bottom:1px solid #e6e6e6!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-sizing:border-box!important;
    background:#fff!important;
  }

  .wztd-m174-sizehost .wztd-size-row > strong{
    font-size:14px!important;
    font-weight:700!important;
  }

  .wztd-m174-sizehost .wztd-qty{
    display:grid!important;
    grid-template-columns:36px 42px 36px!important;
    height:34px!important;
    align-items:center!important;
    border:1px solid #ddd!important;
    background:#fff!important;
  }
  .wztd-m174-sizehost .wztd-qty button{
    width:36px!important;
    height:32px!important;
    min-width:36px!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    color:#111!important;
    font-size:18px!important;
  }
  .wztd-m174-sizehost .wztd-qty span{
    width:42px!important;
    text-align:center!important;
    font-size:13px!important;
    border-left:1px solid #eee!important;
    border-right:1px solid #eee!important;
  }

  .wztd-m174-bottomhost{
    flex:0 0 auto;
    background:#fff;
    border-top:1px solid #ddd;
    padding-bottom:env(safe-area-inset-bottom,0px);
  }

  /* Original price/cart block moved here. */
  .wztd-m174-bottomhost .wztd-config-bottom{
    display:grid!important;
    grid-template-columns:1fr 1.25fr!important;
    gap:8px 10px!important;
    align-items:center!important;
    width:100%!important;
    margin:0!important;
    padding:10px 12px!important;
    border:0!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }

  .wztd-m174-bottomhost .wztd-print-price-info,
  .wztd-m174-bottomhost .wztd-note{
    display:none!important;
  }

  .wztd-m174-bottomhost .wztd-price-row{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
  }

  .wztd-m174-bottomhost #wztd-price{
    font-size:18px!important;
    font-weight:800!important;
    color:#111!important;
  }

  .wztd-m174-bottomhost #wztd-total-qty{
    font-size:11px!important;
    color:#777!important;
  }

  .wztd-m174-bottomhost #wztd-add-cart{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    border:0!important;
    border-radius:3px!important;
    background:#333!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    padding:0 10px!important;
  }

  .wztd-m174-bottomhost #wztd-add-cart:disabled{
    opacity:.45!important;
  }

  .wztd-m174-bottomhost #wztd-status{
    grid-column:1 / -1!important;
    margin:0!important;
    font-size:11px!important;
  }

  html.wztd-cart174-open,
  html.wztd-cart174-open body{
    overflow:hidden!important;
  }
}


/* ==========================================================
   v1.7.6 – Beim Bearbeiten nur die passende Toolbar zeigen
   ========================================================== */
@media(max-width:850px){
  html.wztd-mobile-object-edit .wztd-m169-top,
  html.wztd-mobile-object-edit .wztd-m169-designbox,
  html.wztd-mobile-object-edit .wztd-side-thumbs{
    display:none!important;
  }

  /* Mehr Raum fürs Shirt während der Bearbeitung */
  html.wztd-mobile-object-edit #wztd-stage{
    inset:58px 0 8px 0!important;
  }

  /* Bild-/Motiv-Bearbeitungsleiste wie bei Spreadshirt oben */
  html.wztd-mobile-image-edit #wztd-image-toolbar.open{
    display:flex!important;
    position:fixed!important;
    top:calc(var(--wztd-mobile-header,0px) + 8px)!important;
    left:10px!important;
    right:10px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    min-height:48px!important;
    transform:none!important;
    z-index:60000!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    border-radius:22px!important;
    padding:4px!important;
    background:#fff!important;
    box-shadow:0 3px 14px rgba(0,0,0,.16)!important;
  }

  html.wztd-mobile-image-edit #wztd-image-toolbar > button{
    min-height:40px!important;
    height:40px!important;
    padding:0 13px!important;
    flex:0 0 auto!important;
    border-right:1px solid #e8e8e8!important;
    background:#fff!important;
    border-radius:0!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }

  /* Text-Bearbeitungsleiste ebenfalls oben */
  html.wztd-mobile-text-edit #wztd-text-toolbar.open{
    display:flex!important;
    position:fixed!important;
    top:calc(var(--wztd-mobile-header,0px) + 8px)!important;
    left:10px!important;
    right:10px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    min-height:48px!important;
    transform:none!important;
    z-index:60000!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    border-radius:22px!important;
    padding:4px!important;
    background:#fff!important;
    box-shadow:0 3px 14px rgba(0,0,0,.16)!important;
  }

  html.wztd-mobile-text-edit #wztd-text-toolbar select,
  html.wztd-mobile-text-edit #wztd-text-toolbar button{
    height:40px!important;
    min-height:40px!important;
    flex:0 0 auto!important;
  }

  /* Niemals beide Toolbars gleichzeitig */
  html.wztd-mobile-image-edit #wztd-text-toolbar{
    display:none!important;
  }
  html.wztd-mobile-text-edit #wztd-image-toolbar{
    display:none!important;
  }

  /* Popovers zu den Bearbeitungsleisten bleiben erreichbar */
  html.wztd-mobile-object-edit .wztd-image-popover,
  html.wztd-mobile-object-edit .wztd-text-content-popover{
    z-index:61000!important;
  }
}

/* ==========================================================
   v1.7.7 – Mobile Bild/Text bearbeiten wie eigene Edit-Ansicht
   ========================================================== */
@media(max-width:850px){

  /* Fertig unten mittig */
  .wztd-m177-done{
    display:none;
    position:fixed;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    z-index:62000;
    min-width:112px;
    height:46px;
    padding:0 18px;
    border:0;
    border-radius:24px;
    background:#111;
    color:#fff;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:13px;
    font-weight:800;
    box-shadow:0 4px 14px rgba(0,0,0,.22);
  }
  .wztd-m177-done.show{display:flex!important}
  .wztd-m177-done b{font-size:17px}

  /* Während Bearbeitung unten Platz für Fertig lassen */
  html.wztd-mobile-object-edit #wztd-stage{
    inset:58px 0 64px 0!important;
  }

  /* Das Popover darf NIE mehr das ganze Shirt überdecken */
  html.wztd-mobile-image-edit #wztd-image-popover.open{
    display:block!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:76px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:205px!important;
    overflow:hidden!important;
    padding:12px!important;
    margin:0!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 5px 22px rgba(0,0,0,.22)!important;
    z-index:61500!important;
  }

  html.wztd-mobile-image-edit #wztd-image-popover > strong{
    display:block!important;
    margin:0 0 9px!important;
    font-size:15px!important;
  }

  /* Form / Effekte / Flip als horizontale Auswahl – Shirt bleibt sichtbar */
  html.wztd-mobile-image-edit #wztd-image-popover .wztd-image-options{
    display:flex!important;
    grid-template-columns:none!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 1px 8px!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }

  html.wztd-mobile-image-edit #wztd-image-popover .wztd-image-options button{
    flex:0 0 auto!important;
    min-width:94px!important;
    min-height:66px!important;
    padding:9px 8px!important;
    border:1px solid #ddd!important;
    border-radius:12px!important;
    background:#f7f7f7!important;
    text-align:center!important;
    font-size:11px!important;
    scroll-snap-align:start;
  }

  html.wztd-mobile-image-edit #wztd-image-popover .wztd-effect-intensity{
    position:static!important;
    margin:4px 0 0!important;
    padding:7px 0 0!important;
    background:#fff!important;
  }

  html.wztd-mobile-image-edit #wztd-image-popover .wztd-effect-intensity label{
    display:flex!important;
    justify-content:space-between!important;
    font-size:11px!important;
    margin-bottom:4px!important;
  }

  html.wztd-mobile-image-edit #wztd-image-popover .wztd-effect-intensity input{
    width:100%!important;
  }

  /* Text ändern ebenfalls kompakt, nicht bildschirmfüllend */
  html.wztd-mobile-text-edit #wztd-text-content-popover.open{
    display:block!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:76px!important;
    width:auto!important;
    max-width:none!important;
    max-height:190px!important;
    overflow:auto!important;
    z-index:61500!important;
    border-radius:18px!important;
    padding:12px!important;
    background:#fff!important;
    box-shadow:0 5px 22px rgba(0,0,0,.22)!important;
  }

  html.wztd-mobile-text-edit #wztd-text-content-popover textarea{
    width:100%!important;
    min-height:80px!important;
    box-sizing:border-box!important;
  }
}


/* ==========================================================
   v1.7.8 – Feinschliff Mobile: Mengenwahl + Farbbutton
   ========================================================== */
@media(max-width:850px){

  /* ----------------------------------------------------------
     Warenkorb: Minus / Zahl / Plus als saubere, kompakte Einheit
     ---------------------------------------------------------- */
  .wztd-m174-sizehost .wztd-size-row{
    min-height:56px!important;
    padding:0 14px!important;
    gap:12px!important;
  }

  .wztd-m174-sizehost .wztd-size-row > strong{
    flex:1 1 auto!important;
    min-width:60px!important;
    font-size:14px!important;
  }

  .wztd-m174-sizehost .wztd-qty{
    flex:0 0 116px!important;
    width:116px!important;
    height:36px!important;
    display:grid!important;
    grid-template-columns:36px 44px 36px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d9d9d9!important;
    border-radius:8px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }

  .wztd-m174-sizehost .wztd-qty button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    color:#111!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:19px!important;
    font-weight:600!important;
    line-height:1!important;
    box-shadow:none!important;
  }

  .wztd-m174-sizehost .wztd-qty button:first-child{
    border-right:1px solid #ececec!important;
  }

  .wztd-m174-sizehost .wztd-qty button:last-child{
    border-left:1px solid #ececec!important;
  }

  .wztd-m174-sizehost .wztd-qty span,
  .wztd-m174-sizehost .wztd-qty input{
    width:44px!important;
    height:36px!important;
    min-width:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fafafa!important;
    color:#111!important;
    text-align:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    font-size:13px!important;
    line-height:36px!important;
    box-shadow:none!important;
  }

  /* ----------------------------------------------------------
     Farbbutton oben: immer exakt gleich groß.
     Lange Farbnamen werden mit ... abgeschnitten.
     Pfeil steht immer direkt rechts neben dem Namen.
     ---------------------------------------------------------- */
  .wztd-m169-color{
    width:172px!important;
    min-width:172px!important;
    max-width:172px!important;
    height:42px!important;
    padding:0 11px!important;
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) 14px!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:7px!important;
    box-sizing:border-box!important;
  }

  .wztd-m169-dot{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    margin:0!important;
  }

  .wztd-m169-color strong{
    display:block!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:left!important;
    font-size:12px!important;
    line-height:1!important;
  }

  .wztd-m169-color > span:last-child{
    display:flex!important;
    width:14px!important;
    min-width:14px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    font-size:13px!important;
    transform:none!important;
  }
}

@media(max-width:390px){
  .wztd-m169-color{
    width:164px!important;
    min-width:164px!important;
    max-width:164px!important;
  }
}


/* v1.7.9 – X und Farbpfeil exakt vertikal zur Schrift zentrieren */
@media(max-width:850px){

  /* Warenkorb-Dialog: Überschrift und X auf exakt derselben Mittellinie */
  .wztd-m174-carthead{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:58px!important;
    height:58px!important;
    padding:0 54px 0 14px!important;
  }

  .wztd-m174-carthead strong{
    display:flex!important;
    align-items:center!important;
    height:100%!important;
    margin:0!important;
    line-height:1.2!important;
  }

  .wztd-m174-cartclose{
    position:absolute!important;
    top:50%!important;
    right:12px!important;
    transform:translateY(-50%)!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
  }

  /* Farbbutton: Icon, Text und Pfeil teilen exakt dieselbe vertikale Mitte */
  .wztd-m169-color{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:42px!important;
    padding:0 11px!important;
    gap:7px!important;
  }

  .wztd-m169-color .wztd-m169-dot{
    flex:0 0 22px!important;
    align-self:center!important;
  }

  .wztd-m169-color strong{
    flex:1 1 auto!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    line-height:16px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .wztd-m169-color > span:last-child{
    flex:0 0 14px!important;
    width:14px!important;
    height:16px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    line-height:16px!important;
    position:static!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
  }
}

/* v1.8.0 – Dropdown-Pfeil optisch exakt auf Text-Mittellinie */
@media(max-width:850px){
  .wztd-m169-color > span:last-child{
    position:relative!important;
    top:-1px!important;
    height:16px!important;
    line-height:16px!important;
    align-items:center!important;
    justify-content:center!important;
    vertical-align:middle!important;
  }
}

/* v1.8.1 – WebZen Mehr Optionen */
@media(max-width:850px){
 .wztd-m181-overlay{display:none;position:fixed;inset:0;z-index:65000;background:rgba(0,0,0,.42);align-items:flex-end;justify-content:center;padding:10px;box-sizing:border-box}
 .wztd-m181-overlay.open{display:flex!important}
 .wztd-m181-panel{width:100%;max-width:430px;background:#fff;border-radius:18px;overflow:hidden}
 .wztd-m181-panel header{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}
 .wztd-m181-panel header strong{font-size:18px}
 .wztd-m181-panel header button{width:38px;height:38px;border:0;background:transparent;font-size:27px;display:flex;align-items:center;justify-content:center}
 .wztd-m181-body{padding:0 14px 14px}
 .wztd-m181-topcards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
 .wztd-m181-card{height:82px;border:0;border-radius:13px;background:#f3f3f3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#222}
 .wztd-m181-card span{font-size:21px}.wztd-m181-card b{font-size:13px}
 .wztd-m181-delivery{min-height:72px;border-radius:13px;background:#f3f3f3;padding:0 14px;display:grid;grid-template-columns:28px 1fr 14px;gap:8px;align-items:center;margin-bottom:10px}
 .wztd-m181-delivery div{display:flex;flex-direction:column;gap:4px}.wztd-m181-delivery b{font-size:13px}.wztd-m181-delivery small{font-size:11px;color:#777}.wztd-m181-delivery i{font-size:23px;color:#777;font-style:normal}
 .wztd-m181-service{padding:16px;border-radius:13px;background:#f0ecff;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
 .wztd-m181-service>strong{font-size:16px;line-height:1.12}.wztd-m181-service>span{font-size:12px;color:#777}
 .wztd-m181-service a{height:44px;border-radius:12px;background:#fff;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#222;text-decoration:none;font-size:13px}.wztd-m181-service a b{font-size:11px}
 .wztd-m181-phone{min-height:66px;border-radius:13px;background:#f3f3f3;padding:0 14px;display:flex;align-items:center;gap:12px;color:#222;text-decoration:none}
 .wztd-m181-phone>span{font-size:23px}.wztd-m181-phone div{display:flex;flex-direction:column;gap:4px}.wztd-m181-phone b{font-size:14px}.wztd-m181-phone small{font-size:11px;color:#777}
}

/* v1.8.2 – Produktfoto + Größentabelle */
@media(max-width:850px){
  button.wztd-m181-delivery{
    width:100%!important;
    border:0!important;
    color:#222!important;
    text-align:left!important;
  }
  .wztd-m182-info-overlay{
    display:none;position:fixed;inset:0;z-index:66000;background:rgba(0,0,0,.42);
    align-items:flex-end;justify-content:center;padding:10px;box-sizing:border-box
  }
  .wztd-m182-info-overlay.open{display:flex!important}
  .wztd-m182-info-overlay>section{
    width:100%;max-width:430px;background:#fff;border-radius:18px;overflow:hidden;
    max-height:calc(100dvh - 20px)
  }
  .wztd-m182-info-overlay header{
    height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid #eee
  }
  .wztd-m182-info-overlay header strong{font-size:18px}
  .wztd-m182-info-overlay header button{
    width:38px;height:38px;border:0;background:transparent;font-size:27px;
    display:flex;align-items:center;justify-content:center
  }
  .wztd-m182-info-body{padding:14px;overflow:auto}
  .wztd-m182-product-photo{
    width:100%;aspect-ratio:1/1;background:#f4f4f4;border-radius:14px;
    display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px
  }
  .wztd-m182-product-photo img{width:100%;height:100%;object-fit:contain}
  .wztd-m182-product-name{display:block;font-size:15px;text-align:center}
  .wztd-m182-size-intro{font-size:13px;color:#666;margin:2px 0 12px}
  .wztd-m182-sizechips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .wztd-m182-sizechips span{
    height:48px;border:1px solid #ddd;border-radius:10px;display:flex;align-items:center;
    justify-content:center;font-size:14px;font-weight:700;background:#fafafa
  }
}

/* v1.8.3 – Mehr Optionen: Reihenfolge + originale Desktop-Detailbilder */
@media(max-width:850px){
  .wztd-m183-share-row{
    width:100%!important;
    min-height:68px!important;
    border:0!important;
    border-radius:13px!important;
    background:#f3f3f3!important;
    padding:0 14px!important;
    display:grid!important;
    grid-template-columns:28px 1fr 14px!important;
    gap:8px!important;
    align-items:center!important;
    color:#222!important;
    text-align:left!important;
    margin-bottom:10px!important;
  }
  .wztd-m183-share-row>span{font-size:20px!important;text-align:center!important}
  .wztd-m183-share-row>div{display:flex!important;flex-direction:column!important;gap:4px!important}
  .wztd-m183-share-row b{font-size:13px!important}
  .wztd-m183-share-row small{font-size:11px!important;color:#777!important}
  .wztd-m183-share-row i{font-style:normal!important;font-size:23px!important;color:#777!important}

  /* Native Desktop-Modals auch am Handy sauber als Bild-Dialog zeigen */
  #wztd-product-details-modal .wztd-product-details-card,
  #wztd-size-guide-modal .wztd-size-guide-card{
    width:calc(100vw - 28px)!important;
    max-width:430px!important;
    max-height:84dvh!important;
    margin:auto!important;
    border-radius:18px!important;
    padding:16px!important;
    box-sizing:border-box!important;
  }
  #wztd-product-details-modal .wztd-product-details-card h3,
  #wztd-size-guide-modal .wztd-size-guide-card h3{
    margin:0 42px 14px 0!important;
    font-size:18px!important;
  }
  #wztd-product-details-modal .wztd-product-details-card img,
  #wztd-size-guide-modal .wztd-size-guide-card img{
    width:100%!important;
    height:auto!important;
    max-height:68dvh!important;
    object-fit:contain!important;
    background:#fff!important;
  }

  /* alten v1.8.2 Eigen-Dialog nicht mehr verwenden */
  .wztd-m182-info-overlay{display:none!important}
}

/* v1.8.4 – Mehr Optionen: X exakt auf Text-Mittellinie */
@media(max-width:850px){
  .wztd-m181-panel header{
    position:relative!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 56px 0 16px!important;
    display:flex!important;
    align-items:center!important;
  }
  .wztd-m181-panel header strong{
    display:flex!important;
    align-items:center!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:1.2!important;
  }
  .wztd-m181-panel header #wztd-m181-close{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* v1.8.5 – Mehr Optionen responsiv für echte Smartphones */
@media(max-width:850px){

  .wztd-m181-overlay{
    padding:
      max(8px, env(safe-area-inset-top))
      max(8px, env(safe-area-inset-right))
      max(8px, env(safe-area-inset-bottom))
      max(8px, env(safe-area-inset-left))!important;
    align-items:flex-end!important;
  }

  .wztd-m181-panel{
    width:min(100%, 430px)!important;
    max-width:430px!important;
    max-height:min(86dvh, 720px)!important;
    border-radius:18px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  .wztd-m181-panel header{
    flex:0 0 auto!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 50px 0 14px!important;
  }

  .wztd-m181-panel header strong{
    font-size:clamp(17px,4.5vw,20px)!important;
    line-height:1.1!important;
  }

  .wztd-m181-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 12px 12px!important;
  }

  .wztd-m181-topcards{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }

  .wztd-m181-card{
    min-width:0!important;
    height:auto!important;
    min-height:90px!important;
    padding:10px 8px!important;
    gap:6px!important;
    box-sizing:border-box!important;
  }

  .wztd-m181-card b{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    font-size:clamp(11px,3vw,13px)!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    hyphens:auto!important;
  }

  .wztd-m183-share-row{
    min-height:64px!important;
    margin-bottom:8px!important;
    padding:8px 12px!important;
    grid-template-columns:26px minmax(0,1fr) 12px!important;
  }

  .wztd-m183-share-row b{
    font-size:clamp(12px,3.2vw,13px)!important;
    line-height:1.1!important;
  }

  .wztd-m183-share-row small{
    font-size:clamp(9px,2.6vw,11px)!important;
    line-height:1.2!important;
    white-space:normal!important;
  }

  .wztd-m181-service{
    padding:14px!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }

  .wztd-m181-service>strong{
    font-size:clamp(14px,3.8vw,16px)!important;
    line-height:1.12!important;
  }

  .wztd-m181-service>span{
    font-size:clamp(10px,2.8vw,12px)!important;
  }

  .wztd-m181-service a{
    min-height:42px!important;
    height:auto!important;
    padding:8px 10px!important;
    gap:8px!important;
  }

  .wztd-m181-service a u{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .wztd-m181-phone{
    min-height:62px!important;
    padding:8px 12px!important;
    gap:10px!important;
  }

  .wztd-m181-phone b{
    font-size:clamp(13px,3.5vw,15px)!important;
    white-space:nowrap!important;
  }

  .wztd-m181-phone small{
    font-size:clamp(9px,2.7vw,11px)!important;
  }
}

/* Sehr schmale Displays: Karte kompakter und keine Wortzerlegung */
@media(max-width:380px){
  .wztd-m181-panel{
    max-height:88dvh!important;
  }
  .wztd-m181-card{
    min-height:82px!important;
  }
  .wztd-m181-card b{
    font-size:11px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .wztd-m183-share-row{
    min-height:60px!important;
  }
}

/* Breitere große Smartphones wie S24 Ultra */
@media(min-width:430px) and (max-width:850px){
  .wztd-m181-panel{
    width:min(calc(100vw - 24px), 470px)!important;
    max-width:470px!important;
  }
  .wztd-m181-card{
    min-height:86px!important;
  }
}


/* v2.0.12 – Ähnliche Produkte sind ausschließlich Desktop */
@media(max-width:850px){
  #wztd-product-field,
  .wztd-product-field,
  #wztd-similar-panel,
  .wztd-similar-panel{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
  }
}



/* v2.0.19 — mobile sleeves: keep the drag handle fully active, hide only its text */
@media(max-width:850px){
  html.wztd-mobile-ready #wztd-print-area[data-wztd-side="sleeveLeft"] #wztd-print-handle,
  html.wztd-mobile-ready #wztd-print-area[data-wztd-side="sleeveRight"] #wztd-print-handle{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
    touch-action:none!important;
    cursor:grab!important;
    min-height:24px!important;
    height:24px!important;
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
    text-shadow:none!important;
    user-select:none!important;
    z-index:30!important;
  }
  html.wztd-mobile-ready #wztd-print-area[data-wztd-side="sleeveLeft"] #wztd-print-handle:active,
  html.wztd-mobile-ready #wztd-print-area[data-wztd-side="sleeveRight"] #wztd-print-handle:active{
    cursor:grabbing!important;
  }
}


/* v2.4.4 – Vorlagen im Print-Modus auch mobil vollständig bedienbar */
@media (max-width:850px){
  html.wztd-mobile-ready .wztd-template-drawer{
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(92vw,380px)!important;max-width:none!important;z-index:10050!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
  }
  html.wztd-mobile-ready .wztd-template-drawer-inner{padding:18px 16px 24px!important}
  html.wztd-mobile-ready .wztd-template-card{width:100%!important;min-height:0!important;touch-action:manipulation!important}
  html.wztd-mobile-ready .wztd-template-preview{aspect-ratio:85/55!important}
  html.wztd-mobile-ready .wztd-template-bg-canva{
    pointer-events:auto!important;touch-action:none!important;cursor:move!important;
  }
  html.wztd-mobile-ready .wztd-template-bg-canva .wztd-resize-handle,
  html.wztd-mobile-ready .wztd-template-bg-canva .wztd-rotation-handle{
    display:block!important;pointer-events:auto!important;touch-action:none!important;
  }
  html.wztd-mobile-ready .wztd-template-bg-canva .wztd-resize-handle{
    width:26px!important;height:26px!important;right:-13px!important;bottom:-13px!important;
  }
  html.wztd-mobile-ready .wztd-template-bg-canva .wztd-rotation-handle{
    width:28px!important;height:28px!important;top:-36px!important;
  }
}


/* v2.4.5 – Print mobil identisch: volle Karte, kein roter Außenrahmen/A3-Hinweis */
@media(max-width:850px){
 html.wztd-mobile-ready .wztd-app.wztd-print-product .wztd-print-card-area::before{display:none!important;content:none!important;}
 html.wztd-mobile-ready .wztd-app.wztd-print-product .wztd-print-handle{display:none!important;}
 html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-print-price-info{display:none!important;}
}


/* v2.5.2 — Mobile Print-Hilfslinien + größere freie Bild-Anfasser */
@media(max-width:850px){
  html.wztd-mobile-ready .wztd-app.wztd-print-product .wztd-print-guide{
    pointer-events:none!important;
    z-index:9000!important;
  }
  html.wztd-mobile-ready .wztd-image-axis-handle{
    width:20px!important;
    height:20px!important;
    touch-action:none!important;
  }
}


/* =========================================================
   v3.3.2 – echte Tassen-Handyansicht
   ========================================================= */
@media(max-width:850px){
  html.wztd-mobile-ready .wztd-app.wztd-mug-product{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  /* Die Desktop-Kopfzeile bleibt grundsätzlich versteckt.
     Für die Tasse wird daraus nur ein kleiner 3D-Schnellzugriff. */
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-worktop{
    display:block!important;
    position:absolute!important;
    top:56px!important;
    right:10px!important;
    left:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:220!important;
    pointer-events:none!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-worktop > *{
    display:none!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-worktop #wztd-3d-open{
    display:inline-flex!important;
    pointer-events:auto!important;
    margin:0!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 13px!important;
    border-radius:21px!important;
    background:#fff!important;
    border:1px solid #bbb!important;
    box-shadow:0 3px 12px rgba(0,0,0,.14)!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  /* Mehr Platz für die breite 200 × 90 mm Tassenfläche. */
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-stage{
    inset:50px 0 150px 0!important;
    padding:58px 10px 14px!important;
    overflow:hidden!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-shirt-wrap{
    width:calc(100vw - 20px)!important;
    max-width:520px!important;
    min-width:0!important;
    height:100%!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-print-area{
    touch-action:none!important;
  }

  /* Produktionslinien auf Retina-Handys gut sichtbar. */
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-print-guide-bleed{
    border-width:2px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-print-guide-safe{
    border-width:1.5px!important;
  }

  /* 3D Vorschau als echter Handy-Dialog. */
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-3d-modal{
    position:fixed!important;
    inset:0!important;
    z-index:10080!important;
    padding:max(8px,env(safe-area-inset-top,0px))
            max(8px,env(safe-area-inset-right,0px))
            max(8px,env(safe-area-inset-bottom,0px))
            max(8px,env(safe-area-inset-left,0px))!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-3d-card{
    width:100%!important;
    max-width:520px!important;
    max-height:calc(100svh - 16px)!important;
    border-radius:12px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-3d-head{
    padding:11px 13px!important;
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    background:#fff!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-3d-head strong{
    font-size:16px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-3d-close{
    width:40px!important;
    height:40px!important;
    font-size:25px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-3d-view{
    min-height:240px!important;
    height:auto!important;
    max-height:430px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-3d-view canvas{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:430px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-3d-actions{
    padding:10px 12px!important;
    gap:8px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-3d-actions button{
    width:100%!important;
    min-height:44px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-3d-actions span{
    font-size:11px!important;
    line-height:1.3!important;
  }
}

@media(max-width:380px){
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-stage{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-worktop{
    right:6px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-worktop #wztd-3d-open{
    padding:0 10px!important;
    font-size:11px!important;
  }
}


/* ==========================================================
   v3.3.3 – Mobile Printprodukte: vollständige Werkzeuge + Mengenwahl
   Gilt für Tassen, Flyer, Visitenkarten und weitere Printprodukte.
   ========================================================== */
@media(max-width:850px){
  /* Hinzufügen-Sheet: sechs echte Designer-Werkzeuge statt nur drei. */
  .wztd-m169-addgrid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    padding:12px!important;
  }
  .wztd-m169-addgrid button{
    min-width:0!important;
    min-height:82px!important;
    padding:10px 6px!important;
    border:1px solid #dedede!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#111!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    font-size:12px!important;
  }
  .wztd-m169-addgrid button span{
    font-size:23px!important;
    line-height:1!important;
  }
  .wztd-m169-addgrid button b{
    font-size:11px!important;
    line-height:1.15!important;
    text-align:center!important;
  }

  /* Die alte 3er-Schnellleiste wird nicht mehr gebraucht. */
  .wztd-m169-tools{display:none!important}
  .wztd-m169-designbox.is-expanded{padding-top:0!important}

  /* Print-Warenkorb: echte Mengen-/Auflagenblöcke sichtbar machen. */
  .wztd-m174-sizehost .wztd-print-grammage-box,
  .wztd-m174-sizehost .wztd-print-quantity-box{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
    padding:14px!important;
    box-sizing:border-box!important;
  }
  .wztd-m174-sizehost .wztd-print-grammage-box{
    border-bottom:1px solid #e7e7e7!important;
  }
  .wztd-m174-sizehost .wztd-print-grammage-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .wztd-m174-sizehost .wztd-print-quantity-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .wztd-m174-sizehost .wztd-print-quantity-option{
    width:100%!important;
    min-height:46px!important;
    padding:8px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }

  /* Tasse / Printprodukt ohne feste Auflagen: Stückzahl mit Minus / Plus. */
  .wztd-m174-sizehost .wztd-print-hidden-order{
    width:100%!important;
    min-height:72px!important;
    margin:0!important;
    padding:12px 14px!important;
    border:0!important;
    border-bottom:1px solid #e6e6e6!important;
    background:#fff!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  .wztd-m174-sizehost .wztd-print-hidden-order > strong{
    font-size:15px!important;
  }
  .wztd-m174-sizehost .wztd-print-hidden-order .wztd-qty{
    flex:0 0 126px!important;
    width:126px!important;
    height:40px!important;
    display:grid!important;
    grid-template-columns:40px 46px 40px!important;
    border:1px solid #d6d6d6!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .wztd-m174-sizehost .wztd-print-hidden-order .wztd-qty button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border:0!important;
    background:#fff!important;
    color:#111!important;
    font-size:20px!important;
    padding:0!important;
  }
  .wztd-m174-sizehost .wztd-print-hidden-order .wztd-qty span{
    width:46px!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fafafa!important;
    border-left:1px solid #eee!important;
    border-right:1px solid #eee!important;
    font-size:14px!important;
  }

  /* Printprodukte teilen sich denselben mobilen Arbeitsbereich. */
  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-stage{
    padding-left:8px!important;
    padding-right:8px!important;
    overflow:hidden!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-shirt-wrap{
    width:calc(100vw - 16px)!important;
    max-width:620px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-print-area{
    max-width:none!important;
    max-height:none!important;
  }

  /* Menüs/Sheets dürfen auf kleinen Handys nicht unter die Bottom-Bar laufen. */
  .wztd-m169-sheet{
    max-height:calc(100dvh - var(--wztd-mobile-header,0px) - 16px)!important;
    overflow:hidden!important;
  }
  .wztd-m169-body{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

@media(max-width:370px){
  .wztd-m169-addgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wztd-m174-sizehost .wztd-print-quantity-list{grid-template-columns:1fr!important}
}


/* ==========================================================
   v3.3.4 – Mobile Printfläche wirklich mittig + verschiebbar
   ========================================================== */
@media(max-width:850px){
  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-stage{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:54px 12px 24px!important;
    box-sizing:border-box!important;
  }

  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-shirt-wrap{
    position:relative!important;
    width:100%!important;
    max-width:620px!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0 auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
  }

  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-print-area{
    position:absolute!important;
    max-width:calc(100% - 18px)!important;
    touch-action:none!important;
  }

  /* Der Griff wird am Handy deutlich größer, ohne das Produktionsformat zu ändern. */
  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-print-handle{
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    touch-action:none!important;
    min-height:34px!important;
    height:34px!important;
    top:-38px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:94px!important;
    border-radius:17px!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
    cursor:grab!important;
    z-index:9100!important;
  }

  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-print-handle::after{
    content:'↔ ziehen';
    font-size:11px!important;
    font-weight:700!important;
    color:#111!important;
    line-height:1!important;
  }

  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-print-handle{
    font-size:0!important;
    color:transparent!important;
  }
}

/* Auf sehr schmalen Geräten etwas mehr Seitenluft. */
@media(max-width:390px){
  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-stage{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* ==========================================================
   v3.3.5 – Mobile Print: Zusatz-Ziehgriff entfernt
   Die Druckfläche bleibt direkt auf freien Bereichen verschiebbar.
   ========================================================== */
@media(max-width:850px){
  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-print-handle{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html.wztd-mobile-ready .wztd-app.wztd-print-product #wztd-print-handle::after{
    content:none!important;
    display:none!important;
  }
}


/* ==========================================================
   v3.3.6 – Tasse bekommt eine eigene Smartphone-Ansicht.
   Andere Printprodukte bleiben unverändert.
   ========================================================== */
@media(max-width:850px){
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-stage{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    inset:50px 0 118px 0!important;
    padding:108px 7px 18px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-shirt-wrap{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:245px!important;
    min-height:245px!important;
    max-height:245px!important;
    margin:0 auto!important;
    overflow:visible!important;
  }

  /* 200×90 mm so groß wie auf einem Hochkant-Handy sinnvoll möglich. */
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-print-area{
    max-width:calc(100% - 34px)!important;
    max-height:none!important;
    touch-action:none!important;
  }

  /* Tassen-Lineale kompakter, damit sie keine nutzbare Breite verschwenden. */
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-ruler-top{
    height:22px!important;
    font-size:8px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-ruler-left{
    width:22px!important;
    font-size:8px!important;
  }

  /* 3D direkt unter die obere Bedienleiste und nicht mitten im Arbeitsraum. */
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-worktop{
    top:58px!important;
    right:10px!important;
    z-index:400!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-worktop #wztd-3d-open{
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:19px!important;
    font-size:11px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.14)!important;
  }

  /* Freie Fläche der Tassen-Druckfläche bleibt direkt verschiebbar. */
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-print-area{
    cursor:grab!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-print-area.moving{
    cursor:grabbing!important;
  }
}

@media(max-width:390px){
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-stage{
    padding-left:5px!important;
    padding-right:5px!important;
  }
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-print-area{
    max-width:calc(100% - 30px)!important;
  }
}


/* ==========================================================
   v3.3.8 – Tasse: exaktes 200:90 Verhältnis auf Mobile
   Keine CSS-Nachskalierung mehr nach der JS-mm-Berechnung.
   ========================================================== */
@media(max-width:850px){
  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-print-area{
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:200 / 90!important;
    box-sizing:border-box!important;
  }

  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-shirt-wrap{
    padding-left:24px!important;
    padding-right:8px!important;
    box-sizing:border-box!important;
  }

  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-print-guide-trim,
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-print-guide-bleed,
  html.wztd-mobile-ready .wztd-app.wztd-mug-product .wztd-print-guide-safe{
    box-sizing:border-box!important;
    pointer-events:none!important;
  }
}

/* Desktop ebenfalls keine fremde Größenbegrenzung auf der Tassen-Endformatfläche. */
@media(min-width:851px){
  .wztd-app.wztd-mug-product #wztd-print-area{
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:200 / 90!important;
  }
}


/* ==========================================================
   v3.4.0 – Tasse: FARBE existiert mobil nicht mehr.
   Bei farbfähigen Produkten stehen Text und Pfeil sauber auf einer Linie.
   ========================================================== */
@media(max-width:850px){
  .wztd-m169-color{
    position:relative!important;
  }

  .wztd-m169-color-label{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    line-height:1!important;
  }

  .wztd-m169-color-label strong{
    display:inline-flex!important;
    align-items:center!important;
    line-height:1!important;
    margin:0!important;
  }

  .wztd-m169-color-chevron{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    line-height:1!important;
    width:14px!important;
    height:14px!important;
    transform:translateY(-1px)!important;
  }

  /* Ohne Farbwahl werden Zurück und Mehr symmetrisch außen platziert. */
  .wztd-m169-top.wztd-m169-top-no-color{
    grid-template-columns:43px 1fr 43px!important;
  }
  .wztd-m169-top.wztd-m169-top-no-color #wztd-m169-reset{
    grid-column:1!important;
  }
  .wztd-m169-top.wztd-m169-top-no-color #wztd-m169-more{
    grid-column:3!important;
  }

  html.wztd-mobile-ready .wztd-app.wztd-mug-product #wztd-m169-color{
    display:none!important;
  }
}


/* ==========================================================
   v3.8.6 – Mobile: Farblabel sichtbar + Druckrahmen feinjustiert
   ========================================================== */
@media(max-width:850px){
  /* Die Label-Hülle darf nicht von alten :last-child Regeln auf 14px
     zusammengeschoben werden. Sonst bleibt nur Icon + Pfeil sichtbar. */
  #wztd-m169-color > .wztd-m169-color-label{
    display:flex!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    position:static!important;
    transform:none!important;
  }
  #wztd-m169-color .wztd-m169-color-label strong{
    display:block!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:12px!important;
    line-height:16px!important;
  }
  #wztd-m169-color .wztd-m169-color-chevron{
    display:flex!important;
    flex:0 0 14px!important;
    width:14px!important;
    min-width:14px!important;
    height:16px!important;
    align-items:center!important;
    justify-content:center!important;
    position:static!important;
    top:auto!important;
    transform:none!important;
    line-height:16px!important;
  }
}