#root{--header-height: 0px;--breadcrumb-height: 0px}body{font-family:sans-serif;margin:0;background-color:#f4f4f4;display:flex;flex-direction:column;min-height:100vh}header{padding:15px 30px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}a{text-decoration-line:none;color:inherit;text-decoration:inherit}header h1{margin:0;font-size:1.5em}.header-logo{font-weight:700}.header-user-icon{width:30px;height:30px;background-color:#ccc;border-radius:50%;text-align:center;line-height:30px}.main-content{display:flex;flex-grow:1;padding:20px 30px}.content-area{display:flex;flex-direction:column;gap:2rem;margin-top:1rem;flex-grow:1;padding:1.25rem;overflow-y:auto}@media (min-width: 1280px){.content-area{padding-left:2rem;padding-right:2rem}}.quick-filters{margin-bottom:20px;display:flex;gap:10px;align-items:center}.quick-filters span{font-size:.9em;color:#555}.quick-filters button{padding:8px 12px;background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-size:.9em}.results-info{font-size:.95em}.active-filters-display span{background-color:#e0e0e0;padding:5px 10px;border-radius:15px;font-size:.9em;cursor:pointer}.active-filters-display span .remove-filter{margin-left:5px;color:#888;font-weight:700}.controls{display:flex;align-items:center;gap:15px}.color-preview{width:100%;height:120px;border:1px solid #eee;margin-bottom:10px;border-radius:3px}.color-info .name{font-weight:700;font-size:1.1em;margin-bottom:5px}.color-info .number{font-size:1em;color:#333}.loading-indicator{text-align:center;padding:20px;font-style:italic;display:none}.styledbutton{border:1.5px solid rgb(101 101 101);border-radius:20px;cursor:pointer;font-size:.95em;display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.styledbutton.active{background-color:#d6daff;color:#1a3673;--tw-shadow: 0 0 0 2pt #3059b6;--tw-shadow-colored: 0 0 0 2pt var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.styledbutton.active :hover{--tw-bg-opacity: 1;background-color:rgb(186 194 255 / var(--tw-bg-opacity, 1))}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content-wrapper{display:flex;flex-grow:1;background-color:#f4f4f4;flex-direction:row;gap:1rem}.main-content-divider{display:flex;flex-direction:row;width:100%}.picker-modal,.picker-modal *{box-sizing:border-box}.picker-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a8c;overscroll-behavior:contain;opacity:0;pointer-events:none;transition:opacity .2s ease}.picker-modal.is-open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.picker-modal__panel{display:flex;flex-direction:column;width:min(1240px,100%);height:min(880px,100%);overflow:hidden;border-radius:var(--picker-radius);background:#fff;box-shadow:0 24px 64px #0f172a59,0 2px 8px #0f172a1f;transform:translateY(12px) scale(.98);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.picker-modal.is-open .picker-modal__panel{transform:none}.picker-modal__header{display:flex;flex-shrink:0;align-items:center;gap:12px;height:64px;padding:0 12px 0 20px;border-bottom:1px solid #e7e9ee;background:#fff;box-shadow:inset 0 3px 0 var(--picker-accent)}.picker-modal__icon{display:grid;flex-shrink:0;place-items:center;width:36px;height:36px;border-radius:calc(var(--picker-radius) * .6);background:color-mix(in srgb,var(--picker-accent) 12%,#fff);color:var(--picker-accent)}.picker-modal__titles{display:flex;flex-direction:column;min-width:0}.picker-modal__title{color:#111827;font-size:16px;font-weight:700;line-height:20px}.picker-modal__subtitle{overflow:hidden;color:#6b7280;font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.picker-modal__close{display:grid;flex-shrink:0;place-items:center;width:40px;height:40px;margin-left:auto;padding:0;border:0;border-radius:50%;background:transparent;color:#4b5563;cursor:pointer;transition:background-color .15s,color .15s}.picker-modal__close:hover{background:#f1f3f5;color:#111827}.picker-modal__close:focus-visible{outline:2px solid var(--picker-accent);outline-offset:2px}.picker-modal__body{position:relative;flex:1;min-height:0;background:#f6f7f9}.picker-modal__body iframe{position:relative;display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .2s ease}.picker-modal__body iframe.is-loaded{opacity:1}.picker-modal__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.picker-modal__loading span{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--picker-accent) 20%,transparent);border-top-color:var(--picker-accent);border-radius:50%;animation:picker-modal-spin .8s linear infinite}@keyframes picker-modal-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.picker-modal{padding:0}.picker-modal__panel{width:100%;height:100%;border-radius:0;transform:translateY(24px)}.picker-modal__header{height:56px;padding:0 8px 0 14px}}@media (prefers-reduced-motion: reduce){.picker-modal,.picker-modal.is-open,.picker-modal__panel{transition:none}}.mega{--mega-navy: #003050;--mega-navy-label: #153a59;--mega-magenta: #c8057f;--mega-gray: #dfdfdf;--mega-gray-light: #efefef;--mega-border: #cccccc;flex:1;background:#fff;color:var(--mega-navy);font-family:"Univers LT W02 55 Roman",Univers LT Std,Univers,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px}:where(.mega) *,:where(.mega) *:before,:where(.mega) *:after{box-sizing:border-box}:where(.mega) a{color:inherit;text-decoration:none}:where(.mega) button,:where(.mega) input,:where(.mega) select{font:inherit;color:inherit}:where(.mega) img{display:block;max-width:100%}:where(.mega) ul,:where(.mega) ol{margin:0;padding:0;list-style:none}:where(.mega) h1,:where(.mega) h3,:where(.mega) p{margin:0}:where(.mega) svg{display:block;flex-shrink:0}.mega header.mega-header{display:block;margin:0 0 20px;padding:0 30px;border:0}.mega-topbar{display:flex;justify-content:flex-end;padding-right:20px}.mega-topbar a{display:block;padding:6px 12px;font-size:13px;line-height:17px}.mega-headrow{display:flex;align-items:center;padding:27px 10px 20px}.mega-logo img{width:325px;height:83px}.mega-search{display:flex;align-items:center;width:410px;height:40px;margin-left:50px;border:1px solid var(--mega-border);background:#fff}.mega-search input{flex:1;min-width:0;height:38px;padding:6px 12px;border:0;outline:0;background:transparent;color:var(--mega-navy)}.mega-search input::placeholder{color:#999}.mega-search-icons{display:flex;align-items:center;height:100%;padding:0 9px 0 0;border:0;background:none;color:var(--mega-magenta);cursor:pointer}.mega-search-icons svg{width:17px;height:17px}.mega-search-sep{width:2px;height:17px;margin:0 5px 0 6px;background:var(--mega-magenta)}.mega-headlinks{display:flex;align-items:center;gap:10px;margin-left:auto}.mega-headlink{display:flex;align-items:center;gap:4px;color:var(--mega-magenta);font-size:14px;line-height:19px}.mega-headlink svg{width:30px;height:30px}.mega-nav{display:flex;height:65px;padding-left:15px;background:var(--mega-navy);overflow-x:auto;scrollbar-width:none}.mega-nav::-webkit-scrollbar{display:none}.mega-nav a{height:60px;padding:20px 10px;color:#fff;font-size:15px;line-height:20px;white-space:nowrap}.mega-breadcrumb{display:flex;flex-wrap:wrap;margin:20px 0 0 30px;padding:10px 0;font-size:12px;line-height:17px}.mega-breadcrumb li+li:before{content:"/ ";padding:0 5px}.mega-breadcrumb .is-current{color:var(--mega-magenta)}.mega-m-logo,.mega-m-bar,.mega-m-search,.mega-m-nav{display:none}.mega-main{padding:0 30px}.mega-title h1{margin-bottom:11px;color:var(--mega-magenta);font-size:26px;line-height:35px;font-weight:700}.mega-artikel{font-size:16px;line-height:18px}.mega-artikel span{padding-left:5px}.mega-stars{display:flex;margin-top:6px;color:#ddd;font-size:20px;line-height:24px}.mega-stars span{width:24px;text-align:center}.mega-product{display:grid;grid-template-columns:minmax(0,447fr) minmax(0,427fr) minmax(0,447fr);column-gap:29px;align-items:start;margin-top:10px}.mega-gallery-main{position:relative;aspect-ratio:1 / 1;border:1px solid var(--mega-gray);background:#fff}.mega-gallery-main img{width:100%;height:100%;object-fit:contain}.mega-gallery-note{position:absolute;left:0;right:0;bottom:0;background:var(--mega-gray);color:#003350;text-align:center}.mega-thumb{display:block;width:96px;height:96px;margin:12px 10px 10px 0;padding:0;border:1px solid var(--mega-gray);background:#fff;cursor:pointer}.mega-thumb img{width:100%;height:100%;object-fit:contain}.mega-brand img{width:56px;height:50px}.mega-summary{margin:16px 0 10px;padding-left:15px;list-style:disc}.mega-badges{display:flex;gap:4px;margin-top:27px}.mega-badges img{width:50px;height:50px}.mega-variant{margin-top:18px}.mega-variant+.mega-variant{margin-top:15px}.mega-variant-label{display:block;margin-bottom:5px;color:var(--mega-navy-label);font-weight:700}.mega-select-row{display:flex;gap:6px}.mega-select{flex:1;width:100%;min-width:0;height:32px;padding:6px 12px;border:1px solid var(--mega-border);border-radius:0;background-color:#fff;color:var(--mega-navy);font-size:13px}.mega-swatch{flex:0 0 32px;height:32px;border:1px solid var(--mega-border)}.mega-picker-btn{display:flex;align-items:center;gap:8px;width:100%;height:32px;margin-top:6px;padding:0 12px 0 5px;border:1px solid var(--mega-magenta);background:#fff;color:var(--mega-magenta);font-size:13px;font-weight:700;text-align:left;cursor:pointer}.mega-picker-btn img{width:22px;height:22px}.mega-picker-btn:hover{background:var(--mega-magenta);color:#fff}.mega-apps{display:flex;flex-wrap:wrap;gap:4px;margin-top:36px}.mega-apps img{width:50px;height:50px}.mega-price-note{padding:15px;background:var(--mega-gray-light);font-weight:700}.mega-price-note a{color:var(--mega-magenta)}.mega-actions{display:flex;flex-direction:column;gap:5px;padding:21px 15px 15px;background:var(--mega-gray-light)}.mega-action{display:flex;align-items:center;gap:4px;width:100%;padding:5px;border:0;background:var(--mega-gray);color:var(--mega-navy);font-size:16px;line-height:23px;font-weight:700;text-align:left;cursor:pointer}.mega-action svg{width:16px;height:16px}.mega-lower{display:grid;grid-template-columns:minmax(0,913fr) minmax(0,447fr);column-gap:20px;align-items:start;margin-top:20px}.mega-tabs{display:flex;border-bottom:1px solid var(--mega-gray)}.mega-tabs li{position:relative;margin-bottom:-1px;padding:0 17px}.mega-tabs li+li:before{content:"";position:absolute;left:0;top:4px;height:20px;border-left:1px solid #b0b0b0}.mega-tab{display:block;margin-right:2px;padding:0 0 5px;border:0;border-bottom:4px solid transparent;background:none;color:var(--mega-navy);font-size:18px;line-height:25.7px;cursor:pointer}.mega-tab.is-active{border-bottom-color:var(--mega-magenta);font-weight:700}.mega-tab-content{padding:20px 30px 40px;border-bottom:1px solid var(--mega-gray)}.mega-desc{margin-bottom:10px;white-space:pre-line}.mega-specs{width:100%;border-collapse:collapse}.mega-specs td{padding:4px 4px 4px 0;vertical-align:top}.mega-specs td:first-child{width:35%}.mega-docs li+li{margin-top:6px}.mega-docs a{color:var(--mega-magenta)}.mega-banner{display:block;margin-bottom:52px}.mega-banner img{width:100%;height:auto}.mega-recs{margin-bottom:20px;border:1px solid #dddddd;background:#fff}.mega-recs-head{padding:10px 15px 0;border-bottom:1px solid var(--mega-gray-light);background:var(--mega-gray-light)}.mega-recs-tab{display:inline-block;margin-bottom:-1px;padding:10px 15px 3px;border-bottom:3px solid var(--mega-magenta);background:#fff;font-size:18px;line-height:25.7px;font-weight:700;text-transform:uppercase}.mega-recs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:41px;row-gap:19px;padding:36px 15px 32px}.mega-rec-img{display:block;aspect-ratio:1 / 1;padding:3px;border:1px solid var(--mega-border);background:#fff}.mega-rec-img img{width:100%;height:100%;object-fit:contain}.mega-rec-name{display:block;height:34.28px;margin-top:16px;overflow:hidden;color:var(--mega-magenta);font-size:12px;line-height:17.14px}.mega-rec-badges{display:flex;gap:3px;margin-top:2px}.mega-rec-badges img{width:30px;height:30px}.mega-footer{margin:32px 30px 0;padding-top:30px;background:var(--mega-navy);color:#fff}.mega-footer-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 20px 30px 40px}.mega-footer-col h3{margin-bottom:12px;font-size:16px;line-height:22.86px;font-weight:700}.mega-footer-col a{display:block;width:fit-content}.mega-footer-bottom{display:flex;align-items:center;padding:10px 30px 8px 20px;background:var(--mega-gray);color:var(--mega-navy);line-height:25px}.mega-footer-copy{flex:1}.mega-footer-legal{display:flex}.mega-footer-legal a{padding:0 8px;border-right:1px solid var(--mega-navy);line-height:12px}.mega-footer-legal a:last-child{border-right:0}.mega-footer-social{display:flex;flex:1;justify-content:flex-end;gap:4px}.mega-footer-social img{width:auto;height:25px}.mega-version{padding:3px 0 2px;font-size:12px;line-height:20px;text-align:center}.mega-backtotop{position:fixed;right:30px;bottom:80px;z-index:50;display:flex;align-items:center;justify-content:center;width:46px;height:44px;border:2px solid var(--mega-magenta);background:var(--mega-magenta);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}.mega-backtotop.is-visible{opacity:1;pointer-events:auto}.mega-backtotop svg{width:16px;height:16px}@media (max-width: 1199px){.mega-headlink span{display:none}.mega-search{flex:1;width:auto;max-width:410px;margin:0 30px}.mega-recs-grid{column-gap:20px}}@media (max-width: 991px){.mega-product{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-product>:nth-child(3){grid-column:1 / -1;margin-top:20px}.mega-lower{grid-template-columns:minmax(0,1fr);row-gap:20px}}@media (max-width: 768px){.mega header.mega-header{display:none}.mega-m-logo{display:block;padding:10px 0 12px}.mega-m-logo img{width:290px;height:auto;margin:0 auto}.mega-m-bar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-around;align-items:center;height:62px;border-bottom:1px solid var(--mega-magenta);background:#fff;color:var(--mega-magenta)}.mega-m-bar button,.mega-m-bar a{display:flex;padding:8px;border:0;background:none;color:inherit;cursor:pointer}.mega-m-bar svg{width:34px;height:34px}.mega-m-search{display:block;padding:10px;border-bottom:1px solid var(--mega-gray)}.mega-m-search .mega-search{width:100%;max-width:none;margin:0}.mega-m-nav{display:block;background:var(--mega-navy)}.mega-m-nav a{display:block;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.15);color:#fff;font-size:15px}.mega-main{padding:0 10px}.mega-title{margin-top:25px}.mega-product{grid-template-columns:minmax(0,1fr);row-gap:20px}.mega-product>:nth-child(3){margin-top:0}.mega-tabs{overflow-x:auto;scrollbar-width:none}.mega-tab{font-size:16px;white-space:nowrap}.mega-tab-content{padding:20px}.mega-footer{margin:30px 0 0}.mega-footer-cols{grid-template-columns:minmax(0,1fr);row-gap:24px;padding:0 20px 30px}.mega-footer-bottom{flex-direction:column;gap:8px;padding:12px 20px;text-align:center}.mega-footer-copy,.mega-footer-social{flex:none}}
