:root{--primary-color: #111330;--white-color: #ffffff}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:var(--primary-color);display:flex;align-items:center;justify-content:center}.loading-container,.loading{height:100px;position:relative;width:100px;border-radius:100%}.loading-container{margin:40px auto}.loading{border:1px solid transparent;border-color:transparent var(--white-color) transparent var(--white-color);animation:rotate-loading 1.5s linear 0s infinite normal;transform-origin:50% 50%}.loading-container:hover .loading,.loading-container .loading{transition:all .5s ease-in-out}#loading-icon{position:absolute;top:50%;left:50%;max-width:66px;transform:translate(-50%,-50%)}#loading-icon img{width:100%;height:auto}@keyframes rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.address-modal .modal-content{border:none;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:visible}.address-modal .modal-header{background:linear-gradient(135deg,green,#006400);border:none;border-radius:10px 10px 0 0;padding:24px 28px;position:relative}.address-modal .modal-title{color:#fff;font-weight:600;font-size:1.25rem;margin:0;text-align:center;flex:1}.address-modal .btn-close{background:#fff3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.address-modal .btn-close:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.address-modal .btn-close img{width:14px;height:14px;filter:brightness(0) invert(1)}.address-modal .modal-body{padding:32px 28px;background:#fafbfc;border-radius:10px}.search-container{position:relative;margin-bottom:24px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:16px;transition:all .3s ease;overflow:hidden}.search-input-wrapper:focus-within{border-color:green;box-shadow:0 0 0 4px #0080001a}.search-input-wrapper.has-results{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.location-icon{padding:16px 0 16px 20px;color:#8899a6}.location-icon img{width:20px;height:20px;opacity:.6}.search-input{flex:1;border:none;outline:none;padding:16px 12px;font-size:16px;background:transparent;color:#14171a}.search-input::placeholder{color:#8899a6;font-weight:400}.clear-btn{padding:16px 20px 16px 0;background:none;border:none;color:#8899a6;cursor:pointer;transition:color .2s ease;display:flex;align-items:center}.clear-btn:hover{color:#657786}.loading-spinner{padding:16px 20px 16px 0;display:flex;align-items:center}.spinner{width:16px;height:16px;border:2px solid #e1e8ed;border-top:2px solid #008000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropdown-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e1e8ed;border-top:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px;max-height:300px;overflow-y:auto;z-index:9999;box-shadow:0 8px 25px #0000001a}.dropdown-item{padding:16px 20px;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f7f9fa;display:flex;justify-content:space-between;align-items:center}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item.focused{background:#f7f9fa;transform:translate(2px)}.dropdown-item.selected{background:#e8f5e8;color:green}.postcode-text{font-weight:600;color:#14171a;font-size:15px}.delivery-fee{color:#8899a6;font-size:13px;font-weight:500;padding:4px 8px;background:#f7f9fa;border-radius:12px}.no-results{padding:20px;text-align:center;color:#8899a6;font-style:italic}.submit-section{display:flex;gap:16px;align-items:center}.selected-info{flex:1;padding:16px 20px;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-radius:12px;border-left:4px solid #008000}.selected-postcode{font-weight:600;color:#14171a;margin-bottom:4px;font-size:16px}.selected-fee{color:green;font-size:14px;font-weight:500}.btn-submit{background:linear-gradient(135deg,green,#006400);border:none;width:100%;border-radius:16px;padding:16px 24px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #00800066}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00800099}.btn-submit:disabled{background:#e1e8ed;color:#8899a6;cursor:not-allowed;box-shadow:none}.btn-submit img{width:16px;height:16px;filter:brightness(0) invert(1)}.floating-label{position:absolute;left:52px;top:16px;color:#8899a6;font-size:16px;transition:all .2s ease;pointer-events:none;background:#fff;padding:0 4px}.floating-label.active{top:-8px;font-size:12px;color:green;font-weight:500}@media (max-width: 768px){.address-modal .modal-content{border-radius:16px}.submit-section{flex-direction:column;gap:12px}.selected-info{width:100%}}.guest-login{text-align:center;width:340px;background-color:#ffc43b;color:#000;border-radius:5px;padding-top:10px;padding-bottom:10px;cursor:pointer;font-size:18px}@media (max-width: 600px){.guest-login{width:320px}}@media (max-width: 350px){.guest-login{width:250px}}.header-left-area .brand-logo-container{margin-right:40px;width:21%}.header-left-area .brand-logo-container.mobile{margin-right:75px;width:5%}.header-left-area .brand-logo-container img{width:100%}.header-left-area .brand-logo-container.mobile img{width:80px}.header-postcode-col{cursor:pointer}.header-postcode-col img.location-icon-mobile{width:20px}.header-postcode-col h3.mobile{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-postcode-col h3.mobile.smallest{font-size:11px}.header-postcode-col h3.mobile.small{font-size:13px}.header-login{position:relative}.header-login .account-container{display:flex;align-items:center;gap:10px}.header-login .account-link,.header-login .account-menu-trigger{cursor:pointer;display:flex;align-items:center}.header-login .account-text{margin-left:5px}.language-dropdown{position:relative}.language-trigger{cursor:pointer;display:flex;align-items:center;padding:5px;border-radius:4px;transition:background-color .2s}.language-trigger:hover{background-color:#f8f9fa}.language-flag{width:24px;height:24px;border-radius:50%;object-fit:cover}.language-text{margin-left:5px;font-size:12px;font-weight:600;color:#333}.language-chevron{margin-left:3px;font-size:10px;transition:transform .2s}.language-chevron.open{transform:rotate(180deg)}.language-options{position:absolute;top:100%;right:0;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:8px;padding:8px 0;z-index:1000;min-width:140px;border:1px solid #e1e5e9;margin-top:2px}.language-option{padding:10px 15px;cursor:pointer;display:flex;align-items:center;font-size:14px;transition:background-color .2s}.language-option:hover{background-color:#f1f3f4}.language-option.active,.language-option.active:hover{background-color:#f8f9fa}.language-option-flag{width:25px;height:25px;border-radius:50%;margin-right:12px;object-fit:cover}.language-option-flag.english{width:20px;height:20px;margin-right:10px}.language-option-check{margin-left:auto;color:#28a745;font-weight:700}.account-dropdown{position:absolute;top:100%;right:0;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:8px;padding:10px;z-index:9999;margin-top:5px}.account-dropdown .logout-btn{border:none;border-radius:6px;padding:8px 12px;font-size:13px}.mobile-search-modal{background-color:#00000080}.mobile-search-close{width:14px;cursor:pointer}@media (max-width: 767px){.language-flag{width:20px;height:20px}.header-login .account-container{gap:2 px}}