.checkout-page{--fg:black;--bg:white;min-height:100vh;background:white;color:black;font-family:Cantarell,sans-serif}.checkout-container,.checkout-page{overflow-x:hidden;width:100%;box-sizing:border-box}.checkout-container{max-width:1400px;margin:0 auto;padding:12rem 2rem}.checkout-content{display:grid;grid-template-columns:1fr 400px;grid-gap:4rem;gap:4rem;align-items:flex-start;width:100%;box-sizing:border-box;overflow:visible}.checkout-main{min-height:100vh}.checkout-title{font-size:2.5rem;font-weight:700;color:black;margin:0 0 2rem;font-family:Cantarell,sans-serif}.checkout-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:white;border:2px solid #000;border-radius:12px;padding:2rem}.section-title{font-size:1.5rem;font-weight:600;color:black;margin:0 0 1.5rem;font-family:Cantarell,sans-serif}.form-row{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.form-row:has(.form-group:nth-child(2)){grid-template-columns:1fr 1fr}.form-row:has(.form-group:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600}.form-group input,.form-group label,.form-group select{font-size:1rem;color:black;font-family:Cantarell,sans-serif}.form-group input,.form-group select{padding:1rem;border:2px solid #e5e5e5;border-radius:8px;background:white;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8ecae6}.form-group input.error,.form-group select.error{border-color:#8ecae6}.error-message{font-size:.875rem;color:#8ecae6;font-family:Cantarell,sans-serif;margin-top:.25rem}.delivery-toggle-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.delivery-toggle{display:flex;gap:1rem;background:#000;border-radius:8px;padding:.5rem;border:1px solid #e5e5e5}.toggle-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;color:#fff;transition:all .3s ease;font-family:Cantarell,sans-serif}.toggle-option:hover{background:white;color:#333}.toggle-option input[type=radio]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#000}.toggle-option input[type=radio]:checked+span{color:#000;font-weight:700}.toggle-option:has(input[type=radio]:checked){background:white;color:#8ecae6}.select-wrapper{position:relative;cursor:pointer}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;padding-right:3rem;cursor:pointer;width:100%}.select-chevron{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;font-size:1.2rem;transition:transform .3s ease,color .3s ease;z-index:1}.select-chevron.open{transform:translateY(-50%) rotate(180deg);color:#8ecae6}.select-wrapper:hover .select-chevron{color:#8ecae6}.custom-dropdown{position:relative;width:100%}.custom-dropdown-header{width:100%;padding:1rem;border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;font-family:Cantarell,sans-serif;background:white;color:black;cursor:pointer;transition:border-color .3s ease;display:flex;justify-content:space-between;align-items:center;min-height:50px;box-sizing:border-box}.custom-dropdown-header.error,.custom-dropdown-header.open,.custom-dropdown-header:hover{border-color:#8ecae6}.custom-dropdown-placeholder{color:#999}.custom-dropdown-chevron{color:#666;font-size:1.2rem;transition:transform .3s ease,color .3s ease;pointer-events:none}.custom-dropdown-chevron.open{transform:rotate(180deg);color:#8ecae6}.custom-dropdown-header:hover .custom-dropdown-chevron{color:#8ecae6}.custom-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:white;border:2px solid #8ecae6;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s ease;width:100%;box-sizing:border-box;max-height:250px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}.custom-dropdown-list.open{opacity:1;transform:translateY(0);pointer-events:auto}.custom-dropdown-option{padding:.75rem 1rem;font-size:1rem;font-family:Cantarell,sans-serif;color:black;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background:#8ecae6;color:white}.custom-dropdown-option.selected{background:#f0f0f0;font-weight:600}.terms-checkbox{margin:1rem 0}.checkbox-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;position:relative;font-family:Cantarell,sans-serif}.checkbox-container input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background-color:white;border:2px solid #999;border-radius:4px;position:relative;transition:all .3s ease}.checkbox-container:hover .checkmark{border-color:#8ecae6}.checkbox-container input:checked~.checkmark{background-color:#8ecae6;border-color:#8ecae6}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-text{font-size:1rem;color:black;line-height:1.4}.terms-link{color:#999;text-decoration:none;font-weight:400;transition:color .3s ease}.terms-link:hover{color:#8ecae6}.submit-section{margin-top:2rem;text-align:center;align-items:flex-end}.submit-error{margin-bottom:1rem;font-size:1rem;text-align:center}.place-order-btn{width:100%!important;max-width:400px!important;height:60px!important;font-size:1.1rem!important;font-weight:700!important;margin:0 auto!important;display:block!important}.security-notice{margin-top:1rem;text-align:center}.security-text{font-size:.9rem;color:#999;margin:0;font-family:Cantarell,sans-serif;display:flex;align-items:center;justify-content:center;gap:0}.checkout-sidebar{position:-webkit-sticky;position:sticky;top:2rem;height:-moz-fit-content;height:fit-content}.order-summary{background:white;border:2px solid #000;border-radius:12px;padding:2rem}.summary-title{font-size:1.5rem;font-weight:600;color:black;margin:0 0 1.5rem;font-family:Cantarell,sans-serif}.order-items{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;max-height:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8ecae6 #f0f0f0}.order-items::-webkit-scrollbar{width:6px}.order-items::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.order-items::-webkit-scrollbar-thumb{background:#8ecae6;border-radius:3px}.order-items::-webkit-scrollbar-thumb:hover{background:#7ab8d3}.order-item{display:flex;gap:1rem;padding:0 0 1.5rem;border-bottom:1px solid #f0f0f0}.order-item:last-child{border-bottom:none}.item-image{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f5f5f5}.item-image img{width:100%;height:100%;object-fit:cover}.item-details{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.item-name{font-size:1rem;font-weight:600;color:black;margin:0;line-height:1.2}.item-subtitle{font-size:.875rem;color:#666;margin:0;line-height:1.2}.item-qty-note{font-size:.75rem;color:#8ecae6;margin:.25rem 0 0;font-weight:500;font-style:italic}.item-controls{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}@media (min-width:1041px){.order-item{position:relative;padding-bottom:6rem}.item-controls{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:0;padding:1rem 0}.quantity-selector{margin-left:0}}.quantity-selector{display:flex;align-items:center;gap:1rem;border:2px solid var(--fg);border-radius:.5rem;padding:.5rem;background-color:var(--bg)}.quantity-btn{width:40px;height:40px;border:none;background-color:var(--fg);color:var(--bg);font-size:1.2rem;font-weight:700;border-radius:.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-family:Cantarell,sans-serif}.quantity-btn:hover:not(:disabled){background-color:var(--bg);color:var(--fg);border:1px solid var(--fg)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-display{font-size:1.2rem;font-weight:600;min-width:30px;text-align:center;font-family:Cantarell,sans-serif}.item-price{font-size:1rem;font-weight:600;color:black;padding-right:1rem}.order-totals{border-top:2px solid #e5e5e5;padding-top:1.5rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-family:Cantarell,sans-serif}.total-row.shipping,.total-row.subtotal,.total-row.tax{font-size:1rem;color:#666}.total-row.shipping .total-label,.total-row.shipping .total-price,.total-row.subtotal .total-label,.total-row.subtotal .total-price,.total-row.tax .total-label,.total-row.tax .total-price{font-weight:400}.total-row.grand-total{font-size:1.2rem;font-weight:700;color:black;border-top:1px solid #e5e5e5;margin-top:.5rem;padding-top:1rem}.total-label{font-weight:500}.total-price{font-weight:600;padding-right:1rem}.grand-total .total-price{font-weight:700;font-size:1.3rem}@media (max-width:1040px){.checkout-content{grid-template-columns:1fr;gap:2rem}.checkout-sidebar{position:static;order:-1}.checkout-container{padding:10rem 2rem 8rem}.checkout-title{font-size:2rem}.form-section{padding:1.5rem}.section-title{font-size:1.3rem}.form-row:has(.form-group:nth-child(3)){grid-template-columns:1fr;gap:1rem}.form-row:has(input[name=expiryDate]){grid-template-columns:1fr 1fr;gap:1rem}.form-row:has(.form-group:nth-child(2)){grid-template-columns:1fr;gap:1rem}.form-row:has(input[name=city]):has(.custom-dropdown){grid-template-columns:1fr 1fr!important;gap:1rem}.order-summary{padding:1.5rem}.order-items{max-height:none}}@media (max-width:440px){.checkout-page{width:100vw;max-width:100vw;overflow-x:hidden}.checkout-page *,.checkout-page :after,.checkout-page :before{box-sizing:border-box;max-width:100%}.checkout-container{padding:8rem 1rem 6rem;margin:0;width:100%;overflow-x:hidden}.checkout-content{grid-template-columns:1fr;gap:1.5rem;width:100%;overflow:visible}.checkout-main{width:100%;min-height:auto;overflow:visible}.checkout-title{padding-top:.4rem;font-size:1.75rem}.section-title{font-size:1.2rem}.summary-title{font-size:1.3rem}.form-section{padding:1rem;border-radius:8px;width:100%;overflow-x:hidden}.form-row{overflow-x:visible}.form-group,.form-row{width:100%}.form-group input,.form-group select,.select-wrapper{width:100%;min-width:0}.delivery-toggle{width:auto;justify-content:left}.delivery-toggle-container{flex-direction:column;align-items:flex-start;gap:0}.order-summary{padding:1rem;border-radius:8px}.order-items,.order-summary{width:100%;overflow-x:hidden}.order-items{margin-bottom:.5rem}.order-item{padding:0 0 1.25rem;flex-direction:column;text-align:center;gap:.75rem;width:100%;overflow-x:hidden}.item-image{align-self:center;width:80px;height:80px}.item-details{width:100%;overflow-x:hidden}.item-controls{justify-content:center;flex-direction:column;gap:.75rem}.item-name,.item-qty-note,.item-subtitle,.total-label,.total-price{word-wrap:break-word;overflow-wrap:break-word}.animated-btn,.place-order-btn{font-size:1rem!important;height:55px!important;width:100%!important;min-width:0!important;padding-bottom:1.75px!important}.item-price,.total-price{padding-right:0}.form-row:has(input[name=city]):has(.custom-dropdown){grid-template-columns:1fr!important;gap:1rem}.custom-dropdown{position:relative;width:100%;z-index:10}.custom-dropdown-header,.custom-dropdown-list{width:100%;min-width:0;box-sizing:border-box}.custom-dropdown-list{position:absolute;left:0;right:0;z-index:10}.custom-dropdown-list.open{display:block}.form-section{overflow:visible;position:relative;z-index:1}.form-section:has(.custom-dropdown){z-index:10;position:relative}}.payment-notice{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;text-align:center}.payment-notice p{margin:0 0 .5rem;color:#495057}.payment-notice p:last-child{margin-bottom:1rem}.security-badges{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.security-badge{background:#e9ecef;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;color:#495057;font-weight:500}.pickup-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.pickup-notice{margin:0;color:#495057;line-height:1.6}.field-note{margin-top:.25rem}.country-dropdown,.emirate-dropdown{position:relative}.country-dropdown .custom-dropdown-list{max-height:400px;overflow:hidden;z-index:1000}.emirate-dropdown .custom-dropdown-list{max-height:none!important;min-height:auto!important;height:auto!important;overflow-y:visible;z-index:1000}.country-search-container{padding:.5rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.country-search-input{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;outline:none;box-sizing:border-box}.country-search-input:focus{border-color:#8ecae6;box-shadow:0 0 0 2px rgba(142,202,230,.2)}.countries-list{max-height:350px;min-height:300px;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;will-change:scroll-position;scroll-behavior:auto}@media (max-width:768px){.country-search-input{font-size:16px}.custom-dropdown-option{min-height:44px;padding:.75rem}.countries-list{max-height:750px!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;width:100%!important;box-sizing:border-box!important;background:white!important;border:2px solid #8ecae6!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.country-dropdown .custom-dropdown-list{max-height:800px!important;overflow:visible!important;width:100%!important}}.countries-list .custom-dropdown-option{padding:.5rem .75rem;font-size:.875rem}.country-dropdown{z-index:10}.country-dropdown .custom-dropdown-list{z-index:15!important}.country-dropdown .custom-dropdown-list.open{z-index:20!important}.form-section{position:relative;z-index:1}.form-section:has(.country-dropdown){z-index:15!important}.security-badge{display:flex;align-items:center;gap:.5rem}.security-icon{font-size:1rem;color:#495057}input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff;border:2px solid #2d3748;border-radius:8px;padding:.75rem 1rem;font-size:1rem;text-transform:uppercase;font-family:inherit;color:#2d3748;width:100%;box-sizing:border-box;cursor:pointer;transition:all .2s ease;position:relative}input[type=date]:focus{outline:none;border-color:#8ecae6;box-shadow:0 0 0 3px rgba(142,202,230,.2)}input[type=date]:hover{border-color:#4a5568}input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%232d3748'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem}input[type=date]::-moz-focus-inner{border:0}input[type=date]:invalid::-webkit-datetime-edit{color:#9ca3af}input[type=date]:focus:invalid::-webkit-datetime-edit{color:#2d3748}.field-note{display:block;margin-top:.5rem;color:#6c757d;font-size:.875rem;font-style:italic}@media (max-width:768px){.security-badges{flex-direction:column;align-items:center}.pickup-info{padding:1rem}.country-search-input{font-size:1rem}.countries-list{max-height:150px}input[type=date]{padding:1rem;font-size:1rem}.countries-list,.country-dropdown .custom-dropdown-list,.custom-dropdown-list,.emirate-dropdown .custom-dropdown-list{transform:translateZ(0);will-change:scroll-position;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;z-index:9999!important}.countries-list,.custom-dropdown-list.open{position:fixed;top:auto;left:auto;right:auto;bottom:auto;position:absolute}}