/* DieTees Versand-Fortschrittsbalken */
.dtsb-bar{
	position:relative;overflow:hidden;border-radius:16px;padding:14px 18px;margin:0 0 14px 0;
	background:linear-gradient(135deg,var(--dtsb-grad-start,#FFE08A) 0%,var(--dtsb-grad-end,#F7B500) 100%);
	color:var(--dtsb-text,#2a1a00);font-size:14.5px;line-height:1.45;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
	box-shadow:0 4px 14px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.5);
	box-sizing:border-box;animation:dtsb-in .6s ease-out both;
}
.dtsb-bar *{box-sizing:border-box}
.dtsb-bar::before{
	content:"";position:absolute;inset:0;pointer-events:none;
	background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);
	transform:translateX(-100%);animation:dtsb-shimmer 4s ease-in-out infinite;
}
.dtsb-row{position:relative;z-index:1;display:flex;align-items:center;gap:14px}
.dtsb-ico{
	flex:0 0 42px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;
	background:rgba(255,255,255,.7);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.08);
	font-size:22px;animation:dtsb-bob 2.2s ease-in-out infinite;
}
.dtsb-main{flex:1;min-width:0}
.dtsb-txt{margin-bottom:9px}
.dtsb-amount{
	display:inline-block;background:#1d1d1f;color:var(--dtsb-grad-end,#FFCC00);
	padding:2px 9px;border-radius:6px;font-weight:700;font-size:13px;
}
.dtsb-track{
	height:8px;border-radius:99px;background:var(--dtsb-track,rgba(255,255,255,.55));
	overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.18);
}
.dtsb-fill{
	height:100%;border-radius:99px;width:0;
	background:var(--dtsb-fill,#1d1d1f);
	transition:width .8s cubic-bezier(.22,1,.36,1);
}
.dtsb-bar.is-free .dtsb-fill{background:var(--dtsb-fill-done,#1e9e5a)}
.dtsb-bar.is-free .dtsb-ico{animation:dtsb-pop .55s ease-out}

@keyframes dtsb-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes dtsb-shimmer{0%,60%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
@keyframes dtsb-bob{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-3deg)}75%{transform:translateY(-1px) rotate(2deg)}}
@keyframes dtsb-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}100%{transform:scale(1)}}

@media (prefers-reduced-motion:reduce){
	.dtsb-bar,.dtsb-bar::before,.dtsb-bar *{animation:none!important}
	.dtsb-fill{transition:none!important}
}