/* Extension of the original FloraMedis visual system. */
.products{padding-top:45px}.product-grid{align-items:start}.product-image{height:330px;background:#fff!important;border-bottom:1px solid #edf0eb}.product-image img,.purple .product-image img{height:425px;width:320px;top:-40px;opacity:1;mix-blend-mode:normal;object-fit:contain}.product-category{top:16px;font-size:12px}.count{font-size:13px;bottom:13px;background:#f5f8f2;color:#4d6647;border:1px solid #e4ecdc}.product-content{padding:24px 24px 0}.product h3{min-height:82px;font-size:21px;line-height:1.3}.product h3 span,.orange h3 span{font-size:17px;line-height:1.45;margin-top:4px}.product-content>p{font-size:16px;line-height:1.6;min-height:102px;color:#647164}.product-features{list-style:none;padding:0;margin:17px 0 22px;display:grid;gap:7px;font-size:14px;color:#50644e}.product-features li{display:flex;gap:9px;align-items:center}.product-features li:before{content:'✓';color:#688e40;font-size:14px}.product-cta{width:100%;font-size:14px;margin-bottom:15px;padding:12px;min-height:48px}summary{font-size:14px;min-height:49px}details p{font-size:14px;color:#5b6e5d;padding-bottom:5px}.product-bottom{margin-top:22px}.product-bottom p{font-size:14px}.reasons{padding-block:48px;background:#f7f9f5}.reason-grid{gap:17px}.reason{display:block;background:white;border:1px solid #e3e9de;border-radius:8px;padding:23px 20px}.reason .icon{width:28px;height:28px;margin-bottom:13px}.reason h3{font-weight:600;font-size:17px;line-height:1.4;margin:0 0 10px}.reason p{font-size:14px;color:#6b7869;max-width:none;line-height:1.6}.reasons .section-kicker{font-size:12px}.partners{background:white;border:0;padding-block:46px 24px}.partner-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.partner-grid>div{background:#f8faf6;padding:18px 15px;gap:11px}.partner-grid h3{font-size:14px}.process{padding-block:25px 48px}.cooperation{margin:0;padding:29px;border:1px solid #e0e8d9;border-radius:10px;background:#f7f9f4;display:block}.cooperation-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.cooperation-intro .section-kicker{display:none}.cooperation-intro h2{font-size:29px}.cooperation-intro>p{font-size:14px;line-height:1.6}.step-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step-tabs button{font-size:14px;line-height:1.4;gap:12px;align-items:flex-start}.step-tabs button>span{width:31px;height:31px;font-size:12px}.step-panel{min-height:140px;padding-top:23px}.step-panel p{max-width:780px;font-size:16px;line-height:1.6}.step-panel h4{font-size:21px}.step-panel .text-link{font-size:14px}.contact{border-top:1px solid #e6ece0;padding-top:54px;padding-bottom:58px}.contact-copy>p{font-size:16px}.contact-form{padding:28px}.contact-data>span{display:block}.form-top>span{font-size:12px}select{font:inherit;font-size:14px;line-height:1.5;border:1px solid #dce3d7;background:white;border-radius:5px;padding:11px 9px;color:#243d2c;width:100%;min-width:0;min-height:44px}select:focus{outline:2px solid #699344;outline-offset:2px}.form-grid input,.form-grid textarea{font-size:14px}.form-grid label{font-size:14px}.form-info,.form-privacy{font-size:12px}.hero-art .bottle{mix-blend-mode:normal;opacity:1}.hero-art .magnesium{clip-path:polygon(32% 13%,68% 13%,71% 15%,71% 22%,75% 28%,77% 37%,77% 80%,73% 85%,64% 87%,35% 87%,27% 84%,24% 79%,24% 37%,26% 28%,30% 22%,30% 15%)}.hero-art .calm{clip-path:polygon(32% 12%,68% 12%,71% 14%,71% 21%,75% 27%,77% 36%,77% 80%,73% 85%,65% 87%,35% 87%,27% 84%,23% 79%,23% 36%,25% 27%,29% 21%,29% 14%)}
@media(max-width:1050px){.product-content{padding:20px 18px 0}.product h3{font-size:19px;min-height:97px}.product-content>p{min-height:128px}.product-image{height:285px}.product-image img,.purple .product-image img{height:370px;width:278px;top:-35px}.reason{padding:19px 16px}.reason h3{font-size:16px}.partner-grid>div{flex-direction:column;align-items:flex-start}.contact{gap:35px}.step-tabs button{font-size:13px}}
@media(max-width:760px){.products{padding-top:32px}.product-grid{gap:23px}.product{display:block}.product-image{height:258px;min-height:0}.product-image img,.purple .product-image img{height:345px;width:260px;top:-38px}.product-category{display:block;font-size:12px;max-width:100px;line-height:1.5}.count{right:13px;left:auto;transform:none;font-size:12px;bottom:12px}.product-content{padding:20px 22px 0}.product h3{min-height:0;font-size:22px;margin-bottom:12px}.product h3 span,.orange h3 span{font-size:17px}.product-content>p{min-height:0;font-size:16px}.product-features{margin:15px 0 18px;gap:5px;font-size:14px}.product-cta{font-size:15px}.product-content details p{font-size:14px}.reasons{padding-block:36px}.reason-grid{grid-template-columns:1fr 1fr;gap:12px}.reason{padding:18px 15px}.reason h3{font-size:16px}.reason p{font-size:14px;max-width:none}.reason .icon{width:26px;height:26px}.partners{padding-block:36px 22px}.partner-grid{grid-template-columns:1fr 1fr}.partner-grid>div{flex-direction:row;align-items:center;padding:16px 13px;min-height:80px}.partner-grid>div:last-child{grid-column:1/-1}.partner-grid h3{font-size:14px}.process{padding-block:8px 36px}.cooperation{padding:21px 17px}.cooperation-intro{display:block;margin-bottom:23px}.cooperation-intro h2{font-size:25px}.cooperation-intro>p{display:block;margin-top:12px;font-size:14px}.cooperation-intro>p br{display:none}.step-tabs{grid-template-columns:1fr 1fr;gap:15px 12px}.step-tabs button{flex-direction:row;align-items:flex-start;font-size:14px;gap:8px;padding-bottom:12px}.step-tabs button>span{width:25px;height:25px;flex-shrink:0}.step-panel{min-height:200px;padding-top:20px}.step-panel h4{font-size:20px}.step-panel p{font-size:16px}.contact{padding-block:36px;gap:25px}.contact-copy>p{font-size:16px}.contact-form{padding:23px 18px}.form-grid{grid-template-columns:1fr}.form-top>span{font-size:12px}.form-grid input,.form-grid textarea,select{font-size:16px}.form-grid input::placeholder,.form-grid textarea::placeholder{font-size:14px}.form-info,.form-privacy{font-size:12px}.hero-art .portfolio-note{max-width:100%}.form-top{flex-wrap:wrap}.product-bottom p,.product-bottom .text-link{font-size:14px}}
@media(max-width:360px){.reason-grid{grid-template-columns:1fr}.reason{display:flex;gap:14px}.reason .icon{margin:0}.product-content{padding:18px 17px 0}.product-category{font-size:12px;left:12px}.partner-grid>div{flex-direction:column;align-items:flex-start}.step-tabs button{font-size:13px}.product-image{min-height:0}.product-image img,.purple .product-image img{top:-38px}}
.purple .product-image img{height:390px;top:-28px}
@media(min-width:761px) and (max-width:1050px){.purple .product-image img{height:335px;top:-22px}}
@media(max-width:760px){.purple .product-image img{height:300px;top:-20px}}
/* Compact, touch-friendly portfolio on phones. */
.product-scroll-hint{display:none}
@media(max-width:760px){
  .product-scroll-hint{display:block;margin:0 0 14px;font-size:13px;color:#607456}
  .product-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(90%,380px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;padding:3px 2px 13px;scrollbar-width:thin;scrollbar-color:#9ab77d #eef3e9;-webkit-overflow-scrolling:touch}
  .product-grid:focus-visible{outline:2px solid #699344;outline-offset:4px;border-radius:8px}
  .product-grid>.product{scroll-snap-align:start;min-width:0}
  .product-grid::-webkit-scrollbar{height:5px}
  .product-grid::-webkit-scrollbar-track{background:#eef3e9;border-radius:8px}
  .product-grid::-webkit-scrollbar-thumb{background:#9ab77d;border-radius:8px}
  .product-content{padding-inline:18px}
}

.zinc h3 span{color:#207785}.iron h3 span{color:#a12032}
.zinc .product-image img,.iron .product-image img{height:350px;width:280px;top:0}
@media(min-width:761px) and (max-width:1050px){.zinc .product-image img,.iron .product-image img{height:306px;width:245px;top:0}}
@media(max-width:760px){.zinc .product-image img,.iron .product-image img{height:275px;width:220px;top:0}}
/* Five-product hero composition: three behind, two in front. */
.hero-art{container-type:inline-size;min-width:0}
.hero-art .bottle{max-width:none;object-fit:fill}
.hero-art .potassium{width:51%;height:auto;left:-8%;top:65px;transform:rotate(-9deg);z-index:1}
.hero-art .magnesium{width:48%;height:auto;left:26%;top:32px;transform:none;z-index:2}
.hero-art .calm{width:49%;height:auto;right:-6%;top:64px;transform:rotate(9deg);z-index:1}
.hero-art .hero-zinc{width:51%;height:auto;left:0;top:165px;z-index:4;transform:rotate(-5deg);clip-path:polygon(33% 8%,67% 8%,69% 10%,69% 18%,72% 22%,75% 28%,75% 86%,71% 90%,62% 92%,37% 92%,28% 89%,25% 85%,25% 28%,28% 22%,31% 18%,31% 10%)}
.hero-art .hero-iron{width:44%;height:auto;right:1%;top:153px;z-index:5;transform:rotate(5deg);clip-path:polygon(29% 8%,71% 8%,73% 11%,73% 20%,78% 25%,81% 31%,81% 86%,77% 91%,68% 93%,32% 93%,23% 91%,19% 86%,19% 31%,22% 25%,27% 20%,27% 11%)}
.hero-art .portfolio-note{bottom:-8px;left:12%;right:8%;justify-content:center}
@media(min-width:761px) and (max-width:1050px){.hero-art{transform:none;height:490px}.hero-art .potassium,.hero-art .calm{top:100px}.hero-art .magnesium{top:70px}.hero-art .hero-zinc{top:215px}.hero-art .hero-iron{top:205px}.hero-art .portfolio-note{left:0;right:0;bottom:0}.hero-art .orbit{width:90%;height:auto;aspect-ratio:1;left:5%;top:100px}}
@media(max-width:760px){.hero-art{height:380px;overflow:hidden}.hero-art .potassium,.hero-art .calm{top:29px}.hero-art .magnesium{top:8px}.hero-art .hero-zinc{top:133px}.hero-art .hero-iron{top:127px}.hero-art .portfolio-note{bottom:0;left:0;right:0}.hero-art .orbit{width:86%;height:auto;aspect-ratio:1;left:7%;top:37px}}
@media(min-width:1051px){.hero-art .calm{top:24px}.hero-art .hero-zinc{top:145px}.hero-art .hero-iron{top:133px}}
@media(min-width:761px) and (max-width:1050px){.hero-art .calm{top:55px}.hero-art .hero-zinc{top:195px}.hero-art .hero-iron{top:185px}}
@media(max-width:760px){.hero-art .calm{top:-7px}}
/* Match the supplied logo's pale background to the white header. */
.header{background:#fff}
.header .logo{mix-blend-mode:normal;filter:brightness(1.05)}
