/* Font Face - فونت‌های محلی */@font-face {    font-family: 'IRANSans';    src: url('fonts/IRANSans(FaNum).ttf') format('truetype');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'IRANSans';    src: url('fonts/IRANSans(FaNum)_Bold.ttf') format('truetype');    font-weight: bold;    font-style: normal;}@font-face {    font-family: 'IRANSans';    src: url('fonts/IRANSans(FaNum)_Light.ttf') format('truetype');    font-weight: 300;    font-style: normal;}@font-face {    font-family: 'IRANSans';    src: url('fonts/IRANSans(FaNum)_Medium.ttf') format('truetype');    font-weight: 500;    font-style: normal;}/* Reset */* {    margin: 0;    padding: 0;    box-sizing: border-box;}body {    font-family: 'IRANSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;    background: linear-gradient(135deg, #2c3e50 0%, #3d4f60 50%, #4a5568 100%);    min-height: 100vh;    display: flex;    flex-direction: column;    direction: rtl;    text-align: right;}/* Header */header {    background: rgba(30, 41, 59, 0.8);    backdrop-filter: blur(10px);    padding: 1.5rem 2rem;    box-shadow: 0 2px 20px rgba(0,0,0,0.3);}.container {    max-width: 1200px;    margin: 0 auto;    padding: 0 2rem;}.header-content {    display: flex;    justify-content: space-between;    align-items: center;}/* Hamburger Menu Button - Hidden on Desktop */.hamburger-menu {    display: none;    flex-direction: column;    gap: 4px;    background: transparent;    border: none;    cursor: pointer;    padding: 0.5rem;    z-index: 1001;}.hamburger-menu span {    width: 24px;    height: 3px;    background: #ffffff;    border-radius: 2px;    transition: all 0.3s ease;}.hamburger-menu:hover span {    background: #ff6b35;}.logo {    font-size: 2rem;    font-weight: bold;    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    letter-spacing: 2px;}.nav-section {    display: flex;    align-items: center;    gap: 2rem;}nav ul {    display: flex;    gap: 2.5rem;    list-style: none;}nav a {    color: white;    text-decoration: none;    font-size: 1.1rem;    transition: all 0.3s ease;    position: relative;}nav a:hover {    color: #ff6b35;}nav a::after {    content: '';    position: absolute;    bottom: -5px;    left: 0;    width: 0;    height: 2px;    background: #ff6b35;    transition: width 0.3s ease;}nav a:hover::after {    width: 100%;}/* Cart Icon */.cart-icon {    position: relative;    cursor: pointer;    padding: 0.5rem;    transition: transform 0.3s ease;}.cart-icon:hover {    transform: scale(1.1);}.cart-icon svg {    width: 28px;    height: 28px;    stroke: white;    fill: none;}.cart-badge {    position: absolute;    top: -5px;    right: -5px;    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);    color: white;    border-radius: 50%;    width: 20px;    height: 20px;    display: flex;    align-items: center;    justify-content: center;    font-size: 0.75rem;    font-weight: bold;}/* Main Content */main {    flex: 1;    display: flex;    align-items: center;    justify-content: center;    padding: 2rem 2rem;}.order-form {    background: rgba(30, 41, 59, 0.95);    backdrop-filter: blur(10px);    padding: 2rem;    border-radius: 15px;    box-shadow: 0 20px 60px rgba(0,0,0,0.4);    max-width: 600px;    width: 100%;    border: 1px solid rgba(255, 107, 53, 0.1);}.auth-form {    background: rgba(30, 41, 59, 0.95);    backdrop-filter: blur(10px);    padding: 3rem;    border-radius: 15px;    box-shadow: 0 20px 60px rgba(0,0,0,0.4);    max-width: 500px;    width: 100%;    border: 1px solid rgba(255, 107, 53, 0.1);}.form-title {    text-align: center;    color: #ffffff;    font-size: 1.8rem;    margin-bottom: 1.5rem;    font-weight: 600;}/* Upload Area */.upload-section {    display: flex;    flex-direction: column;}.upload-label {    font-size: 1rem;    font-weight: 600;    color: #e2e8f0;    margin-bottom: 0.5rem;    display: block;}.upload-area {    border: 2px dashed rgba(255, 107, 53, 0.3);    border-radius: 12px;    padding: 2rem;    text-align: center;    background: rgba(51, 65, 85, 0.3);    cursor: pointer;    transition: all 0.3s ease;}.upload-area:hover {    border-color: #ff6b35;    background: rgba(51, 65, 85, 0.5);}.upload-area.dragover {    border-color: #ff6b35;    background: rgba(255, 107, 53, 0.1);    transform: scale(1.02);}.upload-icon {    width: 60px;    height: 60px;    margin: 0 auto 1rem;    stroke: #94a3b8;}.upload-text {    color: #e2e8f0;    font-size: 1rem;    margin-bottom: 0.5rem;}.upload-hint {    color: #94a3b8;    font-size: 0.9rem;}.browse-btn {    color: #ff6b35;    font-weight: 600;    text-decoration: underline;    cursor: pointer;}#imageInput {    display: none;}/* Image Preview */.image-preview {    display: none;}.image-preview.show {    display: flex;    flex-direction: column;}.preview-container {    position: relative;    border-radius: 12px;    overflow: visible;    background: rgba(51, 65, 85, 0.5);    padding: 1rem;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    min-height: 400px;    gap: 1rem;}.preview-image {    max-width: 90%;    max-height: 350px;    width: auto;    height: auto;    object-fit: contain;    border-radius: 8px;}.preview-info {    display: flex;    justify-content: space-between;    align-items: center;    margin-top: auto;    padding-top: 1rem;    color: #94a3b8;    font-size: 0.9rem;    gap: 0.5rem;}.preview-name {    color: #e2e8f0;    font-weight: 600;    flex: 1;}.upload-progress {    display: none;    flex-direction: column;    gap: 0.5rem;    margin-top: 0.5rem;    padding: 0.5rem 0;}.progress-bar {    width: 100%;    height: 6px;    background: rgba(255, 255, 255, 0.1);    border-radius: 10px;    overflow: hidden;}.progress-fill {    height: 100%;    background: linear-gradient(90deg, #ff6b35 0%, #f7931e 100%);    width: 0%;    transition: width 0.3s ease;    border-radius: 10px;}.progress-text {    font-size: 0.85rem;    color: #94a3b8;    text-align: center;    font-weight: 500;}.upload-success {    display: none;    align-items: center;    justify-content: center;    width: 20px;    height: 20px;    background: rgba(34, 197, 94, 0.2);    border-radius: 50%;    color: #22c55e;    opacity: 0;    transform: scale(0.8);    transition: all 0.3s ease;}.upload-success.show {    opacity: 1;    transform: scale(1);    animation: successPop 0.5s ease;}.upload-success svg {    width: 12px;    height: 12px;}@keyframes successPop {    0% {        transform: scale(0.5);        opacity: 0;    }    50% {        transform: scale(1.2);    }    100% {        transform: scale(1);        opacity: 1;    }}.remove-image {    position: absolute;    top: 1.5rem;    right: 1.5rem;    background: rgba(255, 107, 53, 0.9);    border: none;    color: white;    width: 32px;    height: 32px;    border-radius: 50%;    cursor: pointer;    font-size: 1.2rem;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    z-index: 10;}.remove-image:hover {    background: #ff6b35;    transform: rotate(90deg);}/* Form */.form-group {    margin-bottom: 1.5rem;}label {    display: block;    color: #e2e8f0;    font-weight: 600;    margin-bottom: 0.5rem;    font-size: 1rem;}select, input {    width: 100%;    padding: 0.9rem;    border: 2px solid rgba(255, 107, 53, 0.2);    border-radius: 8px;    font-size: 1rem;    font-family: 'IRANSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;    background-color: rgba(51, 65, 85, 0.5);    color: #ffffff;    transition: all 0.3s ease;}select:focus, input:focus {    outline: none;    border-color: #ff6b35;    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2);    background-color: rgba(51, 65, 85, 0.8);}select option {    background-color: #1e293b;    color: #ffffff;}.price-display {    display: flex;    justify-content: space-between;    align-items: center;    padding: 1rem 1.5rem;    background: rgba(255, 107, 53, 0.1);    border: 2px solid rgba(255, 107, 53, 0.3);    border-radius: 8px;    margin-bottom: 1.5rem;}.price-label {    color: #e2e8f0;    font-size: 1.1rem;    font-weight: 600;}.price-value {    color: #ff6b35;    font-size: 1.3rem;    font-weight: bold;}.submit-btn {    width: 100%;    padding: 1rem;    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);    color: white;    border: none;    border-radius: 8px;    font-size: 1.1rem;    font-weight: 600;    font-family: 'IRANSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;    cursor: pointer;    transition: all 0.3s ease;    margin-top: 1rem;    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);}.submit-btn:hover {    transform: translateY(-2px);    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);}.submit-btn:active {    transform: translateY(0);}/* Cart Overlay */.cart-overlay {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.7);    opacity: 0;    visibility: hidden;    transition: all 0.4s ease;    z-index: 999;}.cart-overlay.active {    opacity: 1;    visibility: visible;}/* Cart Sidebar */.cart-sidebar {    position: fixed;    top: 0;    right: -400px;    width: 400px;    height: 100vh;    background: rgba(30, 41, 59, 0.98);    backdrop-filter: blur(20px);    box-shadow: -5px 0 30px rgba(0,0,0,0.5);    transition: right 0.4s ease;    z-index: 1000;    overflow-y: auto;}.cart-sidebar.active {    right: 0;}.cart-header {    padding: 1.25rem 1.5rem;    border-bottom: 1px solid rgba(255, 107, 53, 0.2);    display: flex;    justify-content: space-between;    align-items: center;    background: rgba(20, 30, 48, 0.5);}.cart-header h2 {    color: #ffffff;    font-size: 1.5rem;}.close-cart {    background: none;    border: none;    color: white;    font-size: 1.5rem;    cursor: pointer;    width: 32px;    height: 32px;    transition: all 0.3s ease;}.close-cart:hover {    color: #ff6b35;    transform: rotate(90deg);}.cart-items {    padding: 1rem;}.cart-item {    background: rgba(51, 65, 85, 0.4);    border-radius: 12px;    margin-bottom: 0.75rem;    border: 1px solid rgba(255, 107, 53, 0.12);    overflow: hidden;    transition: border-color 0.2s ease;}.cart-item:hover {    border-color: rgba(255, 107, 53, 0.3);}.cart-item-inner {    display: flex;    gap: 0;}.cart-item-image {    width: 100px;    min-width: 100px;    height: 120px;    background: rgba(15, 23, 38, 0.6);    display: flex;    align-items: center;    justify-content: center;    overflow: hidden;    border-radius: 0;    flex-shrink: 0;}.cart-item-image img {    width: 100%;    height: 100%;    object-fit: contain;}.cart-item-body {    flex: 1;    padding: 0.75rem 0.85rem;    display: flex;    flex-direction: column;    justify-content: space-between;    min-width: 0;}.cart-item-header {    display: flex;    justify-content: space-between;    align-items: flex-start;    gap: 0.5rem;    margin-bottom: 0.35rem;}.cart-item-title {    color: #ffffff;    font-weight: 600;    font-size: 0.95rem;    line-height: 1.3;    flex: 1;    min-width: 0;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.remove-item {    background: rgba(255, 107, 53, 0.1);    border: none;    color: #ff6b35;    cursor: pointer;    width: 26px;    height: 26px;    border-radius: 6px;    display: flex;    align-items: center;    justify-content: center;    font-size: 1rem;    transition: all 0.2s ease;    flex-shrink: 0;}.remove-item:hover {    background: rgba(255, 107, 53, 0.3);    transform: scale(1.1);}.cart-item-details {    color: #94a3b8;    font-size: 0.8rem;    line-height: 1.5;    margin-bottom: 0.4rem;}.cart-item-footer {    display: flex;    align-items: center;    justify-content: space-between;    gap: 0.5rem;    margin-top: auto;}.cart-item-price {    color: #ff6b35;    font-size: 0.9rem;    font-weight: 700;    white-space: nowrap;}.quantity-control {    display: flex;    align-items: center;    gap: 0.3rem;    padding: 0.25rem 0.4rem;    background: rgba(255, 255, 255, 0.06);    border: 1px solid rgba(255, 255, 255, 0.12);    border-radius: 8px;    width: fit-content;}.qty-btn {    width: 26px;    height: 26px;    background: rgba(255, 255, 255, 0.08);    border: 1px solid rgba(255, 255, 255, 0.15);    border-radius: 5px;    color: #ffffff;    font-size: 1rem;    font-weight: 500;    cursor: pointer;    transition: all 0.2s ease;    display: flex;    align-items: center;    justify-content: center;    padding: 0;}.qty-btn:hover {    background: rgba(255, 107, 53, 0.3);    border-color: rgba(255, 107, 53, 0.5);    color: #ff6b35;}.qty-btn:active {    transform: scale(0.9);}.qty-decrease svg {    width: 12px;    height: 12px;}.qty-display {    min-width: 30px;    width: 30px;    text-align: center;    font-size: 0.9rem;    font-weight: 600;    color: #ffffff;    padding: 0.2rem 0;    background: rgba(0, 0, 0, 0.2);    border-radius: 4px;}.cart-empty {    text-align: center;    padding: 3rem 1.5rem;    color: #94a3b8;}.cart-footer {    position: sticky;    bottom: 0;    background: rgba(20, 30, 48, 0.99);    padding: 1.25rem 1.5rem;    border-top: 1px solid rgba(255, 107, 53, 0.2);    backdrop-filter: blur(10px);}.cart-total {    display: flex;    justify-content: space-between;    align-items: center;    color: #ffffff;    font-size: 1rem;    font-weight: 600;    margin-bottom: 1rem;    padding: 0.75rem 1rem;    background: rgba(255, 107, 53, 0.08);    border-radius: 8px;    border: 1px solid rgba(255, 107, 53, 0.15);}.cart-total-label {    color: #94a3b8;    font-weight: 500;}.cart-total-value {    color: #ff6b35;    font-size: 1.1rem;    font-weight: 700;}.checkout-btn {    width: 100%;    padding: 0.9rem;    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);    color: white;    border: none;    border-radius: 10px;    font-size: 1rem;    font-weight: 700;    font-family: 'IRANSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;    cursor: pointer;    transition: all 0.3s ease;    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);    letter-spacing: 0.5px;}.checkout-btn:hover {    transform: translateY(-2px);    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.5);}/* Mini Cart */.mini-cart {    position: fixed;    bottom: 2rem;    left: 2rem;    background: rgba(30, 41, 59, 0.95);    backdrop-filter: blur(10px);    border-radius: 15px;    padding: 1.5rem;    min-width: 280px;    box-shadow: 0 10px 40px rgba(0,0,0,0.4);    border: 1px solid rgba(255, 107, 53, 0.2);    z-index: 100;    transform: translateY(150%);    transition: transform 0.4s ease;}.mini-cart.show {    transform: translateY(0);}.mini-cart-header {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 1rem;    padding-bottom: 1rem;    border-bottom: 1px solid rgba(255, 107, 53, 0.2);}.mini-cart-title {    color: #ffffff;    font-weight: 600;    font-size: 1.1rem;}.mini-cart-count {    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);    color: white;    padding: 0.25rem 0.75rem;    border-radius: 20px;    font-size: 0.9rem;}.mini-cart-item {    color: #94a3b8;    font-size: 0.9rem;    margin-bottom: 0.5rem;    padding: 0.5rem;    background: rgba(51, 65, 85, 0.3);    border-radius: 5px;}.view-cart-btn {    width: 100%;    padding: 0.75rem;    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);    color: white;    border: none;    border-radius: 8px;    font-size: 0.9rem;    font-weight: 600;    font-family: 'IRANSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;    cursor: pointer;    margin-top: 1rem;    transition: all 0.3s ease;}.view-cart-btn:hover {    transform: translateY(-2px);    box-shadow: 0 5px 20px rgba(255, 107, 53, 0.4);}/* Responsive *//* Desktop & Landscape Tablet (بیشتر از 1024px) */@media (min-width: 1024px) {    main {        padding: 1.5rem 2rem;    }    .order-form {        display: grid;        grid-template-columns: 1fr 1fr;        gap: 2rem;        align-items: start;        max-width: 1100px;        padding: 2rem;    }    .form-title {        grid-column: 1 / -1;        text-align: center;        margin-bottom: 1rem;        font-size: 1.6rem;    }    /* فیلدها در سمت راست */    #printOrderForm {        grid-column: 1;        grid-row: 2;        display: flex;        flex-direction: column;    }    /* آپلودر در سمت چپ */    .upload-section,    .image-preview {        grid-column: 2;        grid-row: 2;    }    .upload-section {        display: flex;        flex-direction: column;        height: 100%;    }    .upload-area {        flex: 1;        display: flex;        flex-direction: column;        justify-content: center;        min-height: 400px;        padding: 1.5rem;    }    .image-preview {        display: none;        min-height: 430px;        max-height: 430px;    }    .image-preview.show {        display: flex;    }    .preview-container {        height: 400px;        max-height: 400px;    }    .preview-image {        width: 100%;        height: 300px;        object-fit: contain;        border-radius: 12px;    }}/* Tablet Portrait (768px تا 1024px) */@media (min-width: 768px) and (max-width: 1023px) {    /* Mobile Header Layout */    header {        padding: 1rem 1.5rem;    }    .container {        padding: 0;    }    /* Show Hamburger Menu */    .hamburger-menu {        display: flex !important;    }    /* Hide Desktop Nav */    nav {        display: none !important;    }    /* Center Logo with Hamburger and Cart */    .header-content {        display: grid;        grid-template-columns: 50px 1fr 50px;        align-items: center;        gap: 1rem;    }    .hamburger-menu {        grid-column: 1;        justify-self: start;    }    .logo {        grid-column: 2;        justify-self: center;        font-size: 1.5rem;    }    .nav-section {        grid-column: 3;        justify-self: end;        gap: 0;    }    .cart-icon {        position: static;    }    /* Full Height Main */    main {        min-height: calc(100vh - 80px);        padding: 1rem;    }    .order-form {        max-width: 700px;        padding: 1.5rem;        margin: 0;    }    .cart-sidebar {        width: 400px;    }    .form-group {        margin-bottom: 1rem;    }    .form-title {        font-size: 1.5rem;        margin-bottom: 1rem;    }    .upload-area {        height: 180px;        padding: 1.5rem;    }    .preview-image {        max-height: 200px;    }}/* Mobile Landscape (480px تا 768px) */@media (min-width: 480px) and (max-width: 767px) {    /* Mobile Header Layout */    header {        padding: 1rem 1.5rem;    }    .container {        padding: 0;    }    /* Show Hamburger Menu */    .hamburger-menu {        display: flex !important;    }    /* Hide Desktop Nav */    nav {        display: none !important;    }    /* Center Logo with Hamburger and Cart */    .header-content {        display: grid;        grid-template-columns: 50px 1fr 50px;        align-items: center;        gap: 1rem;    }    .hamburger-menu {        grid-column: 1;        justify-self: start;    }    .logo {        grid-column: 2;        justify-self: center;        font-size: 1.4rem;    }    .nav-section {        grid-column: 3;        justify-self: end;        gap: 0;    }    .cart-icon {        position: static;    }    /* Full Height Main */    main {        min-height: calc(100vh - 75px);        padding: 1rem;        width: 100%;    }    .order-form {        padding: 1.5rem;        max-width: 100%;        width: 100%;        margin: 0;    }    .form-title {        font-size: 1.4rem;        margin-bottom: 1rem;    }    .upload-area {        height: 170px;        padding: 1rem;    }    .preview-image {        max-height: 180px;    }    .cart-sidebar {        width: 100%;        right: -100%;    }}/* Mobile Portrait (کمتر از 480px) */@media (max-width: 479px) {    /* Mobile Header Layout */    header {        padding: 0.75rem 1rem;    }    .container {        padding: 0;    }    /* Show Hamburger Menu */    .hamburger-menu {        display: flex !important;    }    /* Hide Desktop Nav */    nav {        display: none !important;    }    /* Center Logo with Hamburger and Cart */    .header-content {        display: grid;        grid-template-columns: 45px 1fr 45px;        align-items: center;        gap: 0.5rem;    }    .hamburger-menu {        grid-column: 1;        justify-self: start;    }    .logo {        grid-column: 2;        justify-self: center;        font-size: 1.3rem;    }    .nav-section {        grid-column: 3;        justify-self: end;        gap: 0;    }    .cart-icon {        position: static;    }    /* Full Height Main */    main {        min-height: calc(100vh - 65px);        padding: 0.75rem;        width: 100%;    }    .order-form {        padding: 1.25rem;        margin: 0;        max-width: 100%;        width: 100%;    }    .form-title {        font-size: 1.4rem;        margin-bottom: 1.5rem;    }    .upload-area {        height: 150px;        padding: 1.5rem;    }    .upload-icon {        width: 40px;        height: 40px;    }    .upload-text {        font-size: 0.95rem;    }    .upload-hint {        font-size: 0.85rem;    }    .form-group {        margin-bottom: 1rem;    }    .form-group label {        font-size: 0.95rem;    }    .form-group select,    .form-group input {        font-size: 0.95rem;        padding: 0.7rem;    }    .price-display {        padding: 1rem;        font-size: 0.95rem;    }    .submit-btn {        padding: 0.9rem;        font-size: 1rem;        height: 48px;    }    .cart-sidebar {        width: 100%;        right: -100%;    }    .cart-item {        padding: 0;    }    .cart-item-image {        width: 85px;        min-width: 85px;        height: 100px;    }    .cart-item-body {        padding: 0.6rem 0.75rem;    }    .cart-item-title {        font-size: 0.85rem;    }    .cart-item-details {        font-size: 0.75rem;    }    .cart-item-price {        font-size: 0.8rem;    }    .cart-item-title {        font-size: 0.95rem;    }    .cart-item-details {        font-size: 0.85rem;    }    .remove-item {        width: 28px;        height: 28px;        font-size: 1.3rem;    }    .qty-btn {        width: 30px;        height: 30px;        font-size: 1.1rem;    }    .qty-display {        min-width: 40px;        width: 40px;        font-size: 0.95rem;    }    .quantity-control {        padding: 0.5rem 0.8rem;    }    .mini-cart {        left: 1rem;        right: 1rem;        min-width: auto;        padding: 1rem;    }    .preview-image {        max-height: 250px;    }    .remove-image {        width: 28px;        height: 28px;        font-size: 1.2rem;    }}/* Very Small Mobile (کمتر از 360px) */@media (max-width: 359px) {    .order-form {        padding: 1rem;        margin: 0.5rem;    }    .form-title {        font-size: 1.2rem;    }    .upload-area {        height: 130px;        padding: 1rem;    }    .qty-btn {        width: 28px;        height: 28px;    }    .qty-display {        min-width: 35px;        width: 35px;        font-size: 0.9rem;    }}/* Mobile Menu Sidebar */.mobile-menu-overlay {    display: none;    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(0, 0, 0, 0.7);    z-index: 1100;    opacity: 0;    transition: opacity 0.3s ease;}.mobile-menu-overlay.active {    display: block;    opacity: 1;}.mobile-menu-sidebar {    position: fixed;    top: 0;    right: -300px;    width: 280px;    height: 100%;    background: rgba(30, 41, 59, 0.98);    backdrop-filter: blur(10px);    z-index: 1101;    transition: right 0.3s ease;    box-shadow: -2px 0 20px rgba(0, 0, 0, 0.5);    display: none;    flex-direction: column;}.mobile-menu-sidebar.active {    right: 0;    display: flex;}.mobile-menu-header {    display: flex;    justify-content: space-between;    align-items: center;    padding: 1.5rem;    border-bottom: 1px solid rgba(255, 107, 53, 0.2);}.close-mobile-menu {    background: transparent;    border: none;    color: #ffffff;    font-size: 2rem;    cursor: pointer;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50%;    transition: all 0.3s ease;}.close-mobile-menu:hover {    background: rgba(255, 107, 53, 0.2);    color: #ff6b35;}.mobile-nav {    flex: 1;    padding: 1rem 0;}.mobile-nav ul {    list-style: none;    padding: 0;    margin: 0;    display: flex;    flex-direction: column;}.mobile-nav li {    border-bottom: 1px solid rgba(255, 255, 255, 0.3);}.mobile-nav a {    display: block;    padding: 1.5rem 2rem;    color: #ffffff;    text-decoration: none;    font-size: 1.2rem;    transition: all 0.3s ease;    font-weight: 500;}.mobile-nav a:hover {    background: rgba(255, 107, 53, 0.1);    color: #ff6b35;    padding-left: 2rem;}