:root{--main-color: rgb(180, 0, 0);--green-color: rgb(77, 138, 77)}body{background-color:#cecece;box-sizing:border-box;margin:0}body *{box-sizing:border-box;margin:0}header{display:grid;grid-template-columns:300px 1fr 400px 150px;width:100%;background-color:var(--main-color);height:100px}.logoPanelContainer{margin-left:50px;display:flex;gap:10px;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.logoPanel{text-align:center;align-content:center;color:#fff;font-size:24px;-webkit-user-select:none;user-select:none}.logoPanelImg{width:80px}.logoPanelImg img{width:100%;border-radius:50px}nav{align-content:center}nav ul{display:flex;gap:30px}nav ul li{list-style:none}nav ul li a{text-decoration:none;-webkit-user-select:none;user-select:none;color:#b0afaf;font-size:24px}nav ul li a:hover{color:#d3d3d3}.navSelected{color:#fff}.cartInfoPanel{color:#fff;align-self:center;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:24px}.productContainer h2{text-align:center;color:var(--main-color);margin:20px 0}.productsCards{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:50px;margin-bottom:100px;max-width:1200px;justify-self:center}.productCard{width:380px;border:1px solid var(--main-color);border-radius:5px;box-shadow:#110c2e26 0 48px 100px}.productCard div{text-align:center;align-content:center}.productCardName{margin:10px 0;width:100%;font-size:24px;background-color:var(--green-color);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.productCardImg{width:350px;justify-self:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;overflow:hidden;height:350px;transition-duration:.25s}.productCardImg:hover{box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.productCardImg img{width:100%}.downContainer{display:flex;margin-top:10px;width:100%}.amountContainer{flex-basis:60%;justify-self:center;align-content:center}.amountCounter{display:grid;grid-template-columns:40px 70px 40px;border:1px solid var(--green-color);border-radius:20px;height:40px;width:150px;justify-self:center}.amountCounter div{text-align:center;align-content:center;-webkit-user-select:none;user-select:none;width:100%;font-size:24px;color:var(--main-color)}.amountCounterChanger{cursor:pointer;width:100%;font-size:24px;color:var(--main-color)}.productCardAddButton{font-size:20px;width:90%;justify-self:center;color:var(--main-color);height:50px;margin:10px 0;padding:5px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;align-content:center;border:1px solid var(--green-color);border-radius:5px;transition-duration:.25s}.productCardAddButton:hover{background-color:var(--green-color);color:#fff;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.productCardPrice{font-size:40px;color:var(--main-color);flex-basis:40%;justify-self:center}.productCardPrice span{font-size:14px}.cartContainer{width:70%;max-width:800px;justify-self:center;margin-bottom:50px}.cartContainer h2{margin:20px 0;color:var(--main-color);text-align:center}.cartItem{display:grid;gap:10px;padding:10px 30px;grid-template-columns:200px 1fr 200px;grid-template-rows:35px minmax(65px,auto) 50px;grid-template-areas:"cartItemImg cartItemName cartItemName" "cartItemImg cartItemDesc cartItemDesc" "cartItemImg cartItemSwitchAndDelete cartItemPrice";border-bottom:1px solid var(--main-color);background-color:#cecece}.cartItemImg{grid-area:cartItemImg;align-self:center;justify-self:center;height:100%;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:pointer}.cartItemImg img{max-width:100%;height:100%;align-self:center;object-fit:cover;transition-duration:.25s}.cartItemImg img:hover{box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.cartItemName{grid-area:cartItemName;font-size:24px;color:#fff;background-color:var(--green-color);border-radius:5px;text-align:center;align-content:center;padding:0;-webkit-user-select:none;user-select:none;cursor:pointer;transition-duration:.25s}.cartItemName:hover{box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.cartItemDesc{grid-area:cartItemDesc;text-indent:2em}.cartItemSwitchAndDelete{display:flex;gap:20px;grid-area:cartItemSwitchAndDelete}.cartItemDelete{text-align:center;align-self:center;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.cartItemSwitch{width:150px;height:40px;display:grid;grid-template-columns:40px 70px 40px;align-content:center;justify-content:center;border:1px solid var(--green-color);border-radius:20px}.cartItemChanger{align-self:center;text-align:center;font-size:24px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--green-color)}.cartItemQuantity{align-self:center;text-align:center;-webkit-user-select:none;user-select:none}.cartItemPrice{grid-area:cartItemPrice;align-self:center;font-size:18px}.cartContainerSummary{text-align:center;font-size:24px;margin:20px 0}.cartOrderButton{height:50px;color:var(--main-color);border:1px solid var(--main-color);text-align:center;align-content:center;font-size:24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.25s}.cartOrderButton:hover{border:1px solid var(--green-color);background-color:var(--green-color);color:#fff;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.productViewContainer{width:auto;margin-top:50px;display:grid;grid-template-columns:400px 400px;gap:20px;flex-wrap:wrap;justify-self:center;padding:20px;overflow:hidden;border:1px solid var(--main-color);border-radius:5px;box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.productImgContainer{width:100%;display:grid;grid-template-rows:400px 80px;gap:5px}.productImgMain{width:100%;position:relative;height:400px;overflow:hidden;border-radius:10px;margin-bottom:5px}.productImgMain img{width:100%}.arrowKeyLeft,.arrowKeyRight{position:absolute;bottom:45%;align-self:center;width:50px;height:50px;border-radius:100px;background-color:#0000004d;align-content:center;text-align:center;font-size:24px;color:#d3d3d3;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.25s}.arrowKeyLeft:hover,.arrowKeyRight:hover{background-color:#0000001a}.arrowKeyLeft{left:10px}.arrowKeyRight{right:10px}.productImgPreview{display:flex;flex-wrap:unset;gap:5px;overflow:hidden;width:100%;justify-content:center;align-items:end}.productImgPreviewSelected{width:80px;overflow:hidden}.productImgPreviewSelected img,.productImgPreviewNotSelected img{width:100%;height:100%;cursor:pointer}.productImgPreviewNotSelected img{opacity:.5}.productImgPreviewNotSelected{width:80px;overflow:hidden}.productDetailsContainer{width:400px;display:flex;flex-direction:column;gap:20px}.productDetailsContainer h1{background-color:var(--green-color);color:#fff;text-align:center;border-radius:10px}.productDetailsContainerDescription{font-size:20px;padding:10px;height:250px}.productDetailsContainerBackButton{grid-column:span 2;width:100%;height:50px;justify-self:end;text-align:center;align-content:center;font-size:24px;border:1px solid var(--green-color);color:var(--main-color);border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.25s}.productDetailsContainerBackButton:hover{background-color:var(--green-color);color:#fff;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.orderConfirmContainer{width:auto;margin-top:50px;display:grid;grid-template-columns:400px 400px;gap:20px;flex-wrap:wrap;justify-self:center;padding:20px;overflow:hidden;border:1px solid var(--main-color);border-radius:5px;box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.orderConfirmLeftPanel{width:100%;display:flex;flex-direction:column}.orderForm,.orderDetails{display:flex;flex-direction:column;text-align:center;justify-self:center}.orderConfirmLeftPanel h2,.orderConfirmRightPanel h2{margin:0;color:#000;text-align:center}.orderConfirmRightPanel h2{margin-bottom:30px}.orderConfirmLeftPanel label{margin-top:5px}.orderConfirmRightPanel{display:flex;flex-direction:column;gap:10px}.orderConfirmRightPanelItem{display:grid;grid-template-columns:50px 1fr 50px 50px 70px;border-bottom:1px solid var(--main-color)}.orderConfirmRightPanelItem div{text-align:center;align-content:center}.orderConfirmRightPanelItemImg{width:100%;overflow:hidden}.orderConfirmRightPanelItemImg img{width:100%}.orderConfirmRightPanelorderSummary{font-size:24px;text-align:center;align-content:center;margin:10px 0}.orderConfirmLeftPanel input,.orderConfirmLeftPanel textarea{height:40px;border:1px solid var(--main-color);background-color:#fff;border-radius:10px;margin:0;outline:none;font-size:16px;text-align:center;resize:none}.orderConfirmLeftPanel input:hover,.orderConfirmLeftPanel textarea:hover{box-shadow:#a1a1a173 0 25px 20px -20px}.orderConfirmLeftPanel input:focus,.orderConfirmLeftPanel textarea:focus{box-shadow:#201d7c73 0 25px 20px -20px}.OrderCompletePanel{border:1px solid var(--main-color);box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px;margin-top:50px;padding:20px;width:430px;display:flex;flex-direction:column;gap:30px;justify-self:center;text-align:center}.userLoginPage,.userRegisterPage{height:60vh;display:flex;width:100%;justify-content:center}.userLoginContainer,.userRegisterContainer{display:flex;flex-direction:column;place-self:center;padding:20px;border:1px solid var(--main-color);border-radius:10px;width:400px}.userLoginContainer input,.userRegisterContainer input{text-align:center;padding:10px 20px;border:1px solid var(--main-color);border-radius:5px;font-size:16px;outline:none}.userLoginContainer a{margin-top:5px;text-align:center;font-size:16px;text-decoration:none;color:var(--main-color)}.userLoginContainer input[type=submit],.userRegisterContainer input[type=submit]{margin-top:20px;transition-duration:.25s;cursor:pointer}.userLoginContainer input[type=submit]:hover,.userRegisterContainer input[type=submit]:hover{background-color:var(--green-color);color:#fff;border:1px solid var(--green-color)}.userProfileHeader{text-align:center;margin:10px}.ordersContainer{margin-top:50px}.ordersContainer h2{text-align:center;margin-bottom:10px}.ordersItemContainer{max-width:800px;width:100%;justify-self:center;border:1px solid var(--main-color);margin-bottom:20px;box-shadow:#110c2e26 0 48px 100px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:20px;border-radius:10px;overflow:hidden;transition-duration:.3s}.orderItemContainerHeader{width:100%;display:grid;grid-template-columns:1fr 100px}.orderItemContainerHeaderInfo{display:grid;grid-template-columns:300px 300px;gap:10px;text-align:center;grid-template-areas:"headerOrder headerAmount" " headerDate headerSumma" "headerRecipient headerRecipient"}.orderItemContainerHeaderOrder{grid-area:headerOrder}.orderItemContainerHeaderDate{grid-area:headerDate}.orderItemContainerHeaderAmount{grid-area:headerAmount}.orderItemContainerHeaderSumma{grid-area:headerSumma}.orderItemContainerHeaderRecipient{grid-area:headerRecipient;text-align:left}.orderItemContainerHeaderSwitch{transition-duration:.3s;transform:rotate(270deg);align-content:center;text-align:center;font-size:24px;font-weight:700}.orderItemContainerHeaderSwitch.show{transform:rotate(90deg)}.ordersItemItemsContainer{max-height:0px;transition-duration:1.3s;margin-top:20px;overflow:hidden}.ordersItemItemsContainer.show{max-height:500px}.ordersItemItemsContainer h3{text-align:center}.ordersItemItemsItemGrid{margin-top:20px;justify-self:center;display:grid;grid-template-columns:100px 200px 100px 100px 100px;text-align:center;align-content:center;border-bottom:1px solid var(--main-color)}.ordersItemItemsItemGrid div{align-content:center}.ordersItemItemsItemGrid img{width:100%}.errorFormField{width:100%;text-align:center;color:red;transition-duration:.5s}@media (max-width: 600px){.productContainer{margin-top:120px;margin-bottom:80px}.productViewContainer{grid-template-columns:400px}.productDetailsContainerBackButton{grid-column:span 1}header{grid-template-columns:1fr 1fr 150px;position:fixed;top:0;left:0;width:100%}.logoPanelContainer{margin-left:10px}nav{position:fixed;bottom:0;left:0;width:100%;background-color:var(--main-color);margin:0;height:50px}nav ul{padding:0;justify-content:space-evenly}.productDetailsContainerDescription{height:auto;max-height:250px}.cartContainer{width:90%;max-width:800px;justify-self:center;margin-bottom:80px;margin-top:120px}.cartItem{grid-template-columns:1fr;grid-template-rows:35px 200px minmax(65px,auto) 50px;grid-template-areas:"cartItemName" "cartItemImg" "cartItemDesc" "cartItemSwitchAndDelete" "cartItemPrice"}.cartItemImg{width:auto}.orderConfirmContainer{margin-top:120px;grid-template-columns:auto;margin-bottom:80px}.OrderCompletePanel{margin-top:120px;padding:20px;width:auto;max-width:430px;display:flex;flex-direction:column;gap:30px;justify-self:center;text-align:center;margin-bottom:80px}.userProfileContainer{margin-top:120px;margin-bottom:100px}.orderItemContainerHeaderInfo{grid-template-columns:350px;grid-template-areas:"headerOrder " "headerAmount" "headerDate" "headerSumma" "headerRecipient"}.ordersItemItemsItemGrid{margin-top:20px;justify-self:center;display:grid;grid-template-columns:70px 1fr 50px 50px 70px;text-align:center;align-content:center;border-bottom:1px solid var(--main-color)}}