:root{--font-body-family:Favorit Std,Verdana,Geneva,Tahoma,sans-serif;--font-heading-family:"Favorit Std";--font-secondary-family:"Boogy Brut Poster";--font-heading-weight:400;--font-body-scale:1.0;--font-heading-scale:1.0;--font-h-large-size:9.6rem;--font-h-large-line-height:8rem;--font-h1-size:4.4rem;--font-h1-line-height:calc(var(--font-h1-size) * 1.272);--font-h2-size:4rem;--font-h2-line-height:calc(var(--font-h2-size) * 1.2);--font-h3-size:3.2rem;--font-h3-line-height:calc(var(--font-h3-size) * 1.25);--font-h4-size:2.4rem;--font-h4-line-height:calc(var(--font-h4-size) * 1.33);--font-h5-size:2rem;--font-h5-line-height:calc(var(--font-h5-size) * 1.4);--font-h6-size:1.6rem;--font-h6-line-height:calc(var(--font-h6-size) * 1.4);--font-xxxs-size:1.2rem;--font-xxxs-line-height:calc(var(--font-xxs-size) * 1.30);--font-xxs-size:1.3rem;--font-xxs-line-height:calc(var(--font-xxs-size) * 1.38);--font-xs-size:1.4rem;--font-xs-line-height:calc(var(--font-xs-size) * 1.42);--font-sm-size:1.5rem;--font-sm-line-height:calc(var(--font-sm-size) * 1.46);--font-md-size:1.6rem;--font-md-line-height:calc(var(--font-md-size) * 1.5);--font-lg-size:1.8rem;--font-lg-line-height:calc(var(--font-lg-size) * 1.44);--color-black:#000000;--color-white:#FFFFFF;--color-gray:#888B8D;--color-green:#2FEC00;--color-green-unique:#C3F73A;--color-dark-green-unique:#00AF66;--color-green-thin:#F3FDD8;--color-blue:#1E2D8C;--color-cool-gray:#53565A;--color-cool-gray-light:#C8C9C8;--color-cool-gray-lighter:#EDEDED;--color-background:#F1F1F1;--color-menthol:#AAE77C;--color-pale-pink:#FFCCCE;--color-warm-gray:#D7D2CB;--color-pink:#F18387;--color-green-shade:#759423;--color-green-tint:#F3FDD8;--color-bulue-button:#2938EC}.account{display:flex;width:100%}.account__nav{width:20%;padding:3.2rem;border-right:1px solid var(--color-black)}.account__container{width:80%}.account__header{justify-content:space-between;padding:3.2rem;border-bottom:1px solid var(--color-black)}.account__header,.account__header-title{display:flex;align-items:center}.account__mobile-nav{display:none}.account__btn-list{display:flex;align-items:center;gap:.8rem}.account__nav-customer{display:flex;flex-direction:column;gap:.8rem}.account__nav-customer .name{color:var(--color-black);margin:0}.account__nav-customer .email{font-size:var(--font-xs-size);line-height:var(--font-xs-line-height);color:var(--color-gray);margin:0}.account__nav-menu{margin-top:2.7rem}.account__nav-menu ul{margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.account__nav-menu ul li{padding:1rem 1.6rem;list-style:none;border-radius:.8rem}.account__nav-menu ul li:hover{background-color:var(--color-background)}.account__nav-menu ul li:hover .icon{color:var(--color-blue)}.account__nav-menu ul li a{width:100%;display:flex;align-items:center;gap:.8rem;font-size:var(--font-sm-size);line-height:var(--font-sm-line-height);color:var(--color-black);text-decoration:none}.account__nav-menu ul li.active{background-color:var(--color-background)}.account__nav-menu ul li.active .icon{color:var(--color-blue)}.order-filter-btn{padding:.6rem 1.2rem;border-radius:3.2rem;height:3.2rem;border:0;background-color:var(--color-background);color:var(--color-black);display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;font-size:var(--font-xs-size);line-height:var(--font-xs-line-height);cursor:pointer;flex-shrink:0;white-space:nowrap}.order-filter-btn span{display:inline-flex;pointer-events:none}.order-filter-btn .icon svg{width:2rem;height:2rem}.order-filter-btn .icon-check{display:none}.order-filter-btn .icon-check svg{width:1.2rem;height:1.2rem}.order-filter-btn.active{background-color:var(--color-green-thin)}.order-filter-btn.active .icon-check{display:inline-flex}.order-no-order{display:flex;align-items:center;justify-content:center;padding:15rem 0}.order-no-order.hidden{display:none}.order-filter-btn:disabled{opacity:.4;cursor:not-allowed}.order-no-order__content{gap:3.2rem}.order-no-order__content,.order-no-order__heading{display:flex;align-items:center;justify-content:center;flex-direction:column}.order-no-order__heading{gap:2.4rem}.order__new-order{padding:3.2rem 0}.order__new-btn{background-color:var(--color-white);border:1px solid var(--color-black);color:var(--color-black);display:inline-flex;align-items:center;justify-content:center;gap:.8rem;text-decoration:none}.order__new-btn svg{width:1.6rem;height:1.6rem}.order{border-bottom:1px solid var(--color-black)}.order.hidden{display:none}.order__info{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;padding:2.4rem 3.2rem;cursor:pointer}.order__info:hover{background-color:var(--color-background)}.order__media{display:flex;align-items:center;gap:3.2rem}.order__date{display:flex;flex-direction:column;gap:.2rem}.order__date .date{font-size:var(--font-md-size);line-height:var(--font-md-line-height);color:var(--color-black);margin:0}.order__date .id{font-size:var(--font-xs-size);line-height:var(--font-xs-line-height);color:var(--color-gray)}.order__img{width:15.2rem;display:flex;align-items:center;flex-shrink:0}.order__image{border-radius:7.2rem;border:.2rem solid var(--color-white);margin-left:-4rem}.order__image:first-child{margin-left:0}.order__image-count,.order__image-no-image{width:7.2rem;height:7.2rem;border-radius:7.2rem;border:.2rem solid var(--color-white);margin-left:-4rem;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-background);color:var(--color-gray);font-size:var(--font-h5-size);line-height:var(--font-h5-line-height)}.order__image-no-image:first-child{margin-left:0}.order__status{display:flex;align-items:center;justify-content:space-between;gap:32px;width:60%}.order__status-label{width:30rem}.order__status-title{display:flex;align-items:center;gap:.8rem;font-size:var(--font-md-size);line-height:var(--font-md-line-height);color:var(--color-black)}.order__status-title .icon{display:inline-flex;color:var(--color-blue)}.order__status-title .icon svg{width:1.6rem;height:1.6rem}.order__cancelled .icon{color:var(--color-pink)}.order__shipping .icon{color:#FC41B3}.order__complate .icon{color:#2938EC}.order__refund .icon{color:#888B8D}.order__price{display:flex;align-items:center;gap:1.6rem}.order__price .price{font-size:var(--font-h5-size);line-height:var(--font-h5-line-height)}.order__price .discount-price{color:var(--color-gray);text-decoration:line-through}.order__price .orijinal-price,.order__show-btn{color:var(--color-black)}.order__show-btn{background-color:transparent;border:0;width:3.2rem;height:3.2rem}.order__show-btn svg{width:1.6rem;height:1.6rem;transition:transform .4s ease-in}.order__info.active .order__show-btn svg{transform:rotate(180deg)}.order__detail{padding:1.6rem 3.2rem 3.2rem;display:none}.order__detail.active{display:block}.order__btn-group{display:flex;align-items:center;gap:.8rem}.order__btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;font-size:var(--font-xs-size);line-height:var(--font-xs-line-height);text-decoration:none;color:var(--color-black);padding:0 1.6rem;border-radius:3.2rem;background-color:transparent;min-height:3.2rem;cursor:pointer;border:0;border:1px solid var(--color-black);transition:all .2s ease}.order__btn svg{width:1.6rem;height:1.6rem}.order__btn:hover{color:var(--color-bulue-button);border-color:var(--color-bulue-button)}.order__orders{display:flex;align-items:stretch;flex-wrap:wrap;padding:2.4rem 0;gap:20px}.order__item{width:50%;display:flex;align-items:center;gap:2.4rem}.order__item-media{width:20%}.order__item-info{width:80%;display:flex;flex-direction:column;gap:1.6rem}.order__item-names{text-decoration:none}.order__item-vendor{font-size:var(--font-xs-size);line-height:var(--font-xs-line-height);color:var(--color-gray);margin-bottom:.2rem}.order__item-name{font-size:var(--font-sm-size);line-height:var(--font-sm-line-height);color:var(--color-black);margin:0}.order__item-variant p{font-size:var(--font-xs-size);line-height:var(--font-xs-line-height);color:var(--color-gray);margin:0}.order__item-variant:empty{display:none}.order__item-price{display:flex;align-items:center;gap:.8rem}.order__item-price .price{font-size:var(--font-xs-size);line-height:var(--font-xs-line-height)}.order__item-price .regular-price{color:var(--color-black);font-weight:500}.order__item-price .sale-price{color:var(--color-gray);text-decoration:line-through;font-weight:500}.order__item-price .sale-price:empty{display:none}.order__adress-price{padding:3.2rem 0;display:flex;align-items:flex-start}.order__address{width:50%}.order__address-head{margin-bottom:3.2rem}.order__adress-item{display:flex;align-items:flex-start;gap:2.4rem}.order__adress-item p{font-size:var(--font-md-size);line-height:var(--font-md-line-height)}.order__adress-title{min-width:14rem}.order__prices{width:50%}.order__prices-head{margin-bottom:3.2rem}.order__prices-list{display:flex;flex-direction:column;gap:.8rem;width:100%}.order__prices-item{display:flex;align-items:center;justify-content:space-between;width:100%}.order__prices-item p{margin:0;font-weight:500}.order__prices-item h5{font-weight:500}.order__prices-price{font-size:var(--font-md-size);line-height:var(--font-md-line-height);margin:0}.address-new-btn{background-color:var(--color-white);border:1px solid var(--color-black);border-radius:4.4rem;font-size:var(--font-sm-size);line-height:var(--font-sm-line-height);color:var(--color-black);display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.4rem;cursor:pointer}.address-new-btn:hover{color:var(--color-bulue-button);border-color:var(--color-bulue-button)}.address-new-btn svg{width:1.6rem;height:1.6rem}.address-new-btn:hover{border-color:var()}.address-content{display:flex;flex-wrap:wrap}.address-box{width:calc(50% + 1px);border:1px solid var(--color-black);padding:3.2rem;margin-left:-1px;margin-top:-1px}.address-box__header{display:flex;align-items:center;justify-content:space-between}.address-box__name{display:flex;align-items:center;gap:1.2rem}.address-box__badge{padding:.6rem 1.2rem;border-radius:3.2rem;background-color:var(--color-green-thin);display:inline-flex;align-items:center;gap:.8rem;color:var(--color-black);font-size:var(--font-xs-size);line-height:var(--font-xs-line-height)}.address-box__badge svg{width:1.2rem;height:1.2rem;display:inline-flex}.address-box__control{display:flex;align-items:center;gap:.4rem}.address-box__btn{width:4.4rem;height:4.4rem;border-radius:4.4rem;background-color:var(--color-white);border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.address-box__btn svg{pointer-events:none;color:var(--color-black);flex-shrink:0}.address-box__btn:hover{background-color:var(--color-background)}.address-box__content{margin-top:2.4rem}.address-box__content p{margin:0;font-size:var(--font-md-size);line-height:var(--font-md-line-height)}.address-modal,.address-modal-edit{background-color:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;display:none;align-items:center;justify-content:center}.address-modal-edit.active,.address-modal.active{display:flex}.address-modal__box{background-color:var(--color-white);padding:4.8rem;width:49.6rem;position:relative}.address-modal__close{width:4.4rem;height:4.4rem;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:1.6rem;right:1.6rem;background-color:var(--color-white);border:0;cursor:pointer}.address-modal__close svg{color:var(--color-black);flex-shrink:0}.address-modal__form form{display:flex;flex-direction:column;flex-wrap:wrap;gap:1.6rem;margin-top:3.2rem}.address-default{display:flex;align-items:center;gap:.8rem}.address-default__title{font-size:var(--font-xs-size);line-height:var(--font-xs-line-height)}.address-delete{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:999}.address-delete.show{display:flex}.address-delete__box{background-color:var(--color-white);width:100%;max-width:50rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.6rem;padding:2.4rem}.address-delete__close{display:flex;justify-content:flex-end;width:100%}.address-delete__close-button{background-color:transparent;border:0;cursor:pointer}@media(max-width:767px){.address-modal,.address-modal-edit{display:block!important;transform:translateY(100%);transition:transform .3s ease-in;background-color:transparent}.address-modal-edit.active,.address-modal.active{transform:translateY(0)}.address-modal__header{position:sticky;top:0;background-color:var(--color-white);padding-top:2.4rem}.address-modal-edit.active .address-modal__bg,.address-modal.active .address-modal__bg{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;background-color:rgba(0,0,0,.2);transition:background-color .2s ease-in;transition-delay:.3s}.address-modal__box{position:absolute;width:100%;bottom:-100%;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem;padding:0 2.4rem 2.4rem;transition:all .3s ease-in;transition-delay:.3s;max-height:85%;overflow-y:auto}.address-modal__box.animate{bottom:0;transition:all .3s ease-in;transition-delay:.3s}.address-modal__box h3{font-size:var(--font-h4-size);line-height:var(--font-h4-line-height)}.field{flex-direction:column}.template-addresses .account__content{padding:3.2rem 2.4rem}.address-delete__box{max-width:90%;gap:1rem;padding:1.6rem}.address-delete__title{font-size:var(--font-md-size);line-height:var(--font-md-line-height)}.address-delete__close{display:flex;justify-content:flex-end;width:100%}.address-delete__close-button{background-color:transparent;border:0;cursor:pointer}.address-modal__close{margin-right:-8px;right:0;padding:0}}.field{display:flex;align-items:center;gap:1.6rem;border-radius:.8rem;overflow:hidden;position:relative}.field input,.field select{padding:1.2rem 1.6rem;background-color:var(--color-white);border:1px solid var(--color-cool-gray-light);width:100%;color:var(--color-black);font-size:var(--font-xs-size);line-height:var(--font-xs-line-height);border-radius:.8rem;transition:all .2s ease}.field--select{position:relative}.field--select.hidden{display:none}.field--select .form-select{appearance:none}.field--select:after{content:"";position:absolute;top:0;right:6px;width:3.2rem;height:3.2rem;border-radius:3.2rem;top:7px;pointer-events:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjA4Mzk4IDYuMTY2MjFMMS43OTEwOSA1LjQ1OTExTDguMDAwMiAxMS42NjgyTDE0LjIwOTMgNS40NTkxMUwxNC45MTY0IDYuMTY2MjFMOC4wMDAyIDEzLjA4MjRMMS4wODM5OCA2LjE2NjIxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");background-repeat:no-repeat;background-position:50%}.field--input-city:after{display:none}@media(min-width:767px){.field--select:hover:after{background-color:var(--color-cool-gray-lighter)}}.input--number::-webkit-inner-spin-button,.input--number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input::placeholder{color:var(--color-gray)}.field input:focus{outline:none}.field input:focus,.field input:hover,.field select:hover{border-color:var(--color-black)}.switch{position:relative;display:inline-block;width:36px;height:20px;border-radius:20px;overflow:hidden;cursor:pointer}.switch input{position:absolute;width:100%;height:100%;opacity:0;z-index:1}.round{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;display:block!important}.round,.round:before{position:absolute;-webkit-transition:.4s;transition:.4s}.round:before{content:"";height:12px;width:12px;border-radius:12px;left:4px;bottom:4px;background-color:white;background-color:var(--color-gray)}input:checked+.round{background-color:var(--color-green-unique)}input:checked+.round:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px);background-color:var(--color-white)}.address-save-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.8rem 2.4rem;background-color:var(--color-green-unique);height:4.4rem;border-radius:4.4rem;border:0;font-size:var(--font-sm-size);line-height:var(--font-sm-line-height);color:var(--color-black);cursor:pointer}.address-save-btn svg{width:1.6rem;height:1.6rem}.order__price--desktop{display:flex;align-items:flex-start;min-width:20rem}.add-new-address,.order__price--mobile{display:none}@media(max-width:1079px){.address-content{gap:2.4rem}.account__nav{padding:2.4rem;position:relative}.account__nav-customer .name{font-size:var(--font-h5-size);line-height:var(--font-h5-line-height)}.account__nav-customer .email{font-size:var(--font-xxs-size);line-height:var(--font-xxs-line-height)}.order__img{width:8rem}.order__image,.order__image-count{width:5rem;height:5rem}.order__price .price{font-size:var(--font-h6-size);line-height:var(--font-h6-line-height)}}@media(max-width:1023px){.account__nav{display:block;width:100%}.account__container{width:100%}.order__media{gap:1.6rem}.order__date .date{font-size:var(--font-xs-size);line-height:var(--font-xs-line-height)}.order__date .id{font-size:var(--font-xxs-size);line-height:var(--font-xxs-line-height)}.order__status{gap:1.6rem}.order__price .price,.order__status-title{font-size:var(--font-xs-size);line-height:var(--font-xs-line-height)}.order__btn-group{overflow-x:auto}.order__btn-group::-webkit-scrollbar{opacity:0}.order__btn{flex-shrink:0}.order__adress-price{padding-left:0;padding-right:0}}@media(max-width:767px){form{display:flex;gap:25px;align-items:center}.account,form{flex-direction:column}.account{width:100%}.account__header{flex-direction:column;align-items:flex-start;gap:2.4rem;padding:2.4rem 1.2rem}.account__header-title{gap:.8rem}.account__mobile-nav{display:flex;align-items:center;justify-content:center;background-color:transparent;border:0;width:4.4rem;height:4.4rem;border-radius:4.4rem}.account__mobile-nav:hover{background-color:var(--color-cool-gray-lighter)}.account__mobile-nav svg{flex-shrink:0;width:2rem;height:2rem;color:var(--color-black)}.account__header h1{font-size:3.2rem;line-height:4.8rem}.account__btn-list{width:100%;overflow-x:auto}.account__btn-list::-webkit-scrollbar{opacity:0}.order__info{padding:1.6rem 1.2rem}.order__img{width:auto;max-width:7rem}.order__status{width:unset}.order__info{gap:1.6rem}.order__info:hover{background-color:transparent}.order__price--desktop{display:none}.order__price--mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;margin-left:auto}.order__price--mobile .price.discount-price{font-size:var(--font-xs-size);line-height:var(--font-xs-line-height)}.order__price--mobile .price.orijinal-price{font-size:var(--font-md-size);line-height:var(--font-md-line-height)}.order__btn-group{margin-right:-1.2rem}.order__detail{padding:1.6rem 1.2rem}.order__orders{gap:3.2rem;padding:0}.order__item{width:100%;position:relative}.account__nav:after{bottom:0}.account__nav:after,.order__item:not(:last-child):after{content:"";position:absolute;left:0;width:100%;height:1px;background-color:#000}.order__item:not(:last-child):after{bottom:-18px}.order__item-media{width:25%}.order__item-info{width:75%}.order__item-name{font-size:var(--font-sm-size);line-height:var(--font-sm-line-height)}.order__adress-price{flex-direction:column;gap:3.2rem}.order__address{width:100%}.order__address-head{font-size:var(--font-h5-size);line-height:var(--font-h5-line-height)}.order__adress-item{flex-direction:column;gap:1.2rem;margin-top:2.4rem}.order__adress-item--shipping{margin-top:1.6rem}.order__adress-item p{font-size:var(--font-sm-size);line-height:var(--font-sm-line-height);margin:0}.order__prices{width:100%}.order__prices-head{font-size:var(--font-h5-size);line-height:var(--font-h5-line-height);margin-bottom:2.4rem}.order__prices-item h6,.order__prices-price{font-size:var(--font-sm-size);line-height:var(--font-sm-line-height)}.order__prices-item h5{font-size:var(--font-lg-size);line-height:var(--font-lg-line-height)}.template-addresses .account__btn-list{display:none}.address-box{width:100%;padding:2.4rem}.address-box__content p{font-size:var(--font-sm-size);line-height:var(--font-sm-line-height)}.add-new-address{display:flex;margin-top:2.4rem}.address-new-btn{width:100%;justify-content:center}.order-no-order__heading h4{font-size:var(--font-h5-size);line-height:var(--font-h5-line-height)}}@media(max-width:374px){.address-box__header{flex-direction:column;align-items:flex-start}}