@layer reset{*,:before,:after{box-sizing:border-box;margin:unset}body{margin:unset;min-block-size:100vh}button,input,textarea,select{font:inherit}img,picture,svg,canvas{max-inline-size:100%;height:auto;display:block}img{aspect-ratio:1}ul{padding:unset;list-style:none}h1,h2,h3,h4,h5,h6{font-size:unset;font-weight:unset}button{background-color:unset;border:unset;cursor:pointer;color:inherit}input,textarea{outline:unset;border:unset;background-color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer theme{:root{--sm-mobile-bp:320px;--mobile-bp:425px;--tablet-bp:768px;--laptop-bp:1024px;--desktop-bp:1440px;--background:#f8f8fa;--font:#353434;--primary:#1f1c1c;--alternate:#fcf9f9;--secondary:#7474fa;--accent:#c0ebff;--neutral:#cec8c8;--success:#387538;--danger:#da4848;--menu-overlay-z-index:1000;--transition-duration:.2s;--spread-radius:5px;--shadow-color:#0000001a;--form-width:100%}@media screen and (min-width:425px){:root{--spread-radius:10px}}@media screen and (min-width:768px){:root{--spread-radius:15px;--form-width:600px}}@media screen and (min-width:1024px){:root{--spread-radius:25px}}.title-xxl{letter-spacing:-.03em;text-transform:uppercase;max-width:30ch;text-shadow:var(--primary);font-size:3rem;font-weight:200;line-height:4rem}.title-xl{letter-spacing:-.03em;text-transform:uppercase;font-size:2rem;font-weight:100;line-height:2rem}.title-l{letter-spacing:-.03em;text-transform:uppercase;font-size:1.7rem;font-weight:400;line-height:2rem}.title-m{letter-spacing:-.03em;text-transform:uppercase;font-size:1rem;font-weight:500;line-height:1.5rem}.title-s{letter-spacing:-.01em;text-transform:uppercase;font-size:.875rem;font-weight:600;line-height:1rem}.title-xs{letter-spacing:-.05em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1rem}@media screen and (min-width:1024px){.title-m{font-size:1.5rem;line-height:2rem}.title-s{letter-spacing:-.03em;font-size:1rem;font-weight:400;line-height:1.5rem}}.title--bold{font-weight:600}.text-xl-medium{letter-spacing:-.04em;font-size:1.5rem;font-weight:500;line-height:2rem}.text-xl-light{letter-spacing:-.03em;font-size:1.5rem;font-weight:300;line-height:2rem}.text-medium{letter-spacing:-.04em;font-size:1rem;font-weight:400;line-height:1.5rem}.text-light{letter-spacing:.01em;font-size:1rem;font-weight:300;line-height:1.5rem}.text-s-medium{letter-spacing:-.02em;font-size:.825rem;font-weight:500;line-height:1.2rem}.text-s-light{letter-spacing:.01em;font-size:.825rem;font-weight:300;line-height:1.2rem}.text--bold{font-weight:600}}@layer global{:root{font-family:Montserrat,Meriweather,sans-serif;font-size:clamp(.9rem,.8rem + 2svw,1.3rem)}body{background-color:var(--background);color:var(--font);max-width:100vw}h1,h2,h3,h4,h5,h6{text-align:center;min-width:100%}a{color:inherit;cursor:pointer;text-decoration:none}}@layer layout{.l-container{max-width:var(--desktop-bp);min-block-size:90vh;margin-inline:auto;padding-block-start:1rem;padding-inline:.5rem}@media screen and (min-width:768px){.l-container{padding-inline:1rem}}.l-auth-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.l-auth-container form{max-inline-size:425px!important}@media screen and (min-width:1024px){.l-auth-container form{max-inline-size:500px!important}}.l-container--nav{min-block-size:unset}.l-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-flow:row;gap:1rem .5rem;padding-block:1rem;display:grid}@media screen and (min-width:425px){.l-card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media screen and (min-width:1024px){.l-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (min-width:1440px){.l-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.l-flex{justify-content:center;align-items:center;gap:.5rem;display:flex}.l-flex--column{flex-direction:column}.l-flex-responsive{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media screen and (min-width:425px){.l-flex-responsive__sm{flex-direction:row}}@media screen and (min-width:768px){.l-flex-responsive{flex-direction:row}}.l-dashboard-container{flex-direction:column;gap:1rem;display:flex}.l-dashboard{box-shadow:0 4px 6px var(--neutral);flex:2;padding:1rem}@media screen and (min-width:1024px){.l-dashboard-container{flex-direction:row}}.l-footer{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}@media screen and (min-width:1024px){.l-footer{flex-direction:row;align-items:center}}}@layer modules{.nav-l-row{justify-content:space-between;align-items:flex-start;padding-inline-end:1rem}.nav-container{z-index:1000;width:100%;position:sticky;top:0;left:0;right:0}.navbar{block-size:fit-content;max-inline-size:100%;padding:calc(var(--gap-size)/4);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.navbar a{color:var(--secondary);text-decoration:none}.navbar__logo{block-size:auto;max-inline-size:250px;transform:unset;flex:1}@media screen and (min-width:425px){.navbar{padding-inline:calc(var(--gap-size)/2)}}@media screen and (min-width:768px){.navbar{padding-inline:var(--gap-size);inline-size:90%;margin-inline:auto}}.menu-overlay,.filter-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);block-size:100%;inline-size:100%;z-index:var(--menu-overlay-z-index);opacity:0;visibility:hidden;background:#0009;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;inset-block-start:0;inset-inline-start:0;overflow-y:auto}:is(.menu-overlay,.filter-overlay).visible{opacity:1;visibility:visible}.menu-toggle{padding-block:calc(.5rem + 1px);padding-inline:unset;background:0 0;border:none;font-size:1.5rem;transition:all .3s}.menu,.filter{opacity:0;visibility:hidden;background-color:var(--accent);min-block-size:100vh;inline-size:fit-content;min-inline-size:300px;z-index:calc(var(--menu-overlay-z-index) + 100);background-color:#fff;padding:.75rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;inset-block-start:0;inset-inline-start:0;transform:translate(-100%)}:is(.menu,.filter).visible{visibility:visible;opacity:1;transform:translate(0%)}:is(.menu,.filter) ul li{list-style-type:none}.filter__custom{inset-inline-start:unset;inset-inline-end:0;transform:translate(100%)}.filter__custom.visible{transform:translate(0%)}@media screen and (min-width:725px){.menu,.filter{inline-size:40%;min-inline-size:400px;max-inline-size:500px;padding:1rem}}.menu__container{flex-direction:row;display:flex}.menu__highlights{visibility:none;flex:3;display:none}.menu__items{flex:1}.menu__subitem{padding-block-end:.5rem}.menu__item{border-radius:15px;inline-size:100%;max-inline-size:400px;padding:.5rem}.menu__item span{transition:transform .2s ease-in-out}.menu__item__link{padding-inline-start:5px 0;border-radius:5px;flex-direction:row;align-items:center;gap:1rem;padding:.25rem;display:flex}.menu__item__link a{min-inline-size:250px;color:var(--secondary)!important}.menu__item__link span{display:none}.menu__item__link:hover span{display:block}.menu__subitem{margin-inline-start:1rem}.highlights__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:5px;display:grid}@media screen and (min-width:1024px){.menu__highlights{flex-flow:wrap;flex:50%;justify-content:center;align-items:center;max-inline-size:50%;display:flex}}.nav{border-bottom:.5px solid #e9e9e9;padding-block:.25rem;padding-inline:.5rem}@media screen and (min-width:648px){.nav{padding-inline:1rem}}@media screen and (min-width:1024px){.nav{padding-inline:1.5rem}}@media screen and (min-width:1440px){.nav{padding-inline:2rem}}.nav__header{justify-content:space-between;align-items:center;display:flex}.icon{background-color:inherit;border:none;max-width:1rem;font-size:1rem;position:relative}.icon__badge{color:var(--alternate);text-align:center;background-color:var(--danger);border-radius:50%;justify-content:center;align-items:center;width:.9rem;height:.9rem;font-size:.6rem;display:flex;position:absolute;top:-50%;left:50%}.nav-links{list-style:none}.nav-link{padding-inline:var(--gap-size);position:relative}.nav-dropdown{top:100%;background-color:var(--white);padding:calc(var(--gap-size)/2)var(--gap-size);gap:var(--gap-size);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;min-width:200px;z-index:calc(var(--menu-overlay-z-index) + 200);border:1px solid #ffffff4d;border-radius:5px;flex-direction:column;list-style:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset-inline-end:0;transform:translateY(-10px);box-shadow:0 5px 5px #0003}@media (hover:hover) and (pointer:fine){.nav-link:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){.nav-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}}.nav__icon{margin-inline:calc(var(--gap-size)/2);background-color:inherit;border:none;font-size:1rem}.nav-card{flex-direction:column;flex:1 0 15rem;gap:.5em;padding:1em .2em;display:flex}.nav-card img{aspect-ratio:4/3;object-fit:cover;object-position:top}@media screen and (min-width:625px){.nav-card{cursor:pointer;padding:1em}}.filter__container{justify-content:flex-end;inline-size:100%;display:flex}.filter__button{gap:.5rem;display:flex}.color-palette{min-block-size:150px;min-inline-size:100%;margin-block:45px;padding-block:15px}.btn{transition-duration:var(--transition-duration);border:2px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:.5rem 1.5rem;transition-property:background-color;display:flex}.btn:hover{border:2px solid var(--primary)}.btn--max-w{max-inline-size:200px}.btn--primary{border:2px solid var(--primary);background-color:var(--primary);color:var(--alternate)}.btn--primary:hover{background-color:var(--alternate);color:var(--primary)}.btn--small{padding:.5rem}.btn--secondary{border:2px solid var(--primary)}.btn--secondary:hover{background-color:var(--primary);color:var(--alternate)}.btn[disabled]{pointer-events:none}.btn[disabled]:hover{background-color:var(--neutral)}.link{transition-duration:var(--transition-duration);text-decoration:underline}.link:hover{color:#000036}.hero{background-color:var(--accent);background-image:url(/car_parts_bg.jpg);background-position:bottom;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-block-size:80vh;padding:1rem;display:flex}.hero__logo{max-inline-size:100px}.hero__details{color:var(--alternate);background-color:var(--primary);opacity:.7;min-height:100%;padding:1rem}.hero__container{flex-direction:column-reverse}@media screen and (min-width:625px){.hero__container{flex-direction:row}}.hero__cta{flex-direction:column;align-items:center;gap:1rem;margin-block-end:1.5rem;margin-inline:.5rem;display:flex}.embla{flex:1}@media screen and (min-width:1024px){.embla{flex:1}}@media screen and (min-width:1440px){.embla{flex:2}}.embla__viewport{overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;display:flex}.embla__slide{flex:0 0 100%;min-width:0;padding:.5rem}.hero__image{max-height:700px;margin-inline:auto}.card{border:2px solid #0000;border-radius:5px;max-inline-size:100%;transition-property:border;transition-duration:.3s}.card:hover{border:2px solid var(--primary)}.card__image{max-width:100%;background-color:var(--accent);inline-size:100%}.card__details{padding:1rem .5rem}.card__details>p{flex:2}.card__details__btn{border:1px solid var(--primary);transition-duration:var(--transition-duration);cursor:pointer;border-radius:5px;transition-property:background-color}.card__details__btn:hover{background-color:var(--alternate);color:var(--primary)}.card .card__details__btn{border:1px solid #0000}.card:hover .card__details__btn{border:1px solid var(--primary);background-color:var(--primary);color:var(--alternate)}.searchbox{border:2px solid var(--primary);border-radius:5px;flex:1;justify-content:center;gap:1rem;display:flex}.searchbox:focus{border:2px solid var(--accent)}.searchbox input{background:url(/search.svg) 0/1rem no-repeat;border-radius:5px;flex:1;max-inline-size:100%;padding:.25rem;padding-inline-start:1.2rem}.searchbox input:focus{background-color:color-mix(in srgb,var(--accent)30%,var(--alternate)70%)}.not-found{flex-direction:column;gap:.5rem;block-size:80vh}.not-found__details{text-align:center;flex-direction:column;align-items:center;max-inline-size:20ch;display:flex}.not-found__btn{margin-block:.5rem}.product{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;padding-block:1rem;display:flex}.product__image{inline-size:100%;background-color:var(--accent);border-radius:5px;flex:1;max-height:500px}.product__details{flex-direction:column;flex:2;justify-content:space-between;max-inline-size:100%;display:flex}.product__price{justify-items:space-between;flex-direction:column;align-items:flex-end;gap:1rem;inline-size:100%;padding-block:1rem;display:flex}.product__price *{flex:1}.product__details__btn{background-color:var(--primary);color:var(--alternate);border:2px solid var(--primary);transition-duration:var(--transition-duration);transition-property:background-color}.product__details__btn:hover{color:var(--primary);background-color:#0000}@media screen and (min-width:425px){.product__image{inline-size:400px;margin-inline:auto}}@media screen and (min-width:768px){.product__image{inline-size:100%;max-inline-size:500px}.product__price{flex-direction:row;align-items:center}}@media screen and (min-width:1024px){.product{flex-direction:row}}.product__details__images{scroll-snap-type:x proximity;justify-content:flex-start;gap:.5rem;max-inline-size:100%;display:flex;overflow-x:scroll}@media screen and (min-width:768px){.product__details__images{overflow-x:auto}}.product__details__image{inline-size:300px;max-inline-size:300px;margin-inline:unset}.scroll-x-cards{text-align:center;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--primary)transparent;gap:1rem;padding-block:.5rem;padding-inline:1rem;display:flex;overflow-x:scroll}.scroll-x-cards a{scroll-snap-align:center;flex:1;min-width:280px}.scroll-x-cards::-webkit-scrollbar{height:3px}.scroll-x-cards::-webkit-scrollbar-track{background:0 0}.scroll-x-cards::-webkit-scrollbar-thumb{background:var(--primary);border-radius:999px}@media screen and (min-width:768px){.scroll_x_cards-container{overflow-x:auto}}.cart__title{border-bottom:2px solid var(--accent);padding-bottom:1rem}.cart__empty{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-block-size:50vh;display:flex}.cart__item{border-bottom:2px solid var(--accent);flex-direction:column;justify-content:space-between;min-block-size:150px;padding-block:.5rem;display:flex}@media screen and (min-width:768px){.cart__item{flex-direction:row;align-items:center;padding-block:1rem}}.cart__item__description{flex-direction:column;flex:3;gap:.5rem;display:flex}.cart__item__description img{object-fit:cover;object-position:center;width:150px;height:150px;margin-inline:auto}.cart__item__description div{flex:2}.cart__item__description p{padding-block:5px}.cart__item__details{text-align:center;margin-inline:auto;padding-block:5px}.cart__item__pricing{flex-direction:column-reverse;flex:1;place-items:center;inline-size:100%;display:flex}.cart__item__pricing .price{text-align:center;width:100%;padding-inline:1rem}.cart__item__quantity{justify-content:center;align-items:center;width:100%;display:flex}.cart__item__quantity>*{padding:.5rem}.cart__item__quantity svg{min-width:20px}.cart__cta{flex-direction:column-reverse;justify-content:space-around;gap:1rem;margin-block-start:1rem;display:flex}.cart__cta__buttons{flex-direction:column-reverse;flex:1;gap:.5rem;display:flex}.cart__cta__buttons>*{width:100%}.cart__cta>*{text-align:center}.cart__checkout{justify-content:center;align-items:center;width:100%;display:flex}@media screen and (min-width:425px){.cart__item__description{flex-direction:row}.cart__item__description img{margin-inline:unset}.cart__item__details{margin-inline:unset;text-align:unset}.cart__item__pricing{justify-items:flex-end}}@media screen and (min-width:465px){.cart__cta__buttons{flex-direction:row;gap:1rem}}@media screen and (min-width:768px){.cart__item{flex-direction:row;align-items:center}.cart__item__description{flex-direction:row}.cart__item__pricing{flex-direction:column-reverse;justify-content:space-between}.cart__cta{gap:var(--gap-size);flex-direction:row}.cart__cta__buttons>*{width:fit-content}.cart__checkout{max-width:fit-content}}@media screen and (min-width:1024px){.cart{inline-size:80%;margin-inline:auto}}.form{max-inline-size:var(--form-width);inline-size:100%;box-shadow:0 4px 6px var(--neutral);margin:1rem auto;padding:0 1rem 1rem}.form .link{color:var(--font)}.form__row{flex-direction:column;margin-block:1rem;display:flex}.form__row--inline{flex-direction:row}.row__wrap{flex-wrap:wrap}.form__row input[type=checkbox]{margin-inline-end:1rem}.form__row__checkbox{flex-direction:row;display:flex}.form input,textarea{border-bottom:2px solid var(--font);transition-property:border-bottom;transition-duration:var(--transition-duration)}.form input:focus{border-bottom:2px solid var(--primary)}.form button{border-radius:2px;min-inline-size:100%}.user-form{padding:unset;margin-block:unset;box-shadow:unset;max-inline-size:100%}.user-form input{max-inline-size:-webkit-fill-available}.phone_input{flex-direction:column;display:flex;margin-inline:unset!important}@media screen and (min-width:625px){.user-form{padding:inherit;padding-block-start:unset}.phone_input{flex-direction:row;align-items:center}.phone_input input{margin-inline-start:1rem}}.centered{min-block-size:500px;max-inline-size:60ch;box-shadow:2px 6px 10px 1px var(--neutral);-webkit-box-shadow:2px 6px 10px 1px var(--neutral);-moz-box-shadow:2px 6px 10px 1px var(--neutral);border:2px solid #0000;border-radius:15px;margin:1rem;margin-inline:auto;padding:1rem}.centered_card{flex-direction:column;flex:1;align-items:center;max-inline-size:100%;margin-inline:auto;display:flex}@media screen and (min-width:768px){.centered{inline-size:600px;max-inline-size:unset}}.sidebar{border-radius:5px;min-inline-size:fit-content}.sidebar__header{justify-content:space-between;align-items:center;gap:1rem;inline-size:100%;display:flex}.sidebar__main{transition-property:visibility;transition-duration:var(--transition-duration)}.sidebar__main--show{visibility:visible;display:block}.sidebar__content{visibility:visible;min-inline-size:calc(200px + .5rem);max-inline-size:calc(350px + .5rem);overflow-x:wrap;margin-inline-start:.5rem;display:block}@media screen and (min-width:1024px){.sidebar__main{visibility:visible;display:block}}.sidebar__section{margin-block:1rem}@media screen and (max-width:1023px){.sidebar__header .sidebar__content{visibility:visible;display:flex}}.sidebar__content--show{visibility:visible;min-inline-size:calc(200px + .5rem);max-inline-size:calc(350px + .5rem);overflow-x:wrap;margin-inline-start:.5rem;display:flex}.sidebar__row{transition-property:background-color,padding-inline-start,transform;transition-duration:var(--transition-duration);justify-content:flex-start;align-items:center;padding-block:.25rem;display:flex}.sidebar__row:hover{background-color:color-mix(in srgb,var(--accent)75%,var(--alternate)25%);box-shadow:1px 1px 2px 1px var(--accent);border-radius:5px;padding-inline-start:.5rem;transform:translate(.5rem)}.sidebar__row--spaced{justify-content:space-between}.sidebar__icon{block-size:1.5rem;inline-size:1.5rem}@media screen and (min-width:1024px){.sidebar__row .sidebar__content--show{padding-inline-start:.5rem}.sidebar{padding:1rem}}.dashboard__header{flex-direction:row;align-items:center;display:flex}.dashboard{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}@media screen and (min-width:1440px){.dashboard{flex-direction:row}}.dashboard--user{inline-size:100%;max-inline-size:500px;margin-inline:auto}.list-container{border-radius:5px;flex:1;inline-size:100%;padding:.5rem}.list img{aspect-ratio:1;max-inline-size:50px}.list__item{flex-flow:wrap;align-items:flex-start;gap:.5rem;padding:5px 1rem;display:flex}@media screen and (min-width:768px){.list__item{flex-direction:row;align-items:center}}.list__item:nth-child(2n){background-color:color-mix(in srgb,var(--accent)50%,var(--alternate)50%)}.list__item:hover{background-color:color-mix(in srgb,var(--neutral)40%,var(--alternate)60%)}.list__item__image{block-size:30px;inline-size:30px}.list__item__name{flex:2}.list__item__price{text-align:left;flex:1}.list__item__cta{flex:1;min-inline-size:50px;max-inline-size:100px}.list__view_more{inline-size:fit-content;margin-block-start:1rem}.list__filters{flex-direction:column;gap:1rem;inline-size:100%;margin-block-end:.5rem;display:flex}.list__filters>input,select,button{align-self:auto;height:2.2rem}.list__filters>input{flex:2}.list__filters>select{flex:1}@media screen and (min-width:1024px){.list__filters{flex-direction:row;align-items:center}}.datepicker{flex-direction:column;flex:1;justify-content:flex-start;gap:10px;padding:5px;display:flex}@media screen and (min-width:1024px){.datepicker{flex-direction:row;align-items:center}}.datepicker__input{align-items:center;inline-size:100%;display:flex}.datepicker input{border:2px solid var(--primary);border-radius:5px;inline-size:100%;margin-inline-start:.5rem;padding:5px}.dropdown{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:10px;padding-inline:5px;display:flex}.dropdown__item{background:inherit;border:2px solid var(--primary);border-radius:5px;padding:.25rem}.order__details{flex:1;min-inline-size:100%}.order__details p{flex-direction:column;inline-size:100%;margin-block:1rem;display:flex}@media screen and (min-width:768px){.order__details p{flex-direction:row}}.order__details span{flex:1}.order__items{flex:1;min-inline-size:100%}@media screen and (min-width:1440px){.order__details,.order__details p,.order__details span,.order__items{min-inline-size:unset}}.order__item{border-bottom:1px solid var(--accent);flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:.5rem;display:flex}.order__item img{align-self:center;max-inline-size:100px}.order__item__details{flex:1;justify-content:space-between;align-items:center;block-size:100%;padding-inline-start:1rem;display:flex}.product__details{flex:1}.product__thumbnail{inline-size:300px;max-inline-size:400px}.product__details p{flex-direction:column;inline-size:100%;margin-block:1rem .5rem;display:flex}@media screen and (min-width:768px){.product__details p{flex-direction:row}}.product__details span{flex:1}.product__images{flex:1;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-flow:row;gap:.5rem;inline-size:100%;display:grid}@media screen and (min-width:1440px){.product__details{min-inline-size:unset;max-inline-size:100%}.product__details p,.product__details span,.product__images{min-inline-size:unset}}.user__details{max-inline-size:unset;min-inline-size:100%}.product__form{box-shadow:unset;margin-block:unset;padding-inline:unset}.product__form .form__row{inline-size:100%}.product__form .form__row--inline{flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:1rem}@media screen and (min-width:768px){.product__form .form__row--inline{flex-direction:row;align-items:flex-start}}.product__form input[type=file]{border:unset}.product__form img{max-inline-size:150px;margin-inline:auto}.upload__field{grid-template-columns:repeat(auto-fill,minmax(150px,2fr));gap:5px;display:grid}.product__form .upload__field__btn{border:2px dotted var(--accent);block-size:150px;inline-size:150px;color:color-mix(in srgb,var(--accent)50%,var(--primary)50%);border-radius:5px;justify-content:center;align-items:center;display:flex}.upload__field__preview{background-position:50%;background-size:cover;position:relative}.upload__field__preview img{object-fit:cover;width:100%;height:100%}.upload__field__remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:4px;padding:4px;position:absolute;top:4px;right:4px}.drag-active{background-color:#3b82f61a;border-color:#3b82f6}.payment_iframe{inline-size:100%;justify-content:center;align-items:center;height:60vh;padding-block:1rem;display:flex;position:relative}.payment_iframe iframe{border:none}}@layer utilities{.primary{background-color:var(--primary)}.secondary{background-color:var(--secondary)}.accent{background-color:var(--accent)}.neutral{background-color:var(--neutral)}.success{background-color:var(--success)}.success--color{color:var(--success)}.danger{background-color:var(--danger)}.error{color:var(--danger)}.text-center{text-align:center}.text-upper{text-transform:uppercase}.text-width{max-inline-size:40ch;margin-inline:auto}.gap-sm{gap:.5rem}.gap-m{gap:1rem}.gap-l{gap:1.5rem}.no-margin{margin:unset}.margin-sm{margin:.5rem}.margin-y{margin-block:1rem}.margin-x{margin-inline:1rem}.mx-end{margin-inline-end:1rem}.mx-start{margin-inline-start:1rem}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.text-left{text-align:left}.w-fit{max-inline-size:fit-content}.w-fit-min-unset{min-inline-size:unset}button:disabled{cursor:not-allowed}.w-full{inline-size:100%}.box-shadow{box-shadow:2px 6px 10px 1px var(--neutral);-webkit-box-shadow:2px 6px 10px 1px var(--neutral);-moz-box-shadow:2px 6px 10px 1px var(--neutral)}.mobile-only{display:none}@media screen and (min-width:420px){.mobile-only{display:block}}.tab-only{display:none}@media screen and (min-width:648px){.tab-only{display:block}}.min-w-1{min-inline-size:1rem}}