.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--bottom-nav-height) - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));padding:var(--spacing-lg) var(--spacing-md)}.auth-card{width:100%;max-width:400px;background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-type-toggle{display:flex;background-color:var(--color-gray-100);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--spacing-md)}.auth-type-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);background:transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.auth-type-btn-active{background-color:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.auth-error{padding:var(--spacing-md);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.auth-success{padding:var(--spacing-md);background-color:#ecfdf5;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--font-size-sm)}.auth-links{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);font-size:var(--font-size-sm)}.auth-links a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}.auth-links span{color:var(--color-gray-500)}.auth-verify-btn{width:100%;margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.auth-submit{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-md)}.signup-card{max-width:480px}.signup-section{margin-top:var(--spacing-md)}.signup-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.signup-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}.signup-global-actions{display:flex;gap:var(--spacing-xs)}.signup-global-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background-color:var(--color-gray-100);color:var(--color-gray-700);transition:all var(--transition-fast)}.signup-global-btn:hover{background-color:var(--color-gray-200)}.signup-global-btn-active{background-color:var(--color-primary);color:var(--color-white)}.signup-global-btn-active:hover{background-color:var(--color-primary-dark)}.signup-channels{display:flex;flex-direction:column;gap:var(--spacing-md)}.signup-channel{background-color:var(--color-gray-50);border-radius:var(--radius-lg);overflow:hidden}.signup-channel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.signup-channel-header:hover{background-color:var(--color-gray-100)}.signup-channel-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.signup-channel-chevron{width:16px;height:16px;color:var(--color-gray-400);transition:transform var(--transition-fast);flex-shrink:0}.signup-channel-chevron-open{transform:rotate(180deg)}.signup-channel-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900)}.signup-channel-summary{font-size:var(--font-size-xs);color:var(--color-gray-500)}.signup-channel-actions{display:flex;gap:var(--spacing-xs)}.signup-channel-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-gray-600);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.signup-channel-btn:hover{background-color:var(--color-gray-100)}.signup-channel-btn-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.signup-channel-btn-active:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.signup-channel-body{border-top:1px solid var(--color-gray-100)}.signup-pref-list{display:flex;flex-direction:column}.signup-pref-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-100)}.signup-pref-row:last-child{border-bottom:none}.signup-pref-info{flex:1;min-width:0}.signup-pref-title{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900)}.signup-pref-desc{display:block;font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:1.4}.signup-toggle{position:relative;width:44px;height:24px;background-color:var(--color-gray-300);border-radius:var(--radius-full);transition:background-color var(--transition-fast);flex-shrink:0}.signup-toggle-on{background-color:var(--color-primary)}.signup-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform var(--transition-fast)}.signup-toggle-on .signup-toggle-thumb{transform:translate(20px)}.signup-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.signup-agreements{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.signup-agreement{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.signup-agreement input[type=checkbox]{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:var(--color-primary)}.signup-agreement label{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.4;cursor:pointer}.signup-agreement label a{color:var(--color-primary);text-decoration:none}.signup-agreement label a:hover{text-decoration:underline}.signup-name-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.signup-name-row>*{flex:1 1 160px}.store-location-bar{position:fixed;top:calc(var(--header-height) + var(--safe-area-inset-top));left:0;right:0;height:var(--store-bar-height);background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:99}.store-location-bar-content{display:flex;align-items:center;height:100%;padding:0 var(--spacing-md);max-width:1200px;margin:0 auto;gap:var(--spacing-sm)}.store-location-bar-pin{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.store-location-bar-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.store-location-bar-address{display:none;font-size:var(--font-size-sm);color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (min-width: 640px){.store-location-bar-address{display:flex;gap:var(--spacing-xs)}}.store-location-bar-status{font-size:var(--font-size-xs);font-weight:600;padding:2px var(--spacing-sm);border-radius:var(--radius-full);flex-shrink:0;margin-left:auto}.store-location-bar-change{font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);background:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast)}.store-location-bar-change:hover{background-color:#f26b351a}.store-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:fadeIn var(--transition-fast)}.store-picker-modal{width:100%;max-width:500px;max-height:80vh;background-color:var(--color-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:column;animation:slideUp var(--transition-normal)}@media (min-width: 640px){.store-picker-modal{margin-bottom:var(--spacing-xl);border-radius:var(--radius-xl)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.store-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.store-picker-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900)}.store-picker-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-gray-500);transition:background-color var(--transition-fast)}.store-picker-close:hover{background-color:var(--color-gray-100)}.store-picker-close svg{width:20px;height:20px}.store-picker-list{flex:1;overflow-y:auto;padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-lg) + var(--safe-area-inset-bottom))}.store-list-item{width:100%;display:flex;align-items:stretch;border-radius:var(--radius-lg);text-align:left;transition:background-color var(--transition-fast)}.store-list-item:hover{background-color:var(--color-gray-50)}.store-list-item-selected{background-color:color-mix(in srgb,var(--color-primary) 10%,white)}.store-list-item-selected:hover{background-color:color-mix(in srgb,var(--color-primary) 15%,white)}.store-list-item-main{flex:1;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;min-width:0}.store-list-item-details{display:flex;align-items:center;justify-content:center;width:44px;flex-shrink:0;color:var(--color-gray-300);border-left:1px solid var(--color-gray-100);border-radius:0 var(--radius-lg) var(--radius-lg) 0;transition:all var(--transition-fast)}.store-list-item-details:hover{background-color:var(--color-gray-100);color:var(--color-gray-500)}.store-list-item-details svg{width:18px;height:18px}.store-list-item-selected .store-list-item-details{border-left-color:color-mix(in srgb,var(--color-primary) 15%,transparent)}.store-list-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.store-list-item-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-900)}.store-list-item-address{font-size:var(--font-size-sm);color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-list-item-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.store-status-badge{font-size:var(--font-size-xs);font-weight:600;padding:2px var(--spacing-sm);border-radius:var(--radius-full)}.store-status-open{background-color:#10b9811a;color:var(--color-success)}.store-status-closed{background-color:var(--color-gray-100);color:var(--color-gray-500)}.store-list-item-hours{font-size:var(--font-size-xs);color:var(--color-gray-500)}.store-list-item-check{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.store-detail-header{margin-bottom:var(--spacing-lg)}.store-detail-main{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:center}.store-detail-logo{width:80px;height:80px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-gray-100)}.store-detail-logo img{width:100%;height:100%;object-fit:cover}.store-detail-title-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.store-detail-name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);line-height:1.2}.store-detail-status{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full)}.store-detail-status-open{background-color:#10b9811a;color:var(--color-success)}.store-detail-status-closed{background-color:var(--color-gray-100);color:var(--color-gray-600)}.store-detail-section{padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg)}.store-detail-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.store-detail-contact{display:flex;flex-direction:column;gap:var(--spacing-md)}.store-detail-contact-item{display:flex;align-items:flex-start;gap:var(--spacing-md);text-decoration:none;color:inherit}.store-detail-contact-link{border-radius:var(--radius-md);padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-sm));transition:background-color var(--transition-fast)}.store-detail-contact-link:hover{background-color:var(--color-gray-50);text-decoration:none}.store-detail-contact-item svg{width:20px;height:20px;color:var(--color-gray-400);flex-shrink:0;margin-top:2px}.store-detail-contact-content{display:flex;flex-direction:column;gap:2px}.store-detail-contact-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.store-detail-contact-value{font-size:var(--font-size-base);color:var(--color-gray-900);line-height:1.4}.store-detail-directions-btn{margin-top:var(--spacing-md);width:100%}.store-detail-directions-btn svg{width:18px;height:18px}.store-detail-hours{list-style:none}.store-detail-hours-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-100)}.store-detail-hours-item:last-child{border-bottom:none}.store-detail-hours-today{background-color:var(--color-primary-light);margin:0 calc(-1 * var(--spacing-sm));padding:var(--spacing-sm);border-radius:var(--radius-md);border-bottom:none}.store-detail-hours-today+.store-detail-hours-item{border-top:none}.store-detail-hours-day{font-size:var(--font-size-sm);color:var(--color-gray-700)}.store-detail-hours-today .store-detail-hours-day{font-weight:600;color:var(--color-primary)}.store-detail-hours-time{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900)}@media (min-width: 768px){.store-detail-main{flex-direction:row;text-align:left;justify-content:flex-start}.store-detail-title-section{align-items:flex-start}.store-detail-name{font-size:var(--font-size-2xl)}.store-detail-logo{width:100px;height:100px}.store-detail-directions-btn{width:auto}}.account-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.account-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius-full);flex-shrink:0}.account-avatar svg{width:32px;height:32px;color:var(--color-gray-500)}.account-info{flex:1;min-width:0}.account-name{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email,.account-phone{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:var(--spacing-xs) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-points-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);text-decoration:none;color:var(--color-white);transition:opacity var(--transition-fast)}.account-points-card:hover{opacity:.92;text-decoration:none;color:var(--color-white)}.account-points-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-points-balance{font-size:var(--font-size-3xl, 1.875rem);font-weight:700;line-height:1}.account-points-label{font-size:var(--font-size-sm);opacity:.85}.account-points-end{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.account-points-tier{font-size:var(--font-size-xs, .75rem);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);background-color:#fff3;border-radius:var(--radius-full);white-space:nowrap}.account-points-chevron{width:20px;height:20px;opacity:.7;flex-shrink:0}.account-nav{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.account-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-decoration:none;color:var(--color-gray-900);transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-gray-100)}.account-nav-item:last-child{border-bottom:none}.account-nav-item:hover{background-color:var(--color-gray-50);text-decoration:none}.account-nav-item:active{background-color:var(--color-gray-100)}.account-nav-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius-md);flex-shrink:0}.account-nav-icon svg{width:20px;height:20px;color:var(--color-gray-600)}.account-nav-content{flex:1;min-width:0}.account-nav-label{display:block;font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-900)}.account-nav-value{display:block;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;margin-top:var(--spacing-xs)}.account-nav-chevron{width:20px;height:20px;color:var(--color-gray-400);flex-shrink:0}.account-actions{margin-top:var(--spacing-xl);padding:0 var(--spacing-lg)}.account-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.account-logout-btn svg{width:20px;height:20px}.account-settings-header{margin-bottom:var(--spacing-lg)}.account-settings-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-gray-900);margin:var(--spacing-md) 0 0}.account-settings-form{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.account-settings-success{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#ecfdf5;color:var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.account-settings-success svg{width:20px;height:20px;flex-shrink:0}.account-settings-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef2f2;color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.account-settings-error svg{width:20px;height:20px;flex-shrink:0}.account-settings-submit{margin-top:var(--spacing-md)}.account-settings-section{margin-top:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.account-settings-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-md)}.account-settings-link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background-color .15s ease}.account-settings-link:hover{background-color:var(--color-gray-100)}.account-settings-link>svg{width:20px;height:20px;color:var(--color-gray-400);flex-shrink:0}.account-settings-link-content{display:flex;align-items:center;gap:var(--spacing-md)}.account-settings-link-content>svg{width:24px;height:24px;color:var(--color-gray-600);flex-shrink:0}.account-settings-link-info{display:flex;flex-direction:column;gap:2px}.account-settings-link-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900)}.account-settings-link-desc{font-size:var(--font-size-xs);color:var(--color-gray-500)}.account-settings-form select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:20px;padding-right:var(--spacing-xl)}.account-settings-danger-zone{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #fecaca}.danger-zone-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-error);margin-bottom:var(--spacing-md)}.danger-zone-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}@media (max-width: 480px){.danger-zone-content{flex-direction:column;align-items:stretch}}.danger-zone-info{flex:1}.danger-zone-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.danger-zone-desc{font-size:var(--font-size-xs);color:var(--color-gray-500)}.change-password-header{margin-bottom:var(--spacing-lg)}.change-password-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-gray-900);margin:var(--spacing-md) 0 0}.change-password-form{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.change-password-success{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#ecfdf5;color:var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.change-password-success svg{width:20px;height:20px;flex-shrink:0}.change-password-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef2f2;color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.change-password-error svg{width:20px;height:20px;flex-shrink:0}.change-password-submit{margin-top:var(--spacing-md)}.comm-prefs-header{margin-bottom:var(--spacing-lg)}.comm-prefs-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-gray-900);margin:var(--spacing-md) 0 var(--spacing-xs)}.comm-prefs-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500)}.comm-prefs-success{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#ecfdf5;color:var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-md)}.comm-prefs-success svg{width:20px;height:20px;flex-shrink:0}.comm-prefs-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef2f2;color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-md)}.comm-prefs-error svg{width:20px;height:20px;flex-shrink:0}.comm-prefs-global{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.comm-prefs-global-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}.comm-prefs-quick-actions{display:flex;gap:var(--spacing-xs)}.comm-prefs-quick-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full);background-color:var(--color-gray-100);color:var(--color-gray-700);transition:all var(--transition-fast)}.comm-prefs-quick-btn:hover:not(:disabled){background-color:var(--color-gray-200)}.comm-prefs-quick-btn:disabled{opacity:.5;cursor:not-allowed}.comm-prefs-quick-btn-active{background-color:var(--color-primary);color:var(--color-white)}.comm-prefs-quick-btn-active:hover:not(:disabled){background-color:var(--color-primary-dark)}.comm-prefs-quick-btn-off.comm-prefs-quick-btn-active{background-color:var(--color-gray-600)}.comm-prefs-channels{display:flex;flex-direction:column;gap:var(--spacing-md)}.comm-prefs-channel{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.comm-prefs-channel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.comm-prefs-channel-info{display:flex;align-items:center;gap:var(--spacing-sm)}.comm-prefs-channel-icon{width:20px;height:20px;color:var(--color-gray-600)}.comm-prefs-channel-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}.comm-prefs-channel-actions{display:flex;gap:var(--spacing-xs)}.comm-prefs-mini-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-gray-600);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.comm-prefs-mini-btn:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-300)}.comm-prefs-mini-btn:disabled{opacity:.5;cursor:not-allowed}.comm-prefs-mini-btn-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.comm-prefs-mini-btn-active:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.comm-prefs-list{display:flex;flex-direction:column}.comm-prefs-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-100)}.comm-prefs-row:last-child{border-bottom:none}.comm-prefs-row-info{flex:1;min-width:0}.comm-prefs-row-title{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900);margin-bottom:2px}.comm-prefs-row-desc{display:block;font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:1.4}.comm-prefs-toggle{position:relative;width:44px;height:24px;background-color:var(--color-gray-300);border-radius:var(--radius-full);transition:background-color var(--transition-fast);flex-shrink:0}.comm-prefs-toggle-on{background-color:var(--color-primary)}.comm-prefs-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform var(--transition-fast)}.comm-prefs-toggle-on .comm-prefs-toggle-thumb{transform:translate(20px)}.comm-prefs-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.comm-prefs-save{width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-md)}.coming-soon-header{margin-bottom:var(--spacing-lg)}.coming-soon-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-gray-900);margin:var(--spacing-md) 0 0}.coming-soon-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center}.coming-soon-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.coming-soon-icon svg{width:40px;height:40px;color:var(--color-gray-400)}.coming-soon-heading{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-sm)}.coming-soon-text{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0;max-width:280px}.tier-indicator{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.tier-indicator-dot{border-radius:var(--radius-full);flex-shrink:0}.tier-indicator-md .tier-indicator-dot{width:12px;height:12px}.tier-indicator-sm .tier-indicator-dot{width:8px;height:8px}.tier-indicator-name{font-weight:500}.tier-indicator-md .tier-indicator-name{font-size:var(--font-size-lg);color:var(--color-gray-900)}.tier-indicator-sm .tier-indicator-name{font-size:var(--font-size-base);color:var(--color-gray-700)}.progress-bar{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-bar-track{height:8px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.progress-bar-label{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:right}.loyalty-header{margin-bottom:var(--spacing-lg)}.loyalty-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-gray-900);margin:var(--spacing-md) 0 0}.loyalty-cycle-banner{background-color:#3b82f61a;color:var(--color-info);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;text-align:center;margin-bottom:var(--spacing-lg)}.loyalty-card{margin-bottom:var(--spacing-lg)}.loyalty-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.loyalty-section-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin:0}.loyalty-section-detail{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.loyalty-divider{height:1px;background-color:var(--color-gray-200);margin:var(--spacing-lg) 0}.loyalty-how-it-works{margin-bottom:var(--spacing-lg)}.loyalty-how-it-works-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-sm)}.loyalty-how-it-works-text{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:1.6;margin:0}.loyalty-benefits{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.loyalty-benefits-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-md)}.loyalty-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.loyalty-benefits-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.loyalty-benefits-description{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:right}.product-card{display:grid;grid-row:span 3;grid-template-rows:auto 1fr auto;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.product-card-image-wrapper{position:relative;aspect-ratio:1;background-color:var(--color-white);overflow:hidden}.product-card-image-wrapper .product-image{width:100%;height:100%;object-fit:contain}.product-card-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm)}.product-card-badge-oos{background-color:var(--color-gray-800);color:var(--color-white)}.product-card-badge-discount{top:var(--spacing-sm);left:var(--spacing-sm);background-color:var(--color-secondary);color:var(--color-white)}.product-card-badge-discount-stacked{top:auto;bottom:var(--spacing-sm)}.product-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.product-card-thc{font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-500);text-transform:uppercase}.product-card-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-brand{font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-600);margin:0}.product-card-category,.product-card-weight{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.product-card-footer{display:flex;align-items:end;justify-content:space-between;gap:var(--spacing-sm);padding:0 var(--spacing-sm) var(--spacing-sm)}.product-card-price-group{display:flex;flex-direction:column;gap:2px;min-width:0}.product-card-price{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin:0}.product-card-price-original{font-size:var(--font-size-xs);font-weight:400;color:var(--color-gray-400);text-decoration:line-through;margin:0}.product-card-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.product-card-add-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.product-card-add-btn:hover:not(:disabled){background-color:var(--color-primary-dark)}.product-card-add-btn:disabled{opacity:.6;cursor:not-allowed}.product-card-add-btn svg{width:16px;height:16px;color:var(--color-white)}.product-card-add-btn-success{background-color:var(--color-success)}.product-card-add-btn-success:hover:not(:disabled){background-color:var(--color-success)}.product-card-add-spinner{width:14px;height:14px;border:2px solid var(--color-white);border-top-color:transparent;border-radius:50%;animation:product-card-spin .8s linear infinite}@keyframes product-card-spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.product-card-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xs)}.product-card-footer{padding:0 var(--spacing-md) var(--spacing-md)}.product-card-name{font-size:var(--font-size-base)}}.filter-bar{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filter-bar-search{position:relative;display:flex;align-items:center}.filter-bar-search-icon{position:absolute;left:var(--spacing-sm);width:20px;height:20px;color:var(--color-gray-400);pointer-events:none}.filter-bar-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:40px;padding-right:40px;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-white);font-size:16px;color:var(--color-gray-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-bar-search-input::placeholder{color:var(--color-gray-400)}.filter-bar-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f26b351a}.filter-bar-search-clear{position:absolute;right:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);color:var(--color-gray-400);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.filter-bar-search-clear svg{width:16px;height:16px}.filter-bar-search-clear:hover{color:var(--color-gray-600);background-color:var(--color-gray-100)}.filter-bar-actions{display:flex;gap:var(--spacing-sm)}.filter-bar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-white);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast)}.filter-bar-btn svg{width:18px;height:18px;flex-shrink:0}.filter-bar-btn:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.filter-bar-btn-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-bar-badge{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;color:var(--color-white);background-color:var(--color-primary);border-radius:var(--radius-full)}@media (min-width: 768px){.filter-bar{flex-direction:row;align-items:center}.filter-bar-search{flex:1;max-width:400px}.filter-bar-actions{flex:none}.filter-bar-btn{flex:none;min-width:120px}}.filter-tags{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.filter-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);flex:1}.filter-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);background-color:#f26b351a;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary)}.filter-tag svg{width:12px;height:12px}.filter-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.filter-tag button svg{width:12px;height:12px}.filter-tag button:hover{background-color:#f26b3533}.filter-tag-search{background-color:var(--color-gray-100);color:var(--color-gray-700)}.filter-tag-search button{color:var(--color-gray-500)}.filter-tag-search button:hover{background-color:var(--color-gray-200)}.filter-tags-clear{flex-shrink:0;padding:4px var(--spacing-sm);border:none;background:transparent;font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-500);cursor:pointer;transition:color var(--transition-fast)}.filter-tags-clear:hover{color:var(--color-gray-700)}.sort-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:modal-fade-in var(--transition-fast)}.sort-modal{width:100%;max-width:500px;max-height:80vh;background-color:var(--color-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;animation:modal-slide-up var(--transition-normal)}.sort-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100)}.sort-modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900)}.sort-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast)}.sort-modal-close svg{width:20px;height:20px}.sort-modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.sort-modal-options{padding:var(--spacing-sm) 0;padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px))}.sort-modal-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;font-size:var(--font-size-base);color:var(--color-gray-700);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.sort-modal-option svg{width:20px;height:20px;color:var(--color-primary)}.sort-modal-option:hover{background-color:var(--color-gray-50)}.sort-modal-option-active{color:var(--color-primary);font-weight:500}@media (min-width: 768px){.sort-modal-overlay{align-items:center}.sort-modal{border-radius:var(--radius-xl);animation:modal-scale-in var(--transition-normal)}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.lifestyle-filter-wrapper{position:relative}.lifestyle-filter-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--color-gray-800));border-radius:0 var(--radius-lg) var(--radius-lg) 0;pointer-events:none;opacity:1;transition:opacity .2s ease}.lifestyle-filter-wrapper.scrolled-end:after{opacity:0}.lifestyle-filter{background-color:var(--color-gray-800);padding:var(--spacing-sm) var(--spacing-md);padding-right:calc(var(--spacing-md) + 24px);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.lifestyle-filter::-webkit-scrollbar{display:none}.lifestyle-filter-list{display:flex;gap:var(--spacing-sm);min-width:max-content}.lifestyle-filter-pill{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);border:1px solid var(--color-gray-600);background-color:transparent;color:var(--color-gray-300);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.lifestyle-filter-pill:hover{border-color:var(--color-gray-400);color:var(--color-white)}.lifestyle-filter-pill.active{background-color:var(--pill-color, var(--color-primary));border-color:var(--pill-color, var(--color-primary));color:var(--color-white)}.product-type-filter-wrapper{position:relative}.product-type-filter-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--color-gray-100));border-radius:0 var(--radius-lg) var(--radius-lg) 0;pointer-events:none;opacity:1;transition:opacity .2s ease}.product-type-filter-wrapper.scrolled-end:after{opacity:0}.product-type-filter{background-color:var(--color-gray-100);padding:var(--spacing-sm) var(--spacing-md);padding-right:calc(var(--spacing-md) + 24px);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.product-type-filter::-webkit-scrollbar{display:none}.product-type-filter-list{display:flex;align-items:center;gap:var(--spacing-md);min-width:max-content}.product-type-filter-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:all .2s ease;flex-shrink:0}.product-type-filter-back svg{width:20px;height:20px}.product-type-filter-back:hover{border-color:var(--color-gray-400);color:var(--color-gray-800)}.product-type-filter-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;flex-shrink:0}.product-type-filter-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--radius-full);border:2px solid var(--color-gray-200);background-color:var(--color-white);transition:all .2s ease;overflow:hidden}.product-type-filter-icon img{width:40px;height:40px;object-fit:contain}.product-type-filter-item:hover .product-type-filter-icon{border-color:var(--color-gray-400)}.product-type-filter-item.active .product-type-filter-icon{border-color:var(--color-primary)}.product-type-filter-label{font-size:var(--font-size-xs);color:var(--color-gray-600);text-align:center;max-width:70px;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.product-type-filter-item.active .product-type-filter-label{color:var(--color-primary);font-weight:500}.prominent-filters{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.filter-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:modal-fade-in var(--transition-fast)}.filter-modal{width:100%;max-width:500px;max-height:85vh;background-color:var(--color-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:column;animation:modal-slide-up var(--transition-normal)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.filter-modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900)}.filter-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast)}.filter-modal-close svg{width:20px;height:20px}.filter-modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.filter-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.filter-modal-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.filter-section{border-bottom:1px solid var(--color-gray-100)}.filter-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.filter-section-header:hover{background-color:var(--color-gray-50)}.filter-section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-900)}.filter-section-value{font-weight:400;color:var(--color-primary);font-size:var(--font-size-sm)}.filter-section-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;color:var(--color-white);background-color:var(--color-primary);border-radius:var(--radius-full)}.filter-section-chevron{width:20px;height:20px;color:var(--color-gray-400);transition:transform var(--transition-fast)}.filter-section-chevron.expanded{transform:rotate(180deg)}.filter-section-content{padding:0 var(--spacing-lg) var(--spacing-md)}.filter-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-option{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background-color:var(--color-white);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast)}.filter-option:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.filter-option-active{border-color:var(--color-primary);background-color:#f26b351a;color:var(--color-primary)}.filter-back-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-sm);border:none;background:transparent;font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);cursor:pointer}.filter-back-btn svg{width:16px;height:16px}.filter-back-btn:hover{text-decoration:underline}.filter-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:16px;color:var(--color-gray-900)}.filter-search::placeholder{color:var(--color-gray-400)}.filter-search:focus{outline:none;border-color:var(--color-primary)}.filter-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:200px;overflow-y:auto}.filter-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;cursor:pointer}.filter-checkbox input{position:absolute;opacity:0;width:0;height:0}.filter-checkbox-box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);transition:all var(--transition-fast);flex-shrink:0}.filter-checkbox-box svg{width:14px;height:14px;color:var(--color-white);opacity:0;transition:opacity var(--transition-fast)}.filter-checkbox input:checked+.filter-checkbox-box{background-color:var(--color-primary);border-color:var(--color-primary)}.filter-checkbox input:checked+.filter-checkbox-box svg{opacity:1}.filter-checkbox:hover .filter-checkbox-box{border-color:var(--color-primary)}.filter-checkbox-label{font-size:var(--font-size-sm);color:var(--color-gray-700)}.filter-modal-footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-gray-100);flex-shrink:0}.filter-modal-clear{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast)}.filter-modal-clear:hover:not(:disabled){background-color:var(--color-gray-50)}.filter-modal-clear:disabled{opacity:.5;cursor:not-allowed}.filter-modal-apply{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background-color:var(--color-primary);font-size:var(--font-size-base);font-weight:500;color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast)}.filter-modal-apply:hover{background-color:var(--color-primary-dark)}@media (min-width: 768px){.filter-modal-overlay{align-items:center}.filter-modal{max-height:80vh;border-radius:var(--radius-xl);animation:modal-scale-in var(--transition-normal)}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.filter-checkboxes{max-height:250px}}.filter-checkboxes-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.filter-checkboxes-loader{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm)}.filter-checkboxes-error{padding:var(--spacing-md);text-align:center;color:var(--color-error, #dc2626);font-size:var(--font-size-sm)}.filter-checkboxes-empty{padding:var(--spacing-md);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.filter-checkboxes-end{padding:var(--spacing-sm);text-align:center;color:var(--color-gray-400);font-size:var(--font-size-xs)}.spinner-sm{width:16px;height:16px}.variant-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:sheet-fade-in var(--transition-fast)}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}.variant-sheet{width:100%;max-width:500px;max-height:85vh;background-color:var(--color-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:column;overflow:hidden;animation:sheet-slide-up var(--transition-normal);touch-action:none}@keyframes sheet-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.variant-sheet-handle{width:36px;height:4px;background-color:var(--color-gray-300);border-radius:var(--radius-full);margin:var(--spacing-sm) auto;flex-shrink:0}.variant-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.variant-sheet-product{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1}.variant-sheet-image{width:48px;height:48px;flex-shrink:0;background-color:var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden}.variant-sheet-image .product-image{width:100%;height:100%;object-fit:cover}.variant-sheet-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.variant-sheet-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.variant-sheet-close svg{width:20px;height:20px}.variant-sheet-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.variant-sheet-content{flex:1;overflow-y:auto;padding:0 var(--spacing-lg);-webkit-overflow-scrolling:touch}.variant-sheet-content .variant-list-title{display:none}.variant-sheet-content .variant-list-items{padding:0}.variant-sheet-footer{padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-gray-100);flex-shrink:0}.variant-sheet-detail-link{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);text-align:center;text-decoration:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.variant-sheet-detail-link:hover{background-color:var(--color-primary);color:var(--color-white);text-decoration:none}@media (min-width: 768px){.variant-sheet-overlay{align-items:center}.variant-sheet{max-height:70vh;border-radius:var(--radius-xl);animation:sheet-scale-in var(--transition-normal)}@keyframes sheet-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.variant-sheet-handle{display:none}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-md) 0}.pagination-pages{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-btn{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn-nav{width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--color-white);box-shadow:var(--shadow-sm)}.pagination-btn-nav svg{width:20px;height:20px;color:var(--color-gray-600)}.pagination-btn-nav:hover:not(:disabled){background-color:var(--color-gray-50)}.pagination-btn-page{min-width:36px;height:36px;padding:0 var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600)}.pagination-btn-page:hover:not(:disabled){background-color:var(--color-gray-100)}.pagination-btn-active{background-color:var(--color-primary);color:var(--color-white)}.pagination-btn-active:hover:not(:disabled){background-color:var(--color-primary-dark)}.pagination-ellipsis{padding:0 var(--spacing-xs);color:var(--color-gray-400)}@media (max-width: 767px){.pagination{display:none}}.menu.page-container{max-width:1200px}.menu-header{margin-bottom:var(--spacing-lg)}.menu-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin-top:var(--spacing-sm)}.menu-count{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.menu-results-count{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-md)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.menu-grid>.product-card{grid-template-rows:subgrid}.menu-load-more{min-height:60px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.menu-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.menu-load-more{display:none}.menu .pagination{display:flex}}@media (min-width: 1024px){.menu-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}}.product-detail.page-container{max-width:800px}.product-detail-header{margin-bottom:var(--spacing-lg)}.product-detail-main{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.product-detail-image{width:100%;aspect-ratio:1;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden}.product-detail-image .product-image{width:100%;height:100%;object-fit:contain}.product-detail-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-detail-brand{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.product-detail-name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);line-height:1.2}.product-detail-type{font-size:var(--font-size-sm);color:var(--color-gray-600)}.product-detail-measures{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.product-detail-measure{font-size:var(--font-size-sm);color:var(--color-gray-700)}.product-detail-measure strong{color:var(--color-gray-900)}.product-detail-strain{font-size:var(--font-size-sm);color:var(--color-gray-700)}.product-detail-strain strong{color:var(--color-gray-900)}.product-detail-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.product-detail-tag{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);background-color:#f26b351a;border-radius:var(--radius-full)}.product-detail-flavors{font-size:var(--font-size-sm);color:var(--color-gray-700)}.product-detail-flavors strong{color:var(--color-gray-900)}.product-detail-section{padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg)}.product-detail-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.product-detail-description{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.6}.variant-list-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.variant-list-items{list-style:none}.variant-list-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-100)}.variant-list-item:last-child{border-bottom:none}.variant-list-item-oos{opacity:.6}.variant-weight{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-900)}.variant-oos-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-500);padding:2px var(--spacing-xs);background-color:var(--color-gray-100);border-radius:var(--radius-sm)}.variant-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.variant-price-group{display:flex;align-items:center;gap:var(--spacing-xs)}.variant-price{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}.variant-price-sale{color:var(--color-secondary-dark)}.variant-price-original{font-size:var(--font-size-sm);font-weight:400;color:var(--color-gray-400);text-decoration:line-through}.variant-discount-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-secondary-dark);background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);padding:1px var(--spacing-xs);border-radius:var(--radius-sm)}.variant-bulk-deal{width:100%;font-size:var(--font-size-xs);color:var(--color-secondary-dark);padding-top:var(--spacing-xs)}.variant-add-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.variant-add-btn:hover:not(:disabled){background-color:var(--color-primary-dark)}.variant-add-btn:disabled{opacity:.6;cursor:not-allowed}.variant-add-btn svg{width:18px;height:18px;color:var(--color-white)}.variant-add-btn-success{background-color:var(--color-success)}.variant-add-btn-success:hover:not(:disabled){background-color:var(--color-success)}.variant-add-spinner{width:16px;height:16px;border:2px solid var(--color-white);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.variant-list-empty{text-align:center;padding:var(--spacing-lg);color:var(--color-gray-500)}@media (min-width: 768px){.product-detail-main{flex-direction:row;align-items:flex-start}.product-detail-image{width:300px;flex-shrink:0}.product-detail-info{flex:1}.product-detail-name{font-size:var(--font-size-2xl)}}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.cart-item-oos{border:1px solid var(--color-warning);background-color:color-mix(in srgb,var(--color-warning) 5%,var(--color-white))}.cart-item-image{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-gray-100)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400)}.cart-item-image-placeholder svg{width:32px;height:32px}.cart-item-details{flex:1;display:flex;flex-direction:column;min-width:0}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.cart-item-info{min-width:0}.cart-item-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);margin:0;line-height:1.3}.cart-item-variant{font-size:var(--font-size-sm);color:var(--color-gray-500)}.cart-item-remove{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.cart-item-remove:hover:not(:disabled){color:var(--color-error);background-color:var(--color-gray-100)}.cart-item-remove:disabled{opacity:.5;cursor:not-allowed}.cart-item-remove svg{width:18px;height:18px}.cart-item-stock-warning{font-size:var(--font-size-xs);color:var(--color-warning);font-weight:500;margin-top:var(--spacing-xs)}.cart-item-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-sm)}.cart-item-price-group{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.cart-item-price{font-size:var(--font-size-sm);color:var(--color-gray-500)}.cart-item-price-sale{color:var(--color-secondary-dark);font-weight:600}.cart-item-price-original{font-size:var(--font-size-xs);color:var(--color-gray-400);text-decoration:line-through}.cart-item-discount-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-secondary-dark);background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);padding:1px var(--spacing-xs);border-radius:var(--radius-sm)}.cart-item-quantity{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-gray-100);border-radius:var(--radius-md);padding:var(--spacing-xs)}.cart-item-qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.cart-item-qty-btn:hover:not(:disabled){background-color:var(--color-gray-200)}.cart-item-qty-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item-qty-btn svg{width:16px;height:16px;color:var(--color-gray-700)}.cart-item-qty-value{min-width:24px;text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900)}.cart-item-total{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}@media (min-width: 640px){.cart-item-image{width:100px;height:100px}.cart-item-name{font-size:var(--font-size-lg)}}@media (min-width: 768px){.cart-item{padding:var(--spacing-lg);gap:var(--spacing-lg)}.cart-item-image{width:110px;height:110px;border-radius:var(--radius-lg)}.cart-item-footer{gap:var(--spacing-md);padding-top:var(--spacing-md)}.cart-item-price-group{min-width:140px}.cart-item-quantity{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-sm)}.cart-item-qty-btn{width:32px;height:32px}.cart-item-qty-value{min-width:28px;font-size:var(--font-size-base)}.cart-item-total{font-size:var(--font-size-lg);min-width:80px;text-align:right}}@media (min-width: 1024px){.cart-item-image{width:120px;height:120px}}.cart-summary{padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.cart-summary-row{display:flex;justify-content:space-between;align-items:center}.cart-summary-label{font-size:var(--font-size-lg);font-weight:500;color:var(--color-gray-700)}.cart-summary-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900)}.cart-summary-note{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:var(--spacing-sm) 0 var(--spacing-lg)}.cart-summary-checkout{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-weight:600}.cart-summary-checkout:disabled{background-color:var(--color-gray-300);cursor:not-allowed}.cart-summary-warning{font-size:var(--font-size-sm);color:var(--color-warning);text-align:center;margin-top:var(--spacing-md);margin-bottom:0}.cart{padding-bottom:var(--spacing-xl)}.cart-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.cart-header-top{display:flex;align-items:baseline;gap:var(--spacing-md)}.cart-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);margin:0}.cart-count{font-size:var(--font-size-sm);color:var(--color-gray-500)}.cart-clear{align-self:flex-start;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-500);background:none;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cart-clear:hover{color:var(--color-error);border-color:var(--color-error)}.cart-refreshing{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.cart-refreshing .spinner{width:20px;height:20px}.cart-stock-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:color-mix(in srgb,var(--color-warning) 10%,var(--color-white));border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-lg)}.cart-stock-warning svg{width:20px;height:20px;flex-shrink:0}.cart-loyalty-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:color-mix(in srgb,var(--color-secondary) 10%,var(--color-white));border:1px solid color-mix(in srgb,var(--color-secondary) 30%,var(--color-white));border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);margin-bottom:var(--spacing-lg)}.cart-loyalty-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cart-loyalty-text strong{color:var(--color-gray-900)}.cart-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-aside{position:sticky;bottom:calc(var(--bottom-nav-height) + var(--spacing-md) + env(safe-area-inset-bottom,0px))}.cart-browse-btn{margin-top:var(--spacing-lg)}@media (min-width: 640px){.cart-header{flex-direction:row;justify-content:space-between;align-items:center}.cart-title{font-size:var(--font-size-2xl, 1.5rem)}}@media (min-width: 768px){.cart.page-container{max-width:700px}}@media (min-width: 1024px){.cart.page-container{max-width:960px}.cart-content{flex-direction:row;align-items:flex-start}.cart-items{flex:1}.cart-aside{position:sticky;top:calc(var(--header-height) + var(--spacing-lg));bottom:auto;width:320px;flex-shrink:0}}.pickup-time-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.pickup-schedule{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pickup-schedule-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.pickup-schedule-row .form-group{margin-bottom:0}.pickup-closed-message{font-size:var(--font-size-sm);color:var(--color-warning);margin:0}@media (max-width: 480px){.pickup-schedule-row{grid-template-columns:1fr}}.checkout{padding-bottom:var(--spacing-xl)}.checkout-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.checkout-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);margin:0}.checkout-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:color-mix(in srgb,var(--color-warning) 10%,var(--color-white));border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-lg)}.checkout-warning svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.checkout-warning-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkout-warning-link{background:none;border:none;padding:0;color:var(--color-warning);text-decoration:underline;font-weight:600;font-size:inherit;cursor:pointer}.checkout-warning-link:hover:not(:disabled){text-decoration:none}.checkout-warning-link:disabled{opacity:.7;cursor:wait}.checkout-refreshing{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.checkout-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.checkout-section{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.checkout-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-md)}.checkout-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.checkout-section .form-row .form-group{margin-bottom:0}.checkout-section>.form-group{margin-bottom:var(--spacing-md)}.checkout-section>.form-group:last-child,.checkout-section>.form-row:last-child{margin-bottom:0}.required{color:var(--color-error)}.form-input-error{border-color:var(--color-error)}.checkout-items{list-style:none;padding:0;margin:0}.checkout-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-100)}.checkout-item:last-child{border-bottom:none}.checkout-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.checkout-item-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900)}.checkout-item-variant{font-size:var(--font-size-xs);color:var(--color-gray-500)}.checkout-item-details{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.checkout-item-qty{font-size:var(--font-size-sm);color:var(--color-gray-500)}.checkout-item-discount-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-secondary-dark);background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);padding:1px var(--spacing-xs);border-radius:var(--radius-sm);align-self:flex-start}.checkout-item-prices{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.checkout-item-price{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);min-width:60px;text-align:right}.checkout-item-price-sale{color:var(--color-secondary-dark)}.checkout-item-price-original{font-size:var(--font-size-xs);color:var(--color-gray-400);text-decoration:line-through;text-align:right}.checkout-totals{padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm)}.checkout-total-row{display:flex;justify-content:space-between;font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900)}.checkout-total-row-light{font-size:var(--font-size-sm);font-weight:400;color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.checkout-original-total{text-decoration:line-through}.checkout-total-row-savings{font-size:var(--font-size-sm);font-weight:600;color:var(--color-secondary-dark);margin-bottom:var(--spacing-sm)}.checkout-note{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:var(--spacing-xs) 0 0}.checkout-error{padding:var(--spacing-md);background-color:color-mix(in srgb,var(--color-error) 10%,var(--color-white));border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.checkout-submit{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-weight:600}.checkout-submit:disabled{background-color:var(--color-gray-300);cursor:not-allowed}.checkout-login-hint{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.checkout-login-hint a{color:var(--color-primary);text-decoration:none}.checkout-login-hint a:hover{text-decoration:underline}@media (max-width: 480px){.checkout-section .form-row{grid-template-columns:1fr}}@media (min-width: 640px){.checkout-title{font-size:var(--font-size-2xl, 1.5rem)}}.checkout-success{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--bottom-nav-height) - 100px)}.checkout-success-content{text-align:center;padding:var(--spacing-xl)}.checkout-success-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background-color:color-mix(in srgb,var(--color-success) 10%,var(--color-white));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.checkout-success-icon svg{width:48px;height:48px;color:var(--color-success)}.checkout-success-title{font-size:var(--font-size-2xl, 1.5rem);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--spacing-sm)}.checkout-success-message{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0 0 var(--spacing-xl);max-width:300px;margin-left:auto;margin-right:auto}.checkout-success-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 480px){.checkout-success-actions{flex-direction:row;justify-content:center}}.notifications-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.notifications-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900)}.notifications-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.notifications-count{font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);background-color:#f26b351a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.notifications-action-link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);text-decoration:none;transition:color var(--transition-fast)}.notifications-action-link:hover{color:var(--color-primary);text-decoration:none}.notifications-banner{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.notifications-banner-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.notifications-banner-content p{font-size:var(--font-size-sm);color:var(--color-gray-700)}.notifications-banner-content .btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.notifications-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color var(--transition-fast)}.notification-item:hover{background-color:var(--color-gray-50)}.notification-item-unread{background-color:#f26b350d;border-left:3px solid var(--color-primary)}.notification-item-unread:hover{background-color:#f26b3514}.notification-content{flex:1;min-width:0}.notification-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.notification-body{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--spacing-sm)}.notification-time{font-size:var(--font-size-xs);color:var(--color-gray-400)}.notification-chevron{width:20px;height:20px;color:var(--color-gray-400);flex-shrink:0;margin-left:auto}.notification-dot{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;flex-shrink:0;margin-top:6px}.notification-detail-header{margin-bottom:var(--spacing-lg)}.notification-detail .state-container .btn{margin-top:var(--spacing-md)}.notification-detail-content{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.notification-detail-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-sm);line-height:1.3}.notification-detail-time{display:block;font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.notification-detail-summary{font-size:var(--font-size-base);color:var(--color-gray-700);font-weight:500;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.notification-detail-message{font-size:var(--font-size-base);color:var(--color-gray-700);line-height:1.7}.notification-detail-message h1,.notification-detail-message h2,.notification-detail-message h3,.notification-detail-message h4,.notification-detail-message h5,.notification-detail-message h6{color:var(--color-gray-900);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.notification-detail-message h1{font-size:var(--font-size-xl)}.notification-detail-message h2{font-size:var(--font-size-lg)}.notification-detail-message h3{font-size:var(--font-size-base)}.notification-detail-message p{margin-bottom:var(--spacing-md)}.notification-detail-message a{color:var(--color-primary);text-decoration:underline}.notification-detail-message a:hover{text-decoration:none}.notification-detail-message ul,.notification-detail-message ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.notification-detail-message li{margin-bottom:var(--spacing-xs)}.notification-detail-message strong,.notification-detail-message b{font-weight:600;color:var(--color-gray-900)}.notification-detail-message em,.notification-detail-message i{font-style:italic}.notification-detail-message blockquote{border-left:3px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-gray-600);font-style:italic}.notification-detail-message code{background-color:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;font-size:.9em}.notification-detail-message pre{background-color:var(--color-gray-100);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.notification-detail-message pre code{background:none;padding:0}.notification-detail-message img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-md) 0}.notification-detail-message table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md)}.notification-detail-message th,.notification-detail-message td{padding:var(--spacing-sm);border:1px solid var(--color-gray-200);text-align:left}.notification-detail-message th{background-color:var(--color-gray-50);font-weight:600}.notification-detail-message hr{border:none;border-top:1px solid var(--color-gray-200);margin:var(--spacing-lg) 0}.manage-devices-header{margin-bottom:var(--spacing-md)}.manage-devices-header .back-link{margin-bottom:var(--spacing-sm)}.manage-devices-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900)}.manage-devices-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.devices-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.device-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.device-icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius-md)}.device-icon{width:24px;height:24px;color:var(--color-gray-600)}.device-info{flex:1;min-width:0}.device-name-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.device-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}.current-device-badge{font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);background-color:#f26b351a;padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.device-meta{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-500)}.device-separator{color:var(--color-gray-300)}.device-delete-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast)}.device-delete-btn svg{width:18px;height:18px}.device-delete-btn:hover{color:var(--color-error);background-color:#ef44441a}.device-delete-btn:disabled{opacity:.5;cursor:not-allowed}.delete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:1000}.delete-modal{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.delete-modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.delete-modal-message{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--spacing-lg)}.delete-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.notification-badge-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.notification-badge-icon{width:24px;height:24px}.notification-badge-count{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;line-height:18px;text-align:center;color:var(--color-white);background-color:var(--color-error);border-radius:var(--radius-full)}.notification-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:#00000080;z-index:200;animation:fadeIn .2s ease}.notification-prompt{width:100%;max-width:320px;padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-xl);text-align:center;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notification-prompt-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-lg);background-color:var(--color-primary);border-radius:var(--radius-full)}.notification-prompt-icon svg{width:32px;height:32px;color:var(--color-white)}.notification-prompt-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.notification-prompt-text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--spacing-lg)}.notification-prompt-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-prompt-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.notification-prompt-btn-primary{background-color:var(--color-primary);color:var(--color-white)}.notification-prompt-btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.notification-prompt-btn-primary:disabled{opacity:.7;cursor:not-allowed}.notification-prompt-btn-secondary{background-color:transparent;color:var(--color-gray-600)}.notification-prompt-btn-secondary:hover{background-color:var(--color-gray-100)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);padding-top:var(--safe-area-inset-top);background-color:var(--color-primary-light);border-bottom:1px solid var(--color-gray-200);z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-md);max-width:1200px;margin:0 auto;gap:var(--spacing-md)}.header-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);text-decoration:none;flex-shrink:0;display:flex;align-items:center;z-index:101}.header-logo-img{height:32px;width:auto}.header-nav{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (min-width: 640px){.header-nav{gap:var(--spacing-md)}}.header-nav-item{color:var(--color-gray-700);text-decoration:none;padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.header-nav-item:hover{background-color:var(--color-gray-100);text-decoration:none}.header-icon{width:22px;height:22px;display:block}.header-install-btn{color:var(--color-primary)}.header-install-btn:hover{background-color:#f26b351a}.header-site-link{display:none}@media (min-width: 768px){.header-site-link{display:block}}.header-auth-btn{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;transition:background-color var(--transition-fast)}.header-auth-btn:hover{background-color:var(--color-primary-dark);text-decoration:none}.header-menu-toggle{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);width:40px;height:40px}.header-menu-toggle:hover{background-color:var(--color-gray-100)}.header-menu-toggle span{display:block;width:20px;height:2px;background:var(--color-gray-700);border-radius:var(--radius-full);transition:all var(--transition-normal);position:relative}.header-menu-toggle span:before,.header-menu-toggle span:after{content:"";display:block;width:20px;height:2px;background:var(--color-gray-700);border-radius:var(--radius-full);transition:all var(--transition-normal);position:absolute;left:0}.header-menu-toggle span:before{top:-6px}.header-menu-toggle span:after{top:6px}.header-menu-toggle.active span{background:transparent}.header-menu-toggle.active span:before{top:0;transform:rotate(45deg)}.header-menu-toggle.active span:after{top:0;transform:rotate(-45deg)}@media (min-width: 768px){.header-menu-toggle{display:none}}.header-mobile-menu{display:none;flex-direction:column;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);padding:var(--spacing-sm) 0}.header-mobile-menu.show{display:flex}@media (min-width: 768px){.header-mobile-menu{display:none!important}}.header-mobile-link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-700);text-decoration:none;transition:background-color var(--transition-fast)}.header-mobile-link:hover{background-color:var(--color-gray-50);text-decoration:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-white);border-top:1px solid var(--color-gray-200);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;height:var(--bottom-nav-height)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;padding:var(--spacing-xs) var(--spacing-md);color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.bottom-nav-item:hover{text-decoration:none}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.bottom-nav-icon{width:24px;height:24px}.bottom-nav-label{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.bottom-nav-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;line-height:18px;text-align:center;color:var(--color-white);background-color:var(--color-error);border-radius:var(--radius-full)}.install-prompt{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + var(--spacing-md));left:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-gray-900);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:90;animation:slideUp .3s ease;padding:var(--spacing-md)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.install-prompt-dismiss{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs);color:var(--color-gray-400);border-radius:var(--radius-md);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.install-prompt-dismiss:hover{color:var(--color-white);background-color:#ffffff1a}.install-prompt-dismiss svg{width:20px;height:20px;display:block}.install-prompt-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.install-prompt-info{padding-right:var(--spacing-xl)}.install-prompt-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-xs)}.install-prompt-text{font-size:var(--font-size-sm);color:var(--color-gray-400);line-height:1.5}.install-prompt-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-primary);border-radius:var(--radius-sm);margin:0 var(--spacing-xs);vertical-align:middle}.install-prompt-share-icon{width:14px;height:14px;color:var(--color-white)}.install-prompt-actions{display:flex;gap:var(--spacing-sm)}.install-prompt-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.install-prompt-btn-primary{background-color:var(--color-primary);color:var(--color-white)}.install-prompt-btn-primary:hover{background-color:var(--color-primary-dark)}.install-prompt-btn-primary:active{transform:scale(.98)}.install-prompt-btn-secondary{background-color:#ffffff1a;color:var(--color-white)}.install-prompt-btn-secondary:hover{background-color:#ffffff26}.offline-indicator{position:fixed;top:calc(var(--header-height) + var(--safe-area-inset-top));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-warning);color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;z-index:95;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.offline-indicator-icon{width:16px;height:16px;flex-shrink:0}.offline-indicator-text{white-space:nowrap}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;padding-top:calc(var(--header-height) + var(--store-bar-height) + var(--safe-area-inset-top));padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom));padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width: 640px){.app-main{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.deal-category-row{margin-bottom:var(--spacing-xl)}.deal-category-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900)}.deal-desktop{display:none}.deal-mobile{display:block}@media (min-width: 1024px){.deal-desktop{display:block}.deal-mobile{display:none}}.deal-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.deal-category-view-all{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-decoration:none;white-space:nowrap}.deal-category-view-all:hover{text-decoration:underline}.deal-category-nav{display:flex;align-items:center;gap:var(--spacing-xs)}.deal-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);transition:opacity var(--transition-fast)}.deal-category-grid>.product-card{grid-template-rows:subgrid}.deal-category-grid-loading{opacity:.5;pointer-events:none}@media (min-width: 768px) and (max-width: 1023px){.deal-category-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}}@media (min-width: 1024px){.deal-category-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}}.deal-mobile .deal-category-header{margin-bottom:var(--spacing-sm)}.deal-category-scroll-wrapper{position:relative}.deal-category-scroll-wrapper:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to right,transparent,var(--color-gray-50));pointer-events:none;transition:opacity var(--transition-fast)}.deal-category-scroll-wrapper.scrolled-end:after{opacity:0}.deal-category-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none}.deal-category-scroll::-webkit-scrollbar{display:none}.deal-category-card{flex:0 0 44vw;max-width:44vw;scroll-snap-align:start}.deal-category-card>.product-card{height:100%}@media (min-width: 768px) and (max-width: 1023px){.deal-category-card{flex:0 0 30vw;max-width:30vw}}.deal-category-loading{display:flex;align-items:center;justify-content:center}.deals-page.page-container{max-width:1200px}.deals-heading{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.deals-menu-link{margin-top:var(--spacing-md)}.app-install{padding:var(--spacing-lg) var(--spacing-md);max-width:600px;margin:0 auto}.app-install-header{text-align:center;margin-bottom:var(--spacing-xl)}.app-install-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.app-install-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600)}.app-install-advantages{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-lg);text-align:left}@media (max-width: 480px){.app-install-advantages{grid-template-columns:1fr}}.app-install-advantages li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-700)}.app-install-advantages li svg{flex-shrink:0;width:18px;height:18px;color:var(--color-primary)}.app-install-quick{text-align:center;padding:var(--spacing-lg);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.app-install-btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.app-install-btn-primary svg{width:20px;height:20px}.app-install-btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.app-install-btn-primary:active{transform:translateY(0)}.app-install-quick-note{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-500)}.app-install-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0;color:var(--color-gray-400);font-size:var(--font-size-sm)}.app-install-divider:before,.app-install-divider:after{content:"";flex:1;height:1px;background-color:var(--color-gray-200)}.app-install-section{margin-bottom:var(--spacing-xl)}.app-install-section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.app-install-platform-icon{width:24px;height:24px;color:var(--color-gray-600)}.app-install-steps{list-style:none;counter-reset:step}.app-install-steps li{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);counter-increment:step;position:relative}.app-install-steps li:before{content:counter(step);position:absolute;top:var(--spacing-md);left:calc(-1 * var(--spacing-sm));width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-white);background-color:var(--color-primary);border-radius:50%}.app-install-step-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius-md)}.app-install-step-icon svg{width:20px;height:20px;color:var(--color-gray-600)}.app-install-step-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-install-step-content strong{font-size:var(--font-size-base);color:var(--color-gray-900)}.app-install-step-content span{font-size:var(--font-size-sm);color:var(--color-gray-500)}.app-install-store-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.app-install-store-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-gray-900);color:var(--color-white);border:none;border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;font-family:inherit;transition:all var(--transition-fast);flex:1;min-width:180px}.app-install-store-btn svg{width:28px;height:28px;flex-shrink:0}.app-install-store-btn:hover{background-color:var(--color-gray-700);transform:translateY(-1px)}.app-install-store-btn:disabled{opacity:.7;cursor:wait;transform:none}.app-install-store-label{display:block;font-size:var(--font-size-xs);opacity:.8}.app-install-store-name{display:block;font-size:var(--font-size-lg);font-weight:600;line-height:1.2}.app-install-store-note{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}.app-install-benefits{padding:var(--spacing-lg);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.app-install-benefits-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: 480px){.app-install-benefits-list{grid-template-columns:1fr}}.app-install-benefits-list li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-700)}.app-install-benefits-list li svg{flex-shrink:0;width:20px;height:20px;color:var(--color-primary)}.order-history-header{margin-bottom:var(--spacing-lg)}.order-history-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin-top:var(--spacing-sm)}.order-history-count{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-md)}.order-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.order-card-header{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.order-card-header:hover{background-color:var(--color-gray-50)}.order-card-main{flex:1;min-width:0}.order-card-id{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}.order-card-date{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.order-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.order-card-items{font-size:var(--font-size-xs);color:var(--color-gray-500)}.order-card-total{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}.order-card-chevron{width:20px;height:20px;color:var(--color-gray-400);flex-shrink:0;transition:transform var(--transition-fast)}.order-card-chevron-rotated{transform:rotate(180deg)}.order-status{font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);text-transform:capitalize}.status-completed{background-color:#10b9811a;color:var(--color-success)}.status-pending{background-color:#f59e0b1a;color:var(--color-warning)}.status-cancelled{background-color:#ef44441a;color:var(--color-error)}.status-processing{background-color:#3b82f61a;color:var(--color-info)}.status-default{background-color:var(--color-gray-100);color:var(--color-gray-600)}.order-details{padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-gray-100)}.order-items-list{list-style:none;margin:var(--spacing-md) 0}.order-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-100)}.order-item:last-child{border-bottom:none}.order-item-image{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.order-item-image-placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);color:var(--color-gray-400)}.order-item-image-placeholder svg{width:24px;height:24px}.order-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.order-item-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-item-brand,.order-item-weight{font-size:var(--font-size-xs);color:var(--color-gray-500)}.order-item-qty{font-size:var(--font-size-sm);color:var(--color-gray-500);flex-shrink:0}.order-item-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;min-width:70px}.order-item-subtotal{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900)}.order-item-discount{font-size:var(--font-size-xs);color:var(--color-success)}.order-summary{background-color:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.order-summary-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-gray-600);padding:var(--spacing-xs) 0}.order-summary-discount{color:var(--color-success)}.order-summary-total{font-weight:600;color:var(--color-gray-900);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.order-history-load-more{min-height:60px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.order-history-load-more{display:none}.order-card-header{padding:var(--spacing-md) var(--spacing-lg)}.order-card-meta{flex-direction:row;align-items:center;gap:var(--spacing-md)}.order-details{padding:0 var(--spacing-lg) var(--spacing-lg)}}.age-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-900);padding:var(--spacing-md)}.age-gate-card{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.age-gate-logo{margin-bottom:var(--spacing-xl)}.age-gate-logo-img{height:64px;width:auto}.age-gate-logo-text{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.age-gate-heading{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.age-gate-subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-xl)}.age-gate-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}:root{--color-primary: #f26b35;--color-primary-dark: #d95a2a;--color-primary-light: #f79466;--color-secondary: #918c10;--color-secondary-dark: #7a770d;--color-secondary-light: #b0ad1a;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-black: #000000;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--header-height: 56px;--store-bar-height: 36px;--bottom-nav-height: 64px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-900);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}.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}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-300)}.btn-outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-dark);color:var(--color-white)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input.readonly{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f26b351a}.form-input::placeholder{color:var(--color-gray-400)}.form-error{font-size:var(--font-size-sm);color:var(--color-error)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{flex:1;padding-right:44px}.password-toggle{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.password-toggle:hover{color:var(--color-gray-700);background-color:var(--color-gray-100)}.password-toggle svg{width:20px;height:20px}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);background-color:var(--color-error);color:var(--color-white)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.page-container{padding:var(--spacing-lg) 0;max-width:600px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.back-link svg{width:20px;height:20px}.back-link:hover{color:var(--color-primary)}.spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-500)}.state-container .spinner{margin-bottom:var(--spacing-md)}.state-container-error{color:var(--color-error)}.empty-icon{width:64px;height:64px;color:var(--color-gray-300);margin-bottom:var(--spacing-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:200;animation:modal-fade-in var(--transition-fast)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:400px;background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);animation:modal-scale-in var(--transition-normal)}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.modal-text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.modal-actions .btn{flex:1}@media (min-width: 400px){.modal-actions .btn{flex:none}}.option-selector{display:flex;gap:var(--spacing-sm)}.option-selector-item{flex:1;position:relative}.option-selector-item input[type=radio]{position:absolute;opacity:0;width:0;height:0}.option-selector-label{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.option-selector-label:hover{border-color:var(--color-gray-400)}.option-selector-item input[type=radio]:checked+.option-selector-label{color:var(--color-primary);border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 5%,var(--color-white))}.option-selector-item input[type=radio]:focus-visible+.option-selector-label{outline:2px solid var(--color-primary);outline-offset:2px}