.cart{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;width:100%;margin:var(--space-med) auto var(--space-med);min-height:65vh}.order-items{display:grid;grid-gap:var(--space-med);grid-column:1 / 3;grid-template-columns:repeat(4,1fr)}h2{grid-column:1 / 4;font-size:var(--main-title-fs);grid-row:1}.order-list{list-style-type:none;padding:0;display:flex;flex-direction:column;height:fit-content;grid-column:4 / 5;grid-row:2 / 3}.order-list__item{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;padding:1rem 0}.order-list__item:not(:first-of-type){border-top:1px solid var(--light-gray)}.image{width:100%;aspect-ratio:3/4;position:relative}.image img{object-fit:cover;width:100%}.details{grid-column:2/3;display:flex;flex-direction:column;font-size:var(--sm-fs);width:100%;grid-gap:10px}.details h3{text-transform:uppercase;font-size:var(--mic-fs);font-weight:400}.flex{display:flex;flex-direction:column;width:70%}.item__details p{margin:0}.item__details h2{font-size:var(--main-fs);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quantity-selector{border:1px solid var(--light-gray);display:grid;grid-template-columns:repeat(3,1fr);height:30px;max-width:92px;row-gap:1px}.quantity-selector button,.quantity-selector input{align-items:center;background-color:var(--main-light);border:0;color:var(--main-dark);display:flex;justify-content:center;text-align:center;width:30px;font-size:var(--sm-fs)}.prices{display:flex;flex-direction:column;line-height:14px;row-gap:.5rem}.summary{display:flex;flex-direction:column;grid-gap:10px;padding:var(--space-small) 0}.pre{display:flex}.footer{border-top:1px solid var(--light-gray);padding:var(--space-small)}.total{display:flex;font-weight:400;text-align:left;align-items:baseline}.total span{font-size:20px}.footer-cart_total-wrapper{font-size:15px}.selector-input{width:50px}.selector-input::-webkit-inner-spin-button,.selector-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.checkout-wrapper{display:grid;grid-template-columns:1fr;grid-column:1 / 3;grid-row:2}.order-details{display:flex;flex-direction:column;margin-bottom:var(--space-med);grid-gap:var(--space-small)}.services{grid-column:2/3;display:flex;flex-direction:column;grid-gap:1rem}.services summary{text-transform:uppercase;font-size:var(--mic-fs)}.service{background-color:#ebebeb;padding:0 1rem}.service .service-content{display:flex;grid-gap:1rem;flex-direction:column;justify-content:flex-start}.service .service-content .service-item{display:flex;grid-gap:1rem;flex-direction:column;padding:1rem 0;justify-content:flex-start}.service .service-content .service-item:not(:last-of-type){border-bottom:1px solid rgba(0,0,0,.2)}.service .service-content .service-item .returns-policy{display:flex;grid-gap:var(--space-small);flex-direction:column}.service .service-content .service-item .returns-policy h3{margin-bottom:1rem}.service .service-content .service-item .returns-policy .returns-main{display:flex;flex-direction:column;grid-gap:var(--space-small)}.shipping-methods{margin-top:var(--space-med);margin-bottom:var(--space-med)}.shipping-options{display:flex;flex-direction:column;gap:1rem}.shipping-option{display:flex;align-items:center;padding:1rem;border:1px solid var(--light-gray);cursor:pointer;transition:all .2s ease}.shipping-option:hover{background-color:var(--light-gray)}.shipping-option input[type=radio]{margin-right:1rem}.option-details{display:flex;justify-content:space-between;align-items:center;width:100%}.option-meta{display:flex;gap:1.5rem}.delivery-time{color:var(--main-gray)}.form h3{text-transform:uppercase;margin-bottom:var(--space-small);font-size:var(--mic-fs)}.form .button__submit{text-transform:uppercase;margin-bottom:var(--space-small);width:100%}.empty-cart{text-align:center;padding:60px 20px;max-width:500px;margin:0 auto;grid-column:1 / -1}.empty-cart__icon{font-size:4rem;margin-bottom:20px;opacity:.6}.empty-cart__title{margin-bottom:1rem}.empty-cart__message{line-height:1.6;margin-bottom:1rem;font-size:1rem}@media (max-width: 768px){.empty-cart{padding:40px 15px}.empty-cart__icon{font-size:3rem}.empty-cart__title{font-size:1.5rem}.empty-cart__message{font-size:1rem}}@media all and (max-width: 1400px){.cart{width:100%}}@media all and (orientation: portrait){.checkout-wrapper{grid-template-columns:1fr;grid-row-gap:var(--space-med)}.order-details{padding-right:0}}@media all and (min-width: 768px){.details{flex-direction:column;grid-gap:10px;width:100%;align-items:flex-start;justify-content:flex-start}.flex{width:100px}}@media all and (orientation: portrait){.cart,.order-details{grid-template-columns:1fr}.services{grid-column:1 / 2}.service-item{flex-direction:column}.service-item:not(:last-child){flex-direction:column;border-bottom:1px solid var(--light-gray)}.order-items{grid-gap:var(--space-small)}.order-list,.checkout-wrapper{grid-column:1/5}.order-list{grid-row:2/3}.checkout-wrapper{grid-row:3/4}.order-list__item{padding:1rem 0}}.field{position:relative;width:100%;display:flex;flex-direction:column;border:1px solid var(--light-gray);padding:.5rem;margin-bottom:20px}.field__label{font-size:var(--mic-fs);margin-bottom:.25rem}.field__input{padding:0;margin:0;border:0;outline:0;font-size:var(--sm-fs);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;color:var(--main-dark)}.field__error{position:absolute;bottom:-20px;left:0;font-size:var(--mic-fs);color:var(--danger-color);opacity:0;visibility:hidden;transition:opacity .2s ease}.field:has(.field__input.has-error){border-color:var(--danger-color)}.field:has(.field__input.has-error) .field__error{opacity:1;visibility:visible}.field:focus-within:not(:has(.field__input.has-error)){border-color:var(--main-dark)}.fields{display:grid;grid-gap:10px}.fields__2{grid-template-columns:1fr 1fr}.fields__3{grid-template-columns:1fr 1fr 1fr}.field__input:-webkit-autofill,.field__input:-webkit-autofill:hover,.field__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--main-dark);-webkit-box-shadow:0 0 0px 1000pxvar (--main-light) inset;transition:background-color 5000s ease-in-out 0s}.field__input:-webkit-autofill{border-color:var(--main-dark)}.field__input:autofill{background-color:var(--main-light);color:var(--main-dark)}input:-internal-autofill-selected{background-color:var(--main-light)!important;color:var(--main-dark)!important}@media screen and (max-width: 760px) and (orientation: portrait){.fields__2,.fields__3{grid-template-columns:1fr}}
