.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}
.drawer__empty{display:grid;justify-items:center;align-content:center;min-height:100%;padding:70px 24px;color:#83756e;text-align:center}
.drawer__empty-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:18px;border-radius:50%;background:#f5efea;color:#a94321}
.drawer__empty-icon .icon{width:26px;height:26px}
.drawer__empty strong{margin:0 0 6px;color:#2f1b14;font-size:21px}
.drawer__empty>span:not(.drawer__empty-icon){margin-bottom:22px;font-size:16px}
.drawer__empty--personalized{align-content:start;justify-items:stretch;padding:18px 0 28px;text-align:left}
.drawer__empty-intro{display:flex;align-items:center;gap:15px;padding:8px 0 24px;border-bottom:1px solid #ece4de}
.drawer__empty-intro .drawer__empty-icon{flex:none;width:48px;height:48px;margin:0}
.drawer__empty-intro .drawer__empty-icon .icon{width:21px;height:21px}
.drawer__empty-intro strong{margin:0 0 3px;font-size:19px}
.drawer__empty-intro p{margin:0;color:#83756e;font-size:14px;line-height:1.4}
.drawer__recommendation-status{margin:25px 0;color:#83756e;font-size:15px}
.drawer__recommendations{margin-top:25px}
.drawer__recommendations h3{margin:0 0 7px;color:#2f1b14;font-family:var(--font-body);font-size:20px;font-weight:750;line-height:1.25}
.drawer__recommendation{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #ece4de}
.drawer__recommendation-image{display:grid;place-items:center;width:72px;height:78px;border-radius:9px;background:#f7f4f1;overflow:hidden}
.drawer .drawer__recommendation-image img{width:66px;height:72px;padding:4px;object-fit:contain;mix-blend-mode:multiply}
.drawer__recommendation-info{display:grid;gap:3px;min-width:0}
.drawer__recommendation-info h4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;color:#2f1b14;font-size:15px;font-weight:700;line-height:1.3}
.drawer__recommendation-info>span:not(.product-price){color:#83756e;font-size:13px}
.drawer__recommendation-info .product-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 7px;font-size:15px}
.drawer__recommendation-info .product-price strong{display:inline;margin:0;font-size:16px}
.drawer__recommendation-info .product-price__tax-note{font-size:11px}
.drawer__recommendation>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 10px;border:1px solid #2f7d4a;border-radius:7px;background:#2f7d4a;color:#fff;font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer}
.drawer__recommendation>button:hover{background:#276a3e}
.drawer__recommendation>button .icon{width:15px;height:15px}
.drawer__recommendation-more{display:inline-flex;align-items:center;gap:6px;margin-top:17px;color:#5a2919;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.drawer__recommendation-more .icon{width:15px;height:15px}
.drawer__recommendation>button:focus-visible,.drawer__recommendation-more:focus-visible{outline:2px solid #a94321;outline-offset:3px}
.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}.drawer__empty-intro{gap:11px}.drawer__empty-intro .drawer__empty-icon{width:44px;height:44px}.drawer__recommendation{grid-template-columns:66px minmax(0,1fr);gap:10px}.drawer__recommendation-image{width:66px;height:72px}.drawer .drawer__recommendation-image img{width:60px;height:66px}.drawer__recommendation>button{grid-column:2;justify-self:start;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.drawer,.drawer-backdrop,.drawer__shipping-track span,.drawer__close,.drawer__remove{transition:none}}
