.contact-page{background:linear-gradient(#f2f6ff 95%,#fff 100%);min-height:100vh}.contact-hero{padding:40px 0 60px}.contact-hero-grid{grid-template-columns:1fr 1.2fr;align-items:flex-start;gap:60px;display:grid}.contact-title-section{position:sticky;top:160px}.contact-title{color:var(--primary);margin:0;font-size:48px;line-height:1}.contact-subtitle{color:var(--primary);margin:0}.contact-menu-section{max-width:100%}.contact-menu-wrapper ul li{background:#fff;border-radius:16px;margin:10px 0;padding:8px;transition:background .6s;overflow:hidden;box-shadow:0 4px 20px #00000014}.contact-menu-wrapper ul li:hover{background:var(--primary)}.menu-breadcrumb{padding:12px 16px 8px}.back-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--orange)}[dir=rtl] .back-btn svg{transform:rotate(180deg)}.menu-category-title{color:var(--primary);margin:0;padding:8px 16px 16px;font-size:14px;font-weight:500}.menu-items-container{transition:transform .3s,opacity .3s}.menu-items-container.slide-left{animation:.3s slideLeft}.menu-items-container.slide-right{animation:.3s slideRight}@keyframes slideLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes slideRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}[dir=rtl] .menu-items-container.slide-left{animation:.3s slideLeftRTL}[dir=rtl] .menu-items-container.slide-right{animation:.3s slideRightRTL}@keyframes slideLeftRTL{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes slideRightRTL{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.menu-list{margin:0;padding:0;list-style:none}.menu-item{cursor:pointer;text-align:left;border:none;border-radius:12px;align-items:center;width:100%;padding:16px 20px;display:flex}.contact-menu-wrapper ul li:hover .menu-item .menu-label{color:#fff}[dir=rtl] .menu-item{text-align:right}.menu-icon{width:40px;height:40px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;display:flex}.contact-menu-wrapper ul li .menu-icon img{filter:invert(0)brightness()}.contact-menu-wrapper ul li:hover .menu-icon img{filter:invert()brightness(10)}[dir=rtl] .menu-icon{margin-left:16px;margin-right:0}.menu-label{color:var(--primary);flex:1;font-size:18px;font-weight:500;transition:color .6s}.menu-arrow{color:var(--secondary);flex-shrink:0;margin-left:8px}[dir=rtl] .menu-arrow{margin-left:0;margin-right:8px;transform:rotate(180deg)}.latest-orders-section{padding:20px}.latest-orders-title{color:var(--primary);margin:0 0 8px;font-size:14px;font-weight:600}.no-orders-text{color:var(--primary);margin:0 0 20px;font-size:13px}.order-number-input label{color:#374151;margin-bottom:8px;font-size:13px;display:block}.order-number-input input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:14px}.order-number-input input:focus{border-color:var(--primary);background:#fff;outline:none}.contact-form-section{padding:0 0 80px}.contact-form-grid{grid-template-columns:1fr 1.1fr;align-items:stretch;gap:0;display:grid}.contact-slider{border-radius:20px 0 0 20px;height:100%;position:relative;overflow:hidden}.slider-container{width:100%;height:100%;position:relative}.slider-slide{opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.slider-slide.active{opacity:1}.slider-indicators{z-index:10;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.indicator{background:var(--white);cursor:pointer;border:none;border-radius:2px;width:60px;height:3px;transition:background .6s}.indicator.active,.indicator:hover{background:var(--primary)}.contact-form-wrapper{background:#fff;border-radius:0 20px 20px 0;padding:40px}.form-title{color:var(--primary);margin:0 0 10px;font-size:40px;line-height:1.1}.form-description{color:var(--primary);margin:0 0 50px;line-height:1.6}.form-message{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.form-message.success{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.form-message.error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.contact-form{flex-direction:column;gap:16px;display:flex}.contact-form .form-group{margin:0}.contact-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form .form-input{color:var(--primary);border:1px solid var(--secondary);background:#fff;border-radius:100px;width:100%;padding:14px 16px;font-size:14px;transition:border-color .2s}.contact-form .form-input::placeholder{color:var(--secondary)}.contact-form .form-input:focus{border-color:var(--primary);outline:none}.contact-form .form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}[dir=rtl] .contact-form .form-select{background-position:16px 50%;padding-left:40px;padding-right:16px}.contact-form .form-textarea{resize:vertical;border-radius:20px;min-height:100px}.recaptcha-notice{color:var(--secondary);margin:0;font-size:12px;line-height:1.5}.recaptcha-notice a{color:var(--primary);text-decoration:underline}.recaptcha-notice a:hover{color:var(--orange)}.contact-form .dskbtn{margin:30px auto 0}.contact-form .dskbtn:disabled{opacity:.7;cursor:not-allowed}@media (max-width:1180px){.contact-hero-grid{grid-template-columns:1fr;gap:40px}.contact-title-section{text-align:center}.contact-menu-section{max-width:100%}.contact-form-grid{grid-template-columns:1fr}.contact-slider{border-radius:20px 20px 0 0;height:600px}.contact-form-wrapper{border-radius:0 0 20px 20px}.contact-title-section{position:relative;top:auto}}@media (max-width:768px){.contact-hero{padding:24px 0 40px}.contact-title{font-size:36px}.contact-form-wrapper{padding:24px}.form-title{font-size:24px}.contact-form .form-row{grid-template-columns:1fr}.contact-slider{height:350px}.submit-btn{width:100%}}@media (max-width:480px){.contact-title{font-size:28px}.menu-item{padding:12px 16px}.menu-icon{width:36px;height:36px}.menu-label{font-size:14px}.contact-slider{height:300px}.indicator{width:30px}}