/* Unique desktop composition from Figma frame 1212:1251. Shared page components remain in their canonical stylesheets. */
@media (min-width:1360px){
  .cleaning-direction-page-main{position:relative;overflow:clip;background:#fff}
  .cleaning-direction-page-main>*{position:relative;z-index:1}

  .cleaning-direction-page__intro .container{width:var(--container)}
  .cleaning-direction-page__hero{position:relative;display:grid;grid-template-columns:1092px 189px;gap:20px;margin-top:43px}
  .cleaning-direction-page__hero-media{position:relative;width:1054px;height:391px}
  .cleaning-direction-page__hero-media>picture,.cleaning-direction-page__hero-media>picture img{display:block;width:1054px;height:391px}
  .cleaning-direction-page__hero-media>picture img{border-radius:5px;object-fit:cover;object-position:50% 50%}
  .cleaning-direction-page__hero-note{position:absolute;z-index:3;top:258px;left:-10px;box-sizing:border-box;width:827px;min-height:169px;padding:24px 28px;border:1px solid rgb(41 115 124 / .2);border-radius:5px;background:rgb(255 255 255 / .95);color:#29737c;font-size:16px;font-weight:400;line-height:24px}
  .cleaning-direction-page__hero-mask{position:absolute;z-index:2;top:15px;left:748px;display:block;width:611px;height:630px;max-width:none;pointer-events:none}
  .cleaning-direction-page__directions{position:relative;z-index:3;width:189px;height:349px;margin:18px 0 0;padding:0;list-style:none}
  .cleaning-direction-page__directions li{position:absolute;left:0;width:189px;color:#29737c}
  .cleaning-direction-page__directions li:nth-child(1){top:0;height:88px}
  .cleaning-direction-page__directions li:nth-child(2){top:118px;height:90px}
  .cleaning-direction-page__directions li:nth-child(3){top:238px;height:111px}
  .cleaning-direction-page__directions span{position:absolute;top:61px;right:0;width:263px;font-family:var(--font-display);font-size:30px;font-weight:400;line-height:27px;text-align:right;text-transform:uppercase}
  .cleaning-direction-page__directions li:nth-child(2) span{top:63px;width:308px}
  .cleaning-direction-page__directions li:nth-child(3) span{top:57px;width:350px}
  .cleaning-direction-page__directions img{position:absolute;top:0;right:0;display:block;max-width:none;object-fit:contain}

  .cleaning-direction-page__content{margin-top:96px}
  .cleaning-direction-page__content .section-title{width:auto;height:65px;margin:0;transform:none;color:#29737c;font-family:var(--font-display);font-size:72px;font-weight:400;line-height:65px;letter-spacing:0}
  .cleaning-direction-page__feature{display:grid;grid-template-columns:636px 636px;gap:24px;align-items:start}
  .cleaning-direction-page__feature img{display:block;width:636px;object-fit:cover;border-radius:5px}
  .cleaning-direction-page__feature p{margin:0;color:#29737c;font-size:20px;font-weight:500;line-height:26px}
  .cleaning-direction-page__feature--primary{min-height:338px;margin-top:31px}
  .cleaning-direction-page__feature--primary img{height:338px;object-position:50% 50%}
  .cleaning-direction-page__feature--proof{height:212px;margin-top:30px}
  .cleaning-direction-page__feature--proof img{height:212px;object-position:50% 50%}

  .cleaning-direction-products{margin-top:58px}
  .cleaning-direction-products__controls{display:none}
  .cleaning-direction-products__viewport{display:block}
  .cleaning-direction-products__track{display:grid;grid-template-columns:repeat(3,416px);gap:24px}
  .cleaning-direction-products .product-card{width:416px;height:488px;min-height:0;padding:0}
  .cleaning-direction-products__safe .product-bottle{position:absolute;z-index:2;top:0;left:50%;width:265px;height:291px;transform:translateX(-50%);object-fit:contain}
  .cleaning-direction-products__safe .product-card-body{position:absolute;z-index:3;inset:0;padding:0}
  .cleaning-direction-products__safe h2{position:absolute;top:303px;right:26px;left:26px;margin:0;color:#29737c;font-size:20px;font-weight:700;line-height:24px}
  .cleaning-direction-products__safe p{position:absolute;top:343px;right:26px;left:26px;height:64px;margin:0;overflow:hidden;color:rgb(41 115 124 / .6);font-size:16px;font-weight:500;line-height:20px}
  .cleaning-direction-products__safe .button{position:absolute;right:26px;bottom:22px;left:26px;width:364px;height:43px}
  .cleaning-direction-products__link{position:relative;display:block;overflow:hidden;color:#29737c;text-decoration:none}
  .cleaning-direction-products__link span{position:absolute;z-index:1}
  .cleaning-direction-products__arrow{position:absolute;z-index:1}
  .cleaning-direction-page .safe-page__consultation{margin-top:72px}
}

/* Responsive composition reuses the accepted Agriculture direction pattern. */
@media (max-width:1359px){
  .cleaning-direction-page__hero-media picture,.cleaning-direction-page__hero-media img{display:block;width:100%;height:auto;aspect-ratio:1054/391}
  .cleaning-direction-page__hero-media picture{clip-path:polygon(0 0,100% 0,100% 3.8%,85.1% 51.4%,64.1% 100%,0 100%)}
  .cleaning-direction-page__hero-media img{border-radius:5px;object-fit:cover;object-position:50% 50%}
  .cleaning-direction-page__hero-mask{display:none}
  .cleaning-direction-page__feature picture,.cleaning-direction-page__feature img{display:block;width:100%}
  .cleaning-direction-page__feature img{height:auto;object-fit:cover;border-radius:5px}
  .cleaning-direction-products{position:relative}
  .cleaning-direction-products__controls{position:absolute;z-index:4;top:50%;right:12px;left:12px;display:flex;justify-content:space-between;gap:0;margin:0;pointer-events:none;transform:translateY(-50%)}
  .cleaning-direction-products__control{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgb(41 115 124 / .42);border-radius:50%;background:rgb(255 255 255 / .96);box-shadow:0 4px 15px rgb(0 0 0 / .12);color:#29737c;cursor:pointer;pointer-events:auto}
  .cleaning-direction-products__control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
  .cleaning-direction-products__control:hover{border-color:#29737c;background:#29737c;color:#fff}
  .cleaning-direction-products__control:disabled{border-color:rgb(41 115 124 / .16);background:rgb(255 255 255 / .82);box-shadow:none;color:rgb(41 115 124 / .24);cursor:default}
  .cleaning-direction-products__control:focus-visible,.cleaning-direction-products__viewport:focus-visible{outline:2px solid #7dc804;outline-offset:3px}
  .cleaning-direction-products__viewport{display:block;overflow-x:auto;overflow-y:visible;padding:8px 0 4px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cleaning-direction-products__viewport::-webkit-scrollbar{display:none}
  .cleaning-direction-products__track{display:flex;gap:24px;width:max-content}
  .cleaning-direction-products .product-card{position:relative;width:100%;height:auto;min-height:0;padding:0;aspect-ratio:416/488}
  .cleaning-direction-products__track .product-card{flex:0 0 416px;width:416px;scroll-snap-align:start;scroll-snap-stop:always}
  .cleaning-direction-products__safe .product-bottle{position:absolute;z-index:2;top:0;left:50%;width:63.7%;height:59.6%;max-height:none;transform:translateX(-50%);object-fit:contain}
  .cleaning-direction-products__safe .product-card-body{position:absolute;z-index:3;inset:0;padding:0}
  .cleaning-direction-products__safe h2{position:absolute;top:62.1%;right:6.25%;left:6.25%;margin:0;color:#29737c;font-size:20px;font-weight:700;line-height:1.2}
  .cleaning-direction-products__safe p{position:absolute;top:70.3%;right:6.25%;left:6.25%;height:13.2%;margin:0;overflow:hidden;color:rgb(41 115 124 / .6);font-size:16px;font-weight:500;line-height:1.25}
  .cleaning-direction-products__safe .button{position:absolute;right:6.25%;bottom:4.5%;left:6.25%;width:87.5%;height:43px}
  .cleaning-direction-products__link{position:relative;display:block;overflow:hidden;color:#29737c;text-decoration:none}
  .cleaning-direction-products__link::before{position:absolute;top:21.21%;right:0;left:0;width:100%;height:78.79%;border:0;background:transparent url("../icons/safe-direction-product-link-card.svg") 0 0/100% 100% no-repeat;content:""}
  .cleaning-direction-products__link::after{content:none}
  .cleaning-direction-products__link span{position:absolute;z-index:1;top:85.45%;right:6.31%;left:6.31%;color:#29737c;font-size:20px;font-weight:700;line-height:1.26}
  .cleaning-direction-products__arrow{position:absolute;z-index:1;top:33.2%;right:12.17%;width:14.42%;height:12.3%;color:rgb(41 115 124 / .2);stroke-width:5}
}

@media (min-width:1025px) and (max-width:1359px){
  .cleaning-direction-page__hero{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:24px;margin-top:40px}
  .cleaning-direction-page__hero-media{position:relative;min-width:0}
  .cleaning-direction-page__hero-note{position:absolute;bottom:0;left:0;box-sizing:border-box;width:min(827px,88%);padding:18px 20px;border:1px solid rgb(41 115 124 / .2);border-radius:0 5px 0 5px;background:rgb(255 255 255 / .95);color:#29737c;font-size:15px;font-weight:400;line-height:21px}
  .cleaning-direction-page__directions{display:grid;align-content:space-between;gap:16px;min-width:0;margin:0;padding:0;list-style:none}
  .cleaning-direction-page__directions li{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:12px;color:#29737c}
  .cleaning-direction-page__directions span{font-family:var(--font-display);font-size:clamp(22px,2.2vw,28px);font-weight:400;line-height:.98;text-align:right;text-transform:uppercase}
  .cleaning-direction-page__directions img{justify-self:end;max-width:100%;height:auto}
  .cleaning-direction-page__content{margin-top:76px}
  .cleaning-direction-page__content .section-title{height:auto;margin:0;color:#29737c;font-family:var(--font-display);font-size:clamp(48px,6.4vw,64px);font-weight:400;line-height:1.02}
  .cleaning-direction-page__feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
  .cleaning-direction-page__feature p{margin:0;color:#29737c;font-size:18px;font-weight:500;line-height:1.4}
  .cleaning-direction-page__feature--primary{margin-top:30px}.cleaning-direction-page__feature--proof{margin-top:48px}
  .cleaning-direction-page__feature--primary img{aspect-ratio:636/338}.cleaning-direction-page__feature--proof img{aspect-ratio:636/212}
  .cleaning-direction-products{margin-top:58px}
  .cleaning-direction-page .safe-page__consultation{margin-top:72px}
}

@media (min-width:768px) and (max-width:1024px){
  .cleaning-direction-page__hero{display:grid;gap:24px;margin-top:36px}
  .cleaning-direction-page__hero-media{position:relative}
  .cleaning-direction-page__hero-note{position:relative;box-sizing:border-box;width:min(680px,84%);margin-top:-98px;margin-left:20px;padding:18px 20px;border:1px solid rgb(41 115 124 / .2);border-radius:5px;background:rgb(255 255 255 / .96);color:#29737c;font-size:16px;font-weight:400;line-height:22px}
  .cleaning-direction-page__directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:12px 0 0;padding:0;list-style:none}
  .cleaning-direction-page__directions li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;color:#29737c}
  .cleaning-direction-page__directions span{padding-top:20px;font-family:var(--font-display);font-size:clamp(22px,3.4vw,28px);font-weight:400;line-height:.98;text-align:right;text-transform:uppercase}
  .cleaning-direction-page__directions img{max-width:52px;height:auto}
  .cleaning-direction-page__content{margin-top:72px}
  .cleaning-direction-page__content .section-title{height:auto;margin:0;color:#29737c;font-family:var(--font-display);font-size:clamp(48px,6.4vw,64px);font-weight:400;line-height:1.02}
  .cleaning-direction-page__feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
  .cleaning-direction-page__feature p{margin:0;color:#29737c;font-size:16px;font-weight:500;line-height:1.4}
  .cleaning-direction-page__feature--primary{margin-top:30px}.cleaning-direction-page__feature--proof{margin-top:42px}
  .cleaning-direction-page__feature--primary img{aspect-ratio:636/338}.cleaning-direction-page__feature--proof img{aspect-ratio:636/212}
  .cleaning-direction-products{margin-top:52px}
  .cleaning-direction-page .safe-page__consultation{margin-top:72px}
}

@media (max-width:767px){
  .cleaning-direction-page__hero{display:grid;gap:20px;margin-top:28px}
  .cleaning-direction-page__hero-media picture{clip-path:none}
  .cleaning-direction-page__hero-note{position:relative;box-sizing:border-box;width:100%;margin-top:20px;padding:17px 18px;border:1px solid rgb(41 115 124 / .2);border-radius:5px;background:rgb(255 255 255 / .96);color:#29737c;font-size:16px;font-weight:500;line-height:22px}
  .cleaning-direction-page__directions{display:grid;gap:12px;margin:0;padding:0;list-style:none}
  .cleaning-direction-page__directions li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:61px;padding:10px 12px;border:1px solid rgb(41 115 124 / .16);border-radius:5px;background:#fff;color:#29737c}
  .cleaning-direction-page__directions span{font-family:var(--font-display);font-size:clamp(23px,7.3vw,28px);font-weight:400;line-height:.98;text-align:right;text-transform:uppercase}
  .cleaning-direction-page__directions img{max-width:52px;height:auto}
  .cleaning-direction-page__content{margin-top:52px}
  .cleaning-direction-page__content .section-title{height:auto;margin:0;color:#29737c;font-family:var(--font-display);font-size:clamp(34px,10vw,42px);font-weight:400;line-height:1.05}
  .cleaning-direction-page__feature{display:grid;gap:20px;margin-top:24px}
  .cleaning-direction-page__feature p{margin:0;color:#29737c;font-size:16px;font-weight:500;line-height:1.4}
  .cleaning-direction-page__feature--proof{margin-top:42px}
  .cleaning-direction-page__feature--primary img{aspect-ratio:636/338}.cleaning-direction-page__feature--proof img{aspect-ratio:636/212}
  .cleaning-direction-products{margin-top:42px}
  .cleaning-direction-products__controls{right:8px;left:8px}
  .cleaning-direction-products__viewport{padding-bottom:18px}
  .cleaning-direction-products__track{gap:18px}
  .cleaning-direction-products__track .product-card{flex-basis:min(416px,calc(100vw - 78px));width:min(416px,calc(100vw - 78px))}
  .cleaning-direction-page .safe-page__consultation{margin-top:56px}
}

html.site-js .cleaning-direction-products[data-product-card-reveal].is-product-card-reveal-ready .product-card{opacity:0;transform:translateY(18px) scale(.985);will-change:opacity,transform}
html.site-js .cleaning-direction-products[data-product-card-reveal].is-product-card-reveal-ready.is-product-card-reveal-active .product-card{opacity:1;transform:none;transition:opacity 520ms cubic-bezier(.22,.61,.36,1),transform 520ms cubic-bezier(.22,.61,.36,1)}
html.site-js .cleaning-direction-products[data-product-card-reveal].is-product-card-reveal-active .product-card:nth-child(2){transition-delay:105ms}
html.site-js .cleaning-direction-products[data-product-card-reveal].is-product-card-reveal-active .product-card:nth-child(3){transition-delay:210ms}
@media (prefers-reduced-motion:reduce){html.site-js .cleaning-direction-products[data-product-card-reveal] .product-card{opacity:1!important;transform:none!important;transition:none!important}}