:root{--brand-red: #d90429;--brand-red-dark: #a3021f;--brand-white: #ffffff;--text: #1f2937;--muted: #6b7280;--bg: #f8fafc;--card: #ffffff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand-red);text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:1.8rem;margin:.5rem 0}h2{font-size:1.2rem;margin:.5rem 0}button{border-radius:8px;border:1px solid #e5e7eb;padding:.6em 1em;font-size:1em;font-weight:600;font-family:inherit;background-color:#fff;cursor:pointer}button:hover{background:#f3f4f6}button:focus{outline:2px solid var(--brand-red);outline-offset:2px}html,body,#root{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{display:none}*::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}.home{background:var(--color-white);min-height:100vh}.container{width:90vw;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}.categories-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width: 700px){.categories-grid{display:flex!important;flex-direction:row;overflow-x:auto;gap:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.categories-grid::-webkit-scrollbar{display:none}.categories-grid>*{flex:0 0 75vw;max-width:320px;min-width:180px;scroll-snap-align:center}}.categories-section,.home-section,.about-section,.cta-section{background:linear-gradient(120deg,#fff8f6,#f7e9e3);border-radius:2.2rem;box-shadow:0 4px 24px #1f26871a;margin-bottom:2.5rem;padding:2.5rem 1.5rem;position:relative;overflow:hidden}.section-title{font-family:Montserrat,Segoe UI,Arial,sans-serif;font-size:2rem;font-weight:800;color:#d72660;margin-bottom:.5rem;letter-spacing:-1px;text-shadow:0 2px 12px rgba(215,38,96,.06)}.section-subtitle{font-size:1.1rem;color:#333;opacity:.85;margin-bottom:1.5rem;font-family:Montserrat,Segoe UI,Arial,sans-serif}.product-card,.about-card{border-radius:1.5rem;box-shadow:0 2px 16px #1f26871a;background:#fff;transition:box-shadow .3s,transform .3s}.product-card:hover,.about-card:hover{box-shadow:0 6px 24px #d7266021;transform:translateY(-4px) scale(1.02)}.section-actions .btn,.section-actions button{border-radius:2rem;font-weight:700;font-family:Montserrat,Segoe UI,Arial,sans-serif}.home-hero{background:linear-gradient(120deg,#ffece9,#f7d9e3,#e0f7fa);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:0 0 4rem;border-radius:0 0 2.5rem 2.5rem;box-shadow:0 8px 32px #1f26872e;animation:heroFadeIn 1.2s cubic-bezier(.4,0,.2,1)}.home-hero .container.hero-content{width:90vw;max-width:90vw;margin:0 auto;display:flex;flex-direction:column;align-items:center}.home-hero .hero-title,.home-hero .hero-subtitle,.home-hero .hero-cta{width:90%;max-width:90vw;margin-left:auto;margin-right:auto;box-sizing:border-box}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.home-hero .brand-logo{filter:drop-shadow(0 4px 16px rgba(255,140,120,.18));border-radius:1.5rem;background:#ffffffb3;padding:1rem;margin-bottom:1.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.home-hero .brand-logo:hover{transform:scale(1.06) rotate(-3deg)}.hero-title{font-size:2.4rem;font-weight:800;color:#d72660;letter-spacing:-1px;margin-bottom:1rem;text-shadow:0 2px 12px rgba(215,38,96,.08);font-family:Montserrat,Segoe UI,Arial,sans-serif;animation:heroTitlePop 1.2s cubic-bezier(.4,0,.2,1) .2s both}@keyframes heroTitlePop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-subtitle{font-size:1.2rem;color:#333;margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto;opacity:.92;font-family:Montserrat,Segoe UI,Arial,sans-serif;animation:heroSubtitleFade 1.2s cubic-bezier(.4,0,.2,1) .4s both}@keyframes heroSubtitleFade{0%{opacity:0;transform:translateY(20px)}to{opacity:.92;transform:translateY(0)}}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;animation:heroCtaFade 1.2s cubic-bezier(.4,0,.2,1) .6s both}@keyframes heroCtaFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-cta .btn,.hero-cta button{font-size:1.1rem;font-weight:700;border-radius:2rem;box-shadow:0 2px 12px #d7266014;transition:background .2s,color .2s,transform .2s}.hero-cta .btn-primary,.hero-cta button[variant=primary]{background:linear-gradient(90deg,#d72660,#f46036);color:#fff;border:none}.hero-cta .btn-primary:hover,.hero-cta button[variant=primary]:hover{background:linear-gradient(90deg,#f46036,#d72660);transform:translateY(-2px) scale(1.04)}.hero-cta .btn-ghost,.hero-cta button[variant=ghost]{background:#ffffffb3;color:#d72660;border:2px solid #d72660}.hero-cta .btn-ghost:hover,.hero-cta button[variant=ghost]:hover{background:#fff0f6;color:#f46036;border-color:#f46036;transform:translateY(-2px) scale(1.04)}.hero-wave{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:1;color:#ffece9;pointer-events:none;opacity:.9}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--color-red)}.product-image{position:relative;overflow:hidden;aspect-ratio:1/1}.product-image img{width:100%;height:100%;object-fit:cover;background:var(--bg-tag-alt);transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.product-info{padding:1.2rem;flex-grow:1;display:flex;flex-direction:column}.product-name{font-size:1.1rem;color:var(--color-black);margin-bottom:.5rem;font-weight:600}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.product-supplier{color:var(--color-gray-dark);font-size:.85rem}.product-price{color:var(--color-red);font-weight:700}.product-category-link{margin-top:auto}.product-category-link a{color:var(--color-red);font-size:.8rem;text-decoration:none;font-weight:500}.product-category-link a:hover{text-decoration:underline}.section-actions{text-align:center}.about{background:var(--bg-section)}.about-content{display:flex;flex-direction:column;gap:2rem}.about-text p{margin-bottom:1.2rem;line-height:1.6}.about-card{background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-card);padding:1.5rem;text-align:center;align-self:center}.badge{display:inline-block;background:var(--color-red);color:var(--color-white);font-weight:700;border-radius:8px;padding:.5rem 1rem;margin-bottom:.8rem;font-size:1rem}.about-note{color:var(--color-gray-dark);font-size:.95rem}.cta-section{background:linear-gradient(135deg,var(--color-red) 0%,var(--color-red-dark) 100%);color:#fff;padding:3rem 0;text-align:center}.cta-section .btn:hover{background:#f8f8f8;transform:translateY(-2px);box-shadow:0 6px 16px #0003}@media (min-width: 768px){.home-hero{padding:4rem 0 6rem}.hero-title{font-size:2.8rem}.categories-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.about-content{flex-direction:row;align-items:flex-start}.about-text{flex:2}.about-card{flex:1;margin-top:0}}@media (min-width: 1024px){.hero-title{font-size:3.2rem}.product-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}:root{--primary-red: #e53935;--primary-red-dark: #b71c1c;--primary-red-light: #ff6659;--white: #fff;--gray: #f5f5f5;--gray-dark: #757575;--disabled: #e0e0e0}.ui-btn--secondary{background:var(--white);color:var(--primary-red);border:2px solid var(--primary-red);box-shadow:0 2px 8px #e5393512;transition:background .22s,color .22s,border .22s,box-shadow .22s}.ui-btn--secondary:hover,.ui-btn--secondary:focus-visible{background:#fff4f4;color:var(--primary-red-dark);border-color:var(--primary-red-dark);box-shadow:0 4px 16px #e5393521}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.6em 1.5em;font-size:1rem;font-weight:700;border:none;border-radius:2.5em;background:var(--primary-red);color:var(--white);cursor:pointer;transition:background .22s,color .22s,box-shadow .22s,transform .18s;box-shadow:0 2px 8px #e539351a;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.01em;outline:none;text-align:center}.ui-btn__content{display:inline-block;width:100%;text-align:center;vertical-align:middle}.ui-btn:hover,.ui-btn:focus-visible{background:var(--primary-red-dark);color:var(--white);transform:translateY(-2px) scale(1.04);box-shadow:0 0 0 6px #e539352e,0 10px 32px #e539352e;filter:brightness(1.08) drop-shadow(0 0 16px #e53935cc)}.ui-btn:active{background:var(--primary-red-light)}.ui-btn--outline{background:var(--white);color:var(--primary-red);border:2px solid var(--primary-red)}.ui-btn--outline:hover,.ui-btn--outline:focus-visible{background:var(--primary-red);color:var(--white)}.ui-btn--ghost{background:transparent;color:var(--primary-red);border:none}.ui-btn--ghost:hover,.ui-btn--ghost:focus-visible{background:var(--primary-red-light);color:var(--white)}.ui-btn:disabled,.ui-btn[aria-disabled=true],.ui-btn--loading{background:var(--disabled);color:var(--gray-dark);cursor:not-allowed;border:none;box-shadow:none;filter:grayscale(.2)}.ui-btn--icon{padding:.5em;border-radius:50%;width:2.5em;height:2.5em;display:inline-flex;align-items:center;justify-content:center;font-size:1.2em}.ui-btn--sm{padding:.3em 1em;font-size:.9rem}.ui-btn--md{padding:.6em 1.5em;font-size:1rem}.ui-btn--lg{padding:.9em 2em;font-size:1.2rem}.ui-btn__icon{display:inline-flex;align-items:center}.ui-btn__icon--left{margin-right:.3em}.ui-btn__icon--right{margin-left:.3em}.ui-btn__spinner{width:1em;height:1em;border:2px solid var(--white);border-top:2px solid var(--primary-red);border-radius:50%;animation:ui-btn-spin .7s linear infinite;margin-right:.5em;display:inline-block}@keyframes ui-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-card{background:#fff;border-radius:1.2em;box-shadow:0 2px 12px #e5393512,0 1.5px 8px #e539350a;padding:1.5em 1.3em;margin:.7em 0;transition:box-shadow .22s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);border:1.5px solid #f5f5f5;position:relative;will-change:box-shadow,border,transform}.ui-card:hover,.ui-card:focus-visible{box-shadow:0 6px 24px #e5393521,0 2px 12px #e539351a;border-color:#e53935;transform:translateY(-2px) scale(1.015);z-index:2}.ui-card--shadowless{box-shadow:none;border:1.5px solid #e0e0e0}.ui-card--red{border-color:#e53935;box-shadow:0 2px 12px #e5393521}.ui-link{color:var(--text-link);text-decoration:none;font-weight:500;position:relative;transition:color .18s cubic-bezier(.4,0,.2,1);cursor:pointer}.ui-link:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--text-link);border-radius:2px;transform:scaleX(0);transition:transform .22s cubic-bezier(.4,0,.2,1)}.ui-link:hover,.ui-link:focus-visible{color:var(--text-link-hover)}.ui-link:hover:after,.ui-link:focus-visible:after{background:var(--text-link-hover);transform:scaleX(1)}.ui-tag{display:inline-block;border-radius:999px;font-weight:600;font-family:Inter,Segoe UI,Arial,sans-serif;padding:.18em 1.1em;font-size:1rem;background:linear-gradient(90deg,#fb2a38,#b31217);color:#fff;letter-spacing:.02em;line-height:1.2;-webkit-user-select:none;user-select:none;border:1.5px solid rgba(251,42,56,.22);box-shadow:0 2px 10px #fb2a381a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);transition:box-shadow .18s,background .18s,color .18s;vertical-align:middle}.ui-tag--sm{font-size:.78rem;padding:.11em .7em}.ui-tag--md{font-size:1rem;padding:.18em 1.1em}.ui-tag--lg{font-size:1.18rem;padding:.23em 1.4em}.ui-tag--default,.ui-tag--info,.ui-tag--success,.ui-tag--warning,.ui-tag--danger{background:linear-gradient(90deg,#fb2a38,#b31217);color:#fff;border:1.5px solid rgba(251,42,56,.22)}.ui-tag svg{vertical-align:middle;margin-right:.3em;margin-bottom:2px;height:1em;width:1em;fill:currentColor}.floating-cart-btn{position:fixed;left:50%;transform:translate(-50%);bottom:100px;z-index:200;background:#e53935;color:#fff;font-weight:700;font-size:1.08rem;border:none;border-radius:999px;box-shadow:0 4px 16px #e5393533;padding:.85em 2.2em;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .18s,box-shadow .18s;animation:cartBtnIn .35s cubic-bezier(.4,0,.2,1)}@keyframes cartBtnIn{0%{opacity:0;transform:translate(-50%) scale(.85) translateY(30px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.catalog-tabs-slider{opacity:0;transform:translateY(-18px);max-height:0;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),max-height .35s cubic-bezier(.4,0,.2,1);will-change:opacity,transform,max-height}.catalog-tabs-slider.show{opacity:1;transform:translateY(0);max-height:80px;pointer-events:auto}.catalog-filters{display:flex;gap:1rem;margin-bottom:2.2rem;justify-content:center;align-items:center;flex-wrap:wrap;background:#fff;border-radius:1.5rem;box-shadow:0 2px 12px #e5393512;padding:1.1rem 1.2rem}.catalog-search{flex:1 1 180px;min-width:140px;max-width:260px;padding:.7em 1em;border-radius:1em;border:1.5px solid #e0e0e0;font-size:1rem;background:#f9f9f9;transition:border .2s}.catalog-search:focus{border-color:#e53935;outline:none}.catalog-select{min-width:120px;padding:.7em 1em;border-radius:1em;border:1.5px solid #e0e0e0;font-size:1rem;background:linear-gradient(120deg,#fff8f7,#fbe9e7);box-shadow:0 2px 8px #e5393512;transition:border .2s,box-shadow .2s,background .2s;color:#7c3a2d;cursor:pointer;appearance:none;position:relative}.catalog-select:focus,.catalog-select:hover{border-color:#e53935;box-shadow:0 12px 32px #e5393538;outline:none;background:#fff4f4;animation:selectBounce .38s cubic-bezier(.22,1.2,.36,1) both}@keyframes selectBounce{0%{transform:scale(1);box-shadow:0 2px 8px #e5393512}40%{transform:scale(1.09,.96);box-shadow:0 16px 40px #e5393538}60%{transform:scale(.97,1.04)}80%{transform:scale(1.04,.98)}to{transform:scale(1.045);box-shadow:0 12px 32px #e5393538}}.columns-btn{transition:background .18s,border .18s,box-shadow .22s,transform .22s cubic-bezier(.22,1.2,.36,1)}.columns-btn.active,.columns-btn:focus{background:#ffeaea;border-color:#e53935;box-shadow:0 8px 24px #e5393521;animation:btnBounce .38s cubic-bezier(.22,1.2,.36,1) both}@keyframes btnBounce{0%{transform:scale(1);box-shadow:0 2px 8px #e5393512}40%{transform:scale(1.09,.96);box-shadow:0 16px 40px #e5393538}60%{transform:scale(.97,1.04)}80%{transform:scale(1.04,.98)}to{transform:scale(1.045);box-shadow:0 8px 24px #e5393521}}.catalog-select option{color:#7c3a2d;background:#fff}.catalog-columns-toggle{display:flex;align-items:center}.columns-btn{background:linear-gradient(120deg,#fff8f7,#fbe9e7);border:1.5px solid #e0e0e0;padding:.45em .7em;border-radius:1em;cursor:pointer;transition:background .18s,border .18s,box-shadow .22s,transform .22s cubic-bezier(.22,1.2,.36,1);outline:none;display:flex;align-items:center;min-width:54px;min-height:54px;box-sizing:border-box;box-shadow:0 2px 12px #e5393512}.columns-btn.active,.columns-btn:focus{background:#fff4f4;border-color:#e53935;box-shadow:0 8px 24px #e5393521}.columns-btn svg{display:block;width:38px;height:38px;transition:transform .38s cubic-bezier(.22,1.2,.36,1)}.columns-btn.flipping svg{transform:rotateY(180deg)}.catalog-tab{background:transparent;border:none;padding:.45em 1.1em;margin-right:6px;font-weight:700;font-size:1.01rem;color:#7c3a2d;position:relative;cursor:pointer;outline:none;appearance:none}.catalog-tab:focus{box-shadow:none;outline:none;background:transparent}.catalog-tab:focus-visible{outline:none;background:transparent}.catalog-tab,.catalog-tab *{-webkit-tap-highlight-color:transparent}.catalog-tab:active,.catalog-tab:active *{background:transparent!important}.catalog-tab::-moz-focus-inner{border:0}.catalog-tab:after{content:"";position:absolute;left:12%;right:12%;bottom:6px;height:3px;background:transparent;border-radius:2px;transform-origin:center;transition:background .18s,transform .22s}.catalog-tab.active{color:#7c3a2d}.catalog-tab.active:after{background:#e53935;transform:scaleX(1)}.catalog-tab:not(.active):after{transform:scaleX(0)}.pd{background:var(--bg)}.pd-container{max-width:1000px;margin:0 auto;padding:12px 16px 80px}.pd-back{color:var(--brand-red);text-decoration:none;font-weight:600}.pd-main{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}.pd-image-card,.pd-info-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px}.pd-image-card{padding:10px}.pd-image-box{height:260px;background:#fff5f6;border-radius:10px;display:flex;align-items:center;justify-content:center}.pd-image-box img{width:200px;height:200px;object-fit:contain}.pd-info-card{padding:14px}.pd-title{margin:0 0 6px;font-size:18px}.pd-supplier{color:var(--muted);margin-bottom:4px;font-size:13px}.pd-price{font-weight:800;font-size:18px;margin-bottom:10px;color:#111827}.pd-desc{color:#374151;font-size:14px}.pd-actions{display:flex;gap:10px;align-items:center;margin-top:12px}.pd-qty{display:inline-flex;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px}.pd-qty button{background:transparent;border:none;font-size:18px;width:28px;height:28px}.pd-add{padding:10px 16px;border-radius:10px;background:var(--brand-red);color:#fff;border:none;font-weight:700}.pd-related{margin-top:16px}.pd-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pd-related-card{text-decoration:none;color:inherit;background:#fff;border:1px solid #f1f5f9;border-radius:12px;overflow:hidden}.pd-related-image{height:120px;display:flex;align-items:center;justify-content:center;background:#fff5f6}.pd-related-image img{width:90px;height:90px;object-fit:contain}.pd-related-info{padding:10px}.pd-related-info h3{margin:0;font-size:14px}.pd-related-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}.pd-related-meta span{color:var(--muted);font-size:12px}@media (min-width: 768px){.pd-container{padding:18px 16px 110px}.pd-main{grid-template-columns:1fr 1fr;gap:16px}.pd-image-box{height:320px}.pd-image-box img{width:240px;height:240px}.pd-title{font-size:22px}.pd-price{font-size:20px}.pd-related-grid{grid-template-columns:repeat(3,1fr)}}.install-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:20px 20px 100px}.install-container{max-width:600px;margin:0 auto}.install-header{text-align:center;margin-bottom:40px;padding-top:20px}.install-logo{width:80px;height:80px;margin-bottom:20px;border-radius:18px;box-shadow:0 8px 24px #0000001f}.install-header h1{font-size:32px;font-weight:800;color:#111827;margin:0 0 12px}.install-header p{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.install-benefits{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 16px #00000014}.benefit-item{display:flex;gap:16px;margin-bottom:24px}.benefit-item:last-child{margin-bottom:0}.benefit-icon{font-size:32px;line-height:1;flex-shrink:0}.benefit-item h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 4px}.benefit-item p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.install-instructions{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 4px 16px #00000014}.install-instructions h2{font-size:22px;font-weight:800;color:#111827;margin:0 0 24px;text-align:center}.auto-install{text-align:center}.auto-install p{font-size:16px;color:#4b5563;margin-bottom:20px}.btn-install{display:inline-flex;align-items:center;gap:12px;background:var(--brand-red, #d90429);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #d904294d;transition:all .2s}.btn-install:hover{background:#c00323;transform:translateY(-2px);box-shadow:0 6px 20px #d9042966}.btn-install:active{transform:translateY(0)}.install-icon{font-size:24px}.manual-instructions{margin-top:20px}.instruction-intro{font-size:16px;color:#4b5563;margin-bottom:20px;font-weight:600}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}.steps-list li:last-child{margin-bottom:0}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--brand-red, #d90429);color:#fff;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;font-size:16px;color:#111827;margin-bottom:6px;font-weight:700}.step-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.tip-box{background:#fef3c7;border:1px solid #fbbf24;border-radius:10px;padding:16px;margin-top:24px;font-size:14px;color:#92400e;line-height:1.5}.tip-box strong{display:block;margin-bottom:4px}.browser-warning{background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;padding:16px;margin-bottom:24px;font-size:14px;color:#991b1b;line-height:1.6}.browser-warning strong{display:block;margin-bottom:8px;font-size:15px}.ios-screenshot-placeholder{margin-top:12px;background:#f3f4f6;border-radius:8px;padding:16px}.mock-safari-bar{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:20px;padding:12px;box-shadow:0 2px 8px #0000001a}.safari-share-btn{font-size:28px;color:#007aff}.share-icon{font-size:20px;color:#007aff;font-weight:700}.option-highlight{display:inline-flex;align-items:center;gap:8px;background:#f3f4f6;border:2px solid #007aff;border-radius:8px;padding:12px 16px;margin-top:12px;font-size:15px;font-weight:600;color:#111827}.plus-icon{font-size:20px;color:#007aff}.install-success{text-align:center;background:#fff;border-radius:16px;padding:48px 24px;box-shadow:0 4px 16px #00000014}.success-icon{width:80px;height:80px;margin:0 auto 24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700}.install-success h1{font-size:28px;font-weight:800;color:#111827;margin:0 0 12px}.install-success p{font-size:16px;color:#6b7280;margin:0 0 32px}.btn-primary{background:var(--brand-red, #d90429);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #d904294d;transition:all .2s}.btn-primary:hover{background:#c00323;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#4b5563;border:2px solid #e5e7eb;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:12px}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.install-footer{text-align:center;margin-top:24px}@media (max-width: 640px){.install-page{padding:16px}.install-header h1{font-size:28px}.install-logo{width:64px;height:64px}.install-benefits{padding:20px}.benefit-icon{font-size:28px}.install-instructions{padding:20px}.step-content strong{font-size:15px}}