:root{--color-primary:#ff004d;--color-primary-dark:#cc003d;--color-white:#fff;--color-black:#000;--color-gray-100:#f5f5f7;--color-gray-300:#d2d2d7;--color-gray-600:#6e6e73;--color-gray-900:#1d1d1f;--font-stack:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-hero:80px;--fs-section:48px;--fs-sub:28px;--fs-body:17px;--fs-label:12px;--lh-body:1.6;--section-padding:120px 0;--max-width:1200px;--container-padding:0 24px;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--shadow-card:0 2px 20px #00000014;--shadow-card-hover:0 8px 40px #00000024;--transition:.25s ease}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-stack);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-gray-900);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:var(--max-width);padding:var(--container-padding);margin:0 auto}.btn{border-radius:var(--radius-full);transition:background var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 4px 16px #ff004d59}.btn-outline{color:var(--color-gray-900);border-color:var(--color-gray-300);background:0 0}.btn-outline:hover{border-color:var(--color-gray-900);background:var(--color-gray-100)}.btn-outline-white{color:var(--color-white);background:0 0;border-color:#fff9}.btn-outline-white:hover{border-color:var(--color-white);background:#ffffff26}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll.delay-1{transition-delay:.1s}.animate-on-scroll.delay-2{transition-delay:.2s}.animate-on-scroll.delay-3{transition-delay:.3s}.animate-on-scroll.delay-4{transition-delay:.4s}.animate-on-scroll.delay-5{transition-delay:.5s}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--color-primary)}.text-gray{color:var(--color-gray-600)}.text-small{font-size:14px}.text-label{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.p-16{padding:16px}.p-24{padding:24px}.px-24{padding-left:24px;padding-right:24px}.py-16{padding-top:16px;padding-bottom:16px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-card-hover{box-shadow:var(--shadow-card-hover)}.section-heading{font-size:var(--fs-section);letter-spacing:-.02em;font-weight:700;line-height:1.1}.section-subheading{font-size:var(--fs-sub);letter-spacing:-.01em;font-weight:600}.divider{background:var(--color-primary);border-radius:var(--radius-full);width:48px;height:4px;margin:20px 0}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--color-gray-900);font-size:14px;font-weight:600}.form-input{border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-gray-900);background:var(--color-white);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff004d1f}.form-input.error{border-color:#dc2626}.form-textarea{resize:vertical;min-height:100px}.badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-red{background:var(--color-primary);color:var(--color-white)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-green{color:#166534;background:#dcfce7}
@media (max-width:767px){:root{--fs-hero:40px;--fs-section:32px;--fs-sub:22px;--section-padding:64px 0}.container{padding:0 16px}.hide-mobile{display:none!important}}@media (min-width:768px) and (max-width:1023px){:root{--fs-hero:56px;--fs-section:40px;--section-padding:80px 0}.hide-tablet{display:none!important}}@media (min-width:1024px){.hide-desktop{display:none!important}}@media (max-width:767px){.section-heading{font-size:28px}.section-subheading{font-size:20px}.btn{padding:12px 22px;font-size:14px}.mobile-full-width{width:100%}.mobile-stack{flex-direction:column}.mobile-center{text-align:center;align-items:center}}.checkout-layout{grid-template-columns:1fr 380px;align-items:start;gap:48px;display:grid}.cart-layout{grid-template-columns:1fr 360px;align-items:start;gap:48px;display:grid}.contact-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:900px){.checkout-layout,.cart-layout{grid-template-columns:1fr;gap:32px}}@media (max-width:600px){.contact-grid{grid-template-columns:1fr}}.sticky-summary{align-self:start;position:sticky;top:90px}@media (max-width:900px){.sticky-summary{position:static;top:auto}}
.nav-module__aI5xrG__nav{z-index:100;-webkit-backdrop-filter:blur(20px);width:100%;transition:background var(--transition), box-shadow var(--transition);background:#ffffffd9;border-bottom:1px solid #0000000f;position:sticky;top:0}.nav-module__aI5xrG__nav.nav-module__aI5xrG__scrolled{box-shadow:0 2px 20px #00000014}.nav-module__aI5xrG__nav.nav-module__aI5xrG__transparent{background:#ffffffd9;border-bottom:1px solid #0000000f}.nav-module__aI5xrG__inner{height:64px;max-width:var(--max-width);padding:var(--container-padding);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.nav-module__aI5xrG__logos{flex-shrink:0;align-items:center;gap:16px;display:flex}.nav-module__aI5xrG__logoMiko{color:var(--color-gray-900);letter-spacing:-.04em;font-size:20px;font-weight:800}.nav-module__aI5xrG__logoMiko span{color:var(--color-primary)}.nav-module__aI5xrG__logoDivider{background:var(--color-gray-300);width:1px;height:20px}.nav-module__aI5xrG__logoHakro{color:var(--color-gray-600);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:700}.nav-module__aI5xrG__desktopNav{flex:1;align-items:center;gap:4px;display:flex}.nav-module__aI5xrG__navLink{color:var(--color-gray-900);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);padding:8px 14px;font-size:14px;font-weight:500}.nav-module__aI5xrG__navLink:hover{background:var(--color-gray-100);color:var(--color-primary)}.nav-module__aI5xrG__navLinkActive{color:var(--color-primary)}.nav-module__aI5xrG__navDropdown{display:inline-block;position:relative}.nav-module__aI5xrG__navDropdown .nav-module__aI5xrG__navLink{align-items:center;gap:4px;display:inline-flex}.nav-module__aI5xrG__navDropdownCaret{color:var(--color-gray-500);transition:transform var(--transition), color var(--transition);font-size:10px;line-height:1}.nav-module__aI5xrG__navDropdown:hover .nav-module__aI5xrG__navDropdownCaret{color:var(--color-primary);transform:translateY(1px)}.nav-module__aI5xrG__navDropdownMenu{background:var(--color-white);border-radius:var(--radius-md);z-index:200;border:1px solid #0000000f;flex-direction:column;min-width:240px;padding:6px;animation:.12s ease-out nav-module__aI5xrG__navDropdownIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #0000001f}.nav-module__aI5xrG__navDropdownMenu:before{content:"";height:6px;position:absolute;top:-6px;left:0;right:0}.nav-module__aI5xrG__navDropdownItem{color:var(--color-gray-800);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);white-space:nowrap;padding:8px 12px;font-size:14px;font-weight:500}.nav-module__aI5xrG__navDropdownItem:hover{background:var(--color-gray-100);color:var(--color-primary)}@keyframes nav-module__aI5xrG__navDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-module__aI5xrG__navCta{white-space:nowrap;height:40px;font-size:14px;font-weight:600;font-family:var(--font-stack);color:var(--color-white);background:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-full);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:0 22px;display:inline-flex}.nav-module__aI5xrG__navCta:hover{background:var(--color-primary-dark,#d6004d);border-color:var(--color-primary-dark,#d6004d);box-shadow:0 4px 14px #ff004d4d}.nav-module__aI5xrG__navCta:active{transform:scale(.97)}.nav-module__aI5xrG__navRight{flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-module__aI5xrG__hamburger{border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;transition:background var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none}.nav-module__aI5xrG__hamburger:hover{background:var(--color-gray-100)}.nav-module__aI5xrG__hamburger span{background:var(--color-gray-900);width:22px;height:2px;transition:transform var(--transition), opacity var(--transition);border-radius:2px;display:block}.nav-module__aI5xrG__hamburger.nav-module__aI5xrG__open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-module__aI5xrG__hamburger.nav-module__aI5xrG__open span:nth-child(2){opacity:0}.nav-module__aI5xrG__hamburger.nav-module__aI5xrG__open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-module__aI5xrG__b2bNote{color:var(--color-gray-500);max-width:150px;margin-left:8px;font-size:10px;line-height:1.4}@media (max-width:1023px){.nav-module__aI5xrG__desktopNav{display:none}.nav-module__aI5xrG__hamburger{display:flex}}@media (max-width:600px){.nav-module__aI5xrG__logos>img{display:none}.nav-module__aI5xrG__inner{gap:12px}}
.search-module__D35ncq__searchWrapper{position:relative}.search-module__D35ncq__searchInput{border:1.5px solid var(--color-gray-300);border-radius:var(--radius-full);background:var(--color-gray-100);width:220px;transition:all var(--transition);color:var(--color-gray-900);outline:none;padding:9px 14px 9px 36px;font-size:14px}.search-module__D35ncq__searchInput:focus{background:var(--color-white);border-color:var(--color-primary);width:280px;box-shadow:0 0 0 3px #ff004d1a}.search-module__D35ncq__searchIcon{color:var(--color-gray-600);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-module__D35ncq__clearBtn{color:var(--color-gray-600);transition:color var(--transition);border-radius:50%;padding:2px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-module__D35ncq__clearBtn:hover{color:var(--color-gray-900)}.search-module__D35ncq__dropdown{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);z-index:200;min-width:380px;max-height:400px;padding:8px 0;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-module__D35ncq__dropdownItem{cursor:pointer;transition:background var(--transition);color:var(--color-gray-900);align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex}.search-module__D35ncq__dropdownItem:hover,.search-module__D35ncq__dropdownItem.search-module__D35ncq__focused{background:var(--color-gray-100)}.search-module__D35ncq__itemImage{border-radius:var(--radius-sm);background:var(--color-gray-100);object-fit:cover;flex-shrink:0;width:40px;height:40px;overflow:hidden}.search-module__D35ncq__itemInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.search-module__D35ncq__itemTopRow{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.search-module__D35ncq__itemTitle{white-space:normal;min-width:0;font-size:14px;font-weight:600;line-height:1.3}.search-module__D35ncq__itemPrice{color:var(--color-primary);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.search-module__D35ncq__itemMetaRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.search-module__D35ncq__itemId{color:var(--color-gray-600);flex-shrink:0;font-size:12px}.search-module__D35ncq__itemColors{flex-shrink:0;align-items:center;gap:4px;display:flex}.search-module__D35ncq__colorDot{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:12px;height:12px}.search-module__D35ncq__colorMore{color:var(--color-gray-500);margin-left:2px;font-size:11px;font-weight:600}.search-module__D35ncq__noResults{color:var(--color-gray-600);text-align:center;padding:20px 16px;font-size:14px}.search-module__D35ncq__dropdownDivider{background:var(--color-gray-100);height:1px;margin:6px 0}@media (max-width:768px){.search-module__D35ncq__searchInput{width:180px}.search-module__D35ncq__searchInput:focus{width:200px}.search-module__D35ncq__dropdown{width:340px;min-width:0;max-width:calc(100vw - 24px);left:auto;right:0}}@media (max-width:480px){.search-module__D35ncq__searchInput,.search-module__D35ncq__searchInput:focus{width:150px}}