/* Native, accessible behavior on top of the faithfully migrated source styles. */
html { scroll-behavior: smooth; }
body { margin: 0; }
[hidden] { display: none !important; }
button, input, textarea { font: inherit; }
button, summary, [role="button"] { cursor: pointer; }
summary { list-style: none; }
summary::-webkit-details-marker { display: none; }
:focus-visible { outline: 2px solid #528d43; outline-offset: 4px; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 10000; padding: 12px 20px; background: white; color: black; border-radius: 12px; }
.skip-link:focus { top: 16px; }
.ac-1cayols-container { z-index: 100 !important; }
/* Disclosure elements remain functional without a JavaScript runtime. */
details[data-product-details], details[data-product-quantity], details[data-faq] { display: block !important; height: auto !important; }
details[data-categories] { display: block !important; height: auto !important; }
details[data-categories] > summary { display: flex !important; }
details[data-categories][open] > summary { margin-bottom: 0; }
details[data-categories] > :not(summary) { margin-top: 4px; }
details:not([open]) > :not(summary) { display: none !important; }
details[data-product-details] > summary, details[data-product-quantity] > summary { display: flex; width: 100%; }
details[data-product-details] > summary img, details[data-product-quantity] > summary img { display: block; width: 24px; height: 24px; }
details[data-product-details][open] .ac-5trzaq, details[data-product-quantity][open] .ac-5trzaq { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; height: auto !important; opacity: 1 !important; transform: none !important; margin-top: 20px; }
details[data-product-details][open] > summary img, details[data-product-quantity][open] > summary img { transform: rotate(180deg); }
details[data-faq] > summary { display: flex !important; width: 100%; }
details[data-faq] [data-ac-name="answer"] { height: auto !important; position: relative !important; transform: none !important; margin-top: 20px; }
details[data-faq] [data-ac-name="answer"] > div { opacity: 1 !important; transform: none !important; }
details[data-faq][open] .ac-1d84p0r { transform: rotate(90deg) !important; }
.mobile-menu { display: none; }
body.menu-open { overflow: hidden; }
.contact-widget { position: fixed; z-index: 110; right: 30px; bottom: 30px; width: max-content; max-width: calc(100vw - 40px); }
.contact-widget .ac-L4VaP { position: relative !important; }
.contact-widget [data-chat-open] { cursor: pointer; }
dialog { font-family: Inter, sans-serif; color: #000; }
#search-dialog { position: fixed; inset: 0; border: 0; padding: 0; margin: 0; max-width: none; max-height: none; width: 100%; height: 100%; background: transparent; overflow: auto; }
#search-dialog::backdrop { background: rgb(0 0 0 / .8); }
.search-panel { position: relative; width: min(500px, calc(100% - 40px)); margin: 21.5vh auto 40px; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgb(0 0 0 / .2); }
.search-field { display: flex; align-items: center; height: 56px; padding: 0 20px; gap: 12px; color: #999; }
.search-field input { width: 100%; min-width: 0; font: 16px/1.4 Inter,sans-serif; border: 0; outline: 0; background: none; color: #000; }
.search-field input::placeholder { color: #999; }
.search-field input::-webkit-search-cancel-button { display: none; }
.search-close { border: 0; background: transparent; display: flex; padding: 0; color: #999; }
.search-results { max-height: 440px; overflow-y: auto; border-top: 1px solid #ddd; }
.search-results a { display: block; padding: 16px 20px; color: #111; text-decoration: none; }
.search-results a:hover, .search-results a:focus { background: #eee; }
.search-results strong { display: block; font-size: 16px; line-height: 1.4; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-results span { display: block; margin-top: 4px; color: #999; font-size: 16px; line-height: 1.4; }
.search-status { padding: 16px 20px; margin: 0; color: #777; }
#promo-dialog { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; border: 0; padding: 0; background: transparent; overflow: auto; }
#promo-dialog::backdrop { background: rgb(0 0 0 / .5); }
#promo-dialog > div { background: transparent !important; }
#promo-dialog [data-promo-close] { pointer-events: auto; border: 0; background: transparent; }
.form-status { margin: 16px 0 0; font: 15px/1.5 Inter,sans-serif; color: #528d43; }
.message-confirmation { width: 100%; box-sizing: border-box; padding: 180px 24px 120px; min-height: 70vh; text-align: center; font-family: Inter, sans-serif; }
.message-confirmation h1 { font-size: clamp(36px,5vw,64px); letter-spacing: -.04em; }
.message-confirmation p { color: #6d6d6d; margin: 24px 0; }
.message-confirmation a { display: inline-block; border-radius: 40px; padding: 14px 24px; background: #212121; color: #fff; text-decoration: none; }
[data-mobile-gallery] { touch-action: pan-y; }
/* Product names must stay readable when cards become narrow. */
[data-product-card] .ac-56pfkg { width: 100%; min-width: 0; white-space: normal; }
[data-product-card] .ac-56pfkg p { white-space: normal; overflow-wrap: anywhere; }
/* Breadcrumbs intentionally stay on one line; show an ellipsis when needed. */
.ac-bENJf .ac-1aulxmh-container, .ac-bENJf .ac-kBzHa { min-width: 0; max-width: 100%; }
.ac-kBzHa .ac-slckfv { min-width: 0; max-width: 100%; }
.ac-kBzHa .ac-slckfv p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* The 404 message used an intrinsic single-line width on phones. */
.responsive-root .ac-1lz64zq h1 { font-size: clamp(80px, 45vw, 160px) !important; }
.responsive-root .ac-1vmui0l { width: 100%; max-width: 100%; white-space: normal; }
.responsive-root .ac-1vmui0l h3 { white-space: normal; overflow-wrap: anywhere; }
/* Imported ticker cards need native scrolling when they exceed the screen. */
.responsive-root .ac-3tye0k { overflow-x: auto !important; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.responsive-root .ac-3tye0k li { max-width: 100%; scroll-snap-align: start; }
.responsive-root .ac-3tye0k li > .ssr-variant > div { max-width: 100%; }
@media (min-width: 810px) and (max-width: 1199.98px) {
  /* Filters sit above the products at this size, so they must scroll with them. */
  .responsive-root div:has(> .ac-EyldI) { position: relative !important; top: auto !important; }
}
@media (max-height: 800px) {
  /* A fixed 250px offset made the offer unreachable on short screens. */
  #promo-dialog > div { position: relative !important; inset: auto !important; transform: none !important; margin: 40px auto; }
}
@media (max-height: 600px) {
  .responsive-root .ac-xwtywv { min-height: 500px; }
  .search-panel { margin-top: 20px !important; margin-bottom: 20px; }
  .search-results { max-height: calc(100dvh - 96px); }
}
@media (max-width: 809.98px) {
  /* Preserve room for the hero copy and CTA in landscape orientation. */
  .responsive-root .ac-16mg6eq { min-height: 500px; }
  .mobile-menu:not([hidden]) { display: flex; position: fixed; z-index: 150; top: 0; left: 0; right: 0; flex-direction: column; gap: 12px; background: white; padding: 68px 20px 20px; font: 16px/1.4 Inter,sans-serif; border-radius: 0 0 4px 4px; box-shadow: 0 16px 40px rgb(0 0 0 / .25); }
  .mobile-menu a { color: black; text-decoration: none; display: flex; align-items: center; height: 32px; flex: none; width: max-content; }
  .mobile-menu a img { margin-left: 40px; }
  .mobile-menu-close { position: absolute; top: 20px; right: 20px; background: none; border: 0; padding: 0; width: 24px; height: 24px; }
  .mobile-menu-close img { display: block; }
  body.menu-open .ac-1cayols-container { visibility: hidden; }
  .contact-widget { right: 20px; bottom: 20px; }
  .search-panel { margin-top: 120px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Motion values taken from the published Framer site. Content is visible by
   default; the small head bootstrap enables these effects only when supported. */
:root {
  --ac-motion-ease: cubic-bezier(.44, 0, .56, 1);
  --ac-motion-spring: cubic-bezier(.22, 1, .36, 1);
}

@keyframes ac-fade-in {
  from { opacity: var(--ac-enter-opacity, .001); }
  to { opacity: 1; }
}
@keyframes ac-rise-in {
  from { opacity: 0; transform: translateY(var(--ac-enter-y, 10px)); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes ac-word-in {
  from { opacity: .001; filter: blur(var(--ac-word-blur, 10px)); transform: translateY(10px); }
  to { opacity: 1; filter: blur(0); transform: translateY(0); }
}

.ac-motion .ac-98wrba { animation: ac-fade-in .6s var(--ac-motion-spring) both; }
.ac-motion .ac-1u8te7u { animation: ac-fade-in .6s var(--ac-motion-ease) both; }
.ac-motion .ac-982a50 { animation: ac-fade-in 1s var(--ac-motion-ease) .6s both; }
.ac-motion [data-chat-toggle] { animation: ac-fade-in .4s var(--ac-motion-ease) 1s both; }
.ac-motion [data-product-card] .ac-1d7u9f6 {
  --ac-enter-opacity: .5;
  animation: ac-fade-in .4s var(--ac-motion-ease) both;
}
.ac-motion :is(.ac-8hefmp, .ac-1kukgrb, .ac-149gcbs, .ac-r6w72c, .ac-f39ofw,
  .ac-5e6hue, .ac-e617h3, .ac-b1i2uu, .ac-4r5mam, .ac-9qwvxk, .ac-1nh5m6d) {
  animation: ac-fade-in .6s var(--ac-motion-ease) both;
}

.ac-motion :is(.ac-19bjscb, .ac-v90ao5, .ac-1z1qjm) > :is(h1,h2,h3) > span {
  animation: ac-word-in var(--ac-word-duration, .8s) var(--ac-word-ease, var(--ac-motion-ease)) both paused;
  animation-delay: calc(var(--ac-word-start, .1s) + var(--ac-word-index, 0) * var(--ac-word-step, .05s));
}
.ac-motion .ac-v90ao5 > h1 {
  --ac-word-start: 0s;
  --ac-word-ease: var(--ac-motion-spring);
}
.ac-motion .ac-1z1qjm > h1 {
  --ac-word-blur: 5px;
  --ac-word-start: .2s;
  --ac-word-step: .06s;
  --ac-word-duration: 1s;
  --ac-word-ease: var(--ac-motion-spring);
}
.ac-motion :is(.ac-19bjscb, .ac-v90ao5, .ac-1z1qjm) > [data-motion-revealed] > span {
  animation-play-state: running;
}

.ac-motion :is(.ac-1l5b835, .ac-11h66i1) {
  animation: ac-fade-in .4s var(--ac-motion-ease) both paused;
  --ac-enter-opacity: 0;
}
.ac-motion :is(.ac-adby9o-container, .ac-1sgi7az-container, .ac-50r3g7-container) {
  --ac-enter-y: 50px;
  animation: ac-rise-in .8s var(--ac-motion-spring) var(--ac-reveal-delay, 0s) both paused;
}
.ac-motion .ac-1sgi7az-container { --ac-reveal-delay: .2s; }
.ac-motion .ac-50r3g7-container { --ac-reveal-delay: .4s; }
.ac-motion :is(.ac-1z33qx, .ac-x4kv12) {
  animation: ac-rise-in .8s var(--ac-motion-spring) .4s both paused;
}
.ac-motion [data-motion-revealed] { animation-play-state: running; }
.ac-motion [data-motion-revealed]:focus-within { animation-duration: .01ms; animation-delay: 0s; }

html.ac-smooth-scrolling { scroll-behavior: auto !important; }

@media (max-width: 809.98px) {
  .ac-motion .ac-1z1qjm > h1 { --ac-word-duration: .6s; }
  .ac-motion :is(.ac-1z33qx, .ac-x4kv12) { animation-duration: .6s; animation-delay: .2s; }
}
@media (prefers-reduced-motion: reduce) {
  .ac-motion *, .ac-motion *::before, .ac-motion *::after { animation: none !important; }
}

/* Dimensions, link colors and motion captured from aloecare.ro's opened menu. */
:root { --ac-nav-spring: linear(0, 0.00595, 0.02241, 0.04746, 0.07939, 0.1167, 0.15808, 0.20237, 0.24859, 0.29589, 0.34353, 0.39092, 0.43755, 0.48299, 0.52693, 0.56911, 0.60932, 0.64742, 0.68333, 0.71698, 0.74837, 0.77749, 0.80439, 0.82913, 0.85176, 0.87238, 0.89109, 0.90797, 0.92313, 0.93669, 0.94875, 0.95941, 0.96879, 0.97698, 0.9841, 0.99022, 0.99545, 0.99987, 1.00356, 1.00661, 1.00908, 1.01103, 1.01254, 1.01365, 1.01443, 1.0149, 1.01513, 1.01515, 1.01499, 1.01468, 1.01425, 1.01373, 1.01313, 1.01248, 1.0118, 1.01109, 1.01037, 1.00965, 1.00893, 1.00823, 1.00755, 1.0069, 1.00627, 1.00567, 1.00511, 1.00458, 1.00408, 1.00362, 1.0032, 1.0028, 1.00244, 1.00211, 1.00181, 1.00154, 1.00129, 1.00107, 1.00088, 1.00071, 1.00055, 1.00042, 1); }
.ac-Pwh7E.ac-v-sm6pvx { transition: gap .4s var(--ac-nav-spring); }
.ac-Pwh7E.ac-v-sm6pvx .ac-cxlyrs { transition: width .4s var(--ac-nav-spring); }
.ac-Pwh7E.ac-v-sm6pvx:hover,
.ac-Pwh7E.ac-v-sm6pvx:focus-visible { gap: 8px; }
.ac-Pwh7E.ac-v-sm6pvx:hover .ac-cxlyrs,
.ac-Pwh7E.ac-v-sm6pvx:focus-visible .ac-cxlyrs { width: 100%; }
.ac-0x8EK.ac-krpb7a { place-content: center flex-start; align-items: center; cursor: pointer; display: flex; flex-flow: column; gap: 10px; height: min-content; overflow: hidden; padding: 0; position: relative; width: 150px; }
.ac-0x8EK .ac-6mgasm { flex: 0 0 auto; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; overflow-wrap: break-word; }
.ac-0x8EK .ac-iy2xq0 { bottom: 0; flex: 0 0 auto; height: 1px; left: 0; overflow: visible; position: absolute; width: 0%; z-index: 1; transition: width .4s var(--ac-nav-spring); }
.ac-0x8EK:hover .ac-iy2xq0,
.ac-0x8EK:focus-within .ac-iy2xq0 { width: 100%; }
.ac-AtcPa .ac-styles-preset-aya1gg:not(.rich-text-wrapper),
.ac-AtcPa .ac-styles-preset-aya1gg.rich-text-wrapper a {
  --ac-link-current-text-decoration: underline;
  --ac-link-hover-text-color: var(--token-25ff31ab-0d05-46b8-8f6f-323a44bc9868, #6d6d6d);
  --ac-link-hover-text-decoration: none;
  --ac-link-text-color: var(--token-f317a2a6-2981-404a-911a-23ac76824a7d, #000);
  --ac-link-text-decoration: none;
  transition: color .4s cubic-bezier(.44, 0, .56, 1);
}
.ac-0x8EK a:focus-visible { color: #6d6d6d; }
.ac-navbar-products-popup { display: none; }
@media (min-width: 810px) {
  .ac-c2ISM.ac-98wrba,
  .ac-e3tj3u:has(.ac-navbar-products-popup) { overflow: visible; }
  .ac-ou4m5f-container:has(.ac-navbar-products-popup) { z-index: 11; }
  .ac-navbar-products-popup:not([hidden]) {
    display: block;
    position: absolute;
    z-index: 11;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(calc(-50% + var(--ac-menu-offset, 0px)));
  }
  /* Keep the ten-pixel gap between the trigger and the popup traversable. */
  .ac-ou4m5f-container:has(.ac-navbar-products-popup:not([hidden]))::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 546px;
    height: 10px;
    transform: translateX(calc(-50% + var(--ac-menu-offset, 0px)));
  }
}


.ac-PcyWH.ac-v-1imaeal { transition: border-color .2s cubic-bezier(.44,0,.56,1); }
.ac-PcyWH.ac-v-1imaeal::after { transition:border-color .2s cubic-bezier(.44,0,.56,1); }
.ac-PcyWH.ac-v-1t6ajkm .ac-s5z618 { transition: opacity .2s cubic-bezier(.44,0,.56,1); }
.ac-My7Ht .ac-cta-arrow { display:block; width:24px; height:24px; flex:none; position:relative; color:#000; }
.ac-My7Ht.ac-v-1x3szh7 .ac-cta-arrow { color:#fff; }
.ac-category-hover { position:absolute; inset:0; z-index:1; border-radius:inherit; background:rgba(0,0,0,.15); opacity:0; pointer-events:none; }
[data-product-card] > [hidden] { display:none !important; }
[data-secondary-image] { width:100%; position:relative !important; inset:auto !important; flex:none; overflow:hidden; }
.ac-xpwlq.ac-v-2a983y { transition:background-color .5s cubic-bezier(.93,.21,.42,.97); }
.ac-xpwlq.ac-v-2a983y .ac-fjo4u5,
.ac-xpwlq.ac-v-2a983y .ac-1kvkou9 { transition:transform .5s cubic-bezier(.93,.21,.42,.97),opacity .5s cubic-bezier(.93,.21,.42,.97),bottom .5s cubic-bezier(.93,.21,.42,.97); }
/* Fixed text layer geometry keeps the original 3D flip continuous. */
.ac-xpwlq.ac-v-2a983y .ac-fjo4u5 { position:relative; }
.ac-xpwlq.ac-v-2a983y .ac-1kvkou9 { position:absolute; left:50%; bottom:-1px; }
.ac-xpwlq.ac-v-2a983y:focus-visible { background-color:rgba(51,51,51,.85) !important; }
.ac-xpwlq.ac-v-2a983y:focus-visible .ac-fjo4u5 { opacity:0 !important; transform:translateY(-13px) perspective(500px) rotateX(60deg) !important; }
.ac-xpwlq.ac-v-2a983y:focus-visible .ac-1kvkou9 { opacity:1 !important; transform:translateX(-50%) perspective(500px) !important; bottom:12px; }
@media (hover:hover) and (pointer:fine) {
  .ac-PcyWH.ac-v-1imaeal:hover { --border-color:#000 !important; }
  .ac-PcyWH.ac-v-1t6ajkm:hover .ac-s5z618 { opacity:.8 !important; }
  .ac-xpwlq.ac-v-2a983y:hover { background-color:rgba(51,51,51,.85) !important; }
  .ac-xpwlq.ac-v-2a983y:hover .ac-fjo4u5 { opacity:0 !important; transform:translateY(-13px) perspective(500px) rotateX(60deg) !important; }
  .ac-xpwlq.ac-v-2a983y:hover .ac-1kvkou9 { opacity:1 !important; transform:translateX(-50%) perspective(500px) !important; bottom:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .ac-PcyWH.ac-v-1imaeal::after { transition:none; }
  .ac-xpwlq.ac-v-2a983y,.ac-xpwlq.ac-v-2a983y .ac-fjo4u5,.ac-xpwlq.ac-v-2a983y .ac-1kvkou9,.ac-PcyWH .ac-s5z618 { transition:none; }
}

.ac-PcyWH.ac-v-1imaeal:focus-visible { --border-color:#000 !important; }
.ac-PcyWH.ac-v-1t6ajkm:focus-visible .ac-s5z618 { opacity:.8 !important; }

.seo-block{width:100%;padding:64px 40px;background:#f5f7f1;color:#212121;font-family:Inter,Arial,sans-serif;line-height:1.65;box-sizing:border-box}.seo-block-inner{max-width:1120px;margin:auto}.seo-eyebrow{font-size:11px;letter-spacing:.14em;color:#58684c}.seo-block h2{font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.25;margin:12px 0 24px}.seo-block p{max-width:850px}.seo-block details{border-top:1px solid #d9dfd0;padding:18px 0}.seo-block summary{cursor:pointer;font-size:17px;font-weight:500}.seo-block details p{margin:14px 0 0}.seo-block a{color:#355c40;text-decoration:underline;text-underline-offset:3px}.seo-block a:focus-visible,.seo-block summary:focus-visible{outline:2px solid #355c40;outline-offset:5px}.seo-small{font-size:13px;color:#53634c;margin-top:28px}.seo-block p,.seo-block summary{overflow-wrap:anywhere}.ac-hero-media{position:relative}.ac-video-control{position:absolute;right:16px;top:16px;z-index:2;border:1px solid #fff9;border-radius:999px;background:#153626e6;color:white;padding:10px 16px;min-height:44px;cursor:pointer;font:500 12px/1.2 Inter,Arial,sans-serif}.ac-video-control:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:600px){.seo-block{padding:40px 20px}.seo-block summary{font-size:16px}}

.ac-bundle-visual{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;background:white}.ac-bundle-visual img{display:block;width:calc(100% / 3);height:100%;object-fit:contain;min-width:0}
.ac-115s2or .ac-5s6c4w h4 > span.ac-text:first-child{--ac-text-color:#3c6e30!important;color:#3c6e30!important}.ac-euxtmm h2{--ac-text-color:#787878!important;color:#787878!important}
