/* THE DOG STANDARD · Konfigurator (scoped to .tds-app) */
.tds-app{--green:#1F5A38;--green-deep:#174429;--green-light:#E9F0E6;--cream:#F5EFE3;--paper:#FFFFFF;--ink:#23241F;--berry:#A93248;--berry-deep:#8E2A3D;--muted:#6B6E63;--line:rgba(35,36,31,.12);
  font-family:'Nunito Sans',sans-serif;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;align-items:center;padding:0 0 10px;line-height:1.4;font-size:16px;width:100%}
.tds-app *,.tds-app *::before,.tds-app *::after{box-sizing:border-box}
.tds-app h1,.tds-app h2,.tds-app h3,.tds-app p,.tds-app label,.tds-app details,.tds-app summary{margin:0;padding:0;font-family:inherit}
.tds-app button,.tds-app input,.tds-app select{margin:0;font-family:inherit}
.tds-app button{-webkit-appearance:none;appearance:none;box-shadow:none;line-height:1.35;text-shadow:none;letter-spacing:normal;text-transform:none;min-height:0;transition:none;font-weight:400}
.tds-app button:focus{outline:2px solid var(--green);outline-offset:1px}
.tds-offer{width:100%;background:var(--green);color:#fff;text-align:center;font-size:14px;font-weight:600;padding:11px 12px}
.tds-offer b{font-weight:800}
.tds-wrap{width:100%;max-width:520px;padding:22px 14px 0}
.tds-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.tds-prog{height:5px;background:var(--green-light);border-radius:5px;flex:1;overflow:hidden}
.tds-prog i{display:block;height:100%;width:6%;background:var(--green);border-radius:5px;transition:width .3s}
.tds-card{background:var(--green-light);border-radius:0;padding:28px 22px 24px}
.tds-app h1{font-family:'Libre Baskerville',Georgia,serif;font-weight:700;font-size:25px;line-height:1.2;color:var(--green);margin-bottom:8px}
.tds-app h2{font-family:'Libre Baskerville',Georgia,serif;font-weight:700;font-size:18px;color:var(--green);margin:18px 0 8px}
.tds-app .tds-sub{color:var(--ink);font-size:15px;line-height:1.5;margin-bottom:16px;padding-bottom:20px!important}
.tds-app input[type=text],.tds-app input[type=number],.tds-app input[type=email],.tds-app input[type=tel],.tds-app select{width:100%;font:inherit;font-size:16px;padding:13px 14px;border:1.5px solid var(--line);border-radius:0;background:#fff;outline:none;color:var(--ink);box-shadow:none;height:auto;line-height:1.3}
.tds-app input:focus,.tds-app select:focus{border-color:var(--green);box-shadow:none;outline:none}
.tds-app input[type=number]{-moz-appearance:textfield}
.tds-app input::-webkit-outer-spin-button,.tds-app input::-webkit-inner-spin-button{-webkit-appearance:none}
.tds-app input.tds-err{border-color:var(--berry)}
.tds-app .tds-tiles{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tds-tiles>*{min-width:0;max-width:100%}
.tds-app .tds-tile,.tds-app .tds-tile b,.tds-app .tds-tile small{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.tds-card{max-width:100%;overflow:hidden}
.tds-app .tds-wrap{width:100%;max-width:520px!important;margin:0 auto}
.tds-grid2>*{min-width:0}
.tds-app .tds-tiles.tds-one{grid-template-columns:1fr}
.tds-app .tds-tile{display:block;border:1.5px solid var(--green);border-radius:0;padding:14px 12px!important;min-height:50px;background:#fff;cursor:pointer;text-align:left;font:inherit;transition:.15s;position:relative;color:var(--ink);width:100%}
.tds-app .tds-tile:hover{background:var(--cream);color:var(--ink);border-color:var(--green)}
.tds-app .tds-tile.tds-on,.tds-app .tds-tile.tds-on:hover{background:var(--green);color:#fff}
.tds-app .tds-tile.tds-on small{color:rgba(255,255,255,.8)}
.tds-app .tds-tile.tds-off{opacity:.35;pointer-events:none;border-color:var(--line)}
.tds-app .tds-tile b{display:block;font-size:15px}
.tds-app .tds-tile small{display:block;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.35}
.tds-app .tds-tile .tds-tag{position:absolute;top:-10px;right:10px;background:var(--berry);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:0}
.tds-app .tds-tiles .tds-wide,.tds-app .tds-tile.tds-wide{grid-column:1/-1;padding:18px 14px!important}
.tds-app .tds-tiles .tds-wide b{font-size:17px}
.tds-app .tds-btn{display:block;width:100%;margin-top:18px;background:var(--berry);color:#fff;border:0;border-radius:0;padding:16px 18px!important;min-height:52px;font:inherit;font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.15s}
.tds-app .tds-btn:hover,.tds-app .tds-btn:focus{background:var(--berry-deep);color:#fff}
.tds-app .tds-btn:disabled{opacity:.4;cursor:default}
.tds-app .tds-back{background:none;border:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;margin-top:12px;display:block;width:100%;text-align:center;text-decoration:underline}
.tds-app .tds-back:hover{color:var(--ink)}
.tds-app .tds-chips{display:flex;flex-wrap:wrap;gap:8px}
.tds-app .tds-chip{border:1.5px solid var(--green);border-radius:999px;padding:9px 14px!important;font:inherit;font-size:14px;background:#fff;cursor:pointer;color:var(--ink)}
.tds-app .tds-chip:hover{background:var(--cream);color:var(--ink)}
.tds-app .tds-chip.tds-on,.tds-app .tds-chip.tds-on:hover{background:var(--green);color:#fff}
.tds-live{margin-top:14px;background:#fff;border-radius:0;padding:10px 14px;font-size:14px}
.tds-live b{color:var(--green)}
.tds-bl{background:#fff;border:1.5px solid var(--green);border-top:0;max-height:159px;overflow-y:auto}
.tds-app .tds-bl button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 14px!important;height:53px;font:inherit;font-size:16px;cursor:pointer;color:var(--ink);border-radius:0}
.tds-app .tds-bl button:hover{background:var(--green-light);color:var(--ink)}
.tds-strike{text-decoration:line-through;opacity:.55;font-size:.82em;margin-right:6px}
.tds-big{font-size:24px;font-weight:800;color:var(--berry)}
.tds-pricebar{margin-top:14px;background:var(--green);color:#fff;border-radius:0;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.tds-pricebar small{display:block;color:rgba(255,255,255,.75);font-size:11.5px}
.tds-pricebar .tds-big{color:#fff}
/* result */
.tds-base{background:#fff;border-radius:0;padding:16px;margin-top:6px;border-left:5px solid var(--green)}
.tds-base h3{font-family:'Libre Baskerville',Georgia,serif;font-size:18px;color:var(--green);margin-bottom:4px}
.tds-hl{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0;font-size:13px;font-weight:800;color:var(--green)}
.tds-meta{font-size:13.5px;color:var(--muted);line-height:1.45}
.tds-meta a{color:var(--green);font-weight:700;text-decoration:underline}
.tds-pr{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.tds-pr small,.tds-total small{display:block;font-size:11.5px;color:var(--muted)}
.tds-app .tds-extra{display:flex;gap:12px;align-items:center;background:#fff;border-radius:0;padding:12px 14px!important;margin-top:8px!important;border:1.5px solid transparent;cursor:pointer}
.tds-extra.tds-on{border-color:var(--green)}
.tds-app .tds-extra input[type=checkbox]{width:20px;height:20px;accent-color:var(--green);flex:none;margin:0;-webkit-appearance:checkbox;appearance:checkbox}
.tds-extra b{font-size:15px;display:block}
.tds-extra small{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.tds-extra .tds-p{margin-left:auto;text-align:right;white-space:nowrap;font-size:13px}
.tds-extra .tds-p b{font-size:14px;color:var(--green)}
.tds-extra .tds-rec{background:var(--green);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;margin-left:6px;vertical-align:middle;text-transform:uppercase}
.tds-total{background:var(--green);color:#fff;border-radius:0;padding:16px;margin-top:14px;font-size:14px;line-height:1.5}
.tds-total .tds-after{display:block;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px}
.tds-total .tds-after .tds-strike{color:rgba(255,255,255,.7)}
.tds-total .tds-row{display:flex;justify-content:space-between;align-items:flex-end}
.tds-total .tds-row+.tds-row{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}
.tds-total small{color:rgba(255,255,255,.75)}
.tds-total .tds-big{color:#fff}
.tds-total .tds-strike{color:rgba(255,255,255,.7)}
.tds-more summary{cursor:pointer;font-weight:700;color:var(--green);font-size:14px;margin-top:12px;list-style:none}
.tds-more summary::before{content:"+ "}
.tds-more[open] summary::before{content:"– "}
/* checkout */
.tds-co h2{margin-top:22px}
.tds-co h2:first-child{margin-top:0}
.tds-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tds-field{margin-bottom:10px}
.tds-summary{background:#fff;border-radius:0;padding:14px;font-size:14px}
.tds-summary .tds-row{display:flex;justify-content:space-between;padding:5px 0;gap:10px}
.tds-summary .tds-row.tds-tot{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font-weight:800;font-size:16px;color:var(--green)}
.tds-summary .tds-row.tds-sub{color:var(--muted);font-size:12.5px}
.tds-summary .tds-after{display:block;line-height:1.45;padding-top:8px;font-size:10.5px;color:var(--muted)}
.tds-pay label{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:0;padding:12px 14px;margin-bottom:8px;cursor:pointer;font-size:14.5px}
.tds-pay label:has(input:checked){border-color:var(--green);background:var(--cream)}
.tds-app .tds-pay input[type=radio]{accent-color:var(--green);margin:0;width:18px;height:18px;-webkit-appearance:radio;appearance:radio}
.tds-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-top:12px}
.tds-app .tds-note{font-size:10.5px;color:var(--muted);text-align:center;margin:14px 0 0!important;padding:0 4px!important;line-height:1.45}
.tds-errmsg{color:var(--berry);font-size:13px;margin-top:8px;font-weight:700}
.tds-reveal{text-align:center;padding:14px 0 6px}
.tds-reveal h1{margin-bottom:6px}
.tds-rv-badge{width:76px;height:76px;margin:0 auto 14px;background:var(--green-light);border-radius:50%;display:flex;align-items:center;justify-content:center}
.tds-rv-badge img{width:44px;height:44px}
.tds-rv-card{background:#fff;border:1.5px solid var(--line);text-align:left;margin:18px 0 6px;padding:6px 16px}
.tds-rv-row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.tds-rv-row:last-child{border-bottom:0}
.tds-rv-ic{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-size:14px;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:2px}
.tds-rv-row b{display:block;font-size:14.5px;color:var(--ink)}
.tds-rv-row small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:1px}
.tds-rv-q{margin:18px 0 10px;font-size:14.5px;color:var(--ink)}
.tds-qa{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tds-app .tds-whybtn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--line);padding:14px 8px!important;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:var(--ink);line-height:1.3;transition:.15s;min-width:0}
.tds-app .tds-whybtn .tds-why-ic{font-size:22px;line-height:1}
@media(hover:hover){.tds-app .tds-whybtn:hover{border-color:var(--green);background:var(--cream)}}
.tds-app .tds-whybtn:active{transform:scale(.97)}
.tds-rv-thanks{margin:20px 0 8px;font-size:16px;font-weight:800;color:var(--green);font-family:'Libre Baskerville',Georgia,serif}
.tds-rv-thanks small{display:block;font-family:'Nunito Sans',sans-serif;font-weight:600;color:var(--muted);font-size:13px;margin-top:6px}
@media(max-width:380px){.tds-qa{grid-template-columns:1fr}}
/* guarantees */
.tds-guar{width:100%;max-width:520px;padding:46px 14px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.tds-g{background:var(--green-light);border-radius:0;padding:16px 10px;text-align:center}
.tds-g .ic{width:36px;height:36px;margin:0 auto 8px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px}
.tds-g b{display:block;font-family:'Libre Baskerville',Georgia,serif;font-size:13.5px;color:var(--green);margin-bottom:3px}
.tds-g small{font-size:11.5px;color:var(--muted);line-height:1.35}
@media(max-width:400px){.tds-guar{grid-template-columns:1fr}.tds-app h1{font-size:22px}}

/* v5 additions */
.tds-app .tds-dogbadge{display:inline-block;background:var(--cream);color:var(--green);font-size:12px;font-weight:800;letter-spacing:.04em;padding:5px 10px;margin-bottom:10px}
.tds-namerow{display:flex;gap:8px;margin-bottom:10px}
.tds-namerow input{flex:1}
.tds-app .tds-remdog{background:#fff;border:1.5px solid var(--line);width:46px;flex:none;font-size:20px;color:var(--muted);cursor:pointer;padding:0!important}
.tds-app .tds-adddog{background:none;border:0;color:var(--green);font:inherit;font-weight:800;font-size:14px;cursor:pointer;padding:6px 0!important;display:block;text-align:left;text-decoration:underline}
.tds-tip{display:flex;gap:8px;align-items:flex-start;background:#fff;border-left:4px solid #C98A2D;padding:10px 12px;margin-top:10px;font-size:13.5px;color:var(--ink);line-height:1.45}
.tds-bulb{flex:none}
/* Fix: Leerraum zwischen Beschreibung und Auswahl reduzieren */
.tds-app .tds-sub{margin-bottom:6px;padding-bottom:8px!important}
.tds-app h2{margin-top:14px}
.tds-icontiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tds-app .tds-icontile{background:#fff;border:1.5px solid var(--line);border-radius:0;padding:12px 4px 10px!important;cursor:pointer;text-align:center;font:inherit;transition:.15s;min-width:0}
.tds-app .tds-icontile img{width:100%;max-width:74px;height:auto;display:block;margin:0 auto 6px}
.tds-app .tds-icontile span{display:block;font-size:12px;font-weight:700;color:var(--ink);line-height:1.25}
.tds-app .tds-icontile:hover{border-color:var(--green);background:var(--cream)}
.tds-app .tds-icontile.tds-on{background:var(--green);border-color:var(--green)}
.tds-app .tds-icontile.tds-on span{color:#fff}
.tds-app .tds-icontile.tds-on img{filter:brightness(0) invert(1)}
.tds-app .tds-more-link{display:inline-block;margin-top:6px;font-size:12px;font-weight:800;color:var(--green);text-decoration:underline;cursor:pointer}
.tds-tile.tds-on .tds-more-link{color:#fff}
/* Rezept-Kacheln mit Bild */
.tds-app .tds-rtile{text-align:center;padding-top:12px!important}
.tds-app .tds-rimg{width:78%;max-width:150px;height:auto;display:block;margin:0 auto 8px;border-radius:50%}
.tds-load{text-align:center;padding:22px 0 8px}
.tds-load img{width:min(62%,270px);height:auto;margin-bottom:14px}
.tds-load h1{font-size:21px}
.tds-dots i{animation:tdsdot 1.2s infinite;opacity:0;display:inline-block}
.tds-dots i:nth-child(2){animation-delay:.2s}.tds-dots i:nth-child(3){animation-delay:.4s}
@keyframes tdsdot{0%{opacity:0}30%{opacity:1}60%{opacity:1}100%{opacity:0}}
.tds-checks{margin:16px auto 0;max-width:320px;text-align:left;display:grid;gap:8px}
.tds-check{opacity:0;animation:tdscheck .5s forwards;font-size:14.5px;font-weight:700;color:var(--ink);display:flex;gap:8px;align-items:center}
.tds-check span{width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none}
@keyframes tdscheck{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tds-snacks{display:grid;gap:10px}
.tds-app .tds-snackrow{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--line);padding:10px 14px 10px 10px;cursor:pointer;transition:.15s}
.tds-app .tds-snackrow.tds-on{border-color:var(--green);background:var(--cream)}
.tds-app .tds-snackrow img{width:72px;height:72px;object-fit:contain;flex:none}
.tds-snackinfo{flex:1;min-width:0}
.tds-snackinfo b{display:block;font-size:16px;font-family:'Libre Baskerville',Georgia,serif;color:var(--green)}
.tds-snackinfo small{display:block;color:var(--muted);font-size:12.5px;font-style:italic;line-height:1.4}
.tds-app .tds-snackrow .tds-p{text-align:right;white-space:nowrap;font-size:13px;flex:none}
.tds-app .tds-snackrow .tds-p b{display:block;font-size:14.5px}
.tds-app .tds-snackrow input[type=radio]{width:22px;height:22px;accent-color:var(--green);flex:none;margin:0}
.tds-snackbtns{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px}
.tds-app .tds-snackbtns .tds-btn{margin-top:0}
.tds-app .tds-btn-outline{background:#fff;color:var(--berry);border:1.5px solid var(--berry)}
.tds-app .tds-btn-outline:hover{background:var(--cream);color:var(--berry-deep)}
.tds-app .tds-btn-xl{padding:20px 18px!important;font-size:17px;min-height:60px}
.tds-hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.tds-app .tds-snackline img{width:52px;height:52px;object-fit:contain;flex:none}
.tds-app .tds-total .tds-after{font-size:12px;color:rgba(255,255,255,.85)}
.tds-app .tds-total .tds-after .tds-strike{font-size:11px}
/* Checkout kompakt + Gratis-Leisten */
.tds-app .tds-summary-sm{font-size:13px}
.tds-app .tds-summary-sm .tds-row{padding:3px 0}
.tds-freebar{display:flex;justify-content:space-between;align-items:center;background:var(--green-light);color:var(--green);font-size:13px;padding:8px 12px;margin:6px 0}
.tds-freebar b{font-weight:800}
.tds-freebar-berry{background:#F7E8EC;color:var(--berry)}
/* Sticky-CTA mobil */
.tds-sticky{display:none}
@media(max-width:640px){.tds-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9998;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);box-shadow:0 -4px 18px rgba(0,0,0,.12)}.tds-app .tds-sticky .tds-btn{margin-top:0}.tds-has-sticky{padding-bottom:84px}}
/* Trust-Zeile mit Icons */
.tds-app .tds-trust-ic span{display:inline-flex;align-items:center;gap:6px}
.tds-app .tds-trust-ic img{width:22px;height:22px}
/* Guarantee-Boxen: Icon-Bilder */
.tds-g img.ic2{width:44px;height:44px;margin:0 auto 8px;display:block}
/* Modal */
.tds-modal{position:fixed;inset:0;background:rgba(24,28,23,.55);z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px}
.tds-modal-card{background:#fff;max-width:460px;width:100%;max-height:86vh;overflow:auto;padding:26px 22px;position:relative;font-family:'Nunito Sans',sans-serif;color:#23241F;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.tds-modal-card h2{font-family:'Libre Baskerville',Georgia,serif;color:#1F5A38;font-size:21px;margin:0 0 2px;padding:0}
.tds-modal-tag{color:#6B6E63;font-size:14px;margin:0 0 12px;padding:0}
.tds-modal-p{font-size:14px;line-height:1.55;margin:0 0 4px;padding:0;color:#23241F}
.tds-modal-h3{font-family:'Libre Baskerville',Georgia,serif;color:#1F5A38;font-size:15.5px;margin:14px 0 4px;padding:0}
.tds-modal-box{background:#E9F0E6;padding:12px 14px;font-size:13.5px;line-height:1.5;margin:0 0 4px}
.tds-modal-box b{color:#1F5A38}
.tds-modal-card .tds-hl{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;font-weight:800;color:#1F5A38}
.tds-modal-x{position:absolute;top:6px;right:10px;background:none;border:0;font-size:28px;color:#6B6E63;cursor:pointer;line-height:1;padding:4px}
.tds-app input.tds-err-f{border-color:var(--berry)}
@media(max-width:420px){.tds-app .tds-icontile img{max-width:56px}.tds-app .tds-icontile span{font-size:11px}.tds-app .tds-rimg{max-width:110px}}

/* v1.1.1 fixes */
@media(hover:none){
.tds-app .tds-tile:hover{background:#fff;color:var(--ink);border-color:var(--green)}
.tds-app .tds-icontile:hover{background:#fff;border-color:var(--line)}
.tds-app .tds-chip:hover{background:#fff;color:var(--ink)}
.tds-app .tds-bl button:hover{background:#fff;color:var(--ink)}
}
.tds-app .tds-icontile span{white-space:normal;word-break:break-word;overflow-wrap:anywhere;hyphens:auto}
.tds-app .tds-snackbtns{display:block;margin-top:16px}
.tds-app .tds-snackbtns .tds-btn{width:100%}
.tds-app .tds-snackbtns .tds-skip{display:block;width:100%;background:none;border:0;color:var(--muted);font:inherit;font-size:13.5px;cursor:pointer;margin-top:10px;text-align:center;text-decoration:underline;padding:6px 0!important}
.tds-app .tds-snackbtns .tds-skip:hover{color:var(--ink)}
.tds-app .tds-colink{background:none;border:0;color:var(--muted);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline;padding:0!important;display:inline-block;margin:2px 0 10px}
.tds-app .tds-colink:hover{color:var(--ink)}
.tds-load img{aspect-ratio:1/1;object-fit:contain}
