.drawer-backdrop{z-index:100;background:rgba(31,20,16,.5);backdrop-filter:blur(2px);transition:opacity .22s ease}
.drawer{z-index:101;width:min(100%,700px);background:#fff;color:#2f1b14;box-shadow:-18px 0 55px rgba(42,24,17,.2);transition:transform .28s cubic-bezier(.22,.61,.36,1)}
.drawer__header{display:block;padding:31px 34px 23px;border-bottom:0;background:#fff}
.drawer__header>div{display:flex;align-items:baseline;gap:10px;padding-right:52px}
.drawer__header h2,.conversion-page .drawer__header h2{position:static;margin:0;padding:0;color:#2f1b14;font-family:var(--font-body);font-size:36px;font-weight:750;line-height:1.1;letter-spacing:-.035em;text-transform:none}
.drawer__count{color:#8a7a72;font-size:18px;font-weight:650}
.drawer__close{position:absolute;top:20px;right:22px;width:42px;height:42px;border-radius:50%;color:#3c271e;transition:background .18s ease,transform .18s ease}
.drawer__close:hover{background:#f5f0ec;transform:rotate(4deg)}
.drawer__close .icon{width:20px;height:20px;stroke-width:1.8}
.drawer__shipping{padding:0 34px 25px;border-bottom:1px solid #ece4de;background:#fff}
.drawer__shipping p{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#695b54;font-size:18px;line-height:1.4}
.drawer__shipping p strong{color:#2f1b14}
.drawer__shipping .icon{width:18px;height:18px;color:#a94321;stroke-width:1.8}
.drawer__shipping-track{height:3px;border-radius:20px;background:#eee8e4;overflow:hidden}
.drawer__shipping-track span{display:block;height:100%;border-radius:inherit;background:#4a281c;transition:width .25s ease}
.drawer__warehouse-plan{display:grid;gap:8px;padding:18px 34px;border-bottom:1px solid #ece4de;background:#f8f4f0;color:#5e514a}
.drawer__warehouse-plan.is-blocked{background:#fff2ed;color:#7e3020}
.drawer__warehouse-plan-title{display:flex;align-items:center;gap:9px;color:#35231b;font-size:18px}
.drawer__warehouse-plan-title .icon{width:17px;height:17px;color:#a94321}
.drawer__warehouse-plan p{margin:0;font-size:16px;line-height:1.5}
.drawer__warehouse-chips{display:flex;flex-wrap:wrap;gap:5px}
.drawer__warehouse-chips span{padding:5px 10px;border:1px solid #e0d5cd;border-radius:20px;background:#fff;color:#6e6058;font-size:15px;line-height:1.35}
.drawer__warehouse-plan.is-blocked .drawer__warehouse-chips span{border-color:#edcfc4;color:#7e3020}
.drawer__content{flex:1;padding:0 34px;background:#fff;overflow-y:auto;overscroll-behavior:contain}
.drawer__item,.conversion-page .drawer__item{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:16px;padding:18px 0;border-bottom:1px solid #ece4de}
.drawer__item-media{display:grid;place-items:center;width:88px;height:92px;border-radius:10px;background:#f7f4f1;overflow:hidden}
.drawer .drawer__item-media img,.conversion-page .drawer .drawer__item-media img{width:82px;height:86px;padding:6px;border-radius:0;background:transparent;object-fit:contain;mix-blend-mode:multiply}
.drawer__item-main{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;column-gap:14px}
.drawer__item-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.drawer__item-heading{grid-column:1/-1}
.drawer .drawer__item h3{min-width:0;margin:0;color:#2f1b14;font-family:var(--font-body);font-size:18px;font-weight:750;line-height:1.25}
.drawer .drawer__item h3 a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.drawer__item-tools{display:flex;align-items:flex-start;gap:8px}
.drawer__item-price{display:grid;justify-items:end;gap:1px;white-space:nowrap}
.drawer__item-price strong{font-size:18px;line-height:1.2}
.drawer__item-price del{color:#9a8e87;font-size:14px;line-height:1.15}
.drawer__item-price.is-sale strong{color:#a94321}
.drawer .drawer__item-size{grid-column:1;margin:5px 0 0;color:#83756e;font-size:15px;line-height:1.35}
.drawer .drawer__item-warehouse{grid-column:1;display:flex;align-items:center;gap:5px;margin:4px 0 0;color:#6e6058;font-size:14px;font-weight:650;line-height:1.35}
.drawer__item-warehouse .icon{width:12px;height:12px;color:#a94321}
.drawer .drawer__item-unit{grid-column:1;display:flex;align-items:center;gap:4px;margin:4px 0 0;color:#9a8e87;font-size:14px;line-height:1.35}
.drawer__item-unit .product-price{display:inline-flex;gap:4px;color:inherit;font-size:inherit;font-weight:600}
.drawer__item-unit .product-price__regular{font-size:inherit}
.drawer__item-unit .product-price__sale,.drawer__item-unit .product-price__current{color:inherit;font-size:inherit}
.drawer__item-actions{grid-column:2;grid-row:2/5;display:flex;align-items:flex-end;justify-content:flex-end;margin-top:7px}
.drawer .drawer__remove{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#81736c;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.drawer .drawer__remove:hover{border-color:#ead9d0;background:#fff3ee;color:#a94321}
.drawer .drawer__remove:active{transform:scale(.96)}
.drawer .drawer__remove:focus-visible{outline:2px solid #a94321;outline-offset:2px}
.drawer__remove .icon{width:15px;height:15px;stroke-width:1.7}
.drawer .qty-control{height:36px;border:1px solid #ded5cf;border-radius:8px;background:#fff;overflow:hidden}
.drawer .qty-control button{width:36px;height:34px;background:#fff;color:#38241b;font-size:17px;transition:background .15s ease}
.drawer .qty-control button:hover{background:#f5f0ec}
.drawer .qty-control span{min-width:34px;font-family:var(--font-body);font-size:16px;font-weight:700}
.drawer__footer{padding:26px 34px 30px;border-top:1px solid #e8dfda;background:#fff;box-shadow:0 -12px 28px rgba(48,30,22,.045)}
.drawer__line{display:flex;align-items:center;justify-content:space-between;margin:0;color:#2f1b14;font-size:22px;font-weight:650}
.drawer__line strong{font-size:27px}
.drawer__saving{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:9px 12px;border-radius:8px;background:#edf7f0;color:#276640;font-size:17px;font-weight:700}
.drawer__saving strong{font-size:19px}
.drawer__footer>p{margin:10px 0 21px;color:#82736c;font-size:17px;line-height:1.5}
.drawer__footer-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}
.drawer__footer .button{min-height:58px;padding:13px 17px;border-radius:8px;font-family:var(--font-body);font-size:18px;font-weight:750;text-transform:none}
.drawer .drawer__continue{margin:0;border:1px solid #d9d0ca;background:#f7f5f3;color:#3e2a21;text-align:center}
.drawer .drawer__continue:hover{border-color:#bba99f;background:#efebe8}
.drawer__footer .button--primary{background:#5a2919;color:#fff}
.drawer__footer .button--primary:hover{background:#a94321}
.drawer__footer .button .icon{width:16px;height:16px}
/* Leerzustand und Empfehlungen teilen die Markenwerte der übrigen Oberfläche. */
#cart-drawer .drawer__empty {
  display: grid;
  align-content: start;
  gap: 28px;
  padding: 24px 0 32px;
  color: var(--bottega-text);
  text-align: left;
}
#cart-drawer .drawer__empty-intro {
  display: grid;
  justify-items: center;
  gap: 18px;
  padding: 28px 20px;
  border-radius: 20px;
  background: var(--bottega-surface-soft);
  text-align: center;
}
#cart-drawer .drawer__empty-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 46% 54% 58% 42%;
  background: var(--bottega-surface-selected);
  color: var(--bottega-accent);
}
#cart-drawer .drawer__empty-icon > .icon { width: 36px; height: 36px; }
#cart-drawer .drawer__empty-icon > span { position: absolute; right: -6px; bottom: -2px; display: grid; place-items: center; width: 32px; height: 32px; border: 3px solid var(--bottega-surface-soft); border-radius: 50%; background: var(--bottega-surface); }
#cart-drawer .drawer__empty-icon > span .icon { width: 19px; height: 19px; }
#cart-drawer .drawer__empty-intro h3 { margin: 0 0 8px; color: var(--bottega-text); font-size: 24px; font-weight: 600; line-height: 1.2; letter-spacing: -.025em; text-wrap: balance; }
#cart-drawer .drawer__empty-intro p { max-width: 34ch; margin: 0 auto; color: var(--bottega-text-muted); font-size: var(--bottega-font-control); line-height: 1.5; }
#cart-drawer .drawer__empty-shop { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: min(100%, 300px); min-height: 48px; padding: 12px 18px; border: 1px solid var(--bottega-accent); border-radius: var(--bottega-control-radius); background: var(--bottega-accent); color: #fff; font-size: var(--bottega-font-control); font-weight: 600; line-height: 1.4; text-decoration: none; }
#cart-drawer .drawer__empty-shop:hover { border-color: var(--bottega-accent-hover); background: var(--bottega-accent-hover); }
#cart-drawer .drawer__empty-shop .icon { flex: 0 0 18px; width: 18px; height: 18px; }
#cart-drawer .drawer__recommendation-status { margin: 0; color: var(--bottega-text-muted); font-size: var(--bottega-font-control); line-height: 1.5; text-align: center; }
#cart-drawer .drawer__recommendations { min-width: 0; }
#cart-drawer .drawer__recommendations h3 { margin: 0 0 14px; color: var(--bottega-text); font-family: var(--bottega-font-family); font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; }
#cart-drawer .drawer__recommendation-list { display: grid; gap: 10px; }
#cart-drawer .drawer__recommendation {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--bottega-border);
  border-radius: 18px;
  background: #fff;
}
#cart-drawer .drawer__recommendation-image { display: grid; place-items: center; width: 72px; height: 90px; border-radius: 10px; background: #fff; }
#cart-drawer .drawer__recommendation-image img { display: block; width: 100%; height: 100%; padding: 4px; object-fit: contain; object-position: center; }
#cart-drawer .drawer__recommendation-info { display: grid; gap: 5px; min-width: 0; }
#cart-drawer .drawer__recommendation-info h4 { margin: 0; color: var(--bottega-text); font-size: var(--bottega-font-control); font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
#cart-drawer .drawer__recommendation-info h4 a { color: inherit; text-decoration: none; }
#cart-drawer .drawer__recommendation-info h4 a:hover { color: var(--bottega-accent); }
#cart-drawer .drawer__recommendation-info > span:not(.product-price) { color: var(--bottega-text-muted); font-size: var(--bottega-font-meta); line-height: 1.4; }
#cart-drawer .drawer__recommendation-info .product-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 7px; line-height: 1.3; }
#cart-drawer .drawer__recommendation-info .product-price strong { margin: 0; color: var(--bottega-text); font-size: 18px; font-weight: 600; }
#cart-drawer .drawer__recommendation-info .product-price__regular,
#cart-drawer .drawer__recommendation-info .product-price__tax-note { color: var(--bottega-text-muted); font-size: var(--bottega-font-meta); white-space: normal; }
#cart-drawer .drawer__recommendation > button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 10px 12px; border: 1px solid var(--bottega-accent); border-radius: var(--bottega-control-radius); background: var(--bottega-accent); color: #fff; font-family: var(--bottega-font-family); font-size: var(--bottega-font-control); font-weight: 600; line-height: 1.4; cursor: pointer; }
#cart-drawer .drawer__recommendation > button:hover { border-color: var(--bottega-accent-hover); background: var(--bottega-accent-hover); }
#cart-drawer .drawer__recommendation > button .icon { flex: 0 0 16px; width: 16px; height: 16px; }
#cart-drawer .drawer__recommendation-more { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin-top: 14px; color: var(--bottega-accent); font-size: var(--bottega-font-control); font-weight: 500; line-height: 1.4; text-decoration: none; }
#cart-drawer .drawer__recommendation-more .icon { flex: 0 0 18px; width: 18px; height: 18px; }
#cart-drawer .drawer__recommendation-more:hover { color: var(--bottega-accent-hover); }
#cart-drawer .drawer__empty :is(a, button):focus-visible { outline: 2px solid var(--bottega-focus); outline-offset: 3px; }
@media (max-width: 480px) {
  #cart-drawer .drawer__empty { gap: 24px; padding-top: 18px; }
  #cart-drawer .drawer__empty-intro { gap: 16px; padding: 24px 16px; }
  #cart-drawer .drawer__empty-intro h3 { font-size: 23px; }
  #cart-drawer .drawer__recommendation { grid-template-columns: 64px minmax(0, 1fr); gap: 10px 12px; padding: 12px; }
  #cart-drawer .drawer__recommendation-image { grid-row: 1 / span 2; align-self: start; width: 64px; height: 86px; }
  #cart-drawer .drawer__recommendation > button { grid-column: 2; justify-self: start; font-size: var(--bottega-font-control); }
}
.toast.toast--success{background:#2f7d4a;box-shadow:0 16px 36px rgba(31,101,58,.28)}
.toast.toast--error{background:#9a3d2d;box-shadow:0 16px 36px rgba(117,39,27,.28)}
@media(max-width:560px){.drawer{width:100%}.drawer__header{padding:22px 20px 17px}.drawer__header h2,.conversion-page .drawer__header h2{font-size:29px}.drawer__count{font-size:16px}.drawer__close{top:14px;right:13px}.drawer__shipping{padding:0 20px 18px}.drawer__warehouse-plan{padding:13px 20px}.drawer__warehouse-plan-title{font-size:17px}.drawer__warehouse-plan p{font-size:16px}.drawer__warehouse-chips span{font-size:15px}.drawer__content{padding:0 20px}.drawer__item,.conversion-page .drawer__item{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:16px 0}.drawer__item-media{width:70px;height:74px}.drawer .drawer__item-media img,.conversion-page .drawer .drawer__item-media img{width:66px;height:70px;padding:5px}.drawer__item-main{column-gap:9px}.drawer__item-heading{position:relative;display:block;padding-right:34px}.drawer__item-tools{display:block}.drawer .drawer__item h3{font-size:17px}.drawer__item-price{display:flex;justify-items:initial;align-items:baseline;gap:7px;margin-top:4px}.drawer__item-price strong{font-size:17px}.drawer__item-price del{font-size:13px}.drawer .drawer__remove{position:absolute;top:-4px;right:0;width:30px;height:30px}.drawer .drawer__item-size{font-size:14px}.drawer .drawer__item-warehouse,.drawer .drawer__item-unit{font-size:13px}.drawer__item-unit .product-price__regular{display:none}.drawer__item-actions{margin-top:5px}.drawer .qty-control{height:34px}.drawer .qty-control button{width:32px;height:32px;font-size:16px}.drawer .qty-control span{min-width:30px;font-size:15px}.drawer__footer{padding:19px 20px 22px}.drawer__line{font-size:20px}.drawer__line strong{font-size:24px}.drawer__saving{font-size:16px}.drawer__saving strong{font-size:18px}.drawer__footer>p{font-size:16px}.drawer__footer .button{font-size:17px}.drawer__footer-actions{grid-template-columns:1fr}.drawer__footer .button--primary{grid-row:1}.drawer .drawer__continue{grid-row:2}}
@media(prefers-reduced-motion:reduce){.drawer,.drawer-backdrop,.drawer__shipping-track span,.drawer__close,.drawer__remove{transition:none}}