/** Shopify CDN: Minification failed Line 70:9 Expected identifier but found "." Line 76:15 Expected identifier but found "." Line 80:23 Expected identifier but found "." Line 99:27 Expected identifier but found "." Line 104:39 Expected identifier but found "." Line 107:48 Expected identifier but found "." Line 114:68 Expected identifier but found whitespace Line 119:71 Expected identifier but found "." Line 130:87 Unexpected "}" Line 158:23 Expected identifier but found "." ... and 15 more hidden warnings **/ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap'); /* ============================================================ ADARNA TYPOGRAPHIC SYSTEM — editorial serif + optical tracking Safe, scoped enhancements layered over Wonder native settings. ============================================================ */ /* Optical tracking: large display tightens, mid neutral, labels open */ h1, .h1 { letter-spacing: -0.015em; line-height: 1.1; text-wrap: balance; } h2, .h2 { letter-spacing: -0.008em; line-height: 1.18; text-wrap: balance; } h3, .h3 { letter-spacing: 0; line-height: 1.25; text-wrap: balance; } /* Uppercase micro-labels (eyebrows, captions, vendor lines) breathe */ .caption, .subheading, .eyebrow, .label, [class*='subheading'], [class*='eyebrow'] { letter-spacing: 0.14em; } /* Body rhythm: natural reading, no tracking */ body { letter-spacing: 0; } /* Measure control: keep standalone rich-text prose readable */ .rich-text__text p { max-width: 62ch; margin-left: auto; margin-right: auto; } /* Mobile: release display tracking slightly for small serif rendering */ @media (max-width: 749px) { h1, .h1 { letter-spacing: -0.005em; line-height: 1.14; } h2, .h2 { letter-spacing: 0; } } /* Respect reduced-motion preferences across theme animations */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* Hide unset image placeholders in the multicolumn steps section (columns are text-led until real photography is added) */ .wt-multicol-slider .hero__pic:has(> .hero__img--placeholder), .wt-multicol-slider .hero__pic__link:has(.hero__img--placeholder) { display: none; } /* Adarna mega menu: show nested service categories as desktop columns. */ @media (min-width: 990px) { .wt-page-nav-mega__list--center { gap: 10px; flex-wrap: nowrap; } .wt-page-nav-mega__link { . . font-size: 13px; padding-inline: 6px; } .wt-page-nav-mega__item--simple { position: static !important; . . } .wt-page-nav-mega__item--simple > .wt-page-nav-mega__sublist__wrapper--simple { left: 0 !important; . . right: 0 !important; width: 100vw !important; max-width: none !important; height: auto !important; overflow: visible !important; transform: none !important; padding: 30px max(24px, calc((100vw - 1180px) / 2)) 34px !important; background: #fff; box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); } .wt-page-nav-mega__item--simple > .wt-page-nav-mega__sublist__wrapper--simple > .wt-page-nav-mega__sublist { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 20px 38px; } .wt-page-nav-mega__sublist--parent { position: static !important; . . } .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist--nested { position: static !important; display: block !important; . . opacity: 1 !important; visibility: visible !important; transform: none !important; . . width: auto !important; height: auto !important; box-shadow: none !important; background: transparent !important; padding: 8px 0 0 !important; } . .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link { padding: 5px 0 !important; } .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link--parent { . . . . font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; } .wt-page-nav-mega__item--simple .svg-icon--arrow-right { display: none; } } } } } } } } } } } } } /* submenu-scale: dropdown & drawer child links smaller than parent */ .mega-menu a, [class*='submenu'] a, [class*='menu-drawer'] [class*='submenu'] a, .header__dropdown a { font-size: 14px !important; } /* Keep closed menu panels hidden; expand only the active parent. */ @media (min-width: 990px) { .wt-page-nav-mega__item--simple > .wt-page-nav-mega__sublist__wrapper--simple { height: 0 !important; overflow: hidden !important; padding: 0 !important; box-shadow: none !important; } .wt-page-nav-mega__item--simple:hover > .wt-page-nav-mega__sublist__wrapper--simple, .wt-page-nav-mega__item--simple:has(> .wt-page-nav-mega__link.submenu-opened) > .wt-page-nav-mega__sublist__wrapper--simple { left: 0 !important; right: 0 !important; width: 100vw !important; . . max-width: none !important; height: auto !important; overflow: visible !important; padding: 30px max(24px, calc((100vw - 1180px) / 2)) 34px !important; background: #fff; box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important; } } /* Anchor desktop mega panels to the full navigation bar, not the hovered item. */ @media (min-width: 990px) { body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__list--center > .wt-page-nav-mega__item--simple, body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__list--center > .wt-page-nav-mega__item--parent { position: static !important; } } /* Show second-level service links inside each desktop mega-menu column. */ @media (min-width: 990px) { body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist--nested { . . position: static !important; display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; padding: 8px 0 0 !important; } . body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__sublist__item--child, body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__sublist__item--grandchild { height: auto !important; min-height: 0 !important; } body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link { min-height: 0 !important; height: auto !important; padding: 4px 0 !important; . . justify-content: flex-start !important; } body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__decorated { line-height: 1.35 !important; . . } body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .svg-icon--arrow-right { . . . . display: none !important; } } /* Clean desktop mega-menu column typography and wrapping. */ @media (min-width: 990px) { . . body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple > .wt-page-nav-mega__sublist__wrapper--simple > .wt-page-nav-mega__sublist { align-items: start !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; } body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link, body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__decorated { background: transparent !important; text-align: left !important; white-space: normal !important; overflow-wrap: break-word !important; } body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link:not(.wt-page-nav-mega__sublist__link--parent) { font-size: 14px !important; line-height: 1.35 !important; color: #29221f !important; } } /* Remove desktop submenu decorations for a cleaner KISSPROM-style panel. */ @media (min-width: 990px) { . . body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist, body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item { . . . . background: transparent !important; } . body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist .svg-icon { display: none !important; } body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link--parent { . . font-size: 13px !important; . . font-weight: 700 !important; letter-spacing: 0.08em !important; . . line-height: 1.35 !important; text-transform: uppercase !important; } body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link--parent .wt-page-nav-mega__decorated { . . white-space: nowrap !important; overflow-wrap: normal !important; } } /* Strong cleanup for desktop submenu panel internals only. */ @media (min-width: 990px) { . . body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist *, body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist { background-color: transparent !important; } body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist svg { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; } } /* Adarna 2026 mega menu visual cleanup */ @media (min-width: 990px) { html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple:hover > .wt-page-nav-mega__sublist__wrapper--simple, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple:has(> .wt-page-nav-mega__link.submenu-opened) > .wt-page-nav-mega__sublist__wrapper--simple { background: #faf6f2 !important; box-shadow: none !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple:hover > .wt-page-nav-mega__sublist__wrapper--simple > .wt-page-nav-mega__sublist, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple:has(> .wt-page-nav-mega__link.submenu-opened) > .wt-page-nav-mega__sublist__wrapper--simple > .wt-page-nav-mega__sublist { width: min(1040px, calc(100vw - 120px)) !important; max-width: 1040px !important; margin-inline: auto !important; grid-template-columns: repeat(auto-fit, minmax(220px, max-content)) !important; justify-content: center !important; column-gap: clamp(40px, 5vw, 72px) !important; row-gap: 28px !important; background: transparent !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist--nested, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item:hover, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item:focus-within, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link:hover, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link:focus, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__decorated { background: transparent !important; background-color: transparent !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist svg, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist .svg-icon { display: none !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item--child { width: max-content !important; min-width: 220px !important; max-width: 360px !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item--grandchild, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item--grandchild a { width: auto !important; min-width: 0 !important; padding-left: 0 !important; } } /* Adarna 2026 mega menu column tuning */ @media (min-width: 990px) { html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple:hover > .wt-page-nav-mega__sublist__wrapper--simple > .wt-page-nav-mega__sublist, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple:has(> .wt-page-nav-mega__link.submenu-opened) > .wt-page-nav-mega__sublist__wrapper--simple > .wt-page-nav-mega__sublist { width: min(1180px, calc(100vw - 80px)) !important; max-width: 1180px !important; column-gap: clamp(28px, 3.2vw, 44px) !important; } /* Adarna 2026 mega menu compact link spacing */ @media (min-width: 990px) { html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist--nested { padding-top: 4px !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item--child, html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item--grandchild { margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; height: auto !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__item--grandchild { line-height: 1.18 !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link { min-height: 0 !important; height: auto !important; padding-top: 2px !important; padding-bottom: 2px !important; line-height: 1.18 !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__sublist__link--parent { margin-bottom: 6px !important; padding-bottom: 0 !important; line-height: 1.15 !important; } html body:not(.mobile-nav) .mega-menu .wt-page-nav-mega__item--simple .wt-page-nav-mega__decorated { line-height: 1.18 !important; } } } } } } } } } } } } } } } body { background: #fffaf7 !important; color: #3a2933 !important; } p { line-height: 1.68; } ::selection { background: #eda0a8; color: #3a2933; } .wt-page-nav-mega { background: #fffaf7f7 !important; border-bottom: 1px solid #f5ce7e80; } .wt-page-nav-mega__sublist__wrapper { background: linear-gradient(135deg, #fffaf7, #fcecea 58%, #f8eff9) !important; border: 1px solid #eda0a84d; box-shadow: 0 18px 45px #3b283324; } @media (min-width: 990px) { .wt-page-nav-mega__sublist__wrapper { transition: opacity 0.16s, visibility 0.16s, max-height 0.16s !important; } .wt-page-nav-mega__item--parent:not(:hover):not(:focus-within) > .wt-page-nav-mega__sublist__wrapper { opacity: 0 !important; visibility: hidden !important; } .wt-page-nav-mega__item--parent:hover > .wt-page-nav-mega__sublist__wrapper, .wt-page-nav-mega__item--parent:focus-within > .wt-page-nav-mega__sublist__wrapper { opacity: 1 !important; visibility: visible !important; } } .hero__button, .wt-button--primary { border-radius: 999px !important; background: #f5ce7e !important; color: #3a2933 !important; border-color: #f5ce7e !important; } .hero__button:hover, .wt-button--primary:hover { background: #f2b18c !important; } footer.wt-footer, .wt-footer { background: #3b2833 !important; color: #fffaf7 !important; border-top: 4px solid #f5ce7e !important; } footer.wt-footer *, footer.wt-footer * a, .wt-footer * { color: #fffaf7 !important; } footer.wt-footer a, .wt-footer a { color: #f5ce7e !important; } /* Adarna 2026-07-26: UI refinements */.hero__button,.wt-button--primary{background:var(--color-button-primary-background)!important;color:var(--color-button-primary-text)!important;border-color:var(--color-button-primary-background)!important}.hero__button:hover,.wt-button--primary:hover{background:var(--color-button-primary-background-hover)!important;color:var(--color-button-primary-text-hover)!important}.wt-button-section__container+div>.wt-product__separator{display:none!important}.wt-dot__tooltip{width:min(280px,calc(100vw - 32px))!important;max-width:280px!important;padding:12px!important}.wt-dot__body h3{font-size:17px!important;line-height:1.2!important;margin:0 0 8px!important}.wt-dot__body p{font-size:14px!important;line-height:1.4!important;margin:0 0 10px!important}.wt-before-after__img-before-badge,.wt-before-after__img-after-badge{bottom:20px!important;line-height:1!important}