.App{position:relative}.active-link{color:red}.card__home{width:300px;height:450px;border:1px solid rgb(175,175,175);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.card__home__header{border-bottom:1px solid rgb(175,175,175);display:flex;justify-content:center;overflow:hidden;padding:20px;height:220px}.card__home__header img{object-fit:contain;width:100%;height:100%}.card_home_body{margin:20px 30px;display:flex;flex-direction:column;gap:15px}.card_home_name{font-size:25px;font-weight:700}.card_home_price_label{color:#afafaf}.card_home_price_value{font-size:25px;font-weight:700}.card_home_btn{width:60px;height:60px;border-radius:50%;border:none;background-color:brown;color:#fff;align-self:flex-end}button i{color:#fff;font-size:30px}@media (max-width: 450px){.card__home{width:200px}}@media (max-width: 350px){.card__home{width:120px;height:200px}.card__home__header{margin-top:0;padding:5px;height:120px}.card_home_name{font-size:10px;font-weight:700}.card_home_body{margin:10px 15px;display:flex;flex-direction:column;gap:5px}.card_home_price_value{font-size:15px;font-weight:700}.card_home_btn{width:30px;height:30px}button i{color:#fff;font-size:15px}}.search{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;margin-top:50px;margin-bottom:50px;height:60px;width:100%;max-width:1300px;padding-left:50px}.search input{width:100%;height:100%;padding:20px;outline:none;border:1px solid rgb(175,175,175);border-radius:5px 0 0 5px;background-color:transparent}.search button{height:100%;background-color:brown;width:50px;outline:none;border-bottom-left-radius:0;border-top-left-radius:0;border:none;color:#fff}.search button i{color:#fff}@media (max-width: 800px){.search input{width:80%}}@media (max-width: 450px){.search{padding-left:5px}}@media (max-width: 350px){.search{padding:0}.search input{width:50%;height:25px}.search button{display:none}}.homeContainerCard{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin:0}.container-cart-none{margin-right:-310px;transition:.8s}.container-cart{position:fixed;z-index:1;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:flex-end}.produc{border:1px solid black;width:300px;position:fixed;height:100vh;right:0;top:0;padding:4.5em 2em;backdrop-filter:blur(10px);transition:.8s;overflow:scroll}.side__bar{width:250px;min-width:250px;height:100vh;position:sticky;top:0;padding:5em 2em;display:flex;transition:.8s}.hiden__sidebar{margin-left:-260px;transition:.8s}.filter__price{padding:10px}.filter__content{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.filter__form label{font-size:3em}.filter__content input{max-width:100px;border-radius:2px;border:1px solid black;height:25px}.btn_filter{padding:10px;border-radius:5px;background-color:brown;color:#fff;border:none;width:100%;cursor:pointer;box-shadow:0 .125rem .25rem #0000001a}.filter__line{border:.5px solid rgb(209,206,206);margin:3px 0}.filter__category{padding:10px}.filter__category ul{padding:10px;gap:.5em}.filter__list{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media (max-width: 450px){.side__bar{margin-right:0;padding-left:5px;padding-right:0;min-width:150px;width:150px}.hiden__sidebar{margin-left:-160px;transition:.8s}.filter__content input{max-width:50px}}@media (max-width: 350px){.hiden__sidebar{margin-left:-120px;transition:.8s}}.history{display:flex;gap:15px;margin-top:50px}.product-info{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;gap:5%;justify-content:space-around}.col1,.col2{width:47%;min-width:300px;max-width:495px;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;gap:30px}.product-options{display:flex}.price{width:50%;height:76px}.product-data p{text-align:justify;margin-bottom:30px}.add-card-btn{width:100%;height:43px;border:none;font-size:1.1rem;color:#fff;background-color:#f85555}.option-quanty{margin-bottom:30px;display:flex}.val{width:50px;height:30px;display:flex;justify-content:center;align-items:center;border:1px solid rgb(228,224,224);border-radius:15px;margin:0 10px}.option-quanty button{width:30px;height:30px;border-radius:50%;color:#fff;background-color:#f85555;border:none}.option-quanty input{width:50px;height:30px}.quanty h3{text-align:center}.suggestions h2{margin-bottom:50px}.card_simi{display:flex;flex-direction:column;gap:20px}.container-login{display:flex;justify-content:center;align-items:center}.login__form{border:1px solid rgb(145,145,145);width:450px;height:450px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin:150px 10px 0;box-shadow:5px 5px 15px #9f9d9d}.lgo-in{width:100px;position:absolute;top:-30px}.in-user{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.login__input{height:40px;padding:0 10px;font-size:18px}.check-remember{display:flex;justify-content:left;gap:10px}.remember-title{font-size:clamp(14px,3vw,16px)}.login_btn{width:70%;height:40px;border:none;color:#fff;background-color:#e91e63}.register-option{font-size:clamp(12px,3vw,14px);display:flex;gap:10px}.register-option a{font-size:clamp(12px,3vw,14px)}@media (max-width: 374px){.login__form{min-width:300px}.login__input{width:150px;font-size:16px}}.form-logout{flex-direction:column;gap:10px;padding:20px;border-radius:20px;background-color:#fff;box-shadow:0 0 10px #0003;display:flex;justify-content:center;align-items:center;height:90vh}.form-logout__icon{font-size:60px;color:#aaa}.form-logout__check{font-size:80px;color:brown}.form-logout__btn{background-color:brown;border:none;border-radius:5px;width:100px;color:#fff;padding:0;cursor:pointer;font-size:16px;transition:transform .1s ease}.form-logout__btn:hover{transform:scale(1.1);transition:transform .1s ease}.container-register{display:flex;justify-content:center;align-items:center}.regis__form{border:1px solid rgb(145,145,145);width:300px;height:350px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:150px 10px 0;box-shadow:5px 5px 15px #9f9d9d}.header{display:flex;justify-content:space-between;align-items:center;padding:1em 2em;position:fixed;width:100%;border-bottom:5px;box-shadow:0 .125rem .25rem #0000001a;background-color:#ffffff6a;backdrop-filter:blur(3px);z-index:1}.header>.header__top{display:flex;align-items:center;gap:.5em}a{text-decoration:none}.header__logo{color:brown;text-decoration:none;display:flex;flex-direction:column}.logo-img{height:40px}.header__item{color:brown;text-decoration:none}.header__item:hover{transition:.2s ease}.header__list{display:flex;gap:2em}li{list-style:none;color:#000}i{font-size:20px;color:#000}.line{border:.5px solid grey;height:20px}.purshase{padding-top:50px;display:flex;flex-direction:column;gap:20px}.container_purshase{border:1px solid rgb(224,221,221);border-radius:20px}.container__header{border-bottom:1px solid rgb(224,221,221);padding:30px}.purshase_info{display:flex;flex-direction:column;gap:20px}.purshase_body{display:flex;align-items:center;padding:30px 10px 10px;flex-wrap:nowrap}.purshaseItem{align-items:center;cursor:pointer;display:flex;height:60px;margin-bottom:20px}.name{font-size:20px}.quuantity_purshase{padding:0 10px;width:23%}.box_quantity{border:1px solid rgb(235,229,229);margin:0 auto;max-width:65px;text-align:center}.price_purshase{text-align:center;width:17%;font-size:20px}@media (max-width: 500px){.name{font-size:15px}.price_purshase{text-align:center;width:20%;font-size:15px}}@media (max-width: 375px){.name{font-size:15px}.price_purshase{text-align:center;width:25%;font-size:15px}}.layout{display:flex}.cart__item{width:100%;max-width:500px;display:grid;grid-template-columns:1fr 70px;row-gap:20px;padding:10px;border-radius:10px;background-color:transparent;box-shadow:0 0 10px #0005}.cart__item-header{display:flex;flex-direction:column;gap:3px}.cart__category{font-size:13px;font-weight:300}.cart__name{font-size:12px;font-weight:500}.cart__trash{color:brown;grid-column:end;font-size:16px;cursor:pointer}.cart__quantity{padding:2px 20px;align-self:end;border:1px solid #ccca;width:max-content}.cart__item-footer{display:flex;justify-content:space-between}.cart__total-number:before{content:"$"}span{font-size:15px}.cart{flex:1;display:flex;flex-direction:column;padding:20px;width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.cart__title{text-align:center;margin-bottom:20px}.cart__container-item{flex:1;display:flex;justify-content:center;gap:20px;align-items:flex-start;flex-wrap:wrap}.cart__hr{border:none;border-top:1px solid #ccc9;width:100%}.cart__footer{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:10px;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.cart__total-global-value{justify-self:end;font-size:20px;font-weight:700}.cart__total-global-value:before{content:"$";margin-right:10px}.cart__total-global-label{font-size:20px;font-weight:500}.cart__btn{grid-column:span 2;padding:10px;border:none;background-color:brown;color:#fff;font-size:16px;font-weight:500;border-radius:5px;transition:transform .2s ease;cursor:pointer}.cart__btn:hover{transform:scaleY(1.06);filter:brightness(1.08);transition:transform .2s ease}.cart__item-header{display:flex}*{margin:0;padding:0;box-sizing:border-box}.main{padding:4.5em 2em;width:100%}img{width:100%}@media (max-width:500px){.line{display:none}.header__list{gap:1em}}