:root{--color-primary:#000;--color-secondary:#1a1a1a;--color-accent-gold:#cdb688;--color-accent-silver:silver;--color-white:#fff;--color-gray-light:#f9f9f9;--color-gray-medium:#e0e0e0;--color-gray-dark:#444;--color-border:#ddd;--color-error:#d32f2f;--color-success:#4caf50;--shadow-sm:0 2px 6px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-nav:0px -3px 8px #0000001a;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-round:50%;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--font-primary:"Roboto",sans-serif;--font-secondary:"Roboto",sans-serif;--font-accent:"Krona One",sans-serif;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:28px;--nav-height:70px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-primary);font-family:Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6;overflow-x:hidden}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Krona One,sans-serif;font-family:var(--font-accent);font-weight:400;line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-md)}h1{font-size:28px;font-size:var(--font-3xl)}h1,h2{font-weight:400}h2{font-size:24px;font-size:var(--font-2xl)}h3{font-size:20px;font-size:var(--font-xl)}h3,h4{font-weight:400}h4{font-size:18px;font-size:var(--font-lg)}p{font-size:14px;font-size:var(--font-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}a{color:inherit;text-decoration:none;transition:opacity .2s ease;transition:opacity var(--transition-fast)}a:hover{opacity:.8}.page-container{background-color:#fff;background-color:var(--color-white);min-height:100vh;padding:24px 16px;padding:var(--spacing-lg) var(--spacing-md);padding-bottom:94px;padding-bottom:calc(var(--nav-height) + var(--spacing-lg))}.page-wrapper{margin:0 auto;max-width:600px;width:100%}.content-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.company-logo,.top-left-logo{display:block;height:auto;margin-bottom:24px;margin-bottom:var(--spacing-lg);width:80px}.logo-container{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.logo-image{display:block;height:auto;max-width:120px}.top-left-logo{margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:left}.company-logo{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}@media (max-width:480px){.logo-image{max-width:100px}}.page-title{color:#000;color:var(--color-primary);font-size:28px;font-size:var(--font-3xl);font-weight:800;margin-bottom:12px;margin-bottom:var(--spacing-sm);text-align:center}.page-subtitle{color:#444;color:var(--color-gray-dark);font-size:14px;font-size:var(--font-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center}.section-title{color:#000;color:var(--color-primary);font-size:20px;font-size:var(--font-xl);font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-md)}.underline{background:linear-gradient(90deg,#cdb688,silver);background:linear-gradient(90deg,var(--color-accent-gold),var(--color-accent-silver));border-radius:8px;border-radius:var(--radius-sm);height:3px;margin:16px auto;margin:var(--spacing-md) auto;width:60px}.btn{border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-family:Roboto,sans-serif;font-family:var(--font-primary);font-size:16px;font-size:var(--font-md);font-weight:600;padding:12px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.btn-primary{background:#000;background:var(--color-primary);color:#fff;color:var(--color-white)}.btn-primary:hover{background:#1a1a1a;background:var(--color-secondary);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--color-white);border:2px solid #000;border:2px solid var(--color-primary);color:#000;color:var(--color-primary)}.btn-secondary:hover{background:#000;background:var(--color-primary)}.btn-gold,.btn-secondary:hover{color:#fff;color:var(--color-white)}.btn-gold,.btn-gold:hover{background:linear-gradient(135deg,#cdb688,#cdb688)}.btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.form-input,.form-label,.form-select,.form-textarea{color:#000;color:var(--color-primary);font-size:14px;font-size:var(--font-sm)}.form-input,.form-select,.form-textarea{background:#fff;background:var(--color-white);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);font-family:Roboto,sans-serif;font-family:var(--font-primary);outline:none;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast);width:100%}@media (max-width:600px){.form-input,.form-select,.form-textarea,input.input,select.input{font-size:16px!important;min-height:44px;padding:12px}}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#cdb688;border-color:var(--color-accent-gold);box-shadow:0 0 0 3px #cdb6881a}.form-input::placeholder{color:#444;color:var(--color-gray-dark);opacity:.6}.form-textarea{min-height:100px;resize:vertical}.form-error{color:#d32f2f;color:var(--color-error)}.form-error,.form-success{font-size:12px;font-size:var(--font-xs);margin-top:8px;margin-top:var(--spacing-xs)}.form-success{color:#4caf50;color:var(--color-success)}.card{background:#fff;background:var(--color-white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg);transition:transform .3s ease;transition:transform var(--transition-normal)}.card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{font-size:18px;font-size:var(--font-lg);font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-md)}.card-body{color:#444;color:var(--color-gray-dark);font-size:14px;font-size:var(--font-sm)}.membership-card-container{margin:32px auto;margin:var(--spacing-xl) auto;max-width:380px;perspective:1000px;transform-style:preserve-3d}.membership-card{border-radius:16px;cursor:pointer;height:240px;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%}.membership-card.flipped{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;box-shadow:0 10px 40px #0000004d,inset 0 0 0 1px #ffffff1a;color:#fff;color:var(--color-white);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px;position:absolute;width:100%}.card-front{background:inherit;left:0;position:absolute;text-align:center;top:0}.card-front,.card-front-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.card-front-content{gap:12px;width:100%}.membership-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.membership-prompt{text-align:center}.flip-indicator{animation:slideRight 1.5s ease-in-out infinite}@keyframes slideRight{0%,to{opacity:1;transform:translateX(0)}50%{opacity:.5;transform:translateX(10px)}}.card-front:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%;z-index:1}.card-chip{align-items:center;background:linear-gradient(135deg,#f4d03f,#f0c040);border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;flex-wrap:wrap;gap:2px;height:40px;justify-content:center;margin-bottom:20px;padding:4px;position:relative;width:50px}.chip-line{background:#0003;border-radius:1px;height:2px;width:18px}.chip-main{background:linear-gradient(135deg,#ffffff4d,#0000);border-radius:4px;height:20px;position:absolute;width:24px}.card-logo{color:#fff;display:flex;flex-direction:column;line-height:1;text-align:center}.card-logo,.card-number{text-shadow:0 2px 4px #0000004d}.card-number{font-family:Roboto,monospace;font-size:22px;font-weight:500;letter-spacing:3px;margin:12px 0}.card-holder-info{display:flex;gap:32px;margin-top:auto}.card-holder-section{flex:1 1}.card-label{font-size:8px;margin-bottom:4px;opacity:.8}.card-label,.card-value{font-weight:600;letter-spacing:1px}.card-value{font-size:14px;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.card-tier-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #fff3;border-radius:20px;bottom:24px;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:6px 16px;position:absolute;right:24px}.card-contactless{bottom:80px;position:absolute;right:24px;transform:rotate(90deg)}.card-back{background:#0000;color:#333;padding:0;transform:rotateY(180deg)}.card-magnetic-strip{background:linear-gradient(180deg,#00000026,#00000040 50%,#00000026);border-radius:2px 2px 0 0;box-shadow:inset 0 1px 2px #0003;height:8px;margin-bottom:8px;width:100%}.card-back-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:0 18px 12px}.member-profile-section{align-items:center;background:#fffffffa;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:12px;padding:10px}.member-photo{border-radius:50%;box-shadow:0 2px 8px #0003;flex-shrink:0;height:45px;overflow:hidden;width:45px}.profile-image{height:100%;object-fit:cover;width:100%}.photo-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:20px;font-weight:700;height:45px;justify-content:center;width:45px}.member-details{flex:1 1;min-width:0}.member-name{color:#1a1a1a;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.member-tier{color:#666;font-size:10px;font-weight:600;letter-spacing:1px}.member-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.info-box{background:#fffffffa;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:8px 10px}.info-label{color:#777;font-size:8px;font-weight:700;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.info-value{color:#1a1a1a;font-size:11px;font-weight:700;letter-spacing:.5px}.member-barcode{background:#fffffffa;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:6px}.card-back-footer,.member-barcode{align-items:center;display:flex;justify-content:center}.card-back-footer{margin-top:auto;padding:4px 0 0}.card-tap-hint{animation:pulse 2s infinite;color:#555;font-size:8px;font-weight:700;letter-spacing:1px;opacity:.6;text-transform:uppercase}@media (max-width:768px){.membership-card-container{margin:24px auto;margin:var(--spacing-lg) auto;max-width:90%}.membership-card{height:220px}}@media (max-width:480px){.membership-card-container{margin:16px auto;margin:var(--spacing-md) auto;max-width:95%}.membership-card{height:190px}.card-back,.card-front{padding:14px}.card-front-content{gap:10px}.card-logo span:first-child{font-size:18px!important}.card-logo span:last-child{font-size:10px!important}.membership-prompt h2{font-size:16px!important}.membership-prompt p{font-size:11px!important}.flip-indicator svg{height:30px!important;width:30px!important}.card-magnetic-strip{height:32px;margin-bottom:8px}.card-back-content{gap:6px;padding:0 14px 10px}.member-profile-section{gap:10px;padding:8px}.member-photo{height:38px!important;width:38px!important}.member-name{font-size:12px}.member-tier{font-size:9px}.member-info-grid{gap:6px}.info-box{padding:6px 8px}.info-label{font-size:7px;margin-bottom:2px}.info-value{font-size:10px}.member-barcode{padding:4px}.member-barcode svg{height:45px}.card-tap-hint{font-size:7px}}@media (max-width:390px){.membership-card{height:175px}.card-back,.card-front{padding:12px}.card-front-content{gap:8px}.card-logo span:first-child{font-size:16px!important}.card-logo span:last-child{font-size:9px!important}.membership-prompt h2{font-size:14px!important;margin-bottom:4px!important}.membership-prompt p{font-size:10px!important}.flip-indicator svg{height:28px!important;width:28px!important}.card-magnetic-strip{height:28px;margin-bottom:6px}.card-back-content{gap:5px;padding:0 10px 8px}.member-profile-section{gap:8px;padding:6px}.member-photo{height:35px!important;width:35px!important}.member-name{font-size:11px}.member-tier{font-size:8px}.info-box{padding:5px 6px}.info-label{font-size:6px}.info-value{font-size:9px}.member-barcode{padding:3px}.member-barcode svg{height:38px}.card-tap-hint{font-size:6px}}@media (max-width:360px){.membership-card{height:165px}.card-back,.card-front{padding:10px}.card-front-content{gap:6px}.card-logo span:first-child{font-size:15px!important}.membership-prompt h2{font-size:13px!important}.membership-prompt p{font-size:9px!important}.flip-indicator svg{height:25px!important;width:25px!important}.card-magnetic-strip{height:25px;margin-bottom:5px}.card-back-content{gap:4px;padding:0 8px 6px}.member-profile-section{gap:6px;padding:5px}.member-photo{height:32px!important;width:32px!important}.member-name{font-size:10px}.member-tier{font-size:7px}.member-info-grid{gap:4px}.info-box{padding:4px 5px}.info-value{font-size:8px}.member-barcode svg{height:35px}}.service-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:12px 0;padding:0}.service-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;color:#000;color:var(--color-primary);cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:120px;padding:14px 10px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease}.service-card:before{background:#cdb688;background:var(--color-accent-gold);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .2s ease;width:100%}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{background:#fafafa;border-color:#cdb688;border-color:var(--color-accent-gold);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.service-title{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:10px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.01em;line-height:1.35;margin-top:6px;overflow:hidden;text-overflow:ellipsis;width:100%;word-break:break-word}.service-arrow{display:none}@media (max-width:480px){.service-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.service-card{border-radius:10px;min-height:110px;padding:12px 8px}.service-title{font-size:9.5px;line-height:1.3}}@media (max-width:390px){.service-grid{gap:7px}.service-card{border-radius:9px;min-height:100px;padding:10px 6px}.service-title{font-size:9px;line-height:1.25}}@media (max-width:360px){.service-grid{gap:6px}.service-card{border-radius:8px;min-height:95px;padding:9px 5px}.service-title{font-size:8.5px;line-height:1.2}}@media (max-width:320px){.service-grid{gap:5px}.service-card{border-radius:8px;min-height:90px;padding:8px 4px}.service-title{-webkit-line-clamp:3;font-size:8px;line-height:1.2}}.product-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:1fr;margin:24px 0;margin:var(--spacing-lg) 0}.product-card{background:#fff;background:var(--color-white);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 6px #0000000d;box-shadow:var(--shadow-sm);color:#000;color:var(--color-primary);cursor:pointer;overflow:hidden;text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal)}.product-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.product-image{height:200px;object-fit:cover;width:100%}.product-info{padding:16px;padding:var(--spacing-md)}.product-title{font-size:16px;font-size:var(--font-md);font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.product-price{color:#cdb688;color:var(--color-accent-gold);font-size:18px;font-size:var(--font-lg);font-weight:700}.product-description{color:#444;color:var(--color-gray-dark);font-size:14px;font-size:var(--font-sm);margin-top:8px;margin-top:var(--spacing-xs)}.location-nav{border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;gap:0;justify-content:center;margin:24px 0;margin:var(--spacing-lg) 0;overflow:hidden;width:100%}.location-btn,.location-nav{background:#fff;background:var(--color-white)}.location-btn{border:none;border-right:1px solid #e0e0e0;color:#000;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-size:var(--font-sm);font-weight:600;letter-spacing:1px;min-width:0;padding:16px 12px;padding:var(--spacing-md) var(--spacing-sm);text-transform:uppercase;transition:all .2s ease;transition:all var(--transition-fast);white-space:nowrap}.location-btn:last-child{border-right:none}.location-btn.active,.location-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);z-index:1}@media (max-width:480px){.location-btn{font-size:.75rem;letter-spacing:.5px;padding:12px 8px;padding:var(--spacing-sm) var(--spacing-xs)}}@media (max-width:360px){.location-btn{font-size:.65rem;padding:8px;padding:var(--spacing-xs)}}.location-filters{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm);justify-content:center;margin:24px 0;margin:var(--spacing-lg) 0}.location-option{border:2px solid #ddd;border:2px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-size:var(--font-sm);font-weight:600;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.location-option.active,.location-option:hover{background:#000;background:var(--color-primary);border-color:#000;border-color:var(--color-primary);color:#fff;color:var(--color-white)}.bottom-nav{align-items:center;background:#fff;background:var(--color-white);border-top:1px solid #ddd;border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -3px 8px #0000001a;box-shadow:var(--shadow-nav);display:flex;height:70px;height:var(--nav-height);justify-content:space-around;left:0;padding:12px 0;padding:var(--spacing-sm) 0;position:fixed;right:0;z-index:1000}.nav-icon{cursor:pointer;height:28px;transition:transform .2s ease;transition:transform var(--transition-fast);width:28px}.nav-icon:hover{transform:scale(1.1)}.nav-icon:active{transform:scale(.95)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;animation:fadeIn var(--transition-fast);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:24px;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:2000}@media (max-width:600px){.modal-overlay{align-items:flex-start;padding:12px;padding:var(--spacing-sm);padding-top:2rem}}.modal-content{animation:slideUp .3s ease;animation:slideUp var(--transition-normal);background:#fff;background:var(--color-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;padding:var(--spacing-xl);width:100%}@media (max-width:600px){.modal-content{border-radius:12px;border-radius:var(--radius-md);max-height:85vh;padding:24px;padding:var(--spacing-lg)}}@media (max-width:400px){.modal-content{border-radius:8px;border-radius:var(--radius-sm);padding:16px;padding:var(--spacing-md)}}.modal-header{font-size:20px;font-size:var(--font-xl);font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}@media (max-width:600px){.modal-header{font-size:18px;font-size:var(--font-lg);margin-bottom:12px;margin-bottom:var(--spacing-sm)}}.modal-body{font-size:14px;font-size:var(--font-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center}.modal-close{background:none;border:none;color:#444;color:var(--color-gray-dark);cursor:pointer;font-size:24px;font-size:var(--font-2xl);position:absolute;right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md);transition:color .2s ease;transition:color var(--transition-fast)}.modal-close:hover{color:#000;color:var(--color-primary)}.pac-container{border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);font-family:Roboto,sans-serif;font-family:var(--font-primary);margin-top:4px;z-index:10000!important}.pac-item{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-gray-medium);cursor:pointer;font-size:14px;padding:12px 16px}.pac-item:hover{background-color:#f5f5f5}.pac-item-query{color:#000;color:var(--color-primary);font-size:15px}.pac-matched{color:#cdb688;color:var(--color-accent-gold);font-weight:700}.pac-icon{margin-right:8px}@media (max-width:600px){.pac-container{font-size:16px;max-width:calc(100vw - 32px)}.pac-item{line-height:1.4;padding:14px 16px}.pac-item-query{font-size:16px}}.carousel-container{margin:32px 0;margin:var(--spacing-xl) 0;position:relative;width:100%}.carousel{display:flex;overflow:hidden;transition:transform .3s ease;transition:transform var(--transition-normal)}.carousel-item{min-width:100%;padding:24px;padding:var(--spacing-lg)}.carousel-btn{background:#00000080;border:none;border-radius:50%;border-radius:var(--radius-round);color:#fff;color:var(--color-white);cursor:pointer;font-size:20px;font-size:var(--font-xl);height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;transition:background var(--transition-fast);width:40px;z-index:10}.carousel-btn:hover{background:#000c}.carousel-btn.prev{left:16px;left:var(--spacing-md)}.carousel-btn.next{right:16px;right:var(--spacing-md)}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-top-color:#cdb688;border:4px solid var(--color-gray-medium);border-radius:50%;border-radius:var(--radius-round);border-top-color:var(--color-accent-gold);display:inline-block;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.alert{border-radius:12px;border-radius:var(--radius-md);font-size:14px;font-size:var(--font-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.alert-success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.alert-error{background:#ffebee;border:1px solid #f44336;color:#c62828}.alert-info{background:#e3f2fd;border:1px solid #2196f3;color:#1565c0}.badge{border-radius:8px;border-radius:var(--radius-sm);display:inline-block;font-size:12px;font-size:var(--font-xs);font-weight:600;padding:4px 12px;text-transform:uppercase}.badge-silver{background:silver;background:var(--color-accent-silver);color:#000;color:var(--color-primary)}.badge-gold{background:#cdb688;background:var(--color-accent-gold)}.badge-gold,.badge-prive{color:#fff;color:var(--color-white)}.badge-prive{background:linear-gradient(135deg,#000,#333)}.search-bar{margin-bottom:24px;margin-bottom:var(--spacing-lg);position:relative}.search-input{border:1px solid #ddd;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);font-size:14px;font-size:var(--font-sm);outline:none;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);padding-right:50px;transition:border-color .2s ease;transition:border-color var(--transition-fast);width:100%}.search-input:focus{border-color:#cdb688;border-color:var(--color-accent-gold)}.search-icon{height:20px;opacity:.5;position:absolute;right:16px;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:20px}.profile-frame{border:4px solid #cdb688;border:4px solid var(--color-accent-gold);border-radius:50%;border-radius:var(--radius-round);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);height:120px;margin:0 auto 24px;margin:0 auto var(--spacing-lg);overflow:hidden;width:120px}.profile-icon{height:100%;object-fit:cover;width:100%}.member-info{color:#444;color:var(--color-gray-dark);font-size:14px;font-size:var(--font-sm);text-align:center}.settings-section{margin-top:32px;margin-top:var(--spacing-xl)}.setting-item{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 0;padding:var(--spacing-md) 0}.setting-label{color:#444;color:var(--color-gray-dark);font-size:14px;font-size:var(--font-sm);margin-bottom:4px}.setting-value{color:#000;color:var(--color-primary);font-size:16px;font-size:var(--font-md);font-weight:600}.edit-link{color:#cdb688;color:var(--color-accent-gold);cursor:pointer;font-size:14px;font-size:var(--font-sm);font-weight:600;transition:opacity .2s ease;transition:opacity var(--transition-fast)}.edit-link:hover{opacity:.7}.auction-item{background:#fff;background:var(--color-white);border:1px solid #ddd;border:1px solid var(--color-border);box-shadow:0 2px 6px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.auction-image,.auction-item{border-radius:12px;border-radius:var(--radius-md)}.auction-image{height:100px;object-fit:cover;width:100px}.auction-info{flex:1 1}.auction-title{font-size:16px;font-size:var(--font-md);font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.countdown{color:#d32f2f;color:var(--color-error);font-size:14px;font-size:var(--font-sm);font-weight:600}.blog-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:24px 0;margin:var(--spacing-lg) 0}@media (max-width:767px){.blog-grid{gap:8px}}.blog-card{background:#fff;background:var(--color-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;transition:all .3s ease;transition:all var(--transition-normal)}.blog-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-image{height:220px;object-fit:cover;width:100%}@media (max-width:767px){.blog-image{height:140px}}.blog-content{padding:24px;padding:var(--spacing-lg)}@media (max-width:767px){.blog-content{padding:10px}}.blog-meta{color:#444;color:var(--color-gray-dark);display:flex;font-size:12px;font-size:var(--font-xs);gap:16px;gap:var(--spacing-md);margin-bottom:12px;margin-bottom:var(--spacing-sm)}@media (max-width:767px){.blog-meta{flex-wrap:wrap;font-size:9px;gap:4px}}.blog-tag{background:linear-gradient(135deg,#cdb688,#cdb688);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--color-white);display:inline-block;font-size:12px;font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}@media (max-width:767px){.blog-tag{font-size:8px;letter-spacing:.3px;padding:2px 6px}}.blog-title{color:#000;color:var(--color-primary);font-family:Krona One,sans-serif;font-family:var(--font-accent);font-size:18px;font-size:var(--font-lg);font-weight:400;line-height:1.3;margin-bottom:12px;margin-bottom:var(--spacing-sm)}@media (max-width:767px){.blog-title{font-size:12px;line-height:1.2;margin-bottom:6px}}.blog-excerpt{color:#444;color:var(--color-gray-dark);font-size:14px;font-size:var(--font-sm);line-height:1.6;margin-bottom:16px;margin-bottom:var(--spacing-md)}@media (max-width:767px){.blog-excerpt{font-size:10px;line-height:1.4;margin-bottom:8px}}.blog-read-more{align-items:center;color:#cdb688;color:var(--color-accent-gold);display:inline-flex;font-size:14px;font-size:var(--font-sm);font-weight:600;gap:6px;text-decoration:none;transition:gap .2s ease;transition:gap var(--transition-fast)}.blog-read-more:hover{gap:10px}.blog-post-content h3{font-size:20px;font-size:var(--font-xl);margin-bottom:16px;margin-top:32px}.blog-post-content p{margin-bottom:16px}.blog-post-content ul{margin:16px 0;padding-left:24px}.blog-post-content li{margin-bottom:8px}.featured-post{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.featured-post .blog-image{height:280px}.featured-post .blog-title{font-size:24px;font-size:var(--font-2xl)}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-post{grid-column:1/-1}}.text-center{text-align:center}.text-right{text-align:right}.mt-sm{margin-top:12px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.mt-xl{margin-top:32px;margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:12px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.p-sm{padding:12px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.p-xl{padding:32px;padding:var(--spacing-xl)}.hidden{display:none!important}.visible{display:block!important}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.w-full{width:100%}.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media (min-width:768px){.product-grid,.service-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}.update-notification-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.update-notification-modal{animation:slideUp .4s ease;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #d4af37;border-radius:16px;box-shadow:0 20px 60px #d4af374d;max-width:500px;padding:40px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.update-notification-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #d4af37b3;transform:scale(1)}50%{box-shadow:0 0 0 15px #d4af3700;transform:scale(1.05)}}.update-notification-icon i{color:#1a1a1a;font-size:36px}.update-notification-modal h2{color:#d4af37;font-family:Krona One,sans-serif;font-size:28px;margin:0 0 15px}.update-notification-modal p{color:#fff;font-size:16px;line-height:1.6;margin:0 0 30px;opacity:.9}.update-notification-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.update-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s ease}.update-now{background:linear-gradient(135deg,#d4af37,#f4d03f);box-shadow:0 4px 15px #d4af3766;color:#1a1a1a}.update-now:hover{box-shadow:0 6px 20px #d4af3799;transform:translateY(-2px)}.update-now:active{transform:translateY(0)}.update-later{background:#0000;border:2px solid #d4af37;color:#d4af37}.update-later:hover{background:#d4af371a;transform:translateY(-2px)}.update-later:active{transform:translateY(0)}@media (max-width:768px){.update-notification-modal{margin:20px;padding:30px 20px}.update-notification-modal h2{font-size:24px}.update-notification-modal p{font-size:14px}.update-notification-buttons{flex-direction:column}.update-btn{justify-content:center;width:100%}.update-notification-icon{height:60px;width:60px}.update-notification-icon i{font-size:28px}}
/*# sourceMappingURL=main.20d85042.css.map*/