.collection-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:12px;width:100%;max-width:100%;margin:0 auto;padding:0 15px}.collection-main{flex:1;min-width:0}.collection-with-sidebar .page-width{max-width:100%;padding:0}.collection-sidebar-wrapper{width:340px;max-width:340px;align-self:stretch}.cs-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.cs-mobile-toggle,.cs-mobile-overlay{display:none}.cs-content{position:relative;background:#fff;border:1px solid #e8e8e8;border-radius:8px;display:flex;flex-direction:column;margin-top:5rem;height:calc(100vh - 40px);max-height:calc(100vh - 40px);overflow:hidden;box-shadow:0 2px 8px #0000000f}.cs-header-desktop{display:flex;align-items:baseline;justify-content:space-between;padding:18px 16px 10px;flex-shrink:0}.cs-header-desktop-left{display:flex;align-items:baseline;gap:8px}.cs-header-title{font-size:19px;font-weight:800;color:#22201d;letter-spacing:-.02em}.cs-header-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#f0f0f0;font-size:15px;font-weight:700;color:#3a3a3a}.cs-continue-shopping{font-size:12px;font-weight:700;color:#3f3f3f;text-decoration:none;text-transform:none}.cs-continue-shopping:hover{text-decoration:underline}.cs-progress-bar-wrapper{padding:0 16px 12px}.cs-progress-bar-text{display:block!important;font-size:12px;color:#535353;margin:0 0 8px}.cs-progress-bar-text .cs-amount{font-weight:700;color:#1a1a1a}.cs-progress-track{display:block;width:100%;height:6px;min-height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden;position:relative}.cs-progress-fill{display:block!important;height:100%;min-height:6px;width:0%;background:#333;border-radius:3px;transition:width .3s ease}.cs-progress-bar-wrapper.cs-progress-complete .cs-progress-fill{background:#5e7462}.cs-header{padding:14px 16px;background:#333;flex-shrink:0;display:none}.cs-header-row{display:flex;align-items:center;justify-content:space-between}.cs-header-left{font-size:16px;font-weight:700;color:#fff}.cs-count{font-weight:700}.cs-header-total{font-size:16px;font-weight:700;color:#fff}.cs-progress-text{font-size:13px;color:#aaa;margin:6px 0 0}.cs-progress-text.cs-progress-met{color:#7fbf7f}.cs-progress-text .cs-amount{font-weight:700}.cs-discount-banner{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;padding:11px 14px;margin:8px 16px 10px}.cs-discount-banner-main{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;color:#2e7d32}.cs-discount-check{font-size:14px;line-height:1}.cs-discount-tiers{margin:4px 0 0 24px;font-size:11px;color:#555;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-discount-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 0;flex-shrink:0}.cs-discount-label,.cs-discount-amount{font-size:13px;color:#5e7462;font-weight:700}.cs-subtotal-row{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 12px;flex-shrink:0}.cs-subtotal-row.cs-has-discount{padding-top:4px}.cs-subtotal-label{font-size:16px;font-weight:800;color:#1f1f1f;letter-spacing:-.01em}.cs-subtotal-prices{display:flex;align-items:baseline;gap:6px}.cs-subtotal-original{text-decoration:line-through;color:#999;font-size:14px;font-weight:400}.cs-subtotal-amount{font-size:17px;font-weight:800;color:#1a1a1a}.cs-delivering-row{display:flex;align-items:center;gap:6px;padding:12px 16px 10px;font-size:12px;color:#555;flex-shrink:0}.cs-delivering-text{flex:1}.cs-delivering-change{font-size:13px;color:#5e7462;text-decoration:none;font-weight:600}.cs-delivering-change:hover{text-decoration:underline}.cs-fresh-guarantee{display:flex;align-items:flex-start;gap:10px;padding:10px 4px 0;margin-top:10px}.cs-fresh-icon{flex-shrink:0;width:30px;margin-top:1px}.cs-fresh-icon img{display:block;width:30px;height:30px}.cs-fresh-text{font-size:11px;color:#6a6a6a;line-height:1.35}.cs-fresh-text strong{display:block;font-size:12px;font-weight:800;color:#2a2a2a;margin-bottom:1px;text-transform:lowercase}.cs-loading{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.cs-loading-text{font-size:14px;color:#999}.cs-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.cs-empty p{font-size:17px;font-weight:700;color:#333;margin:0 0 6px}.cs-empty-sub{font-size:14px;color:#999;font-weight:400}.cs-switching-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:10;font-size:13px;color:#666}.cs-steps-viewport{flex:1;overflow:hidden;min-height:0;position:relative}.cs-steps-track{display:flex;width:200%;height:100%;transition:transform .3s ease}.cs-steps-track.cs-at-step-2{transform:translate(-50%)}.cs-step{width:50%;min-width:50%;flex-shrink:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.cs-step-2{padding-bottom:16px}.cs-step::-webkit-scrollbar{width:4px}.cs-step::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.cs-back-link{display:inline-flex;align-items:center;gap:4px;padding:12px 16px 8px;font-size:13px;font-weight:600;color:#5e7462;text-decoration:none;cursor:pointer;flex-shrink:0}.cs-back-link:hover{text-decoration:underline}.cs-items{flex:1;padding:0 0 2px;min-height:0}.cs-item{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;column-gap:12px;padding:14px 16px;border-bottom:1px solid #eceae6;position:relative}.cs-item:last-child{border-bottom:none}.cs-item-img{width:64px;height:64px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#f5f5f5}.cs-item-img img{width:100%;height:100%;object-fit:cover}.cs-item-details{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title prices" "qty prices";column-gap:10px;row-gap:2px;align-items:start}.cs-item-title{grid-area:title;font-size:13px;font-weight:600;color:#333;margin:0 0 1px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cs-item-paired{grid-column:1 / 2;font-size:12px;color:#888;margin:0;font-style:italic;line-height:1.3}.cs-item-paired:empty{display:none}.cs-item-bottom{display:contents}.cs-item-prices{grid-area:prices;display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;padding-right:14px}.cs-item-price-original{text-decoration:line-through;color:#999;font-size:12px;font-weight:400}.cs-item-price{font-size:14px;font-weight:800;color:#1a1a1a;white-space:nowrap}.cs-item-price-pct{font-size:11px;font-weight:700;color:#24a148}.cs-item-qty{grid-area:qty;display:flex;align-items:center;width:fit-content;border:1px solid #ddd9d2;border-radius:2px;overflow:hidden;background:#fff;margin-top:0}.cs-qty-btn{width:30px;height:28px;border:none;background:#fff;cursor:pointer;font-size:16px;font-weight:600;color:#555;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0}.cs-qty-btn:hover{background:#f5f3ef}.cs-qty-input{width:34px;height:28px;border:none;border-left:1px solid #ddd9d2;border-right:1px solid #ddd9d2;text-align:center;font-size:12px;font-weight:700;color:#333;background:#fff;-moz-appearance:textfield;padding:0}.cs-qty-input::-webkit-inner-spin-button,.cs-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cs-item-remove{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;color:#b4b4b4;cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;line-height:1}.cs-item-remove:hover{color:#8a8a8a;background:none}.cs-zip-row{padding:10px 16px}.cs-zip-input-wrap{display:flex;gap:8px;align-items:center}.cs-zip-input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:13px;font-family:inherit;outline:none}.cs-zip-input:focus{border-color:#5e7462}.cs-zip-btn{padding:8px 16px;background:#5e7462;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.cs-zip-btn:disabled{opacity:.5;cursor:not-allowed}.cs-zip-msg{margin:6px 0 0;font-size:12px;color:#e53935}.cs-zip-msg:empty{display:none}.cs-delivery-date-row{display:flex;align-items:center;gap:8px}.cs-date-change{color:#5e7462;font-size:12px;text-decoration:underline;white-space:nowrap;margin-top:4px}.cs-purchase-toggle{display:flex;flex-direction:column;gap:0;padding:0 16px 20px;flex-shrink:0}.cs-toggle-option{display:flex;align-items:flex-start;padding:10px 12px;font-size:13px;cursor:pointer;border:1px solid #d3d3d3;background:#fff;color:#666;transition:all .2s}.cs-toggle-option:first-child{border-radius:4px 4px 0 0}.cs-toggle-option:last-child{border-radius:0 0 4px 4px}.cs-toggle-option input{display:none}.cs-toggle-active{background:#f3fff5;border-color:#5e7462}.cs-toggle-radio{width:16px;height:16px;border:2px solid #ccc;border-radius:50%;flex-shrink:0;margin-right:10px;margin-top:1px;position:relative}.cs-toggle-active .cs-toggle-radio{border-color:#5e7462}.cs-toggle-active .cs-toggle-radio:after{content:"";width:8px;height:8px;background:#5e7462;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-toggle-content{flex:1;min-width:0}.cs-toggle-top{display:flex;align-items:center;gap:0}.cs-toggle-label{font-weight:600;color:#292929;flex:1}.cs-toggle-price{font-weight:700;color:#292929;white-space:nowrap}.cs-toggle-active .cs-toggle-price{color:#5e7462}.cs-toggle-option[data-type=subscription] .cs-toggle-price{color:#c0392b}.cs-toggle-delivery{display:block;font-size:13px;color:#292929;margin-top:2px;padding-left:26px}.cs-onetime-calendar{padding:8px 0 12px}.cs-onetime-calendar .cs-cal-container{display:block!important}.cs-onetime-calendar .datepicker{width:100%;padding:0}.cs-onetime-calendar .datepicker-inline{width:100%;padding-bottom:8px}.cs-onetime-calendar .datepicker table{width:100%}.cs-onetime-calendar .datepicker td,.cs-onetime-calendar .datepicker th{width:14.28%;height:32px;font-size:12px;text-align:center;border-radius:4px}.cs-onetime-calendar .datepicker td.day:hover{background:#e8f5e9}.cs-onetime-calendar .datepicker td.active,.cs-onetime-calendar .datepicker td.active:hover{background:#5e7462!important;color:#fff!important}.cs-onetime-calendar .datepicker td.disabled,.cs-onetime-calendar .datepicker td.disabled:hover{color:#ccc;cursor:not-allowed}.cs-onetime-calendar .datepicker .datepicker-switch{font-size:13px;font-weight:600}.cs-onetime-calendar .datepicker .prev,.cs-onetime-calendar .datepicker .next{font-size:18px;font-weight:700;line-height:1;cursor:pointer}.cs-onetime-calendar .datepicker thead tr:first-child th{padding:4px 0}.cs-onetime-calendar .datepicker thead tr:nth-child(2) th{font-size:18px;font-weight:600;color:#888;padding-bottom:4px}.cs-sub-details{padding:8px 0 4px 26px}.cs-sub-inline-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;color:#333}.cs-sub-inline-label{font-weight:400;color:#555}.cs-sub-inline-select{font-size:13px;font-weight:700;color:#333;background:transparent;border:none;text-decoration:underline;text-underline-offset:3px;padding:0 14px 0 0;cursor:pointer;outline:none;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.cs-sub-first-order{font-size:13px;color:#333;margin:8px 0 6px}.cs-sub-disclaimer{font-size:11px;color:#999;margin:0;line-height:1.4}.cs-footer{padding:12px 16px 16px;border-top:none;flex-shrink:0;background:#fff}.cs-checkout-btn{width:100%;padding:15px 16px;background:#6f8468;color:#fff;border:none;border-radius:999px;font-size:15px;font-weight:800;cursor:pointer;letter-spacing:0;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.cs-checkout-btn:hover:not(:disabled){background:#64795d;transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.cs-checkout-btn:disabled{background:#a6b7a3;cursor:not-allowed;transform:none;box-shadow:none;color:#fff;opacity:1}.cs-checkout-lock{display:flex;align-items:center;line-height:0}.cs-free-delivery{font-size:12px;color:#333;text-align:center;margin:12px 0 0;text-transform:uppercase;letter-spacing:.04em}@media(max-width:749px){.cs-header-desktop,.cs-progress-bar-wrapper{display:none!important}.cs-subtotal-row{display:flex!important}.cs-fresh-guarantee{display:none!important}.cs-header{display:block}.cs-footer{background:#f2f2f2;border-top:1px solid #eee}.collection-with-sidebar{display:block;padding:0}.collection-sidebar-wrapper{width:100%;max-width:100%;position:fixed;bottom:0;left:0;right:0;z-index:9990}.cs-sidebar{position:static;max-height:none}.cs-mobile-toggle{display:block;padding:12px 16px;background:#333;color:#fff;cursor:pointer;user-select:none;-webkit-user-select:none;border-radius:12px 12px 0 0}.cs-mobile-toggle-top{display:flex;align-items:center;justify-content:space-between}.cs-mobile-toggle-left{font-size:15px;font-weight:700;color:#fff}.cs-mobile-toggle-right{display:flex;align-items:center;gap:8px}.cs-mobile-action{font-size:14px;font-weight:500;color:#fff}.cs-mobile-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#555;border-radius:4px;font-size:10px;color:#fff;transition:transform .3s;transform:rotate(180deg)}.cs-mobile-progress{font-size:13px;color:#aaa;margin:6px 0 0}.cs-mobile-progress.cs-progress-met{color:#7fbf7f}.cs-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9989}.cs-mobile-overlay.cs-overlay-active{display:block}.cs-content{display:none;border-radius:0;margin-top:0;height:auto;max-height:none}.cs-sidebar.cs-expanded .cs-mobile-arrow{transform:rotate(0)}.cs-sidebar.cs-expanded .cs-content{display:flex;flex:1;min-height:0;overflow:hidden}.cs-header{display:none!important}.cs-zip-input{font-size:16px}.cs-discount-banner{margin:8px 16px}.collection-main{padding-bottom:60px}}@media(max-width:400px){.cs-item-img{width:48px;height:48px}.cs-item-title{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/164/assets/cart-sidebar.css.map */