/* Manaken24 delivery planner — compact, fast drawer. */
.delivery-planner{
  --dp-accent:#8b68ff;
  --dp-accent-strong:#744cff;
  --dp-accent-soft:rgba(126,91,255,.12);
  --dp-line:rgba(24,24,32,.08);
  width:100%;min-width:0;margin:0;position:relative;
}
.delivery-planner,.delivery-planner *,.delivery-planner *::before,.delivery-planner *::after{box-sizing:border-box}
.delivery-planner-toggle{
  -webkit-appearance:none;appearance:none;width:100%;min-height:64px;margin:0;padding:10px 12px;
  border:1.5px solid var(--dp-accent);border-radius:20px;background:linear-gradient(135deg,#171728,#3b2ca8);color:#fff;
  box-shadow:0 0 0 1px rgba(139,104,255,.14),0 0 13px rgba(116,76,255,.27),0 8px 20px rgba(16,16,20,.12);
  display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:10px;text-align:left;cursor:pointer;touch-action:manipulation;
  transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease,border-radius .14s ease;
}
.delivery-planner-toggle:hover{border-color:#a58cff;box-shadow:0 0 0 1px rgba(165,140,255,.16),0 0 15px rgba(116,76,255,.34),0 9px 22px rgba(16,16,20,.14)}
.delivery-planner-toggle:active{transform:translateY(1px)}
.delivery-planner-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(139,104,255,.2),0 0 16px rgba(116,76,255,.38)}
.delivery-planner-toggle .dp-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#d8ceff;background:rgba(139,104,255,.16);border:1px solid rgba(199,184,255,.18)}
.delivery-planner-toggle .dp-icon svg{display:block;width:23px;height:23px;stroke:currentColor}
.delivery-planner-toggle .dp-copy{display:block;min-width:0}
.delivery-planner-toggle b{display:block;margin:0;color:#fff;font-size:15px;line-height:1.16;font-weight:850;letter-spacing:-.015em}
.delivery-planner-toggle small{display:block;margin-top:3px;color:rgba(255,255,255,.68);font-size:11.5px;line-height:1.25;font-weight:600;white-space:normal}
.delivery-planner-toggle .dp-chevron{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:transform .14s ease,background-color .14s ease}
.delivery-planner-toggle .dp-chevron svg{width:18px;height:18px}
.delivery-planner-toggle[aria-expanded="true"] .dp-chevron{transform:rotate(180deg);background:rgba(139,104,255,.18)}

/* The drawer only animates height/opacity for 150ms. No blur/filter animation and no JS height measurement. */
.delivery-planner-body{
  position:relative;max-height:0;margin-top:-1px;padding:0 13px;overflow:hidden;border:1.5px solid transparent;border-top:0;border-radius:0 0 20px 20px;
  background:linear-gradient(135deg,#171728,#3b2ca8);box-shadow:none;opacity:0;visibility:hidden;
  transition:max-height .15s cubic-bezier(.22,.78,.28,1),padding-top .15s cubic-bezier(.22,.78,.28,1),padding-bottom .15s cubic-bezier(.22,.78,.28,1),opacity .08s linear,border-color .08s linear;
}
.delivery-planner.is-expanded .delivery-planner-toggle{border-radius:20px 20px 0 0;border-bottom-color:rgba(139,104,255,.72);box-shadow:0 0 0 1px rgba(139,104,255,.15),0 0 14px rgba(116,76,255,.30),0 7px 18px rgba(16,16,20,.10)}
.delivery-planner.is-expanded .delivery-planner-body{max-height:430px;overflow:visible;padding-top:13px;padding-bottom:13px;border-color:var(--dp-accent);opacity:1;visibility:visible}
.delivery-planner-field{position:relative;min-width:0}
.delivery-planner-field label{display:block;margin:0 0 6px 2px;color:rgba(255,255,255,.84);font-size:11.5px;line-height:1.2;font-weight:800}
.delivery-input-shell{position:relative;min-width:0}
.delivery-input-icon{position:absolute;left:12px;top:50%;z-index:2;width:20px;height:20px;transform:translateY(-50%);display:grid;place-items:center;color:#777782;pointer-events:none}
.delivery-input-icon svg{display:block;width:19px;height:19px}
.delivery-planner-field input{-webkit-appearance:none;appearance:none;width:100%;height:46px;margin:0;padding:0 12px;border:1px solid #dedee7;border-radius:14px;outline:0;background:#fff;color:#1b1b22;font:inherit;font-size:15px;line-height:1;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease}
.delivery-city-field .delivery-input-shell input{padding-left:40px;padding-right:44px}
.delivery-planner-field input:focus{border-color:rgba(116,76,255,.58);box-shadow:0 0 0 3px rgba(116,76,255,.09)}
.delivery-planner-field input::placeholder{color:#a0a0a9}
.delivery-city-results{position:absolute;z-index:300;left:0;right:0;top:72px;max-height:220px;overflow:auto;padding:5px;border:1px solid #e4e4eb;border-radius:15px;background:#fff;box-shadow:0 16px 38px rgba(24,24,36,.15);overscroll-behavior:contain}
.delivery-planner:has(.delivery-city-results:not([hidden])){z-index:220}
.delivery-planner:has(.delivery-city-results:not([hidden])) .delivery-planner-body{z-index:2}
.delivery-city-results button{-webkit-appearance:none;appearance:none;width:100%;min-height:40px;margin:0;padding:9px 10px;border:0;border-radius:10px;background:#fff;color:#202027;font:inherit;font-size:13px;line-height:1.22;font-weight:650;text-align:left;cursor:pointer}
.delivery-city-results button:hover,.delivery-city-results button:focus{background:#f5f3ff;outline:none}
.delivery-city-clear{-webkit-appearance:none;appearance:none;position:absolute;z-index:4;right:8px;top:50%;width:30px;height:30px;transform:translateY(-50%);display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#858590;cursor:pointer;touch-action:manipulation;transition:background-color .1s ease,color .1s ease,transform .1s ease}
.delivery-city-clear[hidden]{display:none!important}
.delivery-city-clear span{display:block;font-size:23px;line-height:1;font-weight:400;transform:translateY(-1px)}
.delivery-city-clear:hover,.delivery-city-clear:focus-visible{outline:none;background:#f1effa;color:#6948e8}
.delivery-city-clear:active{transform:translateY(-50%) scale(.92)}
.delivery-calc-btn{-webkit-appearance:none;appearance:none;width:100%;height:47px;margin:11px 0 0;padding:0 16px;border:1.5px solid var(--dp-accent);border-radius:14px;background:#101014;color:#fff;box-shadow:0 0 0 1px rgba(139,104,255,.16),0 0 11px rgba(116,76,255,.25),0 7px 16px rgba(16,16,20,.13);font:inherit;font-size:13px;font-weight:850;line-height:1;cursor:pointer;touch-action:manipulation;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}
.delivery-calc-btn:hover{border-color:#a78cff;box-shadow:0 0 0 1px rgba(167,140,255,.18),0 0 14px rgba(116,76,255,.34),0 8px 18px rgba(16,16,20,.15)}
.delivery-calc-btn:focus-visible{outline:none;border-color:#b39cff;box-shadow:0 0 0 3px rgba(122,88,255,.16),0 0 15px rgba(122,88,255,.38)}
.delivery-calc-btn:active{transform:translateY(1px)}
.delivery-calc-btn:disabled{opacity:.72;cursor:default;transform:none}
.delivery-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}
.delivery-result-card{min-width:0;min-height:65px;padding:10px 11px;border:1px solid var(--dp-line);border-radius:14px;background:#fafafd;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-align:center}
.delivery-result-card:first-child{background:linear-gradient(145deg,#f7f5ff,#fff);border-color:rgba(114,87,255,.15)}
.delivery-result-card:nth-child(2){background:linear-gradient(145deg,#f2fbf6,#fff);border-color:rgba(28,159,92,.15)}
.delivery-result-card span{width:100%;color:#777781;font-size:9.5px;line-height:1.15;font-weight:750;text-align:center}
.delivery-result-card b{width:100%;color:#17171d;font-size:13px;line-height:1.22;font-weight:900;overflow-wrap:anywhere;text-align:center}
.delivery-choice-note{grid-column:1/-1;min-width:0;padding:10px 11px;border:1px solid rgba(114,87,255,.11);border-radius:14px;background:linear-gradient(145deg,rgba(247,245,255,.9),#fff);display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px}
.delivery-choice-note-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--dp-accent-soft);color:var(--dp-accent-strong);font-size:12px;font-weight:900}
.delivery-choice-note p{margin:1px 0 0;color:#686873;font-size:10.5px;line-height:1.36;font-weight:650}
.delivery-result.is-error{display:block;padding:10px 11px;border:1px solid rgba(194,57,57,.12);border-radius:13px;background:#fff5f5;color:#9b3030;font-size:12px;line-height:1.35;font-weight:700}
body.product-v3-body main.pl-v3-page>.delivery-planner{grid-column:1/-1}
.home-delivery-planner{width:100%;margin:12px 0 8px}
.home-delivery-planner .delivery-planner-toggle{width:100%}
.catalog-tools>.home-delivery-planner{grid-column:1/-1!important;width:100%;min-width:0}
@media (min-width:821px){.catalog-tools>.category-row[data-category-row]{grid-column:1/-1!important;width:100%!important;max-width:100%!important;justify-content:center!important;overflow-x:visible!important}}
@media (max-width:820px){
  body.product-v3-body main.pl-v3-page>.delivery-planner{width:100%!important;max-width:100%!important;margin:3px 0 7px!important;padding:0 8px!important;overflow:visible!important}
  .home-delivery-planner{margin:10px 0 7px}
  body.product-v3-body .delivery-planner-toggle,.home-delivery-planner .delivery-planner-toggle{min-height:59px;padding:9px 10px;border-radius:18px;grid-template-columns:39px minmax(0,1fr) 29px;gap:9px}
  body.product-v3-body .delivery-planner-toggle .dp-icon,.home-delivery-planner .delivery-planner-toggle .dp-icon{width:39px;height:39px;border-radius:12px}
  body.product-v3-body .delivery-planner-toggle .dp-icon svg{width:21px;height:21px}
  body.product-v3-body .delivery-planner-toggle b,.home-delivery-planner .delivery-planner-toggle b{font-size:14px}
  body.product-v3-body .delivery-planner-toggle small,.home-delivery-planner .delivery-planner-toggle small{margin-top:2px;font-size:10.5px}
  body.product-v3-body .delivery-planner-toggle .dp-chevron{width:28px;height:28px}
  body.product-v3-body .delivery-planner-body,.home-delivery-planner .delivery-planner-body{padding-left:11px;padding-right:11px;border-radius:0 0 17px 17px}
  body.product-v3-body .delivery-planner.is-expanded .delivery-planner-body,.home-delivery-planner .delivery-planner.is-expanded .delivery-planner-body{max-height:420px;padding-top:11px;padding-bottom:11px}
  body.product-v3-body .delivery-planner-field label{margin-bottom:5px;font-size:11px}
  body.product-v3-body .delivery-planner-field input,.home-delivery-planner .delivery-planner-field input{height:44px;border-radius:13px;font-size:16px}
  body.product-v3-body .delivery-city-field .delivery-input-shell input{padding-left:38px}
  body.product-v3-body .delivery-input-icon{left:11px}
  body.product-v3-body .delivery-city-results{top:68px;max-height:190px;border-radius:14px}
  body.product-v3-body .delivery-calc-btn,.home-delivery-planner .delivery-calc-btn{height:45px;margin-top:9px;border-radius:13px;font-size:12.5px}
  body.product-v3-body .delivery-result,.home-delivery-planner .delivery-result{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
  body.product-v3-body .delivery-result-card{min-height:62px;padding:9px;border-radius:13px}
  body.product-v3-body .delivery-result-card span{font-size:8.8px;line-height:1.12}
  body.product-v3-body .delivery-result-card b{font-size:12px;line-height:1.18}
  body.product-v3-body .delivery-choice-note{padding:9px;border-radius:13px;grid-template-columns:22px minmax(0,1fr);gap:7px}
  body.product-v3-body .delivery-choice-note-icon{width:22px;height:22px;font-size:11px}
  body.product-v3-body .delivery-choice-note p{font-size:9.8px;line-height:1.34}
}
@media (max-width:355px){
  body.product-v3-body main.pl-v3-page>.delivery-planner{padding-left:6px!important;padding-right:6px!important}
  body.product-v3-body .delivery-planner-toggle{grid-template-columns:37px minmax(0,1fr) 27px;padding:8px;gap:7px}
  body.product-v3-body .delivery-planner-toggle .dp-icon{width:37px;height:37px}
  body.product-v3-body .delivery-planner-toggle b{font-size:13.2px}
  body.product-v3-body .delivery-planner-toggle small{font-size:9.8px}
  body.product-v3-body .delivery-result-card{padding:8px 7px}
  body.product-v3-body .delivery-result-card b{font-size:11.3px}
  body.product-v3-body .delivery-choice-note p{font-size:9.4px}
}
@media (prefers-reduced-motion:reduce){.delivery-planner-toggle,.delivery-planner-body,.delivery-planner-toggle .dp-chevron{transition:none!important}}