@font-face{font-family:Montserrat;src:url(/fonts/montserrat-v25-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-v25-latin-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-v25-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-v25-latin-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}.my-account{max-width:1200px;margin:auto;padding:20px;font-family:Montserrat,sans-serif;background-color:#fff;min-height:100vh}.my-account .sidebar-menu{background-color:#f8f9fa;border-right:1px solid #ddd;height:calc(100vh - 40px);padding:15px 0}@media(max-width:768px){.my-account .sidebar-menu{flex:0 0 100%;max-width:100%;border-right:none;border-bottom:1px solid #ddd}}.my-account .sidebar-menu .account-menu{list-style:none;padding:0;margin:0}.my-account .sidebar-menu .account-menu li{margin-bottom:10px}.my-account .sidebar-menu .account-menu li .logout-button,.my-account .sidebar-menu .account-menu li a{display:flex;align-items:center;padding:15px;font-size:clamp(15px,2vw,16px);font-weight:500;color:#1d3557;text-decoration:none;transition:color .3s ease-in-out;border-radius:.5rem;cursor:pointer}.my-account .sidebar-menu .account-menu li .logout-button.active,.my-account .sidebar-menu .account-menu li .logout-button:hover,.my-account .sidebar-menu .account-menu li a.active,.my-account .sidebar-menu .account-menu li a:hover{background-color:#1d3557;color:#fff}.my-account .sidebar-menu .account-menu li .logout-button i,.my-account .sidebar-menu .account-menu li a i{margin-right:10px;font-size:clamp(30px,2vw,40px)}.my-account .sidebar-menu .account-menu li .logout-button{background:none;border:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;width:100%}.my-account .sidebar-menu .account-menu li .logout-button:hover{background-color:#1d3557;color:#fff}.my-account .account-content{background-color:#fff;padding:15px 0}@media(max-width:768px){.my-account .account-content{flex:0 0 100%;max-width:100%}}.my-account .account-content .account-section{margin-bottom:30px}.my-account .account-content .account-section h2{font-size:clamp(24px,4vw,32px);font-weight:700;color:#0d1b2a;margin-bottom:15px;line-height:1.3;text-transform:none}.my-account .account-content .account-section .profile-details{background-color:#f8f9fa;padding:15px}.my-account .account-content .account-section .profile-details .profile-info{display:flex;flex-wrap:wrap;gap:15px}.my-account .account-content .account-section .profile-details .profile-info .info-item{flex:1 1 45%;margin-bottom:10px}.my-account .account-content .account-section .profile-details .profile-info .info-item label{font-size:clamp(14px,2vw,15px);font-weight:500;color:#1d3557;display:block;margin-bottom:10px}.my-account .account-content .account-section .profile-details .profile-info .info-item input,.my-account .account-content .account-section .profile-details .profile-info .info-item select{width:100%;padding:10px;font-size:clamp(14.5px,2vw,15.5px);border:1px solid #ddd;transition:background-color .1s ease;font-family:Montserrat,sans-serif}.my-account .account-content .account-section .profile-details .profile-info .info-item input:focus,.my-account .account-content .account-section .profile-details .profile-info .info-item select:focus{border-color:#1d3557;outline:none;box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.my-account .account-content .account-section .profile-details .profile-actions{margin-top:15px;display:flex;gap:15px}.my-account .account-content .account-section .profile-details .profile-actions button{padding:10px 15px;font-size:clamp(12px,2vw,13px);font-weight:500;border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease}.my-account .account-content .account-section .profile-details .profile-actions button.save-btn{background-color:#28a745;color:#fff}.my-account .account-content .account-section .profile-details .profile-actions button.save-btn:hover{background-color:rgb(30.1449275362,125.8550724638,52);color:#fff}.my-account .account-content .account-section .profile-details .profile-actions button.cancel-btn,.my-account .account-content .account-section .profile-details .profile-actions button.cancel-btn:hover{background-color:#000;color:#fff}.my-account .account-content .account-section .orders-list .order-item{background-color:#f8f9fa;padding:15px;margin-bottom:15px;border-radius:1rem;box-shadow:0 4px 10px rgba(0,0,0,.1)}.my-account .account-content .account-section .orders-list .order-item h3{font-size:clamp(20px,3vw,24px);color:#0d1b2a;margin-bottom:10px}.my-account .account-content .account-section .orders-list .order-item p{font-size:clamp(14px,2vw,15px);color:#1d3557;margin-bottom:10px;line-height:1.6}.my-account .account-content .account-section .orders-list .order-item .order-actions{display:flex;gap:10px}.my-account .account-content .account-section .orders-list .order-item .order-actions button{padding:10px;font-size:clamp(12px,2vw,13px);border-radius:.5rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}.my-account .account-content .account-section .orders-list .order-item .order-actions button.view-btn{background-color:#1d3557;color:#fff}.my-account .account-content .account-section .orders-list .order-item .order-actions button.view-btn:hover{background-color:#000;color:#fff}.my-account .account-content .account-section .orders-list .order-item .order-actions button.cancel-btn{background-color:red;color:#fff}.my-account .account-content .account-section .orders-list .order-item .order-actions button.cancel-btn:hover{background-color:#c00;color:#fff}.my-account .account-content .account-section .billing-details{background-color:#f8f9fa;padding:15px;border-radius:1rem;box-shadow:0 4px 10px rgba(0,0,0,.1)}.my-account .account-content .account-section .billing-details .billing-info{display:flex;flex-wrap:wrap;gap:15px}.my-account .account-content .account-section .billing-details .billing-info .billing-item{flex:1 1 45%;margin-bottom:10px}.my-account .account-content .account-section .billing-details .billing-info .billing-item label{font-size:clamp(14px,2vw,15px);font-weight:500;color:#1d3557;display:block;margin-bottom:10px}.my-account .account-content .account-section .billing-details .billing-info .billing-item input,.my-account .account-content .account-section .billing-details .billing-info .billing-item select{width:100%;padding:10px;font-size:clamp(14.5px,2vw,15.5px);border:1px solid #ddd;border-radius:.5rem;transition:background-color .1s ease;font-family:Montserrat,sans-serif}.my-account .account-content .account-section .billing-details .billing-info .billing-item input:focus,.my-account .account-content .account-section .billing-details .billing-info .billing-item select:focus{border-color:#1d3557;outline:none;box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.my-account .account-content .account-section .billing-details .billing-actions{margin-top:15px;display:flex;gap:15px}.my-account .account-content .account-section .billing-details .billing-actions button{padding:10px 15px;font-size:clamp(12px,2vw,13px);font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}.my-account .account-content .account-section .billing-details .billing-actions button.add-btn{background-color:#28a745;color:#fff}.my-account .account-content .account-section .billing-details .billing-actions button.add-btn:hover{background-color:rgb(30.1449275362,125.8550724638,52);color:#fff}.my-account .account-content .account-section .billing-details .billing-actions button.remove-btn{background-color:red;color:#fff}.my-account .account-content .account-section .billing-details .billing-actions button.remove-btn:hover{background-color:#c00;color:#fff}@media(max-width:768px){.my-account{flex-direction:column}.my-account,.my-account .account-content,.my-account .sidebar-menu{padding:15px}}