@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modo-uso-scope{--orange:#e8611a;--blue:#1b68d2;--navy:#1a1a2e;--bg:#fff;--footer-bg:#f7f5f4;--border:#eeeceb;--gray:#f2f1ef;--text-muted:#666}.modo-uso-scope *,.modo-uso-scope :before,.modo-uso-scope :after{box-sizing:border-box;margin:0;padding:0}.modo-uso-scope{scroll-behavior:smooth;background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;max-width:100vw;font-family:Ubuntu,sans-serif;overflow-x:hidden}.modo-uso-scope .navbar{border-bottom:1px solid var(--border);z-index:100;background:#fff;position:sticky;top:0}.modo-uso-scope .navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 40px;display:flex}.modo-uso-scope .nav-links{align-items:center;gap:32px;display:flex}.modo-uso-scope .nav-link{color:#444;white-space:nowrap;font-family:Ubuntu,sans-serif;font-size:14px;font-weight:400;text-decoration:none;transition:color .15s}.modo-uso-scope .nav-link:hover{color:var(--blue)}.modo-uso-scope .nav-link.active{color:var(--orange);font-weight:700}.modo-uso-scope .nav-link.active:hover{color:var(--orange)}.modo-uso-scope .hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.modo-uso-scope .hamburger span{background:var(--navy);border-radius:2px;width:24px;height:2px;transition:all .25s;display:block}.modo-uso-scope .hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.modo-uso-scope .hamburger.open span:nth-child(2){opacity:0}.modo-uso-scope .hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.modo-uso-scope .mobile-nav{border-top:1px solid var(--border);background:#fff;flex-direction:column;padding:8px 0 16px;display:none}.modo-uso-scope .mobile-nav.open{display:flex}.modo-uso-scope .mobile-nav .nav-link{border-bottom:1px solid #f5f4f2;padding:13px 24px;font-size:15px}.modo-uso-scope .mobile-nav .nav-link:last-child{border-bottom:none}.modo-uso-scope .main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:60px 40px 80px}.modo-uso-scope .page-title{color:var(--navy);text-align:center;margin-bottom:52px;font-size:38px;font-weight:400;line-height:1.2}.modo-uso-scope .products-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.modo-uso-scope .product-card{cursor:pointer;background:#fff;border-radius:16px;align-items:stretch;min-height:160px;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000012}.modo-uso-scope .product-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #00000021}.modo-uso-scope .product-card:active{transform:scale(.98)}.modo-uso-scope .product-card:hover .card-img-wrap{transform:scale(1.06)}.modo-uso-scope .card-img-area{background:0 0;border-radius:16px 0 0 16px;flex-shrink:0;align-items:stretch;width:160px;min-width:160px;display:flex;overflow:hidden}.modo-uso-scope .card-img-wrap{width:100%;height:100%;transition:transform .35s;overflow:hidden}.modo-uso-scope .card-img-wrap img{object-fit:cover;width:100%;height:100%}.modo-uso-scope .card-body{flex-direction:column;flex:1;justify-content:space-between;padding:22px 20px 22px 16px;display:flex}.modo-uso-scope .card-title{color:var(--navy);margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.3}.modo-uso-scope .card-desc{color:var(--text-muted);font-size:13px;font-weight:400;line-height:1.55}.modo-uso-scope .card-cta{color:var(--orange);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;margin-top:16px;font-size:12px;font-weight:700;display:flex}.modo-uso-scope .footer{background:var(--footer-bg);text-align:center;border-top:1px solid var(--border);padding:32px 40px}.modo-uso-scope .footer-copy{color:#999;margin-top:8px;font-size:13px}.modo-uso-scope .modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modo-uso-scope .modal-box{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:880px;height:880px;max-height:95vh;animation:.22s modalIn;display:flex;overflow:hidden;box-shadow:0 40px 100px #00000038}.modo-uso-scope .modal-header{border-bottom:1px solid #f0efed;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px 20px;display:flex}.modo-uso-scope .modal-header-left{align-items:center;gap:16px;min-width:0;display:flex}.modo-uso-scope .modal-thumb{background:var(--gray);border-radius:12px;justify-content:center;align-items:center;width:72px;min-width:72px;height:72px;display:flex;overflow:hidden}.modo-uso-scope .modal-thumb img{object-fit:contain;width:100%;height:100%}.modo-uso-scope .modal-product-name{color:var(--navy);font-size:21px;font-weight:700;line-height:1.3}.modo-uso-scope .modal-product-desc{color:#777;margin-top:4px;font-size:14px;line-height:1.4}.modo-uso-scope .modal-close{cursor:pointer;color:#444;background:#fff;border:1.5px solid #e4e4e4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:16px;transition:background .15s;display:flex}.modo-uso-scope .modal-close:hover{background:var(--gray)}.modo-uso-scope .modal-body{flex:1;min-height:0;display:flex;overflow:hidden}.modo-uso-scope .modal-sidebar{background:#fff;border-right:1px solid #f0efed;flex-shrink:0;width:252px;min-width:252px;padding:20px 0;overflow-y:auto}.modo-uso-scope .modal-tab-btn{text-align:left;cursor:pointer;width:100%;color:var(--text-muted);background:0 0;border:none;padding:13px 24px;font-family:Ubuntu,sans-serif;font-size:14px;font-weight:400;line-height:1.4;transition:background .15s,color .15s;display:block}.modo-uso-scope .modal-tab-btn:hover{color:#333;background:#fafaf9}.modo-uso-scope .modal-tab-btn.active{color:var(--orange);background:#fff4ed;font-weight:600}.modo-uso-scope .modal-tabs-mobile{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid #f0efed;flex-shrink:0;gap:8px;padding:12px 16px;display:none;overflow-x:auto}.modo-uso-scope .modal-tabs-mobile::-webkit-scrollbar{display:none}.modo-uso-scope .modal-tab-pill{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e4e4e4;border-radius:20px;flex-shrink:0;padding:8px 16px;font-family:Ubuntu,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.modo-uso-scope .modal-tab-pill.active{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}.modo-uso-scope .modal-content{background:#fff;flex:1;min-height:0;padding:28px 32px;overflow-y:auto}.modo-uso-scope .modal-footer{border-top:1px solid #f0efed;flex-shrink:0;justify-content:flex-end;padding:14px 28px;display:flex}.modo-uso-scope .modal-close-btn{color:#333;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:12px;padding:11px 30px;font-family:Ubuntu,sans-serif;font-size:14px;font-weight:500;transition:background .15s}.modo-uso-scope .modal-close-btn:hover{background:var(--gray)}.modo-uso-scope .tab-main-image{background:var(--gray);border-radius:16px;width:100%;height:200px;overflow:hidden}.modo-uso-scope .tab-main-image div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;height:100%}.modo-uso-scope .tab-section-title{color:var(--navy);font-size:22px;font-weight:700;line-height:1.3}.modo-uso-scope .tab-desc{color:#555;font-size:14px;line-height:1.7}.modo-uso-scope .step-wrap{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex;overflow:hidden}.modo-uso-scope .step-img-wrap{width:100%;min-width:0;position:relative;overflow:hidden}.modo-uso-scope .step-img{background:var(--gray);box-sizing:border-box;background-position:50%;background-size:cover;border-radius:16px;width:100%;max-width:100%;height:200px;overflow:hidden}.modo-uso-scope .step-badge{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:12px;left:12px}.modo-uso-scope .step-title{color:var(--navy);margin-bottom:6px;font-size:15px;font-weight:700}.modo-uso-scope .step-text{color:#555;font-size:13.5px;line-height:1.65}.modo-uso-scope .para{color:#555;font-size:14px;line-height:1.65}.modo-uso-scope .section-h3{color:var(--navy);margin-bottom:8px;font-size:18px;font-weight:700}.modo-uso-scope .accident-item{color:#555;font-size:14px;line-height:1.65}.modo-uso-scope .tab-content-root{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;display:flex;overflow:hidden}.modo-uso-scope .step-text-wrap{min-width:0;overflow:hidden}.modo-uso-scope .precautions-list{flex-direction:column;gap:10px;margin-top:4px;display:flex}@media (max-width:900px){.modo-uso-scope .products-grid{grid-template-columns:repeat(2,1fr)}.modo-uso-scope .navbar-inner{padding:0 24px}.modo-uso-scope .main-content{padding:40px 24px 60px}.modo-uso-scope .page-title{margin-bottom:36px;font-size:28px}}@media (max-width:600px){.modo-uso-scope .navbar-inner{height:56px;padding:0 16px}.modo-uso-scope .nav-links{display:none}.modo-uso-scope .hamburger{display:flex}.modo-uso-scope .main-content{width:100%;padding:28px 16px 60px;overflow-x:hidden}.modo-uso-scope .page-title{text-align:left;margin-bottom:24px;font-size:22px}.modo-uso-scope .products-grid{grid-template-columns:1fr;gap:12px;width:100%;overflow-x:hidden}.modo-uso-scope .product-card{width:100%;max-width:100%;height:114px;min-height:114px;box-shadow:none;border:1px solid var(--border);overflow:hidden}.modo-uso-scope .product-card:hover{box-shadow:none;transform:none}.modo-uso-scope .card-img-area{border-radius:16px 0 0 16px;width:90px;min-width:90px;max-width:90px;height:114px}.modo-uso-scope .card-img-wrap{width:100%;height:100%}.modo-uso-scope .card-body{flex-direction:row;flex:1;align-items:center;gap:8px;min-width:0;padding:12px 12px 12px 8px;display:flex;overflow:hidden}.modo-uso-scope .card-text{flex:1;min-width:0;overflow:hidden}.modo-uso-scope .card-title{margin-bottom:3px;font-size:13px}.modo-uso-scope .card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.modo-uso-scope .card-cta-desktop{display:none!important}.modo-uso-scope .card-chevron-mobile{color:var(--orange);flex-shrink:0;justify-content:center;align-items:center;width:20px;transition:transform .25s;display:flex}.modo-uso-scope .card-chevron-mobile.open{transform:rotate(180deg)}.modo-uso-scope .footer{padding:24px 16px}.modo-uso-scope .tab-main-image{width:100%;max-width:100%;height:160px}.modo-uso-scope .tab-main-image div{max-width:100%}.modo-uso-scope .tab-section-title{font-size:18px}.modo-uso-scope .step-img{width:100%;max-width:100%;height:160px}.modo-uso-scope .step-wrap{width:100%}.modo-uso-scope .para,.modo-uso-scope .tab-desc,.modo-uso-scope .step-text,.modo-uso-scope .accident-item{word-break:break-word;overflow-wrap:break-word;width:100%}}.modo-uso-scope .search-wrap,.modo-uso-scope .mobile-accordion{display:none}.modo-uso-scope .card-cta-desktop{display:flex}.modo-uso-scope .card-chevron-mobile{display:none!important}.modo-uso-scope .product-item-wrap{display:contents}@media (max-width:600px){.modo-uso-scope .product-item-wrap{width:100%;max-width:100%;display:block;overflow:hidden}.modo-uso-scope .search-wrap{width:100%;margin-bottom:20px;display:block}.modo-uso-scope .search-bar{border:2px solid var(--orange);box-sizing:border-box;background:#fff;border-radius:50px;align-items:center;gap:10px;width:100%;padding:8px 8px 8px 16px;display:flex}.modo-uso-scope .search-icon-svg{flex-shrink:0}.modo-uso-scope .search-input{color:var(--navy);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Ubuntu,sans-serif;font-size:15px}.modo-uso-scope .search-input::placeholder{color:#bbb}.modo-uso-scope .search-btn{background:var(--orange);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:opacity .15s;display:flex}.modo-uso-scope .search-btn:hover{opacity:.85}.modo-uso-scope .search-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:24px 0;font-size:14px}.modo-uso-scope .card-cta-desktop{display:none!important}.modo-uso-scope .card-cta-mobile{color:var(--orange);align-items:center;margin-top:12px;transition:transform .2s;display:flex}.modo-uso-scope .product-card.card-expanded{box-shadow:none;border-bottom-color:#0000;border-radius:16px 16px 0 0}.modo-uso-scope .product-card.card-expanded:hover{box-shadow:none;transform:none}.modo-uso-scope .product-item-wrap:has(.card-expanded){box-shadow:none;border-radius:16px;overflow:hidden}.modo-uso-scope .mobile-accordion{border:1px solid var(--border);box-shadow:none;box-sizing:border-box;background:#fff;border-top:none;border-radius:0 0 16px 16px;width:100%;max-width:100%;margin-bottom:4px;display:block;overflow:hidden visible}.modo-uso-scope .accordion-tabs{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-bottom:1px solid var(--border);scrollbar-width:none;touch-action:pan-x pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1;gap:8px;width:100%;padding:12px 16px;display:flex;position:relative;overflow-x:scroll}.modo-uso-scope .accordion-tabs::-webkit-scrollbar{display:none}.modo-uso-scope .accordion-tabs.dragging{cursor:grabbing}.modo-uso-scope .accordion-tab-pill{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e4e4e4;border-radius:20px;flex-shrink:0;padding:8px 16px;font-family:Ubuntu,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.modo-uso-scope .accordion-tab-pill.active{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}.modo-uso-scope .accordion-content{box-sizing:border-box;width:100%;max-width:100%;padding:20px 16px 24px;overflow:hidden}.modo-uso-scope .accordion-content .tab-content-root{width:100%;max-width:100%;overflow:hidden}.modo-uso-scope .accordion-content .step-img,.modo-uso-scope .accordion-content .tab-main-image{width:100%;max-width:100%;height:160px}.modo-uso-scope .accordion-content .tab-section-title{font-size:18px}.modo-uso-scope .accordion-content .para,.modo-uso-scope .accordion-content .tab-desc,.modo-uso-scope .accordion-content .step-text,.modo-uso-scope .accordion-content .accident-item{word-break:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}}