.slider-container{max-width:100%;padding:80px 80px 10px;margin:2.5rem 0 1rem;position:relative}.slider{position:relative;height:320px;overflow:hidden;border-radius:6px}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;touch-action:pan-y}.slide.active{opacity:1}.slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.slide-image{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.slide-content{position:relative;z-index:1;height:100%;padding:2rem 1rem;color:#fff;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.text-content{max-width:35rem;display:flex;flex-direction:column;gap:.5rem}.text-content h1,.text-content h2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.text-content h1{max-width:50rem;font-size:1.5rem;font-weight:600;margin-left:40px;color:#d3dbfb;line-height:1.6;padding:.5rem 1.5rem}.text-content h2{font-size:1rem;max-width:60rem;font-weight:400;color:#d0d9ff;line-height:1.8;margin-left:40px;padding:0 1.5rem 1.5rem}.view-all{background:#d0d9ff;color:#080c25;border:none;padding:.75rem 1.75rem;border-radius:4px;font-size:1rem;font-weight:400;cursor:pointer;transition:background-color .3s;width:fit-content;margin-left:64px;align-self:flex-start;min-width:8.75rem}.view-all:hover{background:#f0f0f1}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;background:#ffffff4d;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.arrow:hover{background:#ffffff80}.prev{left:1rem}.next{right:1rem}.dots{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.9rem;z-index:10}.dot{width:.5rem;height:.5rem;border-radius:50%;background:#32323280;cursor:pointer;transition:all .3s;border:none}.dot.active{background:#fff;transform:scale(1.2)}@media screen and (max-width: 1440px){.slider-container{padding:80px 80px 0}}@media screen and (max-width: 1200px){.slider-container{padding:80px 24px 0}.slider{height:270px}.text-content h1{font-size:1.5rem}}@media screen and (max-width: 1130px){.slider-container{padding:40px 24px 0}.slider{height:210px}.text-content{text-align:left;align-items:flex-start}.text-content h1{font-size:1.5rem;margin-left:1px;margin-bottom:8px}.text-content h2,.arrow{display:none}.view-all{margin-left:28px}}@media screen and (max-width: 600px){.slider-container{padding:40px 16px 0}.slider{height:180px}.text-content h1{font-size:1.2rem;margin-bottom:1px;max-width:25rem;text-align:center}.view-all{text-align:center;align-items:center;display:none}}@media screen and (min-width: 1920px){.slider-container{padding:0 500px}}@media screen and (min-width: 2500px){.slider-container{padding:0 660px}}.sidebar-container{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin:0 auto;padding:16px 80px;width:100%;max-width:1440px}.section{background-color:#fff;border-radius:6px;overflow:hidden;flex-shrink:0}.section-left{flex:3}.section-right{flex:2}.section-header{background-color:#080c25;color:#d0d9ff;padding:1rem 1.25rem;font-weight:500;font-size:1.1rem;border-top-left-radius:6px;border-top-right-radius:6px;display:flex;align-items:center;gap:.5rem}.header-icon{stroke:#d0d9ff;width:20px;height:20px;flex-shrink:0}.section-content{padding:1.2rem;display:flex;flex-direction:column;gap:16px}.section-popular{display:flex;flex-direction:row;gap:18px}.main-article-vertical{display:flex;flex-direction:column;gap:1rem;flex:1;text-decoration:none;transition:background-color .3s}.thumbnail-large{width:100%;height:185px;border-radius:4px}.thumbnail-large img,.sub-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}.main-article-text{display:flex;flex-direction:column;justify-content:flex-start}.main-article-text h3,.main-article-text p,.sub-article-title,.sub-article-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;display:box;box-orient:vertical;line-clamp:3}.main-article-text h3{font-size:1.3rem;font-weight:600;color:#080c25;margin:0 0 .4rem}.main-article-text p{font-size:.9rem;color:#475569;margin:0;line-height:1.4}.sub-articles-vertical{display:flex;flex-direction:column;gap:1rem;flex:1}.sub-article{display:flex;gap:.8rem;align-items:flex-start;text-decoration:none;transition:background-color .3s}.sub-thumbnail{width:130px;height:90px;border-radius:4px;flex-shrink:0}.sub-article-text{display:flex;flex-direction:column;justify-content:flex-start}.sub-article-title{font-size:15px;font-weight:600;color:#080c25;margin:0 0 .3rem;line-height:1.3}.sub-article-description{font-size:.85rem;color:#475569;margin:0;line-height:1.4}.link-wrapper:hover{background-color:#f7f9ff}.link-wrapper:hover .sub-article-title,.link-wrapper:hover .main-article-text h3{color:#2563eb}.link-wrapper:hover .sub-article-description,.link-wrapper:hover .main-article-text p{color:#000}@media (max-width: 1200px){.sidebar-container{padding:16px 24px}}@media (max-width: 1100px){.sidebar-container{flex-direction:column;padding:16px 24px}.section-left,.section-right{width:100%;flex:none}.section-popular{flex-direction:column}.sub-articles-vertical{flex:none}.sub-article{display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.sub-thumbnail{width:100px;height:80px;flex-shrink:0}.sub-article-text{flex:1;padding-left:12px}.sub-article-title{font-size:1.1rem}.sub-article-description{font-size:.9rem}}@media (max-width: 480px){.sidebar-container{padding:16px}.section-header{font-size:.9rem;padding:.6rem .8rem}.header-icon{width:16px;height:16px}.section-content{padding:.8rem .5rem;gap:12px}.thumbnail-large{height:140px}.sub-thumbnail{width:80px;height:60px}.sub-article-text{padding-left:10px}.sub-article-title{font-size:.9rem}.sub-article-description{font-size:.7rem;margin-top:2px}}.footer{background-color:#fff;padding:24px 80px 2rem;margin-top:24px;color:#0f172a;font-family:Inter,sans-serif;box-sizing:border-box;border-top:1px solid #e2e8f0;z-index:800}.footer-menus{display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between;margin-bottom:1.5rem}.footer-menu{flex:1 1 20%;min-width:160px}.footer-menu-title{font-size:1.1rem;font-weight:600;color:#0f172a;margin-bottom:1rem}.footer-menu ul{list-style:none;padding:0;margin:0}.footer-menu li{margin-bottom:.5rem}.footer-menu-link{color:#0f172a;text-decoration:none;font-size:.9rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.footer-menu-link:hover{color:#2978f6}.footer-disclaimer{font-size:.85rem;color:#475569;text-align:center;max-width:1200px;margin:40px 0 8px;line-height:1.5}@media (max-width: 1000px){.footer{padding:24px 24px 1.5rem;margin-top:20px}.footer-menu{flex:1 1 20%;min-width:140px}.footer-menu-title{font-size:1rem}.footer-menu-link{font-size:.85rem}.footer-disclaimer{font-size:.8rem}}@media (max-width: 900px){.footer{padding:24px 16px 1rem;margin-top:16px}.footer-menus{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.footer-menu{flex:1 1 calc(50% - 8px);max-width:calc(50% - 8px);min-width:120px}.footer-menu-title{font-size:.95rem}.footer-menu-link{font-size:.8rem}.footer-disclaimer{font-size:.75rem}}@media (max-width: 480px){.footer{padding:24px 12px .75rem;margin-top:12px}.footer-menus{flex-direction:column;gap:12px}.footer-menu{flex:1 1 100%;max-width:100%;min-width:0}.footer-menu-title{font-size:.9rem;margin-bottom:.75rem}.footer-menu-link{font-size:.75rem}.footer-disclaimer{font-size:.7rem}}.menu{background-color:#fff;padding:0 80px;height:50px;display:flex;align-items:center;width:100%;box-sizing:border-box;border-bottom:none;position:fixed;top:87px;left:0;z-index:100}.menu-container{display:flex;align-items:center;width:100%;max-width:1440px;margin:0 auto;gap:30px;white-space:nowrap;scrollbar-width:none}.menu-item{font-size:16px;color:#080c25;font-weight:500;display:flex;align-items:center;gap:8px;flex-shrink:0;transition:color .2s ease;position:relative;cursor:pointer;padding:10px 0;border-bottom:none}.menu-item:hover{color:#2463eb}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:4px;text-decoration:none;color:#080c25}.dropdown-arrow{transition:transform .2s ease;margin-left:4px}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:fixed;top:137px;left:80px;right:80px;background-color:#fff;border-top:none;box-shadow:0 10px 15px -3px #0000001a;z-index:999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;border-radius:0 0 6px 6px;pointer-events:none;max-width:1440px;margin:0 auto;border-top:1px solid #E2E8F0}.dropdown:hover .dropdown-menu,.dropdown-menu:hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.dropdown-content{display:flex;max-width:1440px;margin:0 auto;padding:20px 24px;box-sizing:border-box;gap:1px}.column{flex:1;min-width:160px;padding:0}.column h4{font-size:15px;font-weight:600;margin-bottom:8px;color:#2463eb;border-bottom:none;padding-bottom:0}.column a{display:block;padding:6px 0;color:#555;font-size:14px;transition:all .2s ease;text-decoration:none}.column a:hover{color:#2463eb}.dropdown:after{content:"";position:absolute;bottom:-30px;left:0;right:0;height:30px;background:transparent;z-index:1001}@media (max-width: 1400px){.menu-container{gap:16px}}@media (max-width: 1300px){.menu-container{gap:10px}.menu{top:87px;padding:24px 80px}}@media (max-width: 1220px){.menu-container{gap:4px}.menu{top:87px;padding:24px 80px}}@media (max-width: 1200px){.menu{padding:24px}}@media (max-width: 1130px){.menu{display:none}}.alert{background-color:#080c25;height:40px;width:100%;position:fixed;top:100px;left:0;z-index:99;overflow:hidden;color:#d0d9ff;font-size:14px;font-weight:500;box-sizing:border-box;padding:0 80px;text-decoration:none;display:flex;align-items:center}.alert-message{position:absolute;left:80px;right:180px;top:50%;transform:translateY(-50%);margin:0;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none}.alert-message.static{opacity:1}.alert-message.slide-in{animation:slideInDown .5s ease forwards}.alert-message.slide-out{animation:slideOutUp .5s ease forwards}@keyframes slideInDown{0%{transform:translateY(100%) translate(0);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(-50%) translate(0);opacity:1}to{transform:translateY(-150%) translate(0);opacity:0}}.alert-action{position:absolute;right:80px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;pointer-events:auto;z-index:2;color:#d0d9ff;white-space:nowrap;padding:0 8px}.main-content{padding-top:170px}@media (max-width: 1440px){.alert{top:137px}}@media (max-width: 1200px){.alert{padding:0 24px;top:17px}.alert-message{left:24px;right:140px}.alert-action{right:24px}}@media (max-width: 1130px){.alert{top:88px}.alert-action{display:none}.main-content{padding-top:100px}}@media (max-width: 1000px){.alert{top:88px}.alert-action{display:none}.main-content{padding-top:100px}}@media (max-width: 900px){.alert{padding:0 20px;top:76px}.alert-message{left:20px;right:20px;white-space:nowrap;text-overflow:ellipsis}}@media (max-width: 480px){.alert{padding:0 10px;font-size:12px;height:auto;min-height:40px;top:76px}.alert-message{left:10px;right:10px;white-space:nowrap;text-overflow:ellipsis}.main-content{padding-top:100px}}.header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1000}.header-container{margin:0 auto;display:flex;align-items:center;padding:18px 80px;gap:16px}.logo-link{display:flex;align-items:center}.logo{height:50px;width:130px;object-fit:cover}.search-wrapper{position:relative;flex-grow:1;max-width:none;margin:0 16px;z-index:1100}.search-bar{width:100%;padding:8px 40px 8px 36px;border:1px solid #e2e8f0;height:50px;border-radius:6px;font-size:16px;color:#080c25}.search-bar::placeholder{color:#64748b}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;stroke:#64748b}.clear-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;stroke:#64748b}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:300px;overflow-y:auto;z-index:1200;box-shadow:0 2px 4px #0000001a;margin-top:4px}.search-result-item{display:block;padding:10px 12px;text-decoration:none;color:#080c25;border-bottom:1px solid #e2e8f0}.search-result-item:hover{background:#f3f4f6}.search-result-item span{display:block;font-weight:500;font-size:14px}.search-result-item small{color:#64748b;font-size:12px}.search-result-item.no-results{padding:10px 12px;color:#64748b;font-style:italic;font-size:14px}.button-group{display:flex;gap:12px;align-items:center}.btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;font-size:14px;border-radius:6px;cursor:pointer;height:50px;width:140px;-webkit-user-select:none;user-select:none;border:1.5px solid transparent;text-decoration:none;transition:background-color .3s ease}.btn-icon{stroke-width:2.5}.btn.primary{background-color:#f9fafb;color:#080c25;border:none}.btn.primary:hover{background-color:#e0e7ff;border:none;color:#080c25}.btn.secondary{background-color:#080c25;color:#d0d9ff;border:none}.btn.secondary:hover{background-color:#0a162b;border:none;color:#d0d9ff}.hamburger{display:none;background:none;border:none;cursor:pointer;margin-left:auto;padding:6px}.hamburger-icon{stroke:#080c25}.mobile-menu{position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;z-index:2000;padding:16px 20px;display:flex;flex-direction:column}.mobile-search-wrapper{position:relative;margin-bottom:12px;z-index:2100}.mobile-search-bar{width:100%;padding:8px 36px;border:1px solid #e2e8f0;border-radius:6px;font-size:16px;color:#080c25}.mobile-search-wrapper .search-icon{left:10px;top:50%;transform:translateY(-50%);pointer-events:none;stroke:#64748b;position:absolute}.mobile-search-wrapper .clear-icon{right:10px;top:50%;transform:translateY(-50%);cursor:pointer;stroke:#64748b;position:absolute}.mobile-search-results{margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:200px;overflow-y:auto;z-index:2200}.mobile-menu-content{flex-grow:1;overflow-y:auto}.mobile-subcategory-list{display:flex;flex-direction:column;gap:8px}.mobile-subcategory-list-with-border{border-bottom:1px solid #e2e8f0;padding-bottom:8px}.mobile-menu-item{background:none;border:none;text-align:left;font-size:16px;padding:12px 0;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#080c25;text-decoration:none}.mobile-menu-item:hover{color:#080c25}.mobile-menu-back{background:none;border:none;color:#64748b;display:flex;align-items:center;gap:6px;padding:8px 0;font-size:14px;cursor:pointer}.chevron-icon{stroke:#64748b;flex-shrink:0}.mobile-menu-footer{display:flex;gap:12px;margin:12px 16px;justify-content:center}.btn-mobile-footer{flex-grow:1;background-color:#f3f4f6;border-radius:6px;font-weight:700;font-size:16px;text-align:center;padding:12px 0;color:#1e40af;text-decoration:none;cursor:pointer;border:none;display:flex;justify-content:center;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.btn-mobile-footer:hover{background-color:#e0e7ff}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:3000}.popup{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;box-shadow:0 4px 8px #0003;position:relative;text-align:center}.popup h2{margin:0 0 16px;font-size:24px;color:#080c25}.popup p{margin:0 0 24px;font-size:16px;color:#64748b}.popup-close-btn{background:#080c25;color:#d0d9ff;border:none;border-radius:6px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.popup-close-btn:hover{background:#0a162b}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 1200px){.header{z-index:1800}.header-container{padding:18px 24px}}@media (max-width: 900px){.header-container{padding:12px 16px}.search-wrapper.desktop-only,.button-group.desktop-only{display:none}.hamburger.mobile-only{display:block}.mobile-only{display:flex}.popup{width:95%;padding:16px}.popup h2{font-size:20px}.popup p{font-size:14px}.popup-close-btn{font-size:14px;padding:8px 16px}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#0f172a;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a;z-index:1000;transition:all .3s ease;opacity:0;transform:translateY(20px);pointer-events:none}.back-to-top.visible{opacity:.8;transform:translateY(0);pointer-events:auto}.back-to-top.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.back-to-top:hover{opacity:1!important;transform:translateY(-3px)!important}.back-to-top svg{width:20px;height:20px}.right-sidebar-container{flex:10%;min-width:100px}.right-sidebar{background-color:#fff;padding:0 16px 8px;border-radius:6px;overflow:hidden;margin:0 0 20px}.right-sidebar-header{background-color:#0f172a;color:#e0e7ff;font-weight:600;font-size:.95rem;padding:12px;margin:0 -12px .75rem;display:flex;align-items:center;gap:6px;border-radius:6px 6px 0 0;border:none;box-shadow:none;outline:none}.product-list{display:flex;flex-direction:column;gap:24px;margin:0;padding:0}.product-card{display:flex;flex-direction:column;text-decoration:none;margin:0;border:none;padding:2px}.product-card:hover{background-color:#f5f8fb}.product-image{width:auto;height:120px;border-radius:4px;background-color:#f1f5f9;background-size:cover;background-position:center;margin-bottom:10px}.product-title{font-weight:600;color:#0f172a;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6;margin:0}.product-title:hover{color:#2463eb}@media (max-width: 1000px){.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product-card{width:100%}.product-image{width:100%;height:auto;aspect-ratio:16 / 9}}.secondary-description{font-size:1rem;color:#080c25;line-height:1.6;margin-bottom:1.5rem}.sectionn-description{margin-bottom:1.5rem}.sectionn-title{font-size:1.5rem;color:#080c25;font-weight:700;margin-bottom:1rem;margin-top:.8rem}.sectionn-content{font-size:1rem;color:#161a37;line-height:1.6}.comparison-table{width:100%;margin:0 auto 2rem;overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;background-color:#f9fafb;border-radius:6px}.comparison-table th,.comparison-table td{padding:10px;text-align:center;border:1px solid #ddd}.comparison-table th{background-color:#f1f5f9;color:#080c25;font-weight:500;font-size:16px}.comparison-table tr:nth-child(2n){background-color:#f9fafb}.comparison-table td.col-index,.comparison-table th.col-index{font-weight:600;text-align:left;background-color:#f9fafb}.comparison-table td.col-name,.comparison-table th.col-name{text-align:left}@media (max-width: 900px){.comparison-table th.col-feature,.comparison-table td.col-feature{display:none}.comparison-table th.col-index,.comparison-table td.col-index,.comparison-table th.col-name,.comparison-table td.col-name,.comparison-table th.col-score,.comparison-table td.col-score{display:table-cell}}.custom-component{background:linear-gradient(90deg,#6b46c1,#8e44ad);color:#fff;padding:10px 20px;margin:2px 0;border-radius:6px;font-size:1.2rem;font-weight:600;width:100%;text-align:left;overflow-wrap:break-word}@media (max-width: 600px){.custom-component{font-size:.8rem;padding:8px 16px}}.custom-class{font-size:1rem;font-weight:700}.product-item{display:flex;flex-direction:column;background-color:#fff;border-radius:6px;overflow:hidden;margin:6px 0;border:1px solid #E2E8F0;transition:box-shadow .3s ease}.product-item:hover,.product-item:focus-within{outline:none}.product-item__main-container{display:flex;align-items:flex-start;gap:1rem;padding:20px}.product-item__image-container{flex:0 0 250px;background:#f9fafb;text-align:center}.product-item__image{width:100%;height:180px;object-fit:cover;display:block;border:1px solid #E2E8F0;border-radius:4px}.product-item__text-content{flex:1;margin-bottom:0}.product-item__title{font-size:1.2rem;font-weight:600;color:#080c25;margin-bottom:.8rem}.product-item__description{font-size:.9rem;color:#475569;line-height:1.5;margin-bottom:2rem}.product-item__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0}.product-item__badge{background-color:#eff1f9;color:#080c25;padding:8px 12px;font-size:.8rem;border-radius:4px;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:.2rem}.product-item__badge-title{font-weight:600;font-size:.72rem}.product-item__badge-description{font-size:.7rem;color:#515979}.product-item__content{padding:0 20px 20px}.product-item__footer{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:16px;border-top:1px solid #E2E8F0}.product-item__brand-logo{width:100px;height:40px;object-fit:contain;flex-shrink:0;border:1px solid #E2E8F0;border-radius:4px}.product-item__retailer{font-size:.9rem;color:#25a61c;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.product-item__price{font-size:1.3rem;font-weight:600;color:#080c25;white-space:nowrap}.product-item__action-button{background-color:#080c25;color:#d0d9ff;padding:.6rem 2rem;border-radius:4px;border:none;font-size:1rem;cursor:pointer;transition:background-color .2s,transform .2s;text-decoration:none;display:inline-block;text-align:center;-webkit-user-select:none;user-select:none}.product-item__action-button:hover,.product-item__action-button:focus-visible{background-color:#006;transform:translateY(-2px);outline:2px solid #000099;outline-offset:2px}.product-item__action-button[disabled],.product-item__action-button[aria-disabled=true]{background-color:#ccc;cursor:not-allowed;transform:none;outline:none}@media (max-width: 600px){.product-item__main-container{flex-direction:column}.product-item__image-container{flex:none;width:100%}.product-item__image{height:200px}.product-item__price{font-size:1.3rem}.product-item__action-button{padding:.5rem 1.2rem;font-size:.9rem}}.sss-container{width:100%;margin:0 auto 2rem;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.sss-item{border-bottom:1px solid #e0e0e0}.sss-question{padding:12px 16px;font-size:1rem;font-weight:500;color:#333;background-color:#f9f9f9;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s;gap:0}.sss-question:hover{background-color:#f0f0f0}.sss-answer{padding:12px 16px;font-size:.95rem;color:#666;background-color:#fff;display:none}.sss-item.active .sss-answer{display:block}.sss-item.active .sss-question{background-color:#e6f3ff}.arrow{flex-shrink:0;font-size:1.2rem;transition:transform .3s;display:inline-block;margin-left:8px}.sss-item.active .arrow{transform:rotate(180deg)}.main-container{display:flex;flex-direction:row;gap:1rem;padding:0 80px;min-height:100vh;box-sizing:border-box;width:100%;margin-top:130px}.content-wrapper{flex-basis:80%;max-width:80%;display:flex;flex-direction:column;gap:1rem;background-color:#fff;box-sizing:border-box;overflow-wrap:break-word;overflow-x:hidden;padding:24px;border-radius:6px}.right-sidebar-wrapper{flex-basis:20%;max-width:20%;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.cover-image{width:100%;height:400px;object-fit:cover;display:block;border-radius:6px}.page-title{font-size:2rem;font-weight:700;margin:0;color:#080c25;overflow-wrap:break-word}.intro-description{font-size:1rem;color:#161a37;margin:0;line-height:1.5;overflow-wrap:break-word;padding-bottom:16px}.primary-description{font-size:1.1rem;color:#161a37;margin:0;line-height:1.5;overflow-wrap:break-word;padding-top:16px}.secondary-description{font-size:1rem;color:#161a37;margin:0;line-height:1.4;overflow-wrap:break-word;padding-top:16px}.faq-section{margin-top:8px}@media (max-width: 1200px){.main-container{flex-direction:column;padding:24px;margin-top:50px}.content-wrapper,.right-sidebar-wrapper{max-width:100%;flex-basis:auto}}@media (max-width: 768px){.main-container{padding:0 16px}.content-wrapper{padding:24px}.cover-image{height:300px}.page-title{font-size:1.5rem}.intro-description{font-size:.9rem}.primary-description{font-size:.85rem}}@media (max-width: 480px){.main-container{padding:0 16px}.content-wrapper{padding:12px}.cover-image{height:300px}.page-title{font-size:1.5rem}.intro-description{font-size:.9rem}.primary-description{font-size:.85rem}}.page-shell{padding:88px 80px;margin:0 auto}.cat-ribbon{background-color:#e4d9f6;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:70px 0;display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.cat-ribbon-title{font-size:2rem;font-weight:600;color:#080c25;margin:0 0 24px;text-align:center}.cat-pill-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cat-pill{padding:6px 14px 6px 10px;background-color:#d0c2e8;color:#080c25;border:none;border-radius:9999px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:6px;transition:all .2s ease}.cat-pill--selected{background-color:#0f172a;color:#fff}.cat-pill--selected .cat-icon{stroke:#d0d9ff}.cat-icon{stroke:#1e293b;width:16px;height:16px;flex-shrink:0}.split-layout{display:flex;gap:20px;flex-wrap:wrap}.zone-left{flex:1.5;min-width:300px;border-radius:6px;overflow:hidden;background:#fff}.zone-right{flex:1;min-width:250px;border-radius:6px;overflow:hidden;background:#fff}.zone-title{background-color:#0f172a;color:#d0d9ff;padding:1rem 1.25rem;font-weight:500;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;border-top-left-radius:6px;border-top-right-radius:6px}.icon-section{stroke:#d0d9ff;width:20px;height:20px;flex-shrink:0}.zone-body{display:flex;gap:20px;padding:16px}.stack-list{display:flex;flex-direction:column;gap:.8rem;flex:1}.tile-link{text-decoration:none;color:inherit;transition:background-color .2s ease}.tile-item:hover .tile-title{color:#2463eb;cursor:pointer}.tile-item:hover .tile-desc{color:#000;cursor:pointer}.tile-link:hover{background-color:#f1f5f9}.tile-item{display:flex;gap:.75rem;align-items:flex-start;border-radius:6px;overflow:hidden;padding:8px}.tile-thumb{width:200px;height:140px;background-color:#e2e8f0;border-radius:4px;background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0}.tile-body{display:flex;flex-direction:column;gap:.5rem;flex:1}.tile-title{font-weight:600;margin:0;color:#0f172a;font-size:1.1rem}.zone-left .tile-title{font-size:1.2rem}.zone-right .tile-title{font-size:1rem}.zone-left .tile-desc{font-size:.9rem;color:#475569;margin:0 0 6px;line-height:1.4}.zone-right .tile-desc{font-size:.85rem;color:#475569;margin:2px 0 0;line-height:1.4}.tile-button{background:#e2e8f0;color:#080c25;border:none;border-radius:6px;padding:10px 22px;font-size:.8rem;font-weight:600;cursor:pointer;width:max-content;align-self:flex-start;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,color .2s ease}.tile-button:hover{background:#dfe7ff;color:#2977f6}@media (max-width: 1200px){.page-shell{padding:40px 24px}}@media (max-width: 900px){.page-shell{padding:40px 16px}.cat-ribbon-title{font-size:1.4rem}.cat-pill{padding:4px 10px 4px 6px;font-size:.8rem}.tile-button{font-size:.85rem}.tile-item{flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:12px}.tile-thumb{width:100%!important;height:180px!important;border-radius:6px}.tile-body{width:100%}.tile-title,.tile-desc{display:block;width:100%}.zone-left .tile-title,.zone-right .tile-title{font-size:1.1rem}.zone-left .tile-desc,.zone-right .tile-desc{font-size:.9rem}}@media (max-width: 600px){.split-layout{flex-direction:column}.zone-left,.zone-right{min-width:100%}}.blog-section{background-color:#080c25;padding:2rem;margin:0 auto;max-width:calc(100% - 160px);border-radius:6px;color:#d0d9ff}.blog-section-title{font-size:1.3rem;font-weight:500;margin-bottom:1.2rem;color:#d0d9ff}.blog-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.blog-card-link{text-decoration:none;color:#d0d9ff;flex:1 1 calc(25% - 15px);min-width:220px;max-width:280px}.blog-card-link:hover .blog-title{color:#fff}.blog-card-link:hover .blog-image img{transform:scale(1.1)}.blog-card{border-radius:6px;display:flex;flex-direction:column;color:#d0d9ff;overflow:hidden}.blog-image{height:140px;border-radius:6px;margin-bottom:.75rem;overflow:hidden;position:relative}.blog-image img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block;transition:transform .4s ease}.blog-title{font-weight:600;font-size:.95rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:#d0d9ff}@media (max-width: 1200px){.blog-section{padding:1.5rem;max-width:calc(100% - 48px)}.blog-cards{gap:20px}}@media (max-width: 1100px){.blog-section{padding:1.5rem;max-width:calc(100% - 48px)}.blog-section-title{font-size:1.4rem}.blog-card-link{flex:1 1 calc(50% - 10px);min-width:200px;max-width:none}.blog-image{height:120px}.blog-title{font-size:.9rem}}@media (max-width: 480px){.blog-section{padding:.75rem;max-width:calc(100% - 24px)}.blog-section-title{font-size:1.2rem;margin-bottom:1rem}.blog-cards{gap:12px}.blog-card-link{flex:1 1 100%;max-width:100%}.blog-image{height:80px}.blog-title{font-size:.8rem}}*,*:before,*:after{box-sizing:border-box}.kategori-liste-section{padding:24px 80px;max-width:1440px;margin:0 auto}.kategori-liste-header{display:flex;align-items:center;margin-bottom:18px;border-radius:6px;background-color:#080c25;padding:14px 16px}.kategori-liste-title{font-size:1.1rem;font-weight:500;color:#d0d9ff;margin:0;flex-grow:1;display:flex;align-items:center;gap:8px}.kategori-see-all-link{display:flex;align-items:center;font-size:.95rem;font-weight:500;color:#d0d9ff;text-decoration:none;transition:color .2s ease;white-space:nowrap;cursor:pointer}.kategori-see-all-link:hover,.kategori-see-all-link:focus-visible{color:#a0b0ff;outline:none}.arrow-icon{margin-left:4px;width:16px;height:16px;flex-shrink:0}.lucide-armchair{width:24px;height:24px;flex-shrink:0}.kategori-liste-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px}.kategori-liste-card{display:flex;background-color:#fff;border-radius:6px;padding:16px;text-decoration:none;color:inherit;gap:12px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer}.kategori-liste-card:hover,.kategori-liste-card:focus-visible{outline:none}.kategori-liste-card:hover .kategori-liste-text h3{color:#2563eb}.kategori-liste-card:hover .kategori-liste-text p{color:#000}.kategori-liste-thumbnail{width:220px;height:130px;border-radius:4px;flex-shrink:0;overflow:hidden}.kategori-liste-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}.kategori-liste-text h3{font-size:1.1rem;font-weight:700;color:#080c25;margin:0 0 .5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.kategori-liste-text p{font-size:.9rem;color:#475569;margin:0 8px 0 0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:2}@media (max-width: 1200px){.kategori-liste-section{padding:24px}.kategori-liste-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.kategori-liste-thumbnail{width:180px;height:110px}.kategori-liste-header{padding:.5rem .4rem;margin-bottom:16px}.kategori-liste-title,.kategori-liste-text h3{font-size:1rem}.kategori-liste-text p{font-size:.85rem}}@media (max-width: 1000px){.kategori-liste-section{padding:20px 24px}.kategori-liste-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.kategori-liste-thumbnail{width:160px;height:100px}.kategori-liste-text h3{font-size:.95rem}.kategori-liste-text p{font-size:.8rem}.kategori-liste-title{font-size:1rem}.lucide-armchair{width:22px;height:22px}}@media (max-width: 820px){.kategori-liste-section{padding:20px 16px}.kategori-liste-grid{grid-template-columns:1fr;gap:16px}.kategori-liste-card{flex-direction:column;padding:12px}.kategori-liste-thumbnail{width:100%;height:180px}.kategori-liste-text h3{font-size:.95rem}.kategori-liste-text p{font-size:.8rem}.kategori-liste-title{font-size:1rem}.lucide-armchair{width:20px;height:20px}.kategori-see-all-link{font-size:.85rem}}@media (max-width: 480px){.kategori-liste-section{padding:16px}.kategori-liste-grid{gap:12px}.kategori-liste-card{padding:10px}.kategori-liste-thumbnail{height:100px}.kategori-liste-text h3{font-size:1.2rem}.kategori-liste-text p{font-size:.8rem}.kategori-liste-title{font-size:.9rem}.lucide-armchair{width:18px;height:18px}.kategori-see-all-link{font-size:.8rem}}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}body{font-family:Roboto,Arial,sans-serif;font-weight:400;line-height:1.5;color:#080c25;background-color:#f9fafb}main{background-color:#f9fafb}input,button,textarea,select{font-family:Roboto,Arial,sans-serif}.mainn-containers{min-height:100vh;margin:80px;padding:42px 24px;background-color:#ffffffde}@media (max-width: 1200px){.mainn-containers{margin:24px}}@media (max-width: 900px){.mainn-containers{margin:16px}}