:root{--vh: 1vh;--dvh: 1dvh}@media (max-width: 768px){html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}button,.btn,a[role=button],input[type=button],input[type=submit]{min-height:44px!important;min-width:44px!important}input,textarea,select{font-size:16px!important}*{-webkit-overflow-scrolling:touch!important}}@media (max-width: 480px){.container,.page-container,.main-container{padding-left:1rem!important;padding-right:1rem!important;max-width:100%!important}.modal,.dropdown,.popup{max-width:calc(100vw - 2rem)!important;max-height:calc(100vh - 2rem)!important;max-height:calc(100dvh - 2rem)!important}.order-status-page .message-input{pointer-events:auto!important;cursor:text!important;opacity:1!important}.order-status-page .message-input:disabled,.order-status-page .message-input[disabled]{pointer-events:auto!important;cursor:text!important;opacity:1!important;background:#ffffff0d!important;color:#fff!important}.btn-group,.button-group{gap:.5rem!important}.btn-group .btn,.btn-group button,.button-group .btn,.button-group button{flex:1!important;min-width:0!important}}@media (max-width: 768px){.chat-input,.message-input-container,.input-group{position:sticky!important;bottom:0!important;z-index:100!important;background:#000000f2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.chat-input input,.chat-input textarea,.message-input-container input,.message-input-container textarea,.input-group input,.input-group textarea{font-size:16px!important;border-radius:8px!important;padding:12px 16px!important}.chat-input button,.message-input-container button,.input-group button{min-height:44px!important;min-width:44px!important;border-radius:8px!important}.dropdown-menu,.user-dropdown,.profile-dropdown{position:fixed!important;max-width:calc(100vw - 2rem)!important;max-height:70vh!important;overflow-y:auto!important;z-index:9999!important}.dropdown-menu .menu-item,.dropdown-menu .dropdown-item,.user-dropdown .menu-item,.user-dropdown .dropdown-item,.profile-dropdown .menu-item,.profile-dropdown .dropdown-item{padding:1rem 1.25rem!important;font-size:1rem!important;min-height:44px!important;display:flex!important;align-items:center!important}.image-preview,.floating-preview,.floating-image-preview{position:fixed!important;z-index:9999!important;max-width:calc(100vw - 2rem)!important;max-height:70vh!important}.image-preview img,.floating-preview img,.floating-image-preview img{max-width:100%!important;max-height:50vh!important;object-fit:contain!important}}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.mobile-slide-up{animation:mobileSlideUp .3s ease-out!important}.mobile-slide-down{animation:mobileSlideDown .3s ease-out!important}.mobile-fade-in{animation:mobileFadeIn .2s ease-out!important}.mobile-full-width{width:100%!important;max-width:100%!important}.mobile-center{text-align:center!important;justify-content:center!important;align-items:center!important}.mobile-hidden{display:none!important}.mobile-visible{display:block!important}}@supports (padding: max(0px)){.mobile-safe-top{padding-top:max(1rem,env(safe-area-inset-top))!important}.mobile-safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))!important}.mobile-safe-left{padding-left:max(1rem,env(safe-area-inset-left))!important}.mobile-safe-right{padding-right:max(1rem,env(safe-area-inset-right))!important}}@media (max-width: 768px){.live-chat-widget{z-index:9998!important}.live-chat-widget .chat-window{margin-bottom:0!important;padding-bottom:0!important}.live-chat-widget .chat-window:after,.live-chat-widget .chat-window:before{display:none!important}.live-chat-widget .chat-window .message-input{margin-bottom:0!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.user-dropdown,.profile-dropdown{z-index:9999!important}.floating-image-preview,.floating-order-image-preview{z-index:10000!important}.modal,.overlay{z-index:10001!important}}:root{--primary-orange: #ff9900;--primary-orange-dark: #e6800e;--primary-orange-light: #ffad33;--primary-orange-lighter: #ffcc66;--secondary-black: #000000;--secondary-dark: #1a1a1a;--secondary-darker: #0d0d0d;--secondary-gray: #2a2a2a;--secondary-gray-light: #404040;--accent-white: #ffffff;--accent-gray: #cccccc;--accent-gray-dark: #666666;--accent-red: #ff4444;--accent-green: #44ff44;--bg-primary: var(--secondary-black);--bg-secondary: var(--secondary-dark);--bg-tertiary: var(--secondary-gray);--bg-card: var(--secondary-darker);--bg-overlay: rgba(0, 0, 0, .8);--text-primary: var(--accent-white);--text-secondary: var(--accent-gray);--text-muted: var(--accent-gray-dark);--text-accent: var(--primary-orange);--border-primary: 1px solid var(--secondary-gray);--border-orange: 2px solid var(--primary-orange);--shadow-small: 0 2px 4px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .4);--shadow-large: 0 8px 16px rgba(0, 0, 0, .5);--shadow-orange: 0 4px 12px rgba(255, 153, 0, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;scrollbar-width:none}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:2.5rem;background:linear-gradient(45deg,var(--primary-orange),var(--primary-orange-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;color:var(--text-accent)}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-orange);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-orange-light);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(45deg,var(--primary-orange),var(--primary-orange-light));color:var(--secondary-black);box-shadow:var(--shadow-orange)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f906}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--primary-orange);border:var(--border-orange)}.btn-secondary:hover:not(:disabled){background:var(--primary-orange);color:var(--secondary-black)}.btn-dark{background:var(--bg-card);color:var(--text-primary);border:var(--border-primary)}.btn-dark:hover:not(:disabled){background:var(--secondary-gray)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem}.btn-loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.card{background:var(--bg-card);border:var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-medium);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-large);transform:translateY(-4px)}.card-header{border-bottom:var(--border-primary);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.card-title{color:var(--text-accent);margin-bottom:var(--spacing-sm)}.card-body{color:var(--text-secondary)}.card-footer{border-top:var(--border-primary);padding-top:var(--spacing-md);margin-top:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:500}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff99001a}.form-control::placeholder{color:var(--text-muted)}.form-control.error{border-color:var(--accent-red)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);width:100%}@media (max-width: 1240px){.container{max-width:1140px}}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-orange)}50%{box-shadow:0 0 20px var(--primary-orange),0 0 30px var(--primary-orange)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideInLeft{animation:slideInLeft .5s ease-out}.animate-slideInRight{animation:slideInRight .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-glow{animation:glow 2s infinite}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.btn{padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg)}.card{padding:var(--spacing-md)}}@media (max-width: 480px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}.card{padding:var(--spacing-sm)}}@media (max-width: 1440px) and (min-width: 1024px){html{font-size:15px}}@media (max-width: 1280px) and (min-width: 1024px){html{font-size:14px}}@media (max-width: 430px) and (min-device-pixel-ratio: 2.5),(max-width: 430px) and (-webkit-min-device-pixel-ratio: 2.5){html{font-size:12px}}section,.container,.page-container,.main-content{max-width:100%}body,html,.page-container,.container,main{overflow-x:hidden}@media (max-width: 380px){html{font-size:12px}}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:transparent}::selection{background:var(--primary-orange);color:var(--secondary-black)}*:focus{outline:2px solid var(--primary-orange);outline-offset:2px}.compact-section{padding:1rem 0!important}@media (min-width: 768px){.compact-section{padding:1.5rem 0!important}}.compact-gap{gap:1rem!important}@media (min-width: 768px){.compact-gap{gap:1.5rem!important}}.compact-margin{margin-bottom:1rem!important}.compact-margin:last-child{margin-bottom:0!important}.compact-hero{min-height:50vh!important;padding:2rem 0!important}@media (min-width: 768px){.compact-hero{min-height:60vh!important;padding:3rem 0!important}}.max-content-width{max-width:1400px!important;margin:0 auto!important;padding:0 1rem!important}@media (min-width: 768px){.max-content-width{padding:0 2rem!important}}.compact-grid{display:grid!important;gap:1rem!important}@media (min-width: 768px){.compact-grid{gap:1.5rem!important}}@media (min-width: 1024px){.compact-grid{gap:2rem!important}}.page-container{padding-top:80px!important;padding-bottom:2rem!important}@media (min-width: 768px){.page-container{padding-bottom:3rem!important}}.compact-form-section{margin-bottom:1.5rem!important}.compact-form-section .form-group{margin-bottom:1rem!important}.compact-form-section .form-row{gap:1rem!important}@media (max-width: 767px){.mobile-compact{padding:.5rem 0!important;margin-bottom:.75rem!important}.mobile-compact-gap{gap:.75rem!important}}.container{padding:0 1rem!important}@media (min-width: 768px){.container{padding:0 2rem!important}}section{padding:1.5rem 0!important}@media (min-width: 768px){section{padding:2rem 0!important}}.card,.section-card{margin-bottom:1rem!important;padding:1rem!important}@media (min-width: 768px){.card,.section-card{padding:1.5rem!important}}.full-height-efficient{min-height:calc(100vh - 160px)!important}.page-header{padding:1rem 0!important;margin-bottom:1rem!important}@media (min-width: 768px){.page-header{padding:1.5rem 0!important;margin-bottom:1.5rem!important}}.modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000d9!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;pointer-events:auto!important}.modal-overlay>*{position:relative!important;z-index:100000!important;pointer-events:auto!important}