.landing-header{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--spacing-xl);position:relative}.landing-content{text-align:center;max-width:500px;width:100%}.logo-container{margin-bottom:var(--spacing-xl);animation:fadeInDown 1s ease-in-out}.logo{max-width:240px;width:75%;height:auto;display:block;margin:0 auto}.logo-placeholder{padding:var(--spacing-2xl) var(--spacing-xl)}.logo-text{font-size:2.5rem;font-weight:700;color:var(--accent-gold);letter-spacing:.2em;text-transform:uppercase}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.logo{max-width:280px}.logo-text{font-size:3rem}.subtitle{font-size:1rem}}@media (min-width: 1024px){.logo{max-width:320px}}.wine-item-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.625rem 1rem;border-bottom:1px solid var(--border-light);gap:1rem;transition:background-color var(--transition-fast);background-color:transparent}.wine-item-row:last-child{border-bottom:1px solid var(--border-light)}.wine-item-row:hover{background-color:var(--drawer-hover)}.wine-details{flex:1;text-align:right;min-width:0}.wine-name{font-size:var(--font-size-wine-name);font-weight:600;color:#2a5b95;margin-bottom:.25rem;line-height:var(--line-height-tight);word-wrap:break-word;letter-spacing:-.01em}.wine-description{font-size:var(--font-size-description);font-weight:400;line-height:var(--line-height-normal);margin:0;word-wrap:break-word;letter-spacing:0}.wine-price{flex-shrink:0;text-align:left;padding-top:0;min-width:33px;display:flex;align-items:flex-start}.wine-description,.price-value{color:#587281}.price-value{font-size:var(--font-size-price);font-weight:600;white-space:nowrap;letter-spacing:-.01em}@media (max-width: 480px){.wine-item-row{padding:.5rem .75rem}.wine-name{font-size:.875rem}.wine-description{font-size:.75rem}.price-value{font-size:.875rem}}@media (min-width: 768px){.wine-item-row{padding:.75rem 1.25rem}}.country-section{border-bottom:none;background-color:transparent}.country-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--bg-secondary);border:none;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background-color var(--transition-fast);text-align:right;font-family:var(--font-family);margin-top:-1px}.country-name{font-size:var(--font-size-country);font-weight:600;color:#315683;flex:1;text-align:right;letter-spacing:-.01em}.country-icon{font-size:1.25rem;font-weight:400;color:var(--text-secondary);width:24px;text-align:center;transition:transform var(--transition-fast);margin-left:var(--spacing-md)}.country-content{overflow:hidden;transition:max-height var(--transition-medium);background-color:transparent}@media (max-width: 480px){.country-header{padding:.625rem .75rem}.country-name{font-size:.9375rem}.country-icon{font-size:1.125rem;width:20px}}@media (min-width: 768px){.country-header{padding:.875rem 1.25rem}}.wine-type-drawer{margin-bottom:0;border:1px solid var(--border-color);border-radius:0;background-color:transparent;overflow:hidden;box-shadow:none;border-bottom:none}.wine-type-drawer:last-child{border-bottom:1px solid var(--border-color)}.wine-type-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-primary);border:none;cursor:pointer;transition:all var(--transition-fast);text-align:right;font-family:var(--font-family);border-bottom:2px solid var(--border-color)}.wine-type-header:hover{background-color:var(--drawer-hover)}.wine-type-header:focus{outline:none;background-color:var(--drawer-hover)}.wine-type-name{font-size:var(--font-size-wine-type);font-weight:700;color:var(--text-primary);flex:1;text-align:right;letter-spacing:0;text-transform:uppercase}.wine-type-icon{font-size:1.5rem;font-weight:400;color:var(--text-secondary);width:32px;text-align:center;transition:transform var(--transition-fast);margin-left:var(--spacing-md)}.wine-type-content{overflow:hidden;transition:max-height var(--transition-medium);background-color:var(--bg-primary)}@media (max-width: 480px){.wine-type-drawer{margin-bottom:0;border-radius:0}.wine-type-header{padding:.875rem .75rem}.wine-type-name{font-size:1rem}.wine-type-icon{font-size:1.375rem;width:28px}}@media (min-width: 768px){.wine-type-header{padding:1.125rem 1.25rem}}.wine-menu{min-height:100vh;background-color:var(--bg-primary);padding-bottom:var(--spacing-2xl);position:relative}.sticky-logo{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);z-index:150;background-color:#f2eadff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-sm);border-radius:8px;transition:all var(--transition-medium);opacity:0;transform:translateY(-20px);pointer-events:none}.sticky-logo--visible{opacity:1;transform:translateY(0);pointer-events:auto}.sticky-logo:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.logo-image{display:block;width:80px;height:auto;object-fit:contain}@media (max-width: 480px){.sticky-logo{top:var(--spacing-md);left:var(--spacing-md);padding:.375rem}.logo-image{width:60px}}@media (min-width: 768px){.logo-image{width:100px}}.sticky-header{position:fixed;top:0;left:0;padding:.625rem 1rem;background:#f2eadffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px #00000014;z-index:100;opacity:0;transform:translateY(-100%);transition:all var(--transition-medium);border-bottom:1px solid var(--border-light)}.sticky-header--visible{opacity:1;transform:translateY(0)}.sticky-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);letter-spacing:0;text-transform:uppercase}.menu-container{max-width:680px;margin:0 auto;padding:1.5rem 1rem}.menu-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1.5rem;letter-spacing:0;text-transform:uppercase}.scroll-to-top{position:fixed;bottom:1rem;left:1rem;width:44px;height:44px;border-radius:50%;background-color:var(--text-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;opacity:0;transform:scale(.8);transition:all var(--transition-medium);z-index:50}.scroll-to-top--visible{opacity:1;transform:scale(1)}.scroll-to-top:hover{background-color:var(--text-secondary);transform:scale(1.08);box-shadow:0 4px 12px #0003}.scroll-to-top:active{transform:scale(.95)}.scroll-to-top:focus{outline:2px solid var(--text-primary);outline-offset:2px}@media (max-width: 480px){.menu-container{padding:1rem .75rem}.menu-title{font-size:1.25rem;margin-bottom:1rem}.scroll-to-top{width:40px;height:40px;bottom:.75rem;left:.75rem}.sticky-header{padding:.5rem .75rem}.sticky-title{font-size:.875rem}}.menu-footer{margin-top:var(--spacing-2xl);padding:var(--spacing-2xl) 0;border-top:1px solid var(--border-light);display:flex;justify-content:center;align-items:center}.social-links{display:flex;gap:var(--spacing-xl);align-items:center}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);transition:all var(--transition-fast);text-decoration:none}.social-link:hover{background-color:var(--text-primary);color:#fff;border-color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.social-link:active{transform:translateY(0)}.social-icon{width:24px;height:24px}@media (max-width: 480px){.menu-footer{margin-top:var(--spacing-xl);padding:var(--spacing-xl) 0}.social-links{gap:var(--spacing-lg)}.social-link{width:44px;height:44px}.social-icon{width:22px;height:22px}}@media (min-width: 768px){.social-link{width:52px;height:52px}.social-icon{width:26px;height:26px}}@media (min-width: 768px){.menu-container{padding:2rem 1.5rem}.menu-title{font-size:1.75rem;margin-bottom:2rem}}.loading-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);padding:var(--spacing-2xl)}.loading-spinner-wine{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin-wine 1s linear infinite}@keyframes spin-wine{to{transform:rotate(360deg)}}.admin-editor{min-height:100vh;background-color:var(--bg-primary);direction:rtl;font-family:var(--font-family);padding-bottom:var(--spacing-2xl)}.wines-container{max-width:680px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 480px){.wines-container{padding:0 var(--spacing-md)}}@media (min-width: 768px){.wines-container{padding:0 var(--spacing-xl)}}.admin-header{position:sticky;top:0;left:0;right:0;background:#f2eadffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #00000014;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.admin-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:0;margin:0}.admin-actions{display:flex;align-items:center;gap:var(--spacing-md)}.changes-indicator{font-size:.875rem;color:#d97706;font-weight:600;white-space:nowrap}@media (max-width: 480px){.admin-header{padding:var(--spacing-md) var(--spacing-lg);flex-wrap:wrap}.admin-title{font-size:1rem;flex:1 1 100%;margin-bottom:var(--spacing-sm)}.admin-actions{flex:1;justify-content:flex-end}.changes-indicator{font-size:.75rem}}@media (min-width: 768px){.admin-title{font-size:1.25rem}}.search-bar{max-width:680px;margin:var(--spacing-xl) auto var(--spacing-lg);padding:0 var(--spacing-lg)}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:.9375rem;font-family:var(--font-family);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);transition:all var(--transition-fast);direction:rtl}.search-input::placeholder{color:var(--text-muted);opacity:.7}.search-input:hover{background-color:var(--drawer-hover);border-color:var(--text-secondary)}.search-input:focus{outline:none;background-color:#fff;border-color:var(--text-primary);box-shadow:0 0 0 2px #4a7c9e1a}@media (max-width: 480px){.search-bar{padding:0 var(--spacing-md);margin:var(--spacing-lg) auto var(--spacing-md)}.search-input{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}}.tabs{max-width:680px;margin:0 auto var(--spacing-xl);padding:0 var(--spacing-lg);display:flex;gap:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;font-family:var(--font-family);color:var(--text-secondary);background-color:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:0;margin-bottom:-2px}.tab:hover{color:var(--text-primary);background-color:var(--drawer-hover)}.tab-active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:700}.tab:focus{outline:none;background-color:var(--drawer-hover)}@media (max-width: 480px){.tabs{padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg)}.tab{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}}.country-section{border-bottom:none;background-color:transparent;margin-bottom:var(--spacing-sm)}.country-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-light);cursor:pointer;transition:background-color var(--transition-fast);text-align:right;font-family:var(--font-family);gap:var(--spacing-md)}.country-header:hover{background-color:var(--drawer-hover)}.country-header:focus{outline:none;background-color:var(--drawer-hover)}.country-toggle{font-size:1rem;color:var(--text-secondary);width:20px;text-align:center;transition:transform var(--transition-fast)}.country-name{font-size:var(--font-size-country);font-weight:600;color:#315683;flex:1;text-align:right;letter-spacing:-.01em;margin:0}.btn-add-wine{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:600;font-family:var(--font-family);color:#fff;background-color:var(--text-primary);border:none;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-add-wine:hover{background-color:var(--text-secondary);transform:translateY(-1px)}.btn-add-wine:active{transform:translateY(0)}@media (max-width: 480px){.country-header{padding:var(--spacing-sm) var(--spacing-md)}.country-name{font-size:.9375rem}.btn-add-wine{font-size:.75rem;padding:.375rem var(--spacing-sm)}}.wines-list{background-color:transparent;border:1px solid var(--border-light);border-top:none}.wine-card{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);gap:var(--spacing-lg);transition:background-color var(--transition-fast);background-color:transparent}.wine-card:last-child{border-bottom:none}.wine-card:hover{background-color:var(--drawer-hover)}.wine-main{flex:1;text-align:right;min-width:0}.wine-header-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.wine-card .wine-name{font-size:var(--font-size-wine-name);font-weight:600;color:#2a5b95;margin:0;line-height:var(--line-height-tight);letter-spacing:-.01em}.wine-card .wine-price{font-size:var(--font-size-price);font-weight:600;color:#587281;white-space:nowrap;letter-spacing:-.01em}.wine-country-label{font-size:.8125rem;color:var(--text-muted);margin:var(--spacing-xs) 0;font-style:italic}.wine-card .wine-description{font-size:var(--font-size-description);font-weight:400;line-height:var(--line-height-normal);color:#587281;margin:var(--spacing-xs) 0 0 0;word-wrap:break-word}.wine-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 480px){.wine-card{padding:var(--spacing-md);flex-direction:column}.wine-actions{flex-direction:row;width:100%;justify-content:flex-end}}.btn-save,.btn-back,.btn-edit,.btn-delete,.btn-cancel,.btn-submit{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:36px}.btn-save,.btn-submit{background-color:var(--text-primary);color:#fff}.btn-save:hover:not(:disabled),.btn-submit:hover{background-color:var(--text-secondary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-save:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;opacity:.6}.btn-back,.btn-cancel{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-back:hover,.btn-cancel:hover{background-color:var(--drawer-hover);border-color:var(--text-primary)}.btn-edit{background-color:var(--accent-gold);color:#fff;font-size:.8125rem;padding:.375rem var(--spacing-md)}.btn-edit:hover{background-color:#9d8467;transform:translateY(-1px)}.btn-delete{background-color:#dc2626;color:#fff;font-size:.8125rem;padding:.375rem var(--spacing-md)}.btn-delete:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-edit:active,.btn-delete:active,.btn-save:active,.btn-submit:active{transform:translateY(0)}@media (max-width: 480px){.btn-save,.btn-back{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md);min-height:32px}.btn-edit,.btn-delete{font-size:.75rem;padding:.25rem var(--spacing-sm)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#4a7c9e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--spacing-lg);animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--bg-primary);border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--border-light);background-color:var(--bg-secondary)}.modal-header h2{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--drawer-hover);color:var(--text-primary)}form{padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:right}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);font-size:.9375rem;font-family:var(--font-family);background-color:#fff;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);transition:all var(--transition-fast);direction:rtl}.form-group textarea{resize:vertical;min-height:100px}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:var(--text-secondary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 2px #4a7c9e1a}.form-group small{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs);text-align:right}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.6}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:var(--spacing-lg)}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{max-height:95vh}.modal-header{padding:var(--spacing-lg)}.modal-header h2{font-size:1rem}form{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label,.form-group input,.form-group textarea,.form-group select{font-size:.875rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.notification{position:fixed;top:80px;right:50%;transform:translate(50%) translateY(-100px);background-color:#10b981;color:#fff;padding:var(--spacing-lg) var(--spacing-xl);border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:1rem;font-weight:600;font-family:var(--font-family);z-index:300;opacity:0;transition:all .3s ease-in-out;white-space:nowrap}.notification-show{opacity:1;transform:translate(50%) translateY(0)}.notification.error{background-color:#dc2626}.notification.success{background-color:#10b981}@media (max-width: 480px){.notification{top:70px;right:var(--spacing-lg);left:var(--spacing-lg);transform:translateY(-100px);font-size:.875rem;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.notification-show{transform:translateY(0)}}.btn-logout{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;font-weight:600;font-family:var(--font-family);background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:36px}.btn-logout:hover{background-color:#fee2e2;border-color:#dc2626;color:#dc2626}@media (max-width: 480px){.btn-logout{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md);min-height:32px}}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.loading-spinner-admin{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:20px}.admin-login-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header h1{font-size:48px;margin:0 0 16px}.admin-login-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.admin-login-header p{font-size:14px;color:var(--text-secondary);margin:0}.admin-login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{padding:14px 16px;border:2px solid var(--border-color);border-radius:10px;font-size:16px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background:var(--bg-primary)}.form-group input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #c9a96133}.form-group input::placeholder{color:var(--text-secondary);opacity:.7}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.login-button{padding:14px 24px;background:var(--accent-gold);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.login-button:hover:not(:disabled){background:#b8943d}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{margin-top:24px;text-align:center}.back-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .2s ease}.back-link:hover{color:var(--accent-gold)}@media (max-width: 480px){.admin-login-card{padding:32px 24px}.admin-login-header h1{font-size:40px}.admin-login-header h2{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f2eadf;--bg-secondary: #e8dfd3;--text-primary: #4a7c9e;--text-secondary: #6b9bbe;--text-muted: #5a8aaa;--accent-gold: #8b7355;--border-color: #d4c9bd;--border-light: #ddd4c8;--drawer-hover: #ebe2d7;--font-family: "Assistant", "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-hero: 2.5rem;--font-size-subtitle: .875rem;--font-size-wine-type: 1.125rem;--font-size-country: 1rem;--font-size-wine-name: .9375rem;--font-size-description: .8125rem;--font-size-price: .9375rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--transition-fast: .15s ease-in-out;--transition-medium: .2s ease-in-out}html{font-size:16px;direction:rtl}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-weight:400}.app{min-height:100vh;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width: 768px){:root{--font-size-hero: 3rem;--font-size-subtitle: 1rem;--font-size-wine-type: 1.25rem;--font-size-country: 1.0625rem}}@media (min-width: 1024px){:root{--font-size-hero: 3.5rem}}html{scroll-behavior:smooth}::selection{background-color:var(--text-primary);color:#fff}