:root{--primary-color: #2ecc71;--primary-dark: #27ae60;--secondary-color: #3498db;--danger-color: #e74c3c;--gemini-color: #8A2BE2;--gold-frame: #FFD700;--text-color: #2c3e50;--text-dark: #ecf0f1;--text-mid: #475569;--text-light: #ffffff;--background-color: #f4f4f9;--background-alt-color: #ffffff;--surface-color: rgba(255, 255, 255, .96);--surface-opaque: #ffffff;--surface-light: rgba(255, 255, 255, .96);--surface-dark: #1c2938;--glass-bg: rgba(255, 255, 255, .6);--border-color: #e0e0e0;--border-light: #e0e0e0;--border-dark: #4a627a;--shadow-color: 0 2px 14px rgba(0, 0, 0, .09);--shadow-light: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .45);--main-shadow: 0px 8px 32px rgba(20, 41, 26, .1);--transition: .24s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--side-tabs-width: 320px;--side-tabs-handle-w: 58px;--side-tabs-handle-h: 58px;--fab-size: 60px;--option-size: 52px;--option-gap: 16px;--animation-curve: cubic-bezier(.4, 0, .2, 1);--font-size-multiplier: 1}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%;width:100%;overflow-x:hidden;font-family:Varela Round,Arial,Tahoma,sans-serif;direction:rtl}body{min-height:100vh;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);font-size:calc(1rem * var(--font-size-multiplier));transition:background-color .4s,color .3s,font-size .3s}body.dark-mode{--background-color: #1f2833;--background-alt-color: #222b36;--surface-color: rgba(28, 41, 56, .93);--surface-opaque: #222b36;--text-color: var(--text-dark);--border-color: #34495e;--border-light: #34495e;--shadow-color: 0 2px 14px rgba(30, 40, 60, .14);background-image:url(https://firebasestorage.googleapis.com/v0/b/fruit-800b6.firebasestorage.app/o/SLIDER%2Flayla_optimized.png?alt=media&token=5e1def81-94a4-4e51-ad60-a908b320163e)}body.modal-open,body.zoom-active{overflow:hidden}body.zoom-active .zoom-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;cursor:grab;z-index:999}body.zoom-active main{transform:scale(1.4);transform-origin:0 0}img{max-width:100%;height:auto;display:block;-webkit-user-drag:none;border:none;background:none;pointer-events:none}main.text-size-large{font-size:1.15em}main.text-size-xlarge{font-size:1.3em}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}footer{text-align:center;font-size:.9em;padding:28px 0 12px;color:#7f8c8d}footer .footer-logo{max-width:80px;margin:0 auto 15px}#adminBtn{display:none}#userProfileWidget,#userProfilePopover,#user-widget-button{display:none!important}.grecaptcha-badge{visibility:visible!important;opacity:1!important;right:15px!important;bottom:15px!important;box-shadow:0 2px 10px rgba(0,0,0,.2)!important;z-index:900!important}#fixed-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat}body[data-light-bg] #fixed-background{background-image:attr(data-light-bg)}body.dark-mode[data-dark-bg] #fixed-background{background-image:attr(data-dark-bg)}.primary-btn,a.primary-btn{background-color:var(--primary-color);color:var(--text-light)!important;padding:12px 28px;border:none;border-radius:50px;font-size:1.05em;font-weight:700;cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 8px var(--shadow-light);text-decoration:none;display:inline-block}.primary-btn:hover,a.primary-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-light)}.primary-btn[disabled]{background-color:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.icon-btn,a.icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px var(--shadow-light);padding:0;text-decoration:none;background-color:var(--background-alt-color);color:var(--text-color)}body.dark-mode .icon-btn{background-color:var(--surface-dark);color:var(--text-dark)}.icon-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.ai-control-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff!important;box-shadow:0 4px 15px rgba(37,117,252,.4);border:none}.ai-control-btn svg{stroke:#fff}.ai-control-btn:hover{background:linear-gradient(135deg,#5a0ea8,#1e5fcc)}#createAITrayGo{width:auto;height:44px;padding:0 20px;border-radius:22px;font-weight:700;font-size:1em}.danger-btn{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.danger-btn:hover{background:#e74c3c;color:#fff}.unified-login{width:100%;max-width:350px;margin:0 auto}.login-options-panel{overflow:hidden;max-height:0;opacity:0;transition:max-height .5s ease-in-out,opacity .3s ease-in-out,margin-top .5s ease-in-out}.unified-login.is-expanded .login-options-panel{max-height:500px;opacity:1;margin-top:25px}.login-options-panel .panel-intro-text{font-size:.95em;color:var(--text-mid);margin-bottom:15px;text-align:center}.social-login-buttons{display:flex;gap:10px;margin-top:15px}.social-login-buttons .google-btn,.social-login-buttons .apple-btn{flex:1;padding:10px}.google-btn,.apple-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:var(--border-radius);border:1px solid transparent;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;max-width:320px;box-sizing:border-box;margin:0 auto}.google-btn img,.apple-btn img{width:20px;height:20px}.google-btn{background-color:#db4437;color:#fff}.google-btn:hover{background-color:#c53d32;box-shadow:0 2px 8px rgba(219,68,55,.3)}.apple-btn{background-color:#000;color:#fff}.apple-btn:hover{background-color:#333}input[type=text],input[type=search],input[type=email],input[type=password],textarea{padding:10px 15px;border-radius:20px;border:1px solid var(--border-light);width:100%;font-size:1em;font-family:Varela Round,sans-serif;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=search]:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(46,204,113,.2)}body.dark-mode input[type=text],body.dark-mode input[type=search],body.dark-mode input[type=email],body.dark-mode input[type=password],body.dark-mode textarea{background-color:#2c3e50;border-color:#4a627a;color:var(--text-dark)}input[type=tel]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="%237f8c8d"><path d="M0 0h24v24H0z" fill="none"/><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>');background-repeat:no-repeat;background-position:left 15px center;background-size:22px;direction:ltr;text-align:right;padding:12px 40px 12px 15px;font-size:1.1em;letter-spacing:1.5px}input[type=tel]:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(52,152,219,.25);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="%233498db"><path d="M0 0h24v24H0z" fill="none"/><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>')}input[type=tel]::placeholder{text-align:right;letter-spacing:normal}.modal-overlay,.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;opacity:0;visibility:hidden;align-items:center;justify-content:center;z-index:2000;transition:opacity .3s ease,visibility .3s ease;background-color:rgba(44,62,80,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay.dark-backdrop,.popup-overlay.dark-backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay.show,.popup-overlay.show{display:flex;opacity:1;visibility:visible}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.welcome-popup-content,.login-popup-content,.popup-content,.popup-inner,.ai-suggestion-content{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.15);padding:30px;max-width:450px;width:90%;max-height:96vh;overflow-y:auto;text-align:center;position:relative;border:none;animation:fadeInScale .4s cubic-bezier(.25,.46,.45,.94);touch-action:pan-y}body.dark-mode .welcome-popup-content,body.dark-mode .login-popup-content,body.dark-mode .popup-content,body.dark-mode .popup-inner,body.dark-mode .ai-suggestion-content{background:#2c3e50;color:var(--text-dark)}#fruitDetailModal .modal-content{max-width:360px;width:90%;padding:20px;border-radius:24px;background-color:#fff;box-shadow:0 10px 50px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.8);text-align:center;overflow:visible;animation:fadeInScale .4s cubic-bezier(.25,.46,.45,.94);margin-top:50px}#fruitDetailModal .popup-fruit-image{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:-85px auto 10px;display:block;box-shadow:0 8px 20px rgba(0,0,0,.15);border:4px solid white}#fruitDetailModal h2{font-size:2em;font-weight:700;margin-bottom:5px;color:var(--text-color)}#fruitDetailModal .popup-fruit-description{font-size:1em;color:#667;margin:0 auto 20px;line-height:1.5;max-width:90%}#fruitDetailModal .quantity-selector{display:flex;align-items:center;justify-content:center;gap:90px;width:100%;margin-bottom:25px;margin-top:10px}#fruitDetailModal .quantity-selector .qty-btn{width:100px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--primary-color);color:var(--text-light);border:none;border-radius:12px;font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .2s ease;margin:0 -77px}#fruitDetailModal .quantity-selector .qty-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.25)}#fruitDetailModal .quantity-selector .qty-btn:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}#fruitDetailModal .qty-btn:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.1)}#fruitDetailModal .qty-btn:disabled{opacity:.4;cursor:not-allowed;transform:scale(1);background-color:transparent;color:#ccc;border-color:#ccc}#fruitDetailModal #quantity-display{font-size:1.6rem;font-weight:600;color:var(--text-color);min-width:100px;text-align:center}#fruitDetailModal .primary-btn{width:100%;padding:16px;font-size:1.1em;border-radius:16px}body.dark-mode #fruitDetailModal .modal-content{background-color:#283442;border-color:rgba(255,255,255,.1)}body.dark-mode #fruitDetailModal .popup-fruit-image{border-color:#283442}body.dark-mode #fruitDetailModal h2{color:#f0f0f0}body.dark-mode #fruitDetailModal .popup-fruit-description{color:#aab8c5}body.dark-mode #fruitDetailModal .qty-btn{color:var(--primary-color);border-color:var(--primary-color)}body.dark-mode #fruitDetailModal .qty-btn:hover{background-color:var(--primary-color);color:#fff}body.dark-mode #fruitDetailModal #quantity-display{color:#f0f0f0}.close-modal-btn,.close-popup-btn{top:10px;right:10px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s ease-in-out;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,.2)}.close-modal-btn:hover,.close-popup-btn:hover{background-color:#e74c3c;transform:scale(1.1) rotate(90deg)}body.dark-mode .close-modal-btn,body.dark-mode .close-popup-btn{background-color:rgba(255,255,255,.15);color:#eee}.modal-logo,.welcome-logo{max-width:120px;margin:0 auto 22px;display:block}.notification-popup{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);color:#fff;padding:14px 22px;border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:10001;font-size:1em;font-weight:700;transition:bottom .5s cubic-bezier(.175,.885,.32,1.275)}.notification-popup.show{bottom:130px}.notification-popup.info{background-color:#007bff}.notification-popup.success{background-color:#28a745}.notification-popup.warning{background-color:#ffc107;color:#333}.notification-popup.error{background-color:#dc3545}#aiSuggestionModal .ai-suggestion-content{max-width:700px;width:95vw;max-height:90vh}#aiSuggestionModal .ai-suggestion-trays-container{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:5px;margin:15px 0}.ai-suggestion-tray{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:15px}.ai-suggestion-tray h4{margin-top:0;text-align:center}.ai-slots-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;list-style:none;padding:0}.ai-slot{border:1px solid #ddd;border-radius:8px;padding:8px;text-align:center;background:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.ai-slot:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.ai-slot-image{width:50px;height:50px;object-fit:cover;border-radius:5px;margin-bottom:5px}.ai-slot-info{font-size:12px}.ai-slot-name{font-weight:700;display:block}.ai-suggestion-summary{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;text-align:center}.fruit-swap-menu{position:fixed;z-index:2001;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.2);max-height:50vh;overflow-y:auto;padding:10px}.fruit-swap-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fruit-swap-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .2s}.fruit-swap-item:hover{background-color:#f0f0f0}.fruit-swap-item img{width:50px;height:50px;object-fit:cover;border-radius:50%}.fruit-swap-item span{font-size:12px;text-align:center}.fruit-action-tooltip{position:absolute;z-index:1000;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.15);padding:8px;display:flex;flex-direction:column;gap:5px;border:1px solid #eee}.tooltip-action-btn{background-color:transparent;border:none;padding:8px 12px;text-align:right;cursor:pointer;border-radius:5px;transition:background-color .2s ease}.tooltip-action-btn:hover{background-color:#f5f5f5}#welcomePopup .popup-content{display:flex;flex-direction:column;align-items:center;padding:25px}#welcomePopup .popup-content>p:first-of-type{font-size:1.25em;font-weight:700;color:var(--text-color);margin-top:10px;margin-bottom:8px}#welcomePopup .membership-perks{font-size:1em;line-height:1.6;color:var(--text-mid);margin-bottom:25px}#welcomePopup .popup-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}#welcomePopup .popup-actions button{width:100%;padding:13px;font-size:1.05em;font-weight:700;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease}#welcomePopup #showLoginPopupBtn{background-color:var(--primary-color);color:#fff;border:none;box-shadow:var(--shadow-color)}#welcomePopup #showLoginPopupBtn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}#welcomePopup #showRegisterBtn{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);font-weight:600}#welcomePopup #showRegisterBtn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}#welcomePopup #guestContinueBtn{background:none;border:none;color:var(--text-mid);font-size:.95em;font-weight:500;text-decoration:underline;padding:8px 10px;margin-top:5px}#welcomePopup #guestContinueBtn:hover{color:var(--primary-color);transform:translateY(-1px);text-decoration:none}#welcomePopup .close-modal-btn{display:none}.side-tabs-container{position:fixed;top:60px;right:0;z-index:1000}.side-tab-item,.tab-handle{background-color:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--gold-frame)}.side-tab-item{position:fixed;width:var(--side-tabs-width);max-height:85vh;border-radius:24px 0 0 24px;box-shadow:var(--main-shadow);z-index:1000;display:flex;flex-direction:column;right:0;transform:translate(100%);transition:transform .5s cubic-bezier(.2,1,.3,1)}#side-tab-google{top:80px}#side-tab-ninja{top:140.5px}#side-tab-club{top:201px}#side-tab-ai-chat{top:261.5px}#side-tab-ai-chat.side-tab-item{height:50vh;max-height:400px}.tab-handle{position:absolute;top:0;left:calc(var(--side-tabs-handle-w) * -1);width:var(--side-tabs-handle-w);height:var(--side-tabs-handle-h);border-right:none;border-radius:18px 0 0 18px;box-shadow:-4px 4px 15px rgba(20,41,26,.05);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.side-tab-item:hover .tab-handle{transform:translate(-4px)}.side-tab-item.is-expanded{transform:translate(0)!important;z-index:1001!important}#side-tab-ninja.is-expanded{z-index:1002!important}.side-tab-item.is-expanded .tab-handle{background:#e74c3c}.tab-handle svg,.tab-handle img{width:28px;height:28px;color:#34495e;transition:color .3s ease,filter .3s ease}.side-tab-item.is-expanded .tab-handle svg,.side-tab-item.is-expanded .tab-handle img{color:var(--primary-color);filter:drop-shadow(0 0 8px rgba(46,204,113,.7))}.tab-content{overflow-y:auto;flex-grow:1;color:var(--text-color);display:flex;flex-direction:column}#side-tab-google .tab-content,#side-tab-ninja .tab-content{padding:24px}#fab-container{position:fixed;left:20px;bottom:20px;z-index:3000}#fab-main{width:var(--fab-size);height:var(--fab-size);border-radius:50%;border:none;background:radial-gradient(circle at 65% 15%,#fff 1px,#ffc837 3%,#ff8008 60%,#ffc837);box-shadow:0 10px 30px rgba(255,128,8,.35);cursor:pointer;position:relative;z-index:10;display:grid;place-items:center;transition:transform .3s var(--animation-curve)}#fab-main .material-symbols-outlined{transition:transform .3s var(--animation-curve);color:#fff}#fab-container.is-open #fab-main{transform:rotate(45deg)}#fab-options{position:absolute;bottom:calc(var(--fab-size) + var(--option-gap));left:50%;transform:translate(-50%);width:var(--option-size);pointer-events:none;display:flex;flex-direction:column-reverse;gap:var(--option-gap);align-items:center}.fab-option,.fab-option-group{position:relative;width:var(--option-size);height:var(--option-size);opacity:0;transform:scale(.5);transition:transform .2s var(--animation-curve),opacity .2s var(--animation-curve);flex-shrink:0}.fab-option{border-radius:50%;display:grid;place-items:center;cursor:pointer;text-decoration:none;border:none;color:#fff}#fab-container.is-open #fab-options{pointer-events:auto}#fab-container.is-open .fab-option,#fab-container.is-open .fab-option-group{opacity:1;transform:scale(1)}#fab-container.is-open>#fab-options>*:nth-child(1){transition-delay:.04s}#fab-container.is-open>#fab-options>*:nth-child(2){transition-delay:.08s}#fab-container.is-open>#fab-options>*:nth-child(3){transition-delay:.12s}#fab-container.is-open>#fab-options>*:nth-child(4){transition-delay:.16s}#fab-container.is-open>#fab-options>*:nth-child(5){transition-delay:.2s}#fab-container.is-open>#fab-options>*:nth-child(6){transition-delay:.24s}#chatbotBtn{background:radial-gradient(circle at 65% 15%,#fff 1px,#8e44ad 3%,#9b59b6 60%);box-shadow:0 6px 20px rgba(142,68,173,.3)}#instructionsBtn{background:radial-gradient(circle at 65% 15%,#fff 1px,#3498db 3%,#5dade2 60%);box-shadow:0 6px 20px rgba(52,152,219,.3)}a.fab-option[data-label=WhatsApp]{background:radial-gradient(circle at 65% 15%,#fff 1px,#25d366 3%,#50e188 60%);box-shadow:0 6px 20px rgba(37,211,102,.3)}#themeToggle{background:radial-gradient(circle at 65% 15%,#fff 1px,#7f8c8d 3%,#95a5a6 60%);box-shadow:0 6px 20px rgba(127,140,141,.3)}#text-options-btn{background:radial-gradient(circle at 65% 15%,#fff 1px,#e67e22 3%,#f39c12 60%);box-shadow:0 6px 20px rgba(230,126,34,.3)}#magnifierBtn{background:radial-gradient(circle at 65% 15%,#fff 1px,#e74c3c 3%,#ff5858 60%);box-shadow:0 6px 20px rgba(255,88,88,.3)}body.dark-mode #themeToggle{background:radial-gradient(circle at 65% 15%,#fff 1px,#4a148c 3%,#8e44ad 60%);box-shadow:0 6px 20px rgba(142,68,173,.5)}#magnifierBtn.active,#magnifierBtn.loading{background:radial-gradient(circle at 65% 15%,#fff 1px,#1976d2 3%,#2196f3 60%);box-shadow:0 6px 20px rgba(33,150,243,.5)}.fab-option-group{position:relative}.fab-submenu-options{position:absolute;bottom:4px;left:calc(100% + 14px);display:flex;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-10px);transition:all .2s ease}.fab-option-group.submenu-open .fab-submenu-options{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.fab-option-group.submenu-open>#text-options-btn{background:radial-gradient(circle at 65% 15%,#fff 1px,#16a085 3%,#1abc9c 60%);box-shadow:0 6px 20px rgba(22,160,133,.4);transform:scale(1.05)}.fab-submenu-option{width:44px;height:44px;background:#f1f3f5;color:#4a5568;border:none;border-radius:50%;box-shadow:0 4px 12px rgba(44,62,80,.2);display:grid;place-items:center;cursor:pointer}.fab-submenu-option:hover{transform:scale(1.1)}.chat-header{background-color:#fff;padding:15px 20px;border-bottom:1px solid #e0e6ed;flex-shrink:0;text-align:center}.chat-header h4{margin:0;font-size:1.2em;color:#2c3e50}#aiChatWindow{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:0}.chat-message{display:flex;align-items:flex-end;max-width:85%}.chat-message .message-content{padding:10px 15px;border-radius:18px;line-height:1.5;position:relative;display:flex;align-items:center;gap:8px}.chat-message .message-content p{margin:0}.chat-message.user{align-self:flex-end}.chat-message.user .message-content{background-color:#3498db;color:#fff;border-bottom-right-radius:4px}.chat-message.bot{align-self:flex-start}.chat-message.bot .message-content{background-color:#fff;color:#34495e;border:1px solid #e0e6ed;border-bottom-left-radius:4px}.read-aloud-btn{background:transparent;border:none;color:#7f8c8d;cursor:pointer;font-size:1.2em;padding:0;opacity:.7;transition:all .2s ease}.read-aloud-btn:hover{color:#3498db;opacity:1}.chat-input-area{display:flex;align-items:flex-end;padding:12px;border-top:1px solid #e0e6ed;background-color:#fff;gap:8px;flex-shrink:0}#aiChatInput{flex-grow:1;border:1px solid #ccc;border-radius:20px;padding:10px 15px;font-size:1em;line-height:1.4;resize:none;max-height:100px;overflow-y:auto;min-height:44px;box-sizing:border-box}#aiChatInput:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,.5)}.chat-input-area button{width:44px;height:44px;border-radius:50%;border:none;color:#fff;font-size:1.5em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;flex-shrink:0}#aiChatSendBtn{background-color:#2ecc71}#chatVoiceInputBtn{background-color:#3498db}.speak-btn.active{color:var(--primary-color)!important;text-shadow:0 0 8px var(--primary-color)}.fruit-description-tooltip{position:absolute;z-index:20;opacity:0;visibility:hidden;transform:scale(.95) translateY(10px);transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.1);padding:12px 16px;min-width:150px;max-width:250px;text-align:right;color:var(--primary-dark);font-size:.88em;line-height:1.4;font-weight:500}.fruit-description-tooltip.active{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.fruit-description-tooltip:after{content:"";position:absolute;bottom:-10px;left:unset;right:15px;border-width:6px;border-style:solid;border-color:white transparent transparent transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.05))}body.dark-mode .fruit-description-tooltip{background-color:#2b3b4d;border-color:#456;color:#e0e0e0}body.dark-mode .fruit-description-tooltip:after{border-color:#2b3b4d transparent transparent transparent}.magnifier-glass,#page-magnifier{position:fixed;border:3px solid #fff;border-radius:50%;width:120px;height:120px;box-shadow:0 0 10px rgba(0,0,0,.5);display:none;pointer-events:none;z-index:9999;background-repeat:no-repeat}input[type=tel]{border:2px solid var(--border-light);border-radius:50px;background-color:var(--background-alt-color);height:55px;width:100%;box-sizing:border-box;font-size:1.1em;font-weight:600;letter-spacing:1.5px;color:var(--text-color);padding:12px 50px 12px 15px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="%237f8c8d"><path d="M0 0h24v24H0z" fill="none"/><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>');background-repeat:no-repeat;background-position:right 15px center;direction:ltr;text-align:right;transition:all .3s ease}input[type=tel]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(46,204,113,.2);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="%232ecc71"><path d="M0 0h24v24H0z" fill="none"/><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>')}.login-container{width:100%;max-width:380px;margin:20px auto 0;display:flex;flex-direction:column;gap:20px}.login-method-selection{display:flex;justify-content:center;gap:10px;width:100%}.login-method-selection .google-btn,.login-method-selection .apple-btn,.login-method-selection .sms-btn{flex:1;padding:10px 5px;font-size:.9em;gap:8px}.sms-btn{background-color:var(--secondary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sms-btn:hover{filter:brightness(1.1)}.sms-login-panel{display:flex;flex-direction:column;gap:15px;overflow:hidden;max-height:0;opacity:0;transition:max-height .6s ease-in-out,opacity .4s ease-in-out}.sms-login-panel.is-visible{max-height:400px;opacity:1}#club-user-view{display:flex;flex-direction:column;gap:15px;padding:15px}#club-user-view h4{text-align:center;font-size:1.3em;color:var(--primary-color);margin:0;font-weight:700}.fruitcoin-balance{background-color:rgba(0,0,0,.04);border-radius:var(--radius-md);padding:10px 12px;display:flex;justify-content:space-between;align-items:center}body.dark-mode .fruitcoin-balance{background-color:rgba(255,255,255,.05)}.fruitcoin-balance span{font-weight:600}.fruitcoin-balance strong{font-size:1.1em;color:var(--primary-dark)}#club-user-view{display:flex;flex-direction:column;gap:12px;padding:12px}#club-user-view h4{text-align:center;font-size:1.2em;color:var(--text-color);margin:0 0 5px;font-weight:600}.fruitcoin-balance{padding:10px 5px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light)}#clubPromosList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.promo-item{position:relative;display:flex;align-items:center;background-color:#f8f9fa;border:2px dashed #e0e0e0;border-radius:var(--radius-md);min-height:70px;transition:all .2s ease}.promo-item:hover{border-style:solid;box-shadow:var(--shadow-color)}.promo-info{display:flex;flex-direction:column;text-align:right;width:100%}.promo-info strong{font-size:1.05em;font-weight:700;color:var(--text-color);margin-bottom:2px}.promo-info span{font-size:.85em;color:var(--text-mid)}.promo-redeem-btn{position:absolute;right:185px;top:50%;transform:translateY(-50%);background-color:var(--primary-color);color:#fff;border:none;border-radius:50px;padding:8px 18px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease;width:80px}#clubPromosList .promo-item:nth-child(4n+1){border-color:#3498db}#clubPromosList .promo-item:nth-child(4n+2){border-color:#9b59b6}#clubPromosList .promo-item:nth-child(4n+3){border-color:#e67e22}#clubPromosList .promo-item:nth-child(4n+4){border-color:#1abc9c}button#clubLogoutBtn.link-btn{background-color:transparent;border:none;color:var(--danger-color, #e74c3c);font-size:.9em;font-weight:700;text-decoration:underline;padding:8px 12px;margin:10px auto 0;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease-in-out}button#clubLogoutBtn.link-btn:hover{color:#c0392b;background-color:rgba(231,76,60,.1);text-decoration:none;transform:translateY(-1px)}.popup-overlay .popup-content,.popup-overlay .popup-inner{position:relative;z-index:2}.floating-help-container{position:fixed;bottom:20px;right:20px;z-index:998;display:flex;flex-direction:column;align-items:center}.floating-help-btn{position:relative;bottom:auto;left:auto;right:auto;width:50px;height:50px;background-color:#3498db;color:#fff;border:none;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease;opacity:0;transform:scale(0)}.floating-help-btn.show{opacity:1;transform:scale(1)}.floating-help-btn .material-symbols-outlined{font-size:26px}.floating-help-btn:hover{transform:scale(1.1)}.dismiss-help-btn{position:absolute;top:-10px;right:-5px;width:24px;height:24px;background-color:rgba(0,0,0,.5);color:#fff;border:1px solid white;border-radius:50%;font-size:14px;font-weight:700;line-height:22px;text-align:center;cursor:pointer;z-index:999;opacity:0;transform:scale(0);transition:transform .3s ease,opacity .3s ease}.dismiss-help-btn.show{opacity:1;transform:scale(1)}.dismiss-help-btn:hover{background-color:#e74c3c}@media (max-width: 480px){.floating-help-container{bottom:15px;right:15px}.floating-help-btn{width:45px;height:45px}.dismiss-help-btn{width:20px;height:20px;line-height:18px;font-size:12px;top:-8px;right:-3px}}.cta-join-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 25px;border:none;border-radius:50px;font-size:1.05em;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;margin:10px auto;background:linear-gradient(45deg,var(--primary-color, #2ecc71),var(--secondary-color, #3498db));color:#fff!important;box-shadow:0 4px 15px rgba(0,0,0,.15)}.cta-join-button:hover{background:linear-gradient(45deg,var(--primary-dark, #27ae60),#2980b9);transform:translateY(-3px) scale(1.03);box-shadow:0 6px 20px rgba(0,0,0,.2)}.cta-join-button:active{transform:translateY(0) scale(1);box-shadow:0 2px 5px rgba(0,0,0,.1)}.cta-join-button:before{content:"stars";font-family:Material Symbols Outlined;font-size:1.3em;vertical-align:middle;margin-left:-5px;line-height:1}.slider-container{position:relative;width:100%;max-width:320px;height:55px;background-color:#e9ecef;border-radius:50px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);margin:15px auto;-webkit-tap-highlight-color:transparent;transition:background-color .3s ease;direction:rtl;text-align:right}body.dark-mode .slider-container{background-color:#3a4b5d;box-shadow:inset 0 2px 4px rgba(0,0,0,.25)}.slider-btn{position:absolute;right:0;left:auto;top:0;width:55px;height:100%;border-radius:50%;border:none;background:linear-gradient(145deg,var(--primary-color, #2ecc71),var(--primary-dark, #27ae60));color:#fff;font-size:28px;line-height:55px;font-weight:700;cursor:grab;box-shadow:0 4px 12px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;overflow:hidden}.slider-btn:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(to bottom right,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:rotate(25deg);opacity:.8;filter:blur(10px);animation:shineEffect 3s infinite 2s}.slider-text{position:absolute;top:0;right:65px;left:15px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-mid, #475569);font-weight:600;font-size:.9rem;z-index:1;pointer-events:none;transition:opacity .2s ease,color .3s ease;user-select:none;-webkit-user-select:none;white-space:nowrap}body.dark-mode .slider-text{color:var(--text-dark, #ecf0f1);opacity:.8}.slider-container.dragging .slider-btn{cursor:grabbing;box-shadow:0 6px 20px rgba(0,0,0,.35)}.slider-container.dragging .slider-text{opacity:0}.slider-container.slide-success .slider-btn{background:linear-gradient(45deg,#27ae60,#2ecc71);box-shadow:0 4px 15px rgba(0,0,0,.2)}.slider-container.disabled{background-color:var(--background-color, #f4f4f9);opacity:.7;pointer-events:none;cursor:not-allowed;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}body.dark-mode .slider-container.disabled{background-color:#2c3e50;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}body.dark-mode .slider-container.disabled .slider-text{color:#888}.slider-container.disabled .slider-btn{background:#bdc3c7;cursor:not-allowed;box-shadow:none;color:#f0f0f0}body.dark-mode .slider-container.disabled .slider-btn{background:#6a7e95}@keyframes shineEffect{0%{transform:translate(-150%) translateY(-50%) rotate(25deg)}to{transform:translate(300%) translateY(50%) rotate(25deg)}}.hero-slider{position:relative;width:100%;max-width:760px;height:200px;overflow:hidden;margin:20px auto;border-radius:var(--radius-xl);box-shadow:0 8px 32px var(--shadow-light);background:var(--surface-light)}.slider-wrapper{width:100%;height:100%;position:relative}.slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;opacity:0;transition:opacity .8s ease-in-out;display:flex;align-items:center;justify-content:center;padding:20px}.slide.active{opacity:1}.slide.slide-1{background-position:center 20%}.slide.slide-2,.slide.slide-3{background-position:center 50%}.slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.05);z-index:1;border-radius:var(--radius-xl)}.hero-slider .slide-content{background:rgba(255,255,255,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px rgba(0,0,0,.1);color:var(--text-color);text-shadow:none;border-radius:var(--radius-md);padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:absolute;margin:0;transition:all .3s ease}.slide-content h3{margin:-10px 0 7px;font-size:1.35em}.slide-content p{margin:0;font-size:1em}.hero-slider .slide-content .slide-button{background:linear-gradient(45deg,#27ae60,#50d18a);color:#fff!important;border:2px solid white;text-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:50px;font-weight:700;cursor:pointer;padding:14px 28px;font-size:1.1em;min-height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px rgba(46,204,113,.4);transition:all .2s ease}.hero-slider .slide-content .slide-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(46,204,113,.5)}.hero-slider .slide.slide-1 .slide-content .slide-button{padding:6px 14px;font-size:.8em;margin-top:12px;min-height:auto}.slider-nav{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.nav-dot{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,.42);cursor:pointer;transition:background-color .3s;border:1.5px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}.nav-dot.active{background-color:#fff}.slider-pause-btn{position:absolute;bottom:10px;left:10px;z-index:10;background-color:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.slider-pause-btn:hover{background-color:rgba(0,0,0,.8)}.hero-slider .slider-pause-btn{bottom:15px}.about-us-section{display:flex;align-items:center;gap:2.5rem;padding:2.5rem 0 2rem;max-width:800px;margin:0 auto;text-align:initial}.about-us-image,.about-us-text{flex:1 1 0%;min-width:0}.about-us-image img{border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.13);background:rgba(255,255,255,.08)}.about-us-text{display:flex;flex-direction:column;justify-content:center}.about-us-text h2{margin:0 0 .75em;font-size:2.1rem;font-weight:700;line-height:1.18;color:var(--text-color);letter-spacing:.02em}.about-us-text p{margin:0;font-size:1.13rem;color:var(--text-color);line-height:1.6;font-weight:400}.about-us-section p,.about-us-section figcaption{font-size:.95rem;max-width:550px;margin:8px auto;line-height:1.5}.about-us-section figcaption{font-size:.85rem;color:#6c757d}body.dark-mode .about-us-section figcaption{color:#adb5bd}.about-us-section.step h2{font-size:1.3em;margin-bottom:15px;padding-bottom:12px}.about-us-section.step img{max-height:220px;width:auto;margin:0 auto}.about-us-section.dynamic-story-final{max-width:760px;margin:40px auto 25px;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.86);border-radius:var(--radius-xl);border:1.5px solid var(--primary-color);box-shadow:0 3px 16px rgba(44,62,80,.11),0 1.5px rgba(44,62,80,.05);padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative}.dynamic-story-final .about-us-image-wrapper,.dynamic-story-final .about-us-text-wrapper{flex:1;min-width:0;padding:15px;display:flex;align-items:center;justify-content:center;position:relative}.story-image-container{position:relative;width:100%;max-width:320px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.1);-webkit-mask-image:radial-gradient(circle,white 80%,transparent 100%);mask-image:radial-gradient(circle,white 80%,transparent 100%);height:0;padding-top:100%;aspect-ratio:1 / 1}.story-image-container .slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.1);transition:opacity 1s ease-in-out,transform 1s ease-in-out}.story-image-container .slide.active{opacity:1;transform:scale(1)}.dynamic-story-final .about-us-text-wrapper{height:280px;flex-direction:column;text-align:center}.story-text-container{width:100%;flex-grow:1;position:relative;overflow:hidden}.story-text-container .slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;opacity:1}.story-text-container .slide h2,.story-text-container .slide p{opacity:0;transform:translateY(20px)}.story-text-container .slide.active h2,.story-text-container .slide.active p{opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s cubic-bezier(.2,1,.3,1)}.story-text-container .slide.active p{transition-delay:.2s}.story-text-container h2{font-size:2rem;margin-bottom:10px}.story-text-container p{font-size:1.1rem;line-height:1.6}.story-nav{display:flex;gap:10px;margin-top:20px}.story-nav .dot{width:8px;height:8px;border-radius:50%;background-color:var(--border-light);cursor:pointer;transition:all .3s}.story-nav .dot.active{background-color:var(--primary-color);transform:scale(1.3)}.story-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;border:none;background-color:rgba(255,255,255,.7);backdrop-filter:blur(5px);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s ease}.story-arrow:hover{background-color:#fff;transform:translateY(-50%) scale(1.1)}.story-arrow.prev{left:-10px}.story-arrow.next{right:-10px}.story-arrow svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.story-arrow:disabled{opacity:.2;cursor:not-allowed;transform:translateY(-50%) scale(1)}.steps-container{max-width:800px;margin:40px auto;display:flex;flex-direction:column;gap:32px;padding:0 20px}.step,.step-card{background:rgba(255,255,255,.86);border-radius:var(--radius-xl);border:1.5px solid var(--primary-color);box-shadow:0 3px 16px rgba(44,62,80,.11),0 1.5px rgba(44,62,80,.05);padding:38px 32px;transition:background .3s,border .3s;backdrop-filter:blur(8px);margin-bottom:25px;text-align:center}body.dark-mode .step,body.dark-mode .step-card{background:rgba(34,43,54,.93);border-color:var(--primary-dark);box-shadow:0 6px 32px 4px rgba(30,40,60,.18)}.step h2{width:100%;margin:0 0 25px;padding-bottom:15px;color:var(--primary-color);border-bottom:2px solid var(--border-light);font-size:1.6em;text-align:center}body.dark-mode .step h2{border-bottom-color:var(--border-dark)}.step1-controls{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;gap:20px;flex-wrap:wrap}.search-container{min-width:200px}#fruits{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;width:100%}.fruit-item{position:relative;background:var(--surface-light);border-radius:42px;box-shadow:0 4px 8px var(--shadow-light);transition:transform .2s,box-shadow .2s;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}body.dark-mode .fruit-item{background:#3a4b5d;border:1px solid var(--border-dark)}.fruit-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px var(--shadow-light)}.fruit-item .fruit-clickable-area{height:150px;display:flex;align-items:center;justify-content:center}.fruit-item .fruit-clickable-area img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}.fruit-item:hover .fruit-clickable-area img{transform:scale(1.1)}.fruit-item .fruit-info{position:absolute;top:100%;left:0;width:100%;height:100%;z-index:2;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:top .35s cubic-bezier(.25,.46,.45,.94)}.fruit-item:hover .fruit-info,.fruit-item.active .fruit-info{top:0}.fruit-item .fruit-title{font-size:1.1em;font-weight:700;line-height:1.2;margin:0 0 4px;color:#2c3e50}.fruit-item .fruit-price{color:var(--primary-color);font-size:.9em;font-weight:600;line-height:1.2;margin:0}.add-fruit-btn{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;padding:0;cursor:pointer}.add-fruit-btn:hover{background-color:var(--primary-dark);transform:scale(1.1)}#magic-assembly-container{width:100%;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;background:var(--surface-opaque)}.ai-input-group{display:flex;align-items:center;gap:10px;width:100%}#magicPromptInput{flex-grow:1;min-height:50px;border-radius:var(--radius-md);padding:10px 15px;font-size:1rem;resize:vertical}#voiceInputBtn,#createAITrayGo{flex-shrink:0}#newTrayBtn:not(:disabled){background:linear-gradient(45deg,#007bff,#0056b3)}#emptyTrayBtn:not(:disabled),#deleteTrayBtn:not(:disabled){background:linear-gradient(45deg,#e74c3c,#c0392b)}.tray-navigation button:not(:disabled){background:rgba(45,45,45,.4)}.sauce-selection{margin-top:30px}.sauce-selection legend{width:100%;text-align:center;font-weight:700;margin-bottom:12px}.sauce-options{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.sauce-option label{gap:8px}.sauce-kinder label{background-color:#8e44ad;color:#fff}.sauce-ferrero label{background-color:#d35400;color:#fff}.sauce-white-choco label{background-color:#f7f7f7;color:#333}.sauce-maple label{background-color:#f39c12;color:#fff}.sauce-honey label{background-color:#f1c40f;color:#333}.sauce-choco label{background-color:#6d4c41;color:#fff}.sauce-option input[type=checkbox]:checked+label{border:4px solid var(--primary-color);transform:scale(1.05);box-shadow:0 4px 15px rgba(46,204,113,.4)}body.dark-mode .sauce-option label{filter:brightness(1.1)}#step2.step{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0!important}#step2>*{margin:0!important}#step2 h2{width:100%;padding-bottom:10px;margin-bottom:0;text-align:center}#step2 .ninja-instructions,#step2 #ninjaGameBtn{max-width:440px;width:100%}#ninjaGameBtn{background:linear-gradient(90deg,#ff8c00 10%,#f32d52 90%);color:#fff;font-size:1.05em;border-radius:28px;padding:10px 24px;display:block;margin:1rem auto 0;width:220px;text-align:center}.ninja-instructions{text-align:center;margin:15px auto;padding:10px;background:#fff8e1;border:1px dashed #ffc107;border-radius:8px;max-width:440px;width:100%}body.dark-mode .ninja-instructions{background:#2c3e50;border-color:#f1c40f}.ninja-instructions h4{margin:0 0 5px;color:var(--danger-color);font-size:1.2em}.ninja-instructions p{margin:0;font-size:1em;line-height:1.6}.radio-options-container{display:flex;justify-content:center;gap:15px;margin-top:20px;flex-wrap:wrap}.radio-group input[type=radio]{opacity:0;position:fixed;width:0}.radio-group label{display:inline-flex;align-items:center;justify-content:center;background-color:#f7f7f7;padding:15px 25px;border:2px solid #eee;border-radius:12px;transition:all .3s ease;cursor:pointer;font-weight:500;font-size:16px;min-width:220px;text-align:center}.radio-group label:before{font-size:24px;margin-left:10px}.details-panel,.final-actions{border-top:1px dashed #ccc;margin-top:20px;padding-top:20px}.details-panel.hidden{display:none}.coupon-container{display:flex;justify-content:center;gap:10px;margin-top:30px;margin-bottom:20px;border-top:1px dashed #ccc;padding-top:20px}#couponInput{flex-grow:1;max-width:220px;text-align:center}.shipping-details{text-align:center;margin-bottom:10px}#grandTotal,#trayCosts,#shippingCost{font-size:1.35em;color:var(--primary-color);font-weight:700;letter-spacing:.5px}.map-container,#delivery-map-canvas,#pickup-map-canvas{height:350px;width:100%;margin-bottom:20px;border-radius:12px;overflow:hidden;border:1px solid #ddd;position:relative;background-color:#eaf2f8}body.dark-mode .map-container,body.dark-mode #pickupMap{border-color:var(--border-dark);background:#283748}#wazeBtn{background-color:#0078ff;color:#fff;font-weight:700;border:none;padding:12px 20px;border-radius:25px;box-shadow:0 4px 8px rgba(0,0,0,.15);transition:background-color .3s,transform .2s}#wazeBtn:hover{background-color:#005fcc;transform:translateY(-2px)}#wazeBtn img,#wazeBtn .waze-logo{width:24px;height:24px;margin-left:8px}.panel-instructions{font-size:.95em;color:var(--text-color-secondary);margin-bottom:1rem;text-align:center;padding:0 1rem}#multi-destination-list{display:flex;flex-direction:column;gap:1rem}.destination-item{background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:8px;padding:1rem;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:box-shadow .3s ease;animation:fadeIn .4s ease-out}.destination-item:hover{box-shadow:0 4px 10px rgba(0,0,0,.08)}.destination-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;position:relative;padding-left:2.5rem}.destination-header strong{font-size:1.1em;color:var(--primary-color)}.remove-destination-btn{background-color:transparent;border:none;color:var(--danger-color);font-size:1.8em;font-weight:700;line-height:1;cursor:pointer;padding:0;transition:color .2s ease,transform .2s ease}.remove-destination-btn:hover{color:var(--danger-color-dark);transform:scale(1.1)}.destination-body{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.destination-body .address-input,.destination-body .note-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;font-size:1em;background-color:var(--background-color);color:var(--text-color);transition:border-color .3s ease,box-shadow .3s ease}.destination-body .address-input:focus,.destination-body .note-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px hsla(var(--primary-hue),80%,50%,.2)}.destination-body .note-input{min-height:60px;resize:vertical}#add-destination-btn{display:flex;align-items:center;justify-content:center;width:auto;min-width:220px;margin:25px auto;padding:14px 40px;background:linear-gradient(45deg,#4dcc7d,#28a745);color:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px rgba(40,167,69,.3);font-size:1.1em;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s ease-in-out}#add-destination-btn:before{content:"+";margin-inline-end:10px;font-size:1.5em;font-weight:700}#add-destination-btn:hover{transform:translateY(-4px);box-shadow:0 7px 22px rgba(40,167,69,.45)}.destination-item.first-stop{border-left:5px solid var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.route-order-badge{position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--primary-color);color:#fff;font-weight:700;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.1em;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.2)}.set-first-stop-btn{background-color:var(--background-color-light);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:20px;padding:6px 12px;font-size:.8em;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.set-first-stop-btn:hover{background-color:var(--primary-color);color:#fff}.set-first-stop-btn.active{background-color:var(--success-color);color:#fff;border-color:var(--success-color);cursor:default}.calculation-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}#route-summary{font-size:1em;font-weight:600;margin-top:1rem;color:var(--text-color)}#route-summary span{color:var(--primary-color)}#show-route-on-map-btn{background:none;border:none;padding:8px 0;color:var(--primary-color);font-weight:600;text-decoration:none;font-size:1em;display:inline-flex;align-items:center;gap:8px;opacity:1;transform:translateY(0);transition:all .4s ease}#show-route-on-map-btn.hidden{opacity:0;transform:translateY(10px);pointer-events:none}#show-route-on-map-btn:before{content:"travel_explore";font-family:Material Symbols Outlined;font-size:1.3em;vertical-align:middle}#show-route-on-map-btn:hover{color:var(--primary-color-dark);text-decoration:underline}.multi-delivery-main-panel{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;margin-top:20px}.multi-delivery-main-panel .calculation-section,.multi-delivery-main-panel .route-preview-map-container{flex:1;min-width:280px}.route-preview-map-container{min-height:250px;border-radius:8px;border:1px solid var(--border-color, #ddd);overflow:hidden;background-color:#f9f9f9}.assignment-container{display:flex;gap:16px;padding:16px;background-color:rgba(240,244,248,.5);border-radius:12px}.assignment-column{flex:1;min-width:0;background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.assignment-column h3{margin-top:0;text-align:center}.tray-list,.destination-list{min-height:250px}.tray-card{display:flex;align-items:center;gap:10px;background-color:#fff;padding:10px 15px;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;cursor:grab;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:box-shadow .2s ease,transform .2s ease}.tray-card:before{content:"🍱";font-size:1.5em}.tray-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.destination-dropzone{background-color:#fff;border:2px dashed #a0a0a0;border-radius:10px;padding:15px;margin-bottom:15px;min-height:80px;transition:background-color .2s,border-color .2s}.destination-dropzone-container .address{margin-bottom:4px}.destination-note{font-size:.85rem;font-style:italic;color:#555;background-color:#f8f9fa;border-right:3px solid var(--secondary-color);padding:8px;margin:0 0 8px;border-radius:4px}.destination-dropzone .address{font-weight:700;color:#0056b3;margin-bottom:10px}.destination-dropzone .drop-placeholder{color:#999;text-align:center;margin:10px 0}.destination-dropzone.sortable-drag-over{background-color:#e9f5ff;border-color:#007bff}.destination-dropzone:not(:empty) .drop-placeholder{display:none}.tray-card-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.tray-card-details.visible{grid-template-rows:1fr}.tray-card-details .details-content{overflow:hidden;padding-top:8px}.tray-card-details strong{display:block;margin-bottom:4px;color:var(--primary-color)}.tray-card-details ul{list-style-type:disc;padding-right:15px;margin:0 0 8px;font-size:.85rem}.tray-card-details ul li{word-wrap:break-word}.tray-card .info-icon{cursor:pointer;font-size:1.2rem;color:var(--secondary-color);margin-left:auto}#side-tab-ninja.is-game-active{width:700px;height:550px;max-width:90vw;max-height:85vh;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:9999;margin:0!important}#side-tab-ninja.is-game-active .tab-handle{display:none!important}#side-tab-ninja.is-game-active #ninjaCanvas{touch-action:none}#side-tab-ninja.is-game-active .tab-handle:before{content:"×";font-size:28px;font-weight:700;line-height:1}#side-tab-ninja.is-game-active .tab-handle .material-symbols-outlined{display:none}#side-tab-ninja.is-game-active .tab-content,#side-tab-ninja.is-game-active #ninja-game-container{height:100%;width:100%;padding:0;border-radius:20px;overflow:hidden}#side-tab-ninja.is-game-active #ninja-game-container{display:flex!important;position:relative!important;pointer-events:auto!important;background-image:url(https://storage.googleapis.com/fruit-800b6.firebasestorage.app/compressed%2F1755868402397-03f3h1q_min.png);background-size:cover;background-position:center;transition:width .3s ease,height .3s ease}#ninja-game-container.large-mode{width:600px!important;height:600px!important;border:2px solid white;box-shadow:0 0 20px rgba(0,0,0,.5);margin:auto}#ninja-game-container canvas{width:100%;height:100%;background-color:transparent}.ninja-hud{position:absolute;top:0;left:0;width:100%;padding:15px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;z-index:10;color:#fff;font-size:1.2em;font-weight:700;text-shadow:1px 1px 3px black}.ninja-hud>div{display:flex;align-items:center;gap:15px}.ninja-ui-btn{cursor:pointer;background:rgba(0,0,0,.4);border-radius:8px;padding:5px 10px;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:14px}#fullscreenBtn{padding:5px}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(5px);color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.game-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.game-overlay h2{font-size:2.5em;margin-bottom:10px}.game-overlay p{font-size:1.4em;margin-bottom:25px}.game-overlay .primary-btn{font-size:1.2em;padding:12px 28px;border-radius:50px;border:none;background-color:#4caf50;color:#fff;cursor:pointer;transition:transform .2s ease}.game-overlay .primary-btn:hover{transform:scale(1.05)}.tray-container,.story-image-container{height:0}.tray-container{padding-top:75%}.story-image-container{padding-top:100%}.story-image-container .slide,.story-text-container .slide{top:0;right:0;bottom:0;left:0}#step3 .delivery-options{border-bottom:1px solid var(--border-light);padding-bottom:25px;margin-bottom:25px}#step3 .radio-group label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;border-radius:var(--radius-lg);border:2px solid var(--border-light);background-color:var(--surface-opaque);transition:all .2s ease;cursor:pointer;font-weight:600;min-height:100px;text-align:center;gap:10px}#step3 .radio-group label:before{font-size:2em;margin:0}#step3 .radio-group.disabled label{opacity:.5;cursor:not-allowed;background-color:#f0f0f0}body.dark-mode #step3 .radio-group.disabled label{background-color:#2c3e50}.destination-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(44,62,80,.1)}#step3 .coupon-input-container{margin-bottom:20px}#step3.step-card{padding:24px 16px}#step3 .delivery-options{border:none;padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid var(--border-light)}#step3 .delivery-options legend{font-size:1.2em;font-weight:600;margin-bottom:20px;width:100%;text-align:center}#step3 .radio-options-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}#step3 .radio-group label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;border-radius:var(--radius-lg);border:2px solid transparent;background-color:#f0f3f5;color:#a0a0a0;transition:all .2s ease;cursor:not-allowed;font-weight:600;min-height:100px;text-align:center;gap:10px}body.dark-mode #step3 .radio-group label{background-color:#2c3e50;color:#6a7e95}#step3 .radio-group:not(.disabled) label{background-color:var(--surface-opaque);border-color:var(--border-light);color:var(--text-color);cursor:pointer}#step3 .radio-group:not(.disabled) label:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.05)}body.dark-mode #step3 .radio-group:not(.disabled) label{color:var(--text-dark)}#step3 .radio-group input[type=radio]:checked+label{border-color:var(--primary-color);background-color:#f0fff8;color:var(--primary-dark);transform:translateY(-4px);box-shadow:0 8px 20px rgba(46,204,113,.15)}body.dark-mode #step3 .radio-group input[type=radio]:checked+label{background-color:rgba(46,204,113,.1)}#multi-delivery-section .central-autocomplete-container{margin-bottom:2rem;text-align:center}#multi-destination-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:1rem}.destination-card{background-color:var(--surface-opaque);border-radius:var(--radius-lg);box-shadow:0 4px 25px rgba(44,62,80,.07);padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border-light);transition:all .2s ease;animation:fadeInScaleUp .4s ease}.destination-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.destination-card-header strong{font-size:1.1em;color:var(--primary-dark);display:flex;align-items:center;gap:8px}.destination-card-header strong:before{content:"place";font-family:Material Symbols Outlined;font-size:1.3em}.destination-card-body{display:flex;flex-direction:column;gap:15px}.destination-card .address-display{font-size:.95em;line-height:1.5;background-color:#f0f3f5;padding:10px;border-radius:var(--radius-sm);min-height:50px}body.dark-mode .destination-card .address-display{background-color:#2c3e50}.destination-card .input-group{display:flex;flex-direction:column;gap:5px}.destination-card .input-group label{font-size:.85em;font-weight:600;color:var(--text-mid)}.destination-card .input-group input,.destination-card .input-group textarea{border-radius:var(--radius-sm);font-size:.95em;background-color:var(--background-color)}.destination-card .remove-destination-btn{width:36px;height:36px;border-radius:50%;background-color:#f8d7da;color:var(--danger-color);font-size:22px}.destination-card .remove-destination-btn:hover{background-color:var(--danger-color);color:#fff;transform:scale(1.1) rotate(90deg)}.destination-item{display:none}#step3 .final-actions{border-top:1px solid var(--border-light);margin-top:30px;padding-top:25px}.coupon-input-container{display:flex;max-width:350px;margin:0 auto 25px}.coupon-input-container input{flex-grow:1;border-radius:0 50px 50px 0;border-left:none;text-align:center}.coupon-input-container button{border-radius:50px 0 0 50px;background-color:var(--secondary-color);color:#fff;font-weight:600;border:none;padding:10px 24px;transition:all .2s ease}.coupon-input-container button:hover{filter:brightness(1.1)}#step3 .cost-summary hr{display:none}#step3 .cost-line{display:flex;justify-content:space-between;padding:8px 0;font-size:1.05em}#step3 .cost-line.total{font-size:1.25em;font-weight:700;color:var(--primary-dark);margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light)}#assignment-controls{padding:10px;background-color:#f8f9fa;border-radius:var(--radius-md);margin-bottom:20px;border:1px solid var(--border-light)}body.dark-mode #assignment-controls{background-color:rgba(255,255,255,.05)}#refresh-trays-btn{all:unset;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);background-color:var(--surface-opaque);color:var(--text-mid);font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-light);box-shadow:var(--shadow-color)}#refresh-trays-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}#refresh-trays-btn .material-symbols-outlined{transition:transform .5s ease}#refresh-trays-btn:hover .material-symbols-outlined{transform:rotate(180deg)}.destination-contact-phone{font-size:.9rem;color:#34495e;background-color:#ecf0f1;border-right:3px solid #3498db;padding:8px 12px;margin:4px 0 8px;border-radius:4px}body.dark-mode .destination-contact-phone{background-color:#2c3e50;color:#bdc3c7}.file-upload-container{text-align:center;margin:20px 0;padding-top:20px;border-top:1px solid var(--border-light)}.file-upload-container label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.loading-spinner{display:block;width:40px;height:40px;margin:40px auto;border:4px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.review-section{border-top:1px solid var(--border-color);padding-top:15px;margin-top:15px;text-align:center}.star-rating{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin:15px 0}.star-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer}.star-rating .star{font-size:2.2rem;color:#ccc;transition:transform .2s ease-in-out,color .2s ease-in-out}.star-wrapper:hover .star{transform:scale(1.25);color:#ffc107}.star-rating .star.selected{color:#ffc107;transform:scale(1.1)}.star-number{font-size:.8em;color:var(--text-color-secondary);margin-top:-5px}.tray-container{position:relative;width:100%;max-width:840px;margin:20px auto;aspect-ratio:4 / 3;height:auto;border-radius:20px;overflow:hidden}.tray-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:url(https://firebasestorage.googleapis.com/v0/b/fruit-800b6.firebasestorage.app/o/newtray1_optimized.png?alt=media&token=c445cb65-1887-4bb2-b1fc-9c19140fc705) no-repeat center center;background-size:100% 100%}#tray{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;gap:15px;background:transparent;padding:8% 10%}.slot{position:relative;transition:all .2s ease-in-out;border-radius:20px;background:transparent;aspect-ratio:1 / 1;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1)}.slot:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.15)}.slot.empty{cursor:pointer;border:2px dashed rgba(255,255,255,.6);background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.slot.empty:before{content:"בחר/י פריט";color:#fff;font-size:.9em;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);pointer-events:none}.slot.filled .slot-fruit-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.slot.filled .slot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.slot.filled .slot-fruit-name{font-weight:700;font-size:14px;padding:6px 0;text-align:center;background-color:rgba(255,255,255,.85);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#333}.slot.filled .remove-btn{position:absolute;top:8px;left:8px;z-index:3;width:26px;height:26px;background-color:rgba(231,76,60,.8);border:1.5px solid white;box-shadow:0 2px 5px rgba(0,0,0,.25);border-radius:50%;color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;line-height:1}.slot.filled .remove-btn:hover{background-color:#e74c3c;transform:scale(1.1)}.slot.filled .custom-select-wrapper{position:relative;width:100%}.slot.filled .slot-weight-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;background-color:rgba(255,255,255,.85);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:none;border-top:1px solid rgba(255,255,255,.5);padding:0 10px;font-size:14px;font-weight:600;color:#333;cursor:pointer;text-align:center}.slot.filled .custom-select-wrapper:after{content:"▼";position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:12px;color:#555;pointer-events:none}.footer-security-logos{display:flex;align-items:center;justify-content:center;gap:12px 18px;margin:15px auto 5px;flex-wrap:wrap;max-width:90%;padding:5px 0}.footer-security-logos span{font-size:.85em;color:var(--text-mid, #777);white-space:nowrap}.security-logo{height:30px;width:auto;max-height:30px;max-width:95px;vertical-align:middle;opacity:.9;transition:opacity .2s ease;object-fit:contain;display:inline-block;flex-shrink:0}.security-logo:hover{opacity:1}.recaptcha-notice{font-size:.75em;color:#777;text-align:center;max-width:90%;margin:0 auto 15px}.slot.filled{position:relative;overflow:hidden;min-height:105px;display:block}.slot.filled .slot-fruit-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.slot.filled .slot-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:0}.slot.filled .slot-fruit-name{width:100%;background-color:rgba(255,255,255,.85);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#333;font-weight:700;font-size:13px;padding:5px 0;text-align:center;z-index:3;flex-shrink:0}.slot.filled .weight-display-btn{margin:0 auto 5px;background-color:rgba(255,255,255,.9);color:#333;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:5px 8px;font-size:13px;font-weight:700;cursor:pointer;min-width:70px;box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:3;flex-shrink:0;display:block}.slot.filled .remove-btn{position:absolute;top:5px;right:5px;z-index:4;width:24px;height:24px;background-color:rgba(231,76,60,.8);border:1.5px solid white;box-shadow:0 2px 5px rgba(0,0,0,.25);border-radius:50%;color:#fff;font-size:14px;line-height:21px;text-align:center;cursor:pointer}#floating-tray-bar .tray-controls-panel.new-layout{display:flex;flex-direction:column;gap:12px;padding:12px}#floating-tray-bar .tray-panel-group{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border-light, #eee)}#floating-tray-bar .tray-panel-group:last-child{border-bottom:none}#floating-tray-bar .tray-navigation-group{justify-content:space-around;align-items:center;padding:5px 0}#floating-tray-bar .tray-action-group{justify-content:space-evenly}#floating-tray-bar .tray-tools-group{justify-content:space-evenly;background-color:var(--background-color, #f9f9f9);border-radius:var(--radius-md, 12px);padding:12px 8px;border-bottom:none}#floating-tray-bar .control-button{flex-grow:1;flex-basis:80px;max-width:150px;height:55px;font-size:.8rem}#floating-tray-bar .nav-btn{flex-grow:0;flex-shrink:0;width:44px;height:44px}#floating-tray-bar .quantity-stepper{flex-grow:1;max-width:180px;justify-content:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(25px) scale(.98);opacity:0}to{transform:none;opacity:1}}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 rgba(255,71,87,.7)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255,71,87,0)}to{transform:scale(1)}}@keyframes flash-border{0%{box-shadow:0 0 rgba(0,123,255,.5)}70%{box-shadow:0 0 0 10px rgba(0,123,255,0)}to{box-shadow:0 0 rgba(0,123,255,0)}}@keyframes pulse-and-glow{0%{transform:scale(1);box-shadow:0 0 rgba(255,165,0,.7)}70%{transform:scale(1.02);box-shadow:0 0 10px 20px rgba(255,165,0,0)}to{transform:scale(1);box-shadow:0 0 rgba(255,165,0,0)}}.flashing-border{animation:flash-border 1.5s infinite;border:1px solid var(--primary-color);border-radius:8px}.pulse-and-glow{animation:pulse-and-glow 1.5s infinite;border-radius:12px}#chatVoiceInputBtn.active,#voiceInputBtn.active{background-color:var(--danger-color)!important;color:#fff!important;transform:scale(1.1);animation:pulse-red 1.5s infinite}#chatVoiceInputBtn.active .material-symbols-outlined,#voiceInputBtn.active svg{color:#fff;stroke:#fff}#createAITrayGo .loader{border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin:0 auto}#createAITrayGo:disabled{min-width:100px}.animated-fruit{display:inline-block;margin-left:8px;font-size:1.1em;transform-origin:center}.fruit-spin{animation:fruit-spin 3s linear infinite}@keyframes fruit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fruit-bounce{animation:fruit-bounce 2s ease-in-out infinite}@keyframes fruit-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.fruit-tada{animation:fruit-tada 1.5s ease infinite}@keyframes fruit-tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@media (min-width: 769px){.slide.slide-1 .slide-content{margin-left:auto;margin-right:40px}#magnifierBtn{display:none!important}}@media (max-width: 850px){.about-us-section{flex-direction:column;text-align:center;gap:1.4rem;padding:1.2rem 0}.about-us-text h2{font-size:1.5rem}.about-us-image{margin-bottom:1rem}}@media (max-width: 768px){body{-webkit-text-size-adjust:100%}.hero-slider,.step,.step-card{border-radius:16px;margin-left:10px;margin-right:10px;width:auto}.steps-container{padding:0;gap:15px}.step{padding:20px 15px;margin-bottom:0}.step h2{font-size:1.4em}.slot{aspect-ratio:unset}.step1-controls{flex-direction:column}.tray-actions-row{flex-wrap:wrap}.delivery-options{flex-direction:row;justify-content:center;align-items:center;gap:15px}.side-tab-item{max-width:calc(100vw - 70px);border-radius:16px 0 0 16px}.slide-content{margin:auto!important;max-width:85%;text-align:center}.slide-content.shifted-content{transform:translate(0)}#side-tab-ninja.is-game-active{width:100vw!important;height:100vh!important;top:0!important;left:0!important;transform:none!important;border-radius:0!important;margin:0!important;z-index:50000}#side-tab-ninja.is-game-active .tab-content,#side-tab-ninja.is-game-active #ninja-game-container{border-radius:0!important}#side-tab-ninja.is-game-active .tab-handle{display:flex!important;position:absolute;top:15px;left:15px;right:auto;transform:none;border-radius:50%;background-color:rgba(231,76,60,.8)!important;width:44px;height:44px}#side-tab-ninja.is-game-active .tab-handle:before{content:"×";color:#fff;font-size:28px;font-weight:700;line-height:1;margin:auto}#side-tab-ninja.is-game-active .tab-handle .material-symbols-outlined,#side-tab-ninja.is-game-active .tab-handle svg{display:none}.assignment-container{flex-direction:row;gap:10px;align-items:flex-start}.assignment-column{flex:1;min-width:0}.tray-card-info{font-size:.8rem}.tray-card{padding:8px}.slide.slide-1 .slide-content,.slide.slide-2 .slide-content{padding:12px;max-width:80%}.slide.slide-1 .slide-content h3,.slide.slide-2 .slide-content h3{font-size:1.1em}.slide.slide-1 .slide-content p,.slide.slide-2 .slide-content p{font-size:.9em}.slide.slide-1 .slide-content .slide-button,.slide.slide-2 .slide-content .slide-button{padding:8px 18px 8px 38px;font-size:.95em;min-width:160px}#fruitDetailModal .popup-fruit-image{width:180px;height:180px;margin-bottom:10px}#fruitDetailModal h2{font-size:1.5em;margin-bottom:8px}#fruitDetailModal .popup-fruit-description{font-size:.95rem;margin-bottom:20px}#fruitDetailModal .quantity-selector{margin:20px 0}}@media (max-width: 650px){#aiSuggestionModal .footer-content{flex-direction:column;align-items:center}#aiSuggestionModal .tray-navigation,#aiSuggestionModal .tray-actions,#aiSuggestionModal .popup-costs{order:0;justify-content:center;width:100%}#aiSuggestionModal .popup-costs{text-align:center;margin-bottom:10px}}@media (max-width: 600px){#fruits{grid-template-columns:repeat(3,1fr)}#aiSuggestionModal .ai-suggestion-content{padding:20px 15px;width:95vw;box-sizing:border-box}#aiSuggestionModal h2{font-size:1.4em}#aiSuggestionModal .suggestion-tray-grid{gap:10px}#aiSuggestionModal .suggestion-slot{border-width:1.5px}#aiSuggestionModal .suggestion-slot-name{font-size:11px;font-weight:700}#aiSuggestionModal .suggestion-slot-weight{font-size:10px}#aiSuggestionModal .suggestion-tray-header h4{font-size:1em}}@media (max-width: 480px){.modal-content,.welcome-popup-content,.login-popup-content,.popup-content,.popup-inner,.ai-suggestion-content{width:98vw;max-width:99vw;padding:17px 3vw}.modal-logo,.welcome-logo{max-width:95px}.popup-fruit-image{width:105px;height:105px}:root{--fab-size: 50px;--option-size: 44px;--option-gap: 10px}#fab-container{left:15px;top:15px;bottom:auto}.fab-submenu-options{top:2px;bottom:auto}#fab-options{top:calc(var(--fab-size) + var(--option-gap));bottom:auto;flex-direction:column}}@media screen and (max-width: 768px) and (orientation: portrait){.ninja-rotate-prompt{display:flex;justify-content:center;align-items:center;padding:10px;background-color:rgba(0,0,0,.7);color:#fff;text-align:center;font-size:.9em}}#fixed-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center}@media (max-width: 768px){html{background-color:#fed8b1!important}body{background:transparent!important}header{background-color:#fed8b1!important;height:env(safe-area-inset-top);padding-top:0!important}main{background:transparent!important;padding-top:calc(env(safe-area-inset-top) + 20px)!important;padding-bottom:env(safe-area-inset-bottom)!important}.hero-slider,.steps-container .step,.steps-container .step-card,.about-us-section.dynamic-story-final,.topic-content{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 6px 18px rgba(0,0,0,.1)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:var(--radius-xl)!important;margin:0 5px 20px!important;width:auto!important}.about-us-section.dynamic-story-final{flex-direction:column!important}.dynamic-story-final .about-us-text-wrapper{order:1;min-height:280px;width:100%;padding:20px 15px 10px}.story-text-container .slide,.story-text-container .slide.active h2,.story-text-container .slide.active p{opacity:1!important;transform:none!important}.dynamic-story-final .about-us-image-wrapper{order:2;width:calc(100% - 20px);max-width:calc(100% - 20px);margin:0 auto 15px!important}.story-image-container{width:100%;height:0;padding-top:56.25%;aspect-ratio:16 / 9}}.social-tabs-container{position:fixed;right:0;top:100px;z-index:10000;touch-action:none;will-change:transform;transition:opacity .3s ease;transform:translateZ(0)}.social-tabs-container.is-hidden{opacity:0;pointer-events:none}.social-tabs-container.is-dragging{cursor:grabbing!important;transition:none;box-shadow:0 10px 30px rgba(0,0,0,.2)}body.mobile-tabs-are-dragging main{z-index:-1!important}@media (max-width: 768px){.drag-handle{cursor:grab;display:flex;justify-content:center;align-items:center;padding:4px 0;color:#888}@media (orientation: landscape){.social-tabs-container .side-tab-item.is-expanded{width:calc(var(--original-tab-width, 300px) + 20px)}.social-tabs-container .tab-handle{padding-right:30px!important}}}@media screen and (max-height: 500px) and (orientation: landscape){.about-us-section.dynamic-story-final{padding:10px;gap:5px;min-height:auto;margin:20px auto;flex-direction:row}.dynamic-story-final .about-us-image-wrapper,.dynamic-story-final .about-us-text-wrapper{padding:10px}.story-image-container{max-width:250px}.dynamic-story-final .about-us-text-wrapper{height:220px}.story-text-container h2{font-size:1.5rem}.story-text-container p{font-size:.9rem;line-height:1.4}.story-arrow{width:36px;height:36px}.story-nav{margin-top:10px}}.social-tabs-container.drag-locked .drag-handle{cursor:default!important}@media (max-width: 768px){.about-us-section.dynamic-story-final{flex-direction:column;padding:15px;gap:0;width:calc(100% - 10px)}.dynamic-story-final .about-us-image-wrapper{max-width:calc(100% - 30px);margin:15px auto;width:100%}.story-image-container{max-width:100%;border-radius:var(--radius-md)}.story-arrow.prev{left:5px}.story-arrow.next{right:5px}.dynamic-story-final .about-us-text-wrapper{width:100%;height:auto;min-height:240px;padding-top:20px;order:1}.story-text-container h2{font-size:1.8rem}.story-text-container p{font-size:1rem}.story-nav{margin-top:15px;justify-content:center}.hero-slider .slide-content{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:auto!important;max-width:60%!important;height:auto!important;min-height:0!important;padding:12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.hero-slider .slide.slide-1 .slide-content{align-self:flex-end}.hero-slider .slide.slide-2 .slide-content,.hero-slider .slide.slide-3 .slide-content{align-self:flex-start}.hero-slider .slide-content h3{font-size:1.1em!important;margin-bottom:4px!important}.hero-slider .slide-content p{font-size:.9em!important;line-height:1.4!important;margin-bottom:8px!important}.hero-slider .slide-content .slide-button{font-size:.8em!important;padding:6px 14px!important;min-height:auto!important;margin-top:5px!important}.steps-container .step,.steps-container .step-card,.about-us-section.dynamic-story-final{background-color:var(--glass-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}}@media (max-width: 768px){.hero-slider{height:60vh}}@media (max-width: 768px){.slot.filled .slot-fruit-name{font-size:12px;padding:4px 0}.slot.filled .slot-weight-selector{height:35px;font-size:12px}.slot.filled .remove-btn{width:22px;height:22px;font-size:14px}}@media (max-width: 768px){.tray-container{position:relative;aspect-ratio:4 / 3.2;padding-top:80%;background-size:95% 95%}#tray{padding:6%;gap:10px;top:0;left:0;width:100%;height:100%;transform:none;background:transparent!important}}.autocomplete-wrapper{position:relative}.pac-container{z-index:2147483647!important;direction:rtl;text-align:right}#delivery-section .autocomplete-wrapper{position:relative}#delivery-section .autocomplete-wrapper .pac-container{position:absolute!important;top:100%!important;margin-top:4px;left:0!important;right:auto!important;width:100%!important;z-index:9999!important;box-shadow:0 2px 6px rgba(0,0,0,.3);border-radius:0 0 8px 8px;border:none}.tray-card.details-expanded{flex-wrap:wrap}.tray-card-details{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;width:100%;padding:0 10px;box-sizing:border-box}.tray-card-details.visible{max-height:200px;padding:10px}.sauce-selection{background-color:#fff8f0;border-radius:12px;padding:20px;margin-top:20px;border:2px solid #ffca7a;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:all .3s ease-in-out;text-align:center}.sauce-selection h3{margin-top:0;margin-bottom:15px;color:#d9534f;font-size:1.4em}.sauce-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:15px}.sauce-option{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ddd;border-radius:25px;padding:8px 12px;cursor:pointer;transition:all .2s ease;position:relative}.sauce-option input[type=checkbox]{display:none}.sauce-option label{font-weight:500;color:#555;cursor:pointer;user-select:none}.sauce-option:hover{border-color:#ffb347;background-color:#fffdfa}.sauce-option input[type=checkbox]:checked+label{color:#fff}.sauce-option input[type=checkbox]:checked~.selected-indicator{transform:scale(1);opacity:1}.sauce-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff8c42,#ffbc3b);border-radius:25px;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:0}.sauce-option input[type=checkbox]:checked:before{transform:scale(1);opacity:1}.sauce-option label{position:relative;z-index:1}#autoSauceBtn{background:linear-gradient(45deg,#4caf50,#8bc34a);color:#fff;border:none;padding:10px 20px;border-radius:25px;font-size:1em;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.1);display:inline-flex;align-items:center;gap:8px}#autoSauceBtn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.sauce-selection.pulse-and-glow{border-color:#ff8c42;box-shadow:0 0 15px rgba(255,140,66,.6);animation:pulseGlow 1.5s infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 8px rgba(255,140,66,.4)}to{box-shadow:0 0 20px rgba(255,140,66,.8)}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:none;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(5px)}.loader-overlay.show{display:flex}.loader-spinner{border:8px solid #f3f3f3;border-top:8px solid var(--primary-color, #ff6b6b);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.multi-delivery-redesigned{background-color:var(--background-color-light);border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid var(--border-color)}.stepper-nav{display:flex;justify-content:space-around;border-bottom:2px solid var(--border-color);margin-bottom:20px}.step-btn{flex:1;padding:12px 10px;border:none;background:none;cursor:pointer;font-size:1em;font-family:Varela Round,sans-serif;color:var(--text-color-secondary);border-bottom:3px solid transparent;transition:all .3s ease}.step-btn strong{display:block;font-size:.9em;color:var(--text-color)}.step-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.step-btn:disabled{color:#ccc;cursor:not-allowed}.step-btn:disabled strong{color:#ccc}.step-panel{display:none}.step-panel.active{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-methods-container{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:25px}@media (min-width: 768px){.input-methods-container{grid-template-columns:1fr 1fr}}.central-autocomplete-container .input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-color-secondary)}.central-autocomplete-container .address-input{padding-right:40px}.file-drop-zone{border:2px dashed var(--border-color);border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:background-color .3s,border-color .3s;background-color:var(--background-color)}.file-drop-zone:hover,.file-drop-zone.is-dragging-over{background-color:var(--primary-color-light);border-color:var(--primary-color)}.file-drop-zone .drop-icon{font-size:2.5rem;color:var(--primary-color)}.file-drop-zone strong{display:block;margin-top:5px;color:var(--text-color)}.file-drop-zone p{margin:5px 0 0;font-size:.9em;color:var(--text-color-secondary)}.file-drop-zone .file-type-info{font-size:.8em;margin-top:10px;color:var(--text-color-secondary)}.calculation-section{text-align:center;padding:20px;background-color:var(--background-color);border-radius:8px}#calculate-route-btn{display:inline-flex;align-items:center;gap:8px;font-size:1.1em}.destination-contact-details{font-size:.9em;padding:5px 10px;margin-bottom:5px;background-color:var(--background-color);border-radius:4px}.destination-contact-details p{margin:4px 0}.tray-card-details ul{list-style-type:disc;padding-right:20px}.assignment-column:first-child{position:-webkit-sticky;position:sticky;top:80px;align-self:flex-start}.tray-quantity-controls{display:flex;align-items:center;gap:8px;border-left:1px solid var(--border-color);padding-left:15px;margin-left:10px}.tray-quantity-controls label{font-size:.9em;color:var(--text-color-secondary)}.tray-quantity-controls input[type=number]{width:60px;padding:8px;border:1px solid var(--border-color);border-radius:4px;text-align:center;font-size:1em}#duplicate-tray-btn{display:inline-flex;align-items:center;gap:5px}#duplicate-tray-btn .material-symbols-outlined{font-size:18px}.tray-actions-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;padding:10px}.step{overflow:hidden}.sauce-selection h3{margin-bottom:15px}.sauce-options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sauce-option{position:relative}.sauce-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.sauce-option label{display:block;padding:10px 20px;border:2px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .2s ease-in-out;background-color:var(--background-color)}.sauce-option label:hover{border-color:var(--primary-color);color:var(--primary-color)}.sauce-option input[type=checkbox]:checked+label{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.1)}.tray-actions-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-top:1px solid var(--border-color);background-color:var(--background-color-light);gap:15px}.quantity-stepper input[type=number]{width:50px;height:42px;text-align:center;border:1px solid var(--border-color);border-left:none;border-right:none;background-color:var(--background-color);font-size:1.1em;font-weight:700;color:var(--text-color);-moz-appearance:textfield}.quantity-stepper input[type=number]::-webkit-outer-spin-button,.quantity-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-btn{width:35px;height:42px;border:1px solid var(--border-color);background-color:var(--background-color);font-size:1.5em;cursor:pointer;transition:background-color .2s}.stepper-btn:hover{background-color:#f0f0f0}.actions-menu{position:relative}.menu-toggle-btn{padding:8px}.menu-dropdown{position:absolute;bottom:100%;left:0;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);width:200px;padding:5px;z-index:10;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease-out}.actions-menu.is-open .menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:none;background:none;text-align:right;cursor:pointer;border-radius:6px}.menu-item:hover{background-color:var(--background-color-light)}.menu-item.danger:hover{background-color:rgba(220,53,69,.1);color:var(--danger-color)}.story-image-container .slide{mask-image:radial-gradient(ellipse at center,black 45%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,black 45%,transparent 85%)}.hero-slider .slide-button{display:none!important}.primary-action-btn,.primary-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:10px 18px;font-size:1rem;font-weight:700;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;white-space:nowrap}.primary-action-btn{background-color:#ff7a00;color:#fff;border-color:#ff7a00}.primary-action-btn:hover{background-color:#e66e00;border-color:#e66e00;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.primary-action-btn:active{transform:translateY(0);box-shadow:none}.primary-btn-outline{background-color:transparent;color:#ff7a00;border-color:#ff7a00}.primary-btn-outline:hover{background-color:#ff7a00;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.primary-btn-outline:active{transform:translateY(0);box-shadow:none}.primary-action-btn .material-symbols-outlined,.primary-btn-outline .material-symbols-outlined{font-size:1.2em}.order-card,.order-row{background-color:var(--background-color-light);border-radius:8px;padding:12px 15px;margin-bottom:10px;border:1px solid var(--border-color);transition:box-shadow .2s ease;cursor:pointer}.order-card:hover,.order-row:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.order-card .line,.order-row .order-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.order-card .meta,.order-row .order-body{display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:var(--text-color-secondary)}.order-row .order-body{gap:15px;justify-content:flex-start}.order-row .order-body strong{color:var(--text-color-primary)}.order-card strong,.order-row strong{font-size:1.1em}.badge{padding:3px 8px;border-radius:12px;font-size:.8em;font-weight:700;color:#fff}.status-pending{background-color:#888}.status-confirmed,.status-accepted{background-color:#007bff}.status-preparing{background-color:#ff9800}.status-out_for_delivery,.status-en_route{background-color:#4caf50}.status-delivered,.status-completed{background-color:#28a745}.status-cancelled,.status-failed{background-color:#dc3545}.active-order-fab{position:fixed;top:90px;left:25px;width:60px;height:60px;background-color:#e53935;color:#fff;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.2);cursor:pointer;z-index:1050;transition:transform .3s ease;animation:pulse 2s infinite}.active-order-fab:hover{transform:scale(1.1);animation-play-state:paused}.active-order-fab .material-symbols-outlined{font-size:28px}.fab-badge{position:absolute;top:0;right:0;width:20px;height:20px;background-color:#ffc107;color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}@keyframes pulse{0%{box-shadow:0 0 rgba(229,57,53,.7)}70%{box-shadow:0 0 0 15px rgba(229,57,53,0)}to{box-shadow:0 0 rgba(229,57,53,0)}}.order-details-popup-content{text-align:right}.order-details-popup-content h4{border-bottom:2px solid var(--primary-color);padding-bottom:8px;margin-top:15px}.order-details-popup-content ul{list-style:none;padding-right:15px}.order-details-popup-content li{padding:3px 0}.order-details-popup-content .cost-summary-popup{margin-top:20px;padding-top:10px;border-top:1px solid var(--border-color)}.order-status-tracker-container{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;margin:2rem 0;direction:rtl}.order-status-tracker-container:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background-color:#e0e0e0;transform:translateY(-50%);z-index:1}.status-step{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;position:relative;flex:1}.status-step .icon{width:30px;height:30px;border-radius:50%;background-color:#e0e0e0;border:4px solid #fff;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;transition:background-color .3s ease}.status-step .label{margin-top:8px;font-size:.8rem;color:#888;transition:color .3s ease}.status-step.completed .icon,.status-step.active .icon{background-color:var(--primary-color, #4CAF50)}.status-step.active .label,.status-step.completed .label{color:var(--text-color, #333);font-weight:700}.status-step.active .icon{animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(76,175,80,.7)}70%{box-shadow:0 0 0 10px rgba(76,175,80,0)}to{box-shadow:0 0 rgba(76,175,80,0)}}#submitOrderBtn{display:none;width:100%;padding:15px;font-size:1.1rem}.badge{padding:3px 8px;border-radius:12px;font-weight:700;font-size:.85em;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.badge.status-התקבלה-למערכת{background-color:#17a2b8}.badge.status-עברה-להכנה{background-color:#ffc107;color:#333;text-shadow:none}.badge.status-מוכנה-לאיסוף{background-color:#28a745}.badge.status-נאספה{background-color:#6f42c1}.badge.status-הושלמה,.badge.status-completed{background-color:#6c757d}.badge.status-cancelled{background-color:#dc3545}.badge.status-pending{background-color:#17a2b8}.badge.status-preparing{background-color:#ffc107;color:#333;text-shadow:none}.badge.status-ready,.active-order-fab.green{background-color:#28a745}.active-order-fab.green:hover{background-color:#218838}.active-order-fab.purple{background-color:#6f42c1}.active-order-fab.purple:hover{background-color:#5a32a3}.tray-dashboard{width:calc(100% - 12px);margin-left:auto;margin-right:auto;margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--bg-card, #ffffff);border-radius:var(--radius-md, 12px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.08));border:1px solid var(--border-color, #dee2e6);padding:1rem}.tray-info-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--bg-main, #f8f9fa);border-radius:8px;font-weight:700;font-size:.9rem}#trayCosts{color:var(--primary-color)}.tray-controls-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-color, #dee2e6);border-bottom:1px solid var(--border-color, #dee2e6)}.tray-action-group{display:flex;align-items:center;gap:10px}.tray-action-group.left{justify-content:flex-start}.tray-action-group.right{justify-content:flex-end}.tray-navigation{display:flex;justify-content:center;gap:1rem}.nav-btn{font-size:2.5rem;line-height:1;background:none;border:none;color:var(--primary-color);cursor:pointer;padding:0 1rem}.nav-btn:disabled{color:#ccc;cursor:not-allowed}.control-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f3f5;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);width:80px;height:65px}.control-button .material-symbols-outlined{font-size:1.8rem}.control-button .btn-text{margin-top:4px}.quantity-stepper{display:flex;align-items:center}.quantity-stepper input{width:45px;height:40px;text-align:center;border:1px solid var(--border-color);border-left:none;border-right:none;font-size:1.1em;font-weight:700}.stepper-btn{width:35px;height:40px;border:1px solid var(--border-color);background-color:#f1f3f5;font-size:1.5em;cursor:pointer}.stepper-btn:first-child{border-radius:0 8px 8px 0}.stepper-btn:last-child{border-radius:8px 0 0 8px}.control-button:hover{background-color:#e9ecef}.control-button:disabled{opacity:.5;cursor:not-allowed}.control-button.primary:not(:disabled){background-color:var(--primary-color);color:#fff}.control-button.primary:not(:disabled) .btn-text,.control-button.primary:not(:disabled) .material-symbols-outlined{color:#fff}.control-button.danger:not(:disabled){color:var(--danger-color)}.control-button.danger:hover:not(:disabled){background-color:var(--danger-color);color:#fff}@media (max-width: 768px){.tray-controls-panel{flex-direction:column;align-items:stretch}.tray-navigation{order:-1;width:100%;margin-bottom:1rem}.tray-action-group{justify-content:space-around}.control-button{flex-grow:1;width:auto;height:55px;font-size:.7rem}}.control-button.danger:hover:not(:disabled) .btn-text,.control-button.danger:hover:not(:disabled) .material-symbols-outlined{color:#fff}.form-fields-wrapper{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0;padding:1.5rem;background-color:var(--bg-main, #f8f9fa);border-radius:var(--radius-md)}.delivery-date-picker{display:flex;flex-direction:column;gap:.5rem}.delivery-date-picker label,.form-group label{font-weight:700;font-size:1.1em;color:var(--text-primary)}input.fulfillment-date-picker,textarea.orderNotes{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:var(--font-main)}input.fulfillment-date-picker:focus,textarea.orderNotes:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(40,167,69,.2)}.multi-delivery-datepicker label{margin-bottom:.5rem}div.final-actions>.delivery-date-picker,div.final-actions>.form-group{display:none}.form-fields-wrapper{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0;padding:1.5rem;background-color:#f8f9fa;border-radius:var(--radius-md);border:1px solid #dee2e6}@media (min-width: 768px){.form-fields-wrapper{grid-template-columns:1fr 1fr}}.delivery-date-picker,.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:right}.delivery-date-picker h4,.form-group label{font-weight:700;font-size:1.1em;color:var(--text-primary)}.date-picker-info{font-size:.9em;color:var(--text-secondary)}.fulfillment-date-picker,.orderNotes{width:100%;padding:12px;border:1px solid #ced4da;border-radius:8px;font-size:1rem;font-family:var(--font-main)}.fulfillment-date-picker:focus,.orderNotes:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(40,167,69,.2)}.multi-delivery-datepicker{padding:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.multi-delivery-datepicker h4{margin-bottom:.5rem}div.final-actions>.delivery-date-picker,div.final-actions>.form-group{display:none!important}.quick-assemble-container{display:flex;justify-content:center;margin-bottom:1.5rem}.tray-controls-panel .control-button.danger,.tray-controls-panel .control-button.danger .material-symbols-outlined{color:#fff}.tray-navigation .nav-btn{background-color:#fff;color:#4a90e2;border:1px solid #e0e0e0;border-radius:50%;width:44px;height:44px;font-size:26px;font-weight:700;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .2s ease-in-out}.tray-navigation .nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15);background-color:#f7faff}.tray-navigation .nav-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.tray-navigation .nav-btn:disabled{background-color:#f0f0f0;color:#ccc;box-shadow:none;cursor:not-allowed}@media (min-width: 769px){.hero-slider{border:2px solid var(--primary-color, #2ecc71);border-radius:16px;padding:10px;background-color:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 16px rgba(0,0,0,.1);margin-top:2rem;margin-bottom:2rem;overflow:hidden}}@media (max-width: 768px){.slot-weight-selector{padding:2px 4px;font-size:.7rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:left 5px center}.slot .custom-select-wrapper{max-width:95%}}.sauce-bowls-container{display:flex;justify-content:center;gap:20px;margin-top:25px}.sauce-bowl{width:100px;height:100px;border:3px dashed #ccc;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative}.sauce-bowl.empty:hover{border-color:var(--primary-color);background-color:#f9f9f9}.sauce-bowl .bowl-placeholder-icon{font-size:2rem;color:#ccc}.sauce-bowl.empty:hover .bowl-placeholder-icon{color:var(--primary-color)}.sauce-bowl.filled{border-style:solid;border-color:var(--sauce-bg, #333);background:var(--sauce-bg, #333);color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);background-size:cover;background-position:center}.sauce-bowl .sauce-name{font-weight:700;font-size:.9rem}.sauce-bowl .remove-sauce-btn{position:absolute;top:-5px;right:-5px;width:24px;height:24px;background-color:#333;color:#fff;border:2px solid white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer;opacity:0;transition:opacity .2s}.sauce-bowl.filled:hover .remove-sauce-btn{opacity:1}.sauce-picker-menu{position:absolute;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);z-index:100;padding:5px;max-height:200px;overflow-y:auto}.sauce-picker-item{padding:8px 12px;cursor:pointer;border-radius:4px}.sauce-picker-item:hover{background-color:#f0f0f0}#autoSauceBtn{margin-top:25px}h1.main-title{font-family:Varela Round,sans-serif;font-size:2.5rem;color:#5c3d2e;text-shadow:1px 1px 3px rgba(0,0,0,.1);padding:20px;text-align:center}.weight-display-btn{background-color:rgba(255,255,255,.9);color:#333;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:6px 10px;font-size:14px;font-weight:700;cursor:pointer;width:auto;min-width:80px;transition:background-color .2s;box-shadow:0 1px 3px rgba(0,0,0,.1)}.weight-display-btn:hover{background-color:#fff}.weight-options-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:15px}.weight-option-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;padding:12px 5px;font-size:1rem;font-weight:700;cursor:pointer}.weight-option-btn.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width: 780px){section#step3 fieldset.delivery-options legend{width:100%;text-align:center;margin-bottom:15px}section#step3 fieldset.delivery-options .radio-options-container{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:stretch;gap:5px}section#step3 .radio-group{flex:1 1 0;display:flex}section#step3 .radio-group label{display:flex;align-items:center;justify-content:center;width:100%;min-height:65px;padding:5px;border:1px solid #ddd;border-radius:8px;background-color:#fff;line-height:1.2;text-align:center}}body{--background-color: #fdf5ec}body.dark-mode{--background-color: #1a1a1a}.zoom-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);overflow:scroll;-webkit-overflow-scrolling:touch;z-index:10000;cursor:grab}.zoom-modal-content{background-color:var(--background-color)}.zoom-modal-content>main{transform:scale(1.4);transform-origin:top left;width:100%;display:block}.zoom-modal-close{position:fixed;top:20px;right:20px;font-size:3rem;font-weight:700;color:#fff;background:none;border:none;cursor:pointer;z-index:10001;text-shadow:0 0 5px black}.delivery-options-container{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}.delivery-option-card{position:relative;display:flex;align-items:center;gap:10px;padding:12px 16px;border:2px solid #e7d7c5;border-radius:14px;background:#fff;cursor:pointer;user-select:none;transition:transform .06s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease,filter .2s ease;flex:1 1 0;min-width:200px}.delivery-option-card:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.06)}.delivery-option-card .icon{font-size:26px;line-height:1;color:#5c3d2e}.delivery-option-card .title{font-weight:600;color:#5c3d2e}.delivery-option-card>input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.delivery-option-card:has(input:checked){border-color:#5c3d2e;box-shadow:0 0 0 3px rgba(92,61,46,.12) inset}.delivery-option-card:has(input:disabled){opacity:.55;cursor:not-allowed;filter:grayscale(.3)}@media (max-width: 720px){.delivery-option-card{min-width:calc(50% - 8px)}}@media (max-width: 420px){.delivery-option-card{min-width:100%}}.delivery-option.is-disabled label{opacity:.55;filter:grayscale(.15);cursor:not-allowed;pointer-events:none}.delivery-options-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.delivery-option-card{display:grid;place-items:center;gap:6px;padding:14px;border-radius:12px;border:1px solid var(--line, #ddd);background:var(--card, #fff);cursor:pointer;text-align:center;transition:.2s ease}.delivery-option-card .icon{font-size:28px;line-height:1}.delivery-option-card.is-disabled,.delivery-option-card:has(input[disabled]){opacity:.5;filter:grayscale(.7);cursor:not-allowed}.delivery-option-card.is-disabled *{pointer-events:none}.delivery-option-card input{display:none}.delivery-option-card:has(input:checked){border-color:var(--primary, #c74824);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #c74824) 20%,transparent)}@media (max-width: 680px){.delivery-options-container{grid-template-columns:1fr}}.time-slots-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.time-slot-btn{padding:8px 16px;border:1px solid #ccc;background-color:#f9f9f9;border-radius:8px;cursor:pointer;transition:all .2s ease}.time-slot-btn:hover{border-color:#888}.time-slot-btn.selected{background-color:#5c3d2e;color:#fff;border-color:#5c3d2e;font-weight:700}.stepper-nav{display:flex;justify-content:space-around;background-color:#f7f7f7;border-radius:12px;padding:8px;margin:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.05);gap:8px}.step-btn{flex:1;padding:12px 8px;border:2px solid transparent;background-color:#e9ecef;color:#6c757d;border-radius:8px;font-family:Varela Round,sans-serif;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center}.step-btn strong{margin-right:.5em}.step-btn.active{background-color:#5c3d2e;color:#fff;font-weight:700;box-shadow:0 4px 8px rgba(92,61,46,.2);transform:translateY(-2px)}.step-btn:not(:disabled):not(.active):hover{background-color:#dee2e6;border-color:#adb5bd}.step-btn:disabled{background-color:#f8f9fa;color:#ced4da;cursor:not-allowed;box-shadow:none;transform:none}.final-summary-section{width:100%;max-width:500px;margin:40px auto 20px;padding:24px;border:1px solid #e0e0e0;border-radius:16px;background-color:#f9f9f9;display:flex;flex-direction:column;gap:24px}.coupon-section h4{margin-top:0;margin-bottom:8px}.coupon-section .input-with-button{display:flex;gap:8px}.coupon-section .input-with-button input{flex-grow:1}.final-costs-summary{display:flex;flex-direction:column;gap:12px;font-size:1.1em}.final-costs-summary .cost-line{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px dashed #ccc}.final-costs-summary .cost-line:last-child{border-bottom:none}.final-costs-summary .discount{color:#28a745}.final-costs-summary .total{font-weight:700;font-size:1.4em;color:#333;border-top:1px solid #999;padding-top:16px;margin-top:8px}body.dark-mode .final-summary-section{background-color:#2c2c2c;border-color:#444}body.dark-mode .final-costs-summary .total{color:#fff}.hidden{display:none}.typing-dots{display:flex;align-items:center;gap:.35rem;color:#555;font-size:.95rem;margin:.5rem 0}.typing-dots span{width:.45rem;height:.45rem;border-radius:50%;background:#bbb;display:inline-block;animation:bounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.link-btn.modern-register{background-color:#e8f0fe;color:#1967d2;padding:6px 14px;border-radius:100px;font-weight:500;text-decoration:none;font-size:.9em!important;transition:all .2s ease-in-out;border:none;margin-right:5px}.link-btn.modern-register:hover{background-color:#d2e3fc;box-shadow:0 2px 5px rgba(0,0,0,.1);transform:translateY(-1px)}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;margin:8px 0;font-size:1rem;font-weight:500;border:1px solid #dadce0;border-radius:8px;cursor:pointer;background-color:#fff;color:#3c4043;transition:background-color .2s ease,box-shadow .2s ease}.social-btn:hover{background-color:#f8f9fa;box-shadow:0 1px 3px rgba(0,0,0,.1)}.social-btn img{height:22px;width:22px;object-fit:contain}.social-btn.apple-btn img{height:24px;width:24px}.otp-input-group{display:flex;width:100%;border-radius:8px;overflow:hidden;border:1px solid #ccc;transition:border-color .2s,box-shadow .2s;background-color:#f9f9f9}.otp-input-group:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(254,216,177,.5);background-color:#fff}.otp-input-group input[type=tel],.otp-input-group input[type=number]{flex-grow:1;border:none;padding:14px 16px;font-size:1.2rem;text-align:center;letter-spacing:.3em;background-color:transparent;font-weight:700;color:#333}.otp-input-group input::placeholder{letter-spacing:normal;font-weight:400}.otp-input-group input:focus{outline:none}.otp-input-group button{flex-shrink:0;border:none;border-radius:0;margin:0;font-size:1rem;padding:0 24px;min-width:110px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-title-section{border-radius:12px;margin:0 20px 20px;padding:15px 20px;display:flex;justify-content:center;align-items:center;min-height:80px}.logo-bar img{max-height:60px;display:block;margin:0 auto}#activeOrderFab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;left:20px;width:60px;height:60px;border-radius:50%;background-color:#5c3d2e;color:#fff;border:none;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer;z-index:999;transform:scale(0);transition:background-color .3s ease,transform .3s cubic-bezier(.18,.89,.32,1.28)}#activeOrderFab{display:none;align-items:center;justify-content:center;position:fixed;bottom:20px;left:20px;width:60px;height:60px;border-radius:50%;background-color:#5c3d2e;color:#fff;border:none;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer;z-index:999;transform:scale(0);transition:background-color .3s ease,transform .3s cubic-bezier(.18,.89,.32,1.28)}#activeOrderFab.visible{transform:scale(1)}#activeOrderFab .material-symbols-outlined{font-size:28px;transition:transform .3s ease}#activeOrderFab:hover .material-symbols-outlined{transform:scale(1.1)}#activeOrderFab.status-received{background-color:#2196f3}#activeOrderFab.status-preparing{background-color:#ff9800}#activeOrderFab.status-ready{background-color:#4caf50}#activeOrderFab.status-shipped{background-color:#673ab7}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999;color:#fff;display:none}.loading-spinner{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loading-message{margin-top:15px;font-size:1.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coupon-card{background-color:#fff8f0;border:1px solid #e0c9b3;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.coupon-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.08)}.coupon-card:before{content:"";position:absolute;top:10%;bottom:10%;right:100px;border-left:2px dashed #d4bda7;opacity:.8}.coupon-details{padding-left:15px;flex-grow:1}.coupon-details h4{margin:0 0 4px;color:#5c3d2e;font-size:1.1rem}.coupon-details p{margin:0;color:#7a5c4a;font-size:.9rem}.coupon-redeem-btn{background-color:#e57373;color:#fff;border:none;border-radius:8px 0 0 8px;padding:10px 18px;font-family:Varela Round,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .1s ease;z-index:1;margin-right:-12px}.coupon-redeem-btn:hover{background-color:#ef5350}.coupon-redeem-btn:active{transform:scale(.97)}.coupon-card.used{background-color:#f5f5f5;opacity:.7}.coupon-card.used .coupon-redeem-btn{background-color:#a5a5a5;cursor:not-allowed;pointer-events:none}.main-title-section{display:flex;flex-direction:column;align-items:center;padding:30px 15px}.logo-container{width:180px;height:180px;margin-bottom:20px;padding:15px;background-color:rgba(255,255,255,.6);border-radius:28px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.main-logo{max-width:100%;max-height:100%;height:auto;object-fit:contain}.logo-tagline{font-family:Caveat,cursive;font-size:2.2rem;color:#4a2e20;text-align:center;margin:0;padding:0;text-shadow:1px 1px 2px rgba(255,255,255,.7)}.logo-subtitle-hebrew,.logo-subtitle-english{display:none}.categories-container{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding:10px 0;margin-bottom:15px;-webkit-overflow-scrolling:touch}.category-btn{padding:8px 16px;border:1px solid #ddd;background-color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;color:#555;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-btn.active{background-color:var(--primary-color, #5C3D2E);color:var(--primary-color-text, #fff);border-color:var(--primary-color, #5C3D2E)}.category-btn:hover:not(.active){background-color:#f9f9f9;border-color:#ccc}.category-btn.skeleton{background-color:#f0f0f0;border-color:#e0e0e0;color:transparent;pointer-events:none;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}#otpInputLogin,#otpInputRegister,#clubOtpInput,#updatePhoneOtpInput{padding:12px 15px;font-size:1.8rem;font-weight:700;text-align:center;letter-spacing:8px;border:2px solid #ccc;border-radius:8px;width:100%;box-sizing:border-box;background-color:#fdf5ec;color:#5c3d2e;caret-color:#5c3d2e;font-size:16px;-webkit-appearance:none;margin:0;-moz-appearance:textfield}#otpInputLogin::-webkit-outer-spin-button,#otpInputLogin::-webkit-inner-spin-button,#otpInputRegister::-webkit-outer-spin-button,#otpInputRegister::-webkit-inner-spin-button,#clubOtpInput::-webkit-outer-spin-button,#clubOtpInput::-webkit-inner-spin-button,#updatePhoneOtpInput::-webkit-outer-spin-button,#updatePhoneOtpInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#otpInputLogin::placeholder,#otpInputRegister::placeholder,#clubOtpInput::placeholder,#updatePhoneOtpInput::placeholder{color:#bbb;letter-spacing:normal;font-size:1rem;font-weight:400;opacity:1}#otpInputLogin:focus,#otpInputRegister:focus,#clubOtpInput:focus,#updatePhoneOtpInput:focus{border-color:#5c3d2e;outline:none;box-shadow:0 0 0 3px rgba(92,61,46,.15);background-color:#fff}.user-logged-in #submitOrderBtn{display:inline-flex}.user-logged-in #whatsappSlider{display:none}.topic-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:25px;padding:0 10px}.topic-tab{padding:10px 18px;border:2px solid transparent;background-color:#fff;color:var(--primary-color, #5C3D2E);border-radius:20px;font-family:Varela Round,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.1)}.topic-tab:hover{background-color:#fdf5ec;box-shadow:0 4px 8px rgba(0,0,0,.15)}.topic-tab.active{border-color:var(--primary-color, #5C3D2E);background-color:var(--primary-color, #5C3D2E);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}@media (min-width: 769px){.topic-content{background-color:#fff;border:1px solid #2dcc70;min-height:350px;display:none}}.topic-content.hidden{display:none}.topic-content{background-color:#fff;border:1px solid #2dcc70;border-radius:14px;padding:15px;box-shadow:0 4px 10px rgba(0,0,0,.1);box-sizing:border-box;width:100%;max-width:760px;margin:0 auto 25px;min-height:350px;display:none}.topic-content.active{display:block}@media (max-width: 1000px){.topic-content{margin-left:15px;margin-right:15px;max-width:none;padding:10px;min-height:300px}}#hero-slider-content .slider-wrapper,#hero-slider-content .slider-nav{width:100%}@media (max-width: 600px){.topic-content{width:calc(100% - 20px);padding:15px;min-height:300px;margin-bottom:20px}}.topic-content .primary-btn,.topic-content .primary-btn-outline,.topic-content .link-btn{display:block;margin-left:auto;margin-right:auto;width:fit-content;margin-top:15px}.shepherd-element.shepherd-custom{background-color:var(--background-alt-color, #ffffff);border-radius:var(--radius-lg, 16px);box-shadow:0 6px 20px rgba(0,0,0,.15);border:none;max-width:350px;padding:0}body.dark-mode .shepherd-element.shepherd-custom{background-color:var(--surface-dark, #2c3e50)}.shepherd-custom .shepherd-header{background-color:transparent;padding:18px 20px 15px 50px;border-bottom:none;position:relative}.shepherd-custom .shepherd-title{color:var(--text-color, #2c3e50);font-weight:700;font-size:1.25em}body.dark-mode .shepherd-custom .shepherd-title{color:var(--text-dark, #f0f0f0)}.shepherd-custom .shepherd-cancel-icon{position:absolute;top:10px;left:10px;font-size:1.8em;color:var(--text-mid, #aaa);opacity:.7;transition:color .2s ease,transform .2s ease}.shepherd-custom .shepherd-cancel-icon:hover{color:var(--danger-color, #e74c3c);opacity:1;transform:scale(1.1)}.shepherd-custom .shepherd-text{padding:0 20px 20px;color:var(--text-color, #333);font-size:1em;line-height:1.6;font-weight:500}body.dark-mode .shepherd-custom .shepherd-text{color:var(--text-dark, #eee)}.shepherd-custom .shepherd-footer{padding:0 15px 15px;display:flex;justify-content:space-between;gap:10px}.shepherd-custom .shepherd-button{background:none;border:none;padding:10px 18px;border-radius:var(--radius-md, 12px);font-size:.95em;font-weight:700;cursor:pointer;transition:all .2s ease;flex-grow:1;text-align:center}.shepherd-custom .shepherd-button:not(.shepherd-button-secondary){background-color:var(--primary-color, #2ecc71);color:#fff}.shepherd-custom .shepherd-button:not(.shepherd-button-secondary):hover{background-color:var(--primary-dark, #27ae60);transform:translateY(-1px)}.shepherd-custom .shepherd-button.shepherd-button-secondary{background-color:var(--background-alt-color, #f0f0f0);color:var(--text-mid, #555);border:none}body.dark-mode .shepherd-custom .shepherd-button.shepherd-button-secondary{background-color:var(--surface-dark, #3a4b5d);color:var(--text-dark, #eee)}.shepherd-custom .shepherd-button.shepherd-button-secondary:hover{background-color:var(--border-light, #e0e0e0);color:var(--text-color, #333)}body.dark-mode .shepherd-custom .shepherd-button.shepherd-button-secondary:hover{background-color:var(--border-dark, #4a627a);color:var(--text-light, #fff)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow:before{border-top-color:var(--background-alt-color, #ffffff)}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow:before{border-bottom-color:var(--background-alt-color, #ffffff)}body.dark-mode .shepherd-element[data-popper-placement^=top]>.shepherd-arrow:before{border-top-color:var(--surface-dark, #2c3e50)}body.dark-mode .shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow:before{border-bottom-color:var(--surface-dark, #2c3e50)}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow:before{border-left-color:var(--background-alt-color, #ffffff)}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow:before{border-right-color:var(--background-alt-color, #ffffff)}body.dark-mode .shepherd-element[data-popper-placement^=left]>.shepherd-arrow:before{border-left-color:var(--surface-dark, #2c3e50)}body.dark-mode .shepherd-element[data-popper-placement^=right]>.shepherd-arrow:before{border-right-color:var(--surface-dark, #2c3e50)}.pagination-controls{display:flex;justify-content:center!important;align-items:center;width:100%;gap:15px;padding:20px 10px;margin-top:15px;border-top:1px solid #eee;box-sizing:border-box}.pagination-status{font-size:1rem;color:#555;font-weight:500}.pagination-btn{background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px;padding:10px 15px;font-family:Varela Round,sans-serif;font-size:.9rem;cursor:pointer;transition:background-color .2s,box-shadow .2s}.pagination-btn:disabled{background-color:#f5f5f5;color:#bbb;cursor:not-allowed;opacity:.7}.pagination-btn{background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px;padding:10px 15px;font-family:Varela Round,sans-serif;font-size:.9rem;cursor:pointer;transition:background-color .2s,box-shadow .2s,color .2s,border-color .2s}.pagination-btn:not(:disabled):hover{background-color:#f0f0f0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.pagination-btn.next-page-btn:not(:disabled){background-color:var(--primary-color);color:#fff;font-weight:700;border-color:var(--primary-color)}.pagination-btn.next-page-btn:not(:disabled):hover{background-color:var(--primary-dark);box-shadow:0 2px 6px rgba(0,0,0,.1)}.pagination-btn#prev-page-btn:not(:disabled){background-color:transparent;color:var(--primary-color);border-color:var(--primary-color);font-weight:700}.pagination-btn#prev-page-btn:not(:disabled):hover{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.pagination-btn:disabled{background-color:#f5f5f5;color:#bbb;border-color:#ddd;cursor:not-allowed;opacity:.7}#registerPopup .sms-btn{width:100%;padding:12px 15px;margin-top:10px;text-align:center;box-sizing:border-box}.sms-btn{display:block}.sms-login-panel.is-visible{display:block}.sms-login-panel.is-visible .slider-container{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important}.sms-login-panel.is-visible .slider-container .slider-btn{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-width:40px;min-height:40px}.sms-login-panel #otpContainerRegister,.sms-login-panel .otp-input-section{display:none}.sms-login-panel.show-otp #otpContainerRegister,.sms-login-panel.show-otp .otp-input-section{display:block}.sms-login-panel.show-otp .slider-container{display:none!important}#registerPopup .login-container{width:100%;max-width:400px;margin:0 auto}#registerPopup .register-perks{font-size:.9em;color:var(--text-color-light);background-color:var(--background-color-light);padding:10px;border-radius:8px;margin-bottom:15px;text-align:right;line-height:1.5}#registerPopup .register-perks strong{color:var(--primary-color)}#smsRegisterPanel{display:block;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.slider-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;color:#888;font-weight:700}.slider-container.disabled{background-color:#eee;opacity:.6;pointer-events:none;cursor:not-allowed}.slider-container.disabled .slider-text{color:#999}#verifyOtpBtnRegister{width:100%;padding:12px;font-size:1.1em;font-weight:700}#registerPopup.mode-sms #smsRegisterPanel{display:block}#registerPopup.mode-sms #completeSocialProfileBtn,#registerPopup.mode-social #smsRegisterPanel{display:none}.sms-login-panel{display:none;width:100%;margin-top:15px}.sms-login-panel.is-visible{display:block!important}#showSmsRegisterBtn{width:100%;padding:12px 15px;margin-top:10px;text-align:center;box-sizing:border-box}.slider-rail{position:relative;overflow:hidden;border-radius:50px}.slider-btn{position:relative;z-index:2;pointer-events:auto!important;cursor:grab}.slider-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.slider-container.dragging .slider-btn{cursor:grabbing}#registerPopup.mode-sms .sms-login-panel{display:none}#registerPopup.mode-sms .login-method-selection{display:flex}#registerPopup.mode-sms #showSmsRegisterBtn{display:block}#registerPopup.mode-sms #completeSocialProfileBtn,#registerPopup.mode-social #smsRegisterPanel,#registerPopup.mode-social .login-method-selection,#registerPopup.mode-social #showSmsRegisterBtn{display:none}#registerPopup.mode-social #completeSocialProfileBtn{display:block}.accessory-slot-container{border:2px dashed var(--primary-color-light);border-radius:8px;padding:15px;margin-top:7px;background-color:rgba(255,255,255,.5);width:100%;box-sizing:border-box;overflow:hidden}.accessory-slot-container h4{margin:0 0 15px;display:flex;align-items:center;gap:8px;font-size:1.1em;color:var(--primary-color)}#selected-accessories-list{list-style:none;padding:0 0 10px;margin:0;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;align-items:stretch;min-height:130px}.selected-accessory-item{flex:0 0 100px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;background:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid #eee}.accessory-item-image{width:60px;height:60px;object-fit:contain;margin-bottom:5px}.accessory-item-name{font-size:.9em;font-weight:700;line-height:1.2;height:2.4em;overflow:hidden;margin-bottom:5px}.accessory-item-price{font-size:.85em;color:#555}.remove-accessory-btn{position:absolute;top:-5px;right:-5px;background:var(--danger-color);color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;font-weight:700;line-height:22px;text-align:center;cursor:pointer;padding:0}#selected-accessories-list:empty:before{content:"לא נבחרו מוצרים נלווים";display:block;width:100%;text-align:center;color:#888;font-style:italic;padding:30px 0}:root{--safe-bottom: env(safe-area-inset-bottom, 0px);--tray-max-w: 760px;--tray-peek-height: 58px;--tray-radius: 14px;--tray-bar-bg-light: rgba(248, 249, 250, .75);--tray-bar-bg-dark: rgba(45, 55, 72, .75)}#floating-tray-bar.floating-tray-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:var(--tray-max-w)!important;margin-inline:auto!important;z-index:990!important;background:var(--tray-bar-bg-light)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-top:1px solid rgba(0,0,0,.08)!important;border-top-left-radius:var(--tray-radius)!important;border-top-right-radius:var(--tray-radius)!important;box-shadow:0 -10px 30px rgba(0,0,0,.12)!important;overflow:clip!important;transform:translateY(calc(100% - var(--tray-peek-height)))!important;transition:transform .35s cubic-bezier(.22,1,.36,1)!important;will-change:transform!important}body.dark-mode .floating-tray-bar{background-color:var(--tray-bar-bg-dark)!important;border-top-color:rgba(255,255,255,.1)!important}#floating-tray-bar.open{transform:translateY(0)!important}#floating-tray-bar .tray-info-bar-sticky{height:var(--tray-peek-height)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 12px!important;background:transparent!important;backdrop-filter:none!important;cursor:pointer!important;user-select:none!important;border-bottom:1px solid rgba(0,0,0,.06)!important}body.dark-mode #floating-tray-bar .tray-info-bar-sticky{border-bottom-color:rgba(255,255,255,.1)!important}.tray-info-details{display:flex!important;align-items:baseline!important;gap:12px!important}.tray-info-details #floatingTrayCounter{font-size:.95rem!important;color:var(--text-color, #333)!important}body.dark-mode .tray-info-details #floatingTrayCounter{color:var(--text-dark, #eee)!important}.tray-info-details .tray-price{margin:0!important;font-size:1.05rem!important;color:var(--primary-color, #5C3D2E)!important;font-weight:700!important}.tray-bar-toggle{display:inline-flex!important;align-items:center!important;gap:8px!important;border:0!important;background:transparent!important;font:inherit!important;color:var(--text-color, #333)!important;cursor:pointer!important}body.dark-mode .tray-bar-toggle{color:var(--text-dark, #eee)!important}.tray-bar-toggle .material-symbols-outlined{font-size:20px!important;transition:transform .25s ease!important}#floating-tray-bar.open .tray-bar-toggle .material-symbols-outlined{transform:rotate(180deg)!important}#floating-tray-controls.tray-controls-panel-wrapper{max-height:0!important;overflow:hidden!important;transition:max-height .35s ease!important;background:transparent!important;border-top:none!important;position:relative!important}#floating-tray-bar.open #floating-tray-controls{max-height:120px!important;overflow-y:hidden!important;padding-bottom:calc(8px + var(--safe-bottom))!important}.tray-controls-panel.new-layout.single-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:center!important;gap:10px!important;padding:12px 15px!important;grid-template-columns:none!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tray-controls-panel.new-layout.single-row::-webkit-scrollbar{display:none}#floating-tray-controls.tray-controls-panel-wrapper:before,#floating-tray-controls.tray-controls-panel-wrapper:after{content:""!important;position:absolute!important;top:0!important;bottom:0!important;width:40px!important;pointer-events:none!important;transition:opacity .3s ease!important;opacity:0!important;z-index:5}#floating-tray-controls.tray-controls-panel-wrapper:before{right:0!important;background:linear-gradient(to right,transparent,var(--tray-bar-bg-light) 95%)!important}#floating-tray-controls.tray-controls-panel-wrapper:after{left:0!important;background:linear-gradient(to left,transparent,var(--tray-bar-bg-light) 95%)!important}body.dark-mode #floating-tray-controls.tray-controls-panel-wrapper:before{background:linear-gradient(to right,transparent,var(--tray-bar-bg-dark) 95%)!important}body.dark-mode #floating-tray-controls.tray-controls-panel-wrapper:after{background:linear-gradient(to left,transparent,var(--tray-bar-bg-dark) 95%)!important}#floating-tray-controls.can-scroll-right:before,#floating-tray-controls.can-scroll-left:after{opacity:1!important}.tray-controls-panel.new-layout.single-row .separator{width:1.5px!important;height:35px!important;background-color:var(--border-light, #eee)!important;border-radius:2px!important;flex-shrink:0!important;margin:0 5px!important}body.dark-mode .tray-controls-panel.new-layout.single-row .separator{background-color:var(--border-dark, #4a627a)!important}#floating-tray-bar .nav-btn,#floating-tray-bar .quantity-stepper,#floating-tray-bar .control-button{flex-shrink:0!important}#floating-tray-bar .nav-btn{width:44px!important;height:44px!important;border-radius:10px!important;border:1px solid var(--border-color, #ddd)!important;background:var(--background-alt-color, #fff)!important;cursor:pointer!important;font-size:2rem!important}#floating-tray-bar .nav-btn:disabled{opacity:.45!important;cursor:not-allowed!important}#floating-tray-bar .quantity-stepper{display:inline-flex!important;align-items:center!important;gap:6px!important;border:1px solid var(--border-color, #ddd)!important;border-radius:10px!important;padding:0 6px!important;height:44px!important;background:var(--background-alt-color, #fff)!important;max-width:160px!important;justify-content:center!important}#floating-tray-bar .quantity-stepper .stepper-btn{width:32px!important;height:32px!important;border-radius:8px!important;border:0!important;background:#f2f2f2!important;cursor:pointer!important}#floating-tray-bar #floatingTrayQuantity{width:40px!important;text-align:center!important;border:0!important;outline:none!important;font-size:.95rem!important;background:transparent!important;color:var(--text-color)!important}#floating-tray-bar .control-button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:var(--background-color, #f1f3f5)!important;border:1px solid var(--border-color, #ddd)!important;border-radius:var(--radius-md, 12px)!important;font-size:.75rem!important;color:var(--text-mid, #475569)!important;cursor:pointer!important;transition:all .2s ease!important;width:75px!important;height:55px!important;padding:5px!important;box-sizing:border-box!important}#floating-tray-bar .control-button .material-symbols-outlined{font-size:1.6rem!important}#floating-tray-bar .control-button .btn-text{margin-top:2px!important}#floating-tray-bar .control-button:hover{background-color:#e9ecef!important}#floating-tray-bar .control-button:disabled{opacity:.5!important;cursor:not-allowed!important}body.dark-mode #floating-tray-bar .control-button{background:var(--surface-dark-alt, #34495e)!important;border-color:var(--border-dark, #4a627a)!important;color:var(--text-dark, #eee)!important}body.dark-mode #floating-tray-bar .control-button:hover{background-color:#4a627a!important}#floating-tray-bar .control-button.primary:not(:disabled){background-color:var(--primary-color, #5C3D2E)!important;color:#fff!important;border-color:var(--primary-color, #5C3D2E)!important}#floating-tray-bar .control-button.primary:not(:disabled) .btn-text,#floating-tray-bar .control-button.primary:not(:disabled) .material-symbols-outlined{color:#fff!important}#floating-tray-bar .control-button.danger:not(:disabled){background-color:var(--danger-color, #e74c3c)!important;color:#fff!important;border-color:var(--danger-color, #e74c3c)!important}#floating-tray-bar .control-button.danger:not(:disabled) .btn-text,#floating-tray-bar .control-button.danger:not(:disabled) .material-symbols-outlined{color:#fff!important}#floating-tray-bar .control-button.danger:hover:not(:disabled){background-color:#c0392b!important;border-color:#c0392b!important}body.dark-mode #floating-tray-bar .nav-btn,body.dark-mode #floating-tray-bar .quantity-stepper{background:var(--surface-dark, #1c2938)!important;border-color:var(--border-dark, #4a627a)!important}body.dark-mode #floating-tray-bar .quantity-stepper .stepper-btn{background:var(--surface-dark-alt, #34495e)!important;color:var(--text-dark, #eee)!important}body.dark-mode #floating-tray-bar #floatingTrayQuantity{color:var(--text-dark, #eee)!important}#floating-tray-bar .tray-price.accessory-price{margin:10px 0 0!important;text-align:center!important;font-weight:600!important;display:block!important;width:100%!important}@media (max-width: 820px){#floating-tray-bar.floating-tray-bar{max-width:none!important;border-radius:0!important}}.tray-controls-panel{display:block!important;grid-template-columns:none!important}#floating-tray-bar .tray-panel-group{display:contents!important;border:none!important;padding:0!important}.topic-tabs{max-width:760px;margin:15px auto 0;border-bottom:1px solid #2dcc70;justify-content:flex-start;gap:3px;padding:0 15px;position:relative;z-index:10}.topic-tab{padding:10px 18px;border-radius:10px 10px 0 0!important;border:1px solid #ddd;border-bottom:none;background-color:#f1f3f5;color:#475569;box-shadow:none;font-weight:600;position:relative}.topic-tab.active{background-color:#fff;color:var(--primary-color, #5C3D2E);border-color:#2dcc70;border-bottom:1px solid #ffffff;z-index:12;font-weight:700}.topic-content{border-top:none;border-top-left-radius:0;border-top-right-radius:0}@media (max-width: 768px){.topic-content,.topic-content.hero-slider{border-top-left-radius:0!important;border-top-right-radius:0!important}.topic-tabs{padding:0 5px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start}.topic-tab{flex-shrink:0}}@media (min-width: 769px){.topic-tabs,.topic-content{max-width:760px!important}.topic-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.topic-tab{padding:10px 12px;font-size:.85rem;white-space:nowrap}}.main-title-section{max-width:760px;margin-left:auto!important;margin-right:auto!important}.shepherd-custom .shepherd-text{font-size:1.05em;line-height:1.6;font-weight:500}.shepherd-custom .shepherd-speak-btn{padding:10px 15px;font-size:1.2em;flex-grow:0;flex-basis:50px}.shepherd-custom .shepherd-footer{display:flex;justify-content:space-between;align-items:center}.shepherd-custom .shepherd-button.shepherd-speak-btn{position:absolute;left:50%;transform:translate(-50%);width:50px;height:40px;padding:0;line-height:40px}.shepherd-custom .shepherd-button.shepherd-button-secondary:not(.shepherd-speak-btn),.shepherd-custom .shepherd-button.shepherd-button-primary{flex-grow:1;flex-basis:40%}.shepherd-custom .shepherd-footer{position:relative;padding-right:70px;padding-left:15px}.shepherd-custom .shepherd-button.shepherd-speak-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);left:auto;width:auto;padding:8px 12px}.shepherd-custom .shepherd-button.shepherd-button-secondary:not(.shepherd-speak-btn),.shepherd-custom .shepherd-button.shepherd-button-primary{flex-grow:1;flex-basis:45%}.tray-info-details #floatingTrayCost.cost-zero{color:var(--danger-color, #e74c3c)!important}.tray-info-details #floatingTrayCost.cost-positive{color:var(--primary-dark, #27ae60)!important}.tray-bar-toggle{background:var(--primary-color, #5C3D2E)!important;color:#fff!important;padding:8px 14px!important;border-radius:20px!important;font-weight:700!important;transition:all .3s ease!important;box-shadow:0 2px 5px rgba(0,0,0,.2);position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)}.tray-bar-toggle:hover{filter:brightness(1.1);box-shadow:0 4px 10px rgba(0,0,0,.3);transform:translateY(-1px)}body.dark-mode .tray-bar-toggle{background:var(--primary-color, #5C3D2E)!important;color:#fff!important}.tray-bar-toggle:before{content:"";position:absolute;top:-10px;left:-75%;width:50%;height:calc(100% + 20px);background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:skew(-25deg);animation:shine 4s infinite linear;animation-delay:1.5s}button[data-action=autoAssemble].primary-btn{background:linear-gradient(45deg,#6a11cb,#2575fc)!important;color:#fff!important;border:none!important;border-radius:50px!important;padding:12px 28px!important;font-size:1.05em;font-weight:700;cursor:pointer;transition:all .3s ease!important;box-shadow:0 4px 15px rgba(37,117,252,.4);position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)}button[data-action=autoAssemble].primary-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px rgba(37,117,252,.5)}button[data-action=autoAssemble].primary-btn:before{content:"";position:absolute;top:-10px;left:-75%;width:50%;height:calc(100% + 20px);background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:skew(-25deg);animation:shine 4s infinite linear;animation-delay:2.5s}@keyframes shine{0%{left:-75%}to{left:125%}}.tray-instructions-text{font-size:.95em;color:var(--text-mid);text-align:center;max-width:450px;margin:10px auto 20px;line-height:1.5;transition:all .3s ease;opacity:1;height:4.5em;overflow:hidden}.tray-instructions-text.hidden{opacity:0;height:0;margin-top:0;margin-bottom:0;padding:0}.logo-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;height:auto;min-width:180px;padding:15px;background-color:rgba(255,255,255,.6);border-radius:28px;box-shadow:0 10px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo-overlay-text{margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;color:#4a2e20}.logo-overlay-text .brand-name{font-family:Varela Round,sans-serif;font-weight:700;font-size:1.3rem;line-height:1.2;text-shadow:0px 1px 3px rgba(255,255,255,.7)}.logo-overlay-text .brand-since{font-family:Varela Round,sans-serif;font-weight:600;font-size:.9rem;line-height:1.1;background-color:rgba(255,255,255,.3);padding:2px 6px;border-radius:4px;margin-top:4px}@media (max-width: 768px){.logo-overlay-text .brand-name{font-size:1.1rem}.logo-overlay-text .brand-since{font-size:.8rem}}.logo-container .main-logo{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important;object-fit:contain;flex-shrink:0}#ageVerificationPopup .popup-actions{display:flex;flex-direction:row;gap:10px}#ageVerificationPopup .popup-actions button{flex:1}.assignment-container{align-items:flex-start}.assignment-column:first-child{position:sticky;top:90px;z-index:10;background:var(--background-color-light, #fff);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.dark-mode .assignment-column:first-child{background:var(--dark-mode-bg-light, #333)}.stepper-nav{position:relative}.stepper-nav .step-btn{background-color:var(--muted-bg-color, #f0f0f0);color:var(--text-color-muted, #888);border-bottom:4px solid var(--muted-border-color, #ddd);opacity:.7;transition:all .3s ease}.stepper-nav .step-btn:not(:disabled){opacity:1;cursor:pointer}.stepper-nav .step-btn.active{background-color:var(--primary-color-light, #e0f0ff);color:var(--primary-color, #007bff);border-bottom-color:var(--primary-color, #007bff);font-weight:700}.stepper-nav .step-btn.completed{background-color:var(--success-color-light, #e6f9e6);color:var(--success-color, #28a745);border-bottom-color:var(--success-color, #28a745);opacity:1;font-weight:400}.stepper-nav .step-btn.completed:after{content:" ✓";font-weight:700}.stepper-help-btn{position:absolute;left:5px;top:50%;transform:translateY(-50%);padding:4px;border-radius:50%;color:var(--primary-color, #007bff)}.stepper-help-btn:hover{background-color:var(--primary-color-light, #e0f0ff)}.stepper-help-btn .material-symbols-outlined{font-size:20px}.help-section{margin-bottom:15px;padding:10px;background:var(--background-color-light, #f9f9f9);border-radius:8px;border:1px solid var(--muted-border-color, #eee)}.dark-mode .help-section{background:var(--dark-mode-bg, #222);border-color:var(--dark-mode-border, #444)}.help-section h4{color:var(--primary-color, #007bff);margin-top:0}.help-section ul,.help-section ol{padding-right:20px}.help-section code{background:var(--muted-bg-color, #e0e0e0);padding:2px 5px;border-radius:4px;font-family:monospace;direction:ltr;display:inline-block}.dark-mode .help-section code{background:#444;color:#f0f0f0}