/* Кошик панеллю праворуч — кроки Сергія 319, 350, 360, 362 (власниця 08.11: «як Сергій робив, то було добре»).
   Перенесено з його redesign.css (стан c9d5f2b) лише правила панелі (.cd__*, .modal--drawer) і промокоду на оформленні
   (.co-promo), у тому самому порядку; .i і змінні --act — лише всередині панелі. Вантажиться, коли SITE_CART_DRAWER. */
.cd__p .i{display:inline-block;width:1em;height:1em;flex:none;vertical-align:middle}
.cd__p{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(440px,100%);background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.25);animation:cd-in .3s cubic-bezier(.2,.7,.2,1)}
@keyframes cd-in{from{transform:translateX(100%)}to{transform:none}}
@keyframes cd-fade{from{opacity:0}to{opacity:1}}
.cd__h{display:flex;align-items:center;gap:10px;padding:14px 16px 14px 22px;border-bottom:1px solid #eee9e4}
.cd__h b{font-size:20px;font-weight:500}
.cd__h span{color:#6f6964}
.cd__x{display:grid;place-items:center;width:40px;height:40px;margin-left:auto;border-radius:10px;font-size:22px}
.cd__x:hover{background:#f4f2ef}
.cd__bar{height:6px;margin:7px 0 5px;border-radius:3px;background:#ebe6e0;overflow:hidden}
.cd__bar i{display:block;height:100%;border-radius:3px;background:#ff5c00;transition:width .3s}
.cd__scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.cd__list{padding:0 22px}
.cd__row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid #f0ece7}
.cd__img{display:block;width:72px;height:72px;overflow:hidden;border:1px solid #f0ece7;border-radius:10px;background:#fff}
.cd__img img{display:block;width:100%;height:100%;padding:4px;object-fit:contain}
.cd__info{display:flex;flex-direction:column;min-width:0}
.cd__top{display:flex;align-items:flex-start;gap:6px}
.cd__name{display:-webkit-box;flex:1;min-width:0;overflow:hidden;font-size:14px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cd__name:hover{color:#d04800}
.cd__del{display:grid;place-items:center;flex:none;width:30px;height:30px;margin:-5px -7px 0 0;border-radius:8px;color:#6f6964;font-size:18px;transition:background .15s,color .15s}
.cd__del:hover{background:#fbeceb;color:#c2271d}
.cd__meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:5px}
.cd__art{color:#6f6964;font-size:12px;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.cd__facts{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.cd__facts span{padding:2px 7px;border-radius:6px;background:#fdf1e0;color:#8a4f06;font-size:12px;font-weight:500;line-height:16px;overflow-wrap:anywhere}
.cd__bot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:10px}
.cd__ql{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.cd__qty{display:inline-flex;align-items:center;flex:none;height:32px;border:1px solid #e3ded8;border-radius:8px}
.cd__qty button{width:30px;height:30px;font-size:16px;color:#3b3734}
.cd__qty button:hover{color:#d04800}
.cd__qty span{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}
.cd__each{color:#6f6964;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cd__pr{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}
.cd__pr s{color:#6f6964;font-size:12.5px}
.cd__pr b{font-size:15px;font-weight:600}
.cd__pr b.is-sale{color:#c2271d}
.cd__cta{position:sticky;bottom:0;z-index:1;margin-top:14px;padding:14px 22px;border-top:1px solid #eee9e4;background:#fff;box-shadow:0 -10px 24px rgba(0,0,0,.05)}
.cd__sum{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.cd__sum span{font-size:15px;font-weight:500;line-height:1.25}
.cd__sum b{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.cd__btn{display:flex;align-items:center;justify-content:center;height:50px;border-radius:12px;background:#ff5c00;color:#fff;font-size:16px;font-weight:600}
.cd__btn:hover{background:#d04800}
.cd__link{display:block;width:100%;margin-top:8px;color:#6f6964;font-size:14px;text-align:center}
.cd__link:hover{color:#141211}
.cd__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 24px;color:#6f6964;text-align:center}
.cd__empty>.i{font-size:48px;color:#d9d4ce}
.cd__empty b{color:#141211;font-size:17px;font-weight:500}
.cd__empty .cd__btn{min-width:220px;margin-top:12px;background:#141211}
@media (max-width:860px){
.cd__p{width:100%}
.cd__h{padding:10px 10px 10px 16px}
.cd__list,.cd__cta{padding-left:16px;padding-right:16px}
.cd__cta{padding-top:12px;padding-bottom:12px}
.cd__btn{height:48px}
.cd__row{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px 0}
.cd__img{width:64px;height:64px}
}
.cd__tagl{display:inline-flex;align-items:center;gap:4px;height:24px;margin-left:2px;padding:0 9px 0 7px;border-radius:12px;background:#eef6ea;color:#24561a;font-size:12.5px;font-weight:600;white-space:nowrap}
.cd__tagl .i{font-size:14px;color:#3f8f1f}
.wl__empty .cd__btn{min-width:220px;margin-top:10px;padding:0 24px;background:#141211}
.cd__h .cd__tagl{color:#24561a}
.cd__p>.cd__cta{position:relative;margin-top:0;box-shadow:0 -8px 20px rgba(0,0,0,.04)}
.cd__fd{margin-bottom:14px}
.cd__fd-t{font-size:14px;line-height:1.35}
.cd__fd-t b{font-weight:600}
.cd__fd-t small{display:block;color:#6f6964;font-size:12.5px}
.cd__fd-t .i{margin-right:5px;font-size:16px;vertical-align:-3px;color:#3f8f1f}
.cd__fd.is-ok .cd__fd-t b{color:#24561a}
.cd__fd .cd__bar{margin:8px 0 0}
.cd__fd.is-ok .cd__bar i{background:#3f8f1f}
.cd__h span{white-space:nowrap}
@media (max-width:359px){
.cd__h [data-cd-count]{display:none}
}
.cd__p{--act:#d04800;--act-h:#b53f00;--sf:#f6f4f1;--ln:#e9e4de;--i2:#6f6964;--g:16px}
.cd__btn{background:var(--act)}
.cd__btn:hover{background:var(--act-h)}
.cd__bar i{background:var(--act)}
.cd__p{--ink:#141211;--muted:#6f6964;--line:#e9e5e0}
:where(.cd__p) button{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
:where(.cd__p) a{color:inherit;text-decoration:none}
.cd__p .i{display:inline-block;width:1em;height:1em;flex:none;vertical-align:middle}
.modal--drawer{padding:0;justify-content:flex-end;align-items:stretch;overflow:hidden;background:rgba(10,9,8,.45);animation:cd-fade .2s}
.modal--drawer .modal__dialog{position:relative;width:min(440px,100%);max-width:none;height:100%;min-height:0;padding:0;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.25);animation:cd-in .3s cubic-bezier(.2,.7,.2,1)}
.cd__p{display:flex;flex-direction:column;height:100%;font:14px/1.4 Rubik,Arial,sans-serif;color:#141211}
.cd__p .cd__cta{position:relative;margin-top:0;box-shadow:0 -8px 20px rgba(0,0,0,.04)}
.cd__p .qty-limit{margin:6px 0 0}
.cd__x,.cd__del{cursor:pointer}
.cd__link{cursor:pointer}
a.cd__btn:hover,button.cd__btn:hover{color:#fff}
.cd__btn{width:100%}
.cd__name:hover{text-decoration:none}
.cd__row--gift{background:none}
.cd__gift{align-self:flex-start;margin-bottom:4px;padding:1px 7px;border-radius:6px;background:#eef6ea;color:#24561a;font-size:12px;font-weight:500;line-height:18px}
.cd__applied{display:flex;justify-content:space-between;gap:12px;margin:-4px 0 8px;color:#6f6964;font-size:13px}
.cd__sum b{white-space:nowrap}
.cd__tagl{margin-left:0}
.cd__h b{margin-right:2px}
.co-promo{margin-top:14px;padding-top:14px;border-top:1px solid #e4e4e4}
.co-promo .cart-promo__row{display:flex;gap:8px}
.co-promo .cart-promo__input{min-width:0;flex:1}
.co-promo .cart-promo__label{display:block;margin-bottom:6px}
@media (max-width:860px){
.modal--drawer .modal__dialog{width:100%}
}
.wl__empty .cd__btn{width:auto}
.cd__p .i{fill:none}
.cd__p--adding .cd__row{align-items:center}
.cd__p--adding .cd__name{display:block}
.cd__adding{display:flex;align-items:center;gap:8px;margin-top:6px;color:#6f6964;font-size:13.5px}
.cd__adding i{flex:none;width:14px;height:14px;box-sizing:border-box;border:2px solid #f3ddcc;border-top-color:#ff5c00;border-radius:50%;animation:cd-spin .7s linear infinite}
@keyframes cd-spin{to{transform:rotate(360deg)}}
.cd__p--adding .cd__info{flex:1;min-width:0}
.modal--drawer .cd__p{animation:none}