.fh-home { --fh-green:#B5E354; --fh-teal:#0E6B75; --fh-purple:#8358ff; font-family:Lato,Arial,sans-serif; width:100%; }
.fh-home *, .fh-home *::before, .fh-home *::after { box-sizing:border-box; }
.fh-home h1, .fh-home h2, .fh-home h3, .fh-home p { margin:0; }
.fh-home button:focus-visible, .fh-home a:focus-visible, .fh-carousel__viewport:focus-visible { outline:3px solid #8358ff; outline-offset:4px; }
.fh-hero__visual { background-color:#0E6B75; background-size:cover; background-position:center 46%; min-height:clamp(380px,44vw,650px); display:grid; place-items:center; position:relative; padding:60px 24px; }
.fh-hero__visual::before { content:""; position:absolute; inset:0; background:#001a1c; opacity:.32; }
.fh-home .fh-hero__title { font-family:"LC Mogi",Impact,sans-serif!important; font-size:clamp(62px,9.2vw,136px)!important; font-weight:400!important; line-height:.92; text-align:center; text-transform:uppercase; color:var(--fh-green); position:relative; max-width:1150px; overflow-wrap:anywhere; }
.fh-ticker { --fh-ticker-background:#8358ff; --fh-ticker-color:#fff; --fh-ticker-separator:#B5E354; background:var(--fh-ticker-background); color:var(--fh-ticker-color); display:flex; position:relative; height:45px; overflow:hidden; }
.fh-ticker__window { flex:1; min-width:0; overflow:hidden; display:flex; align-items:center; }
.fh-ticker__track { width:max-content; display:flex; animation:fh-ticker-scroll var(--fh-ticker-duration,55s) linear infinite; }
.fh-ticker__group { display:flex; flex-shrink:0; align-items:center; }
.fh-ticker__word { white-space:nowrap; display:flex; align-items:center; gap:30px; padding:0 15px; font-size:18px; line-height:1; text-transform:uppercase; }
.fh-ticker__spark { color:var(--fh-ticker-separator); font-size:23px; }
.fh-home .fh-ticker__pause { color:var(--fh-ticker-color); background:var(--fh-ticker-background); border:0; border-left:1px solid #ffffff40; border-radius:0; width:44px; flex:0 0 44px; font-size:18px; padding:0; cursor:pointer; z-index:1; }
.fh-ticker:hover .fh-ticker__track, .fh-ticker:focus-within .fh-ticker__track, .fh-ticker.is-paused .fh-ticker__track { animation-play-state:paused; }
@keyframes fh-ticker-scroll { to { transform:translateX(-50%); } }
.fh-products { background:#f6f3e9; padding:50px 50px 60px; }
.fh-products__inner { max-width:1120px; margin:0 auto; }
.fh-home .fh-products__title { font-family:Lato,Arial,sans-serif; font-size:clamp(25px,3vw,38px); line-height:1.2; color:var(--fh-teal); font-weight:700; text-align:center; margin-bottom:24px; }
.fh-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:30px; }
.fh-step { background:var(--fh-green); color:var(--fh-teal); text-align:center; padding:12px 10px; font-size:16px; line-height:1.3; display:grid; place-items:center; }
.fh-step--2 { background:#FFB600; color:#fff; }
.fh-carousel { position:relative; }
.fh-carousel__viewport { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:0 0 5px; overscroll-behavior-x:contain; }
.fh-carousel__viewport::-webkit-scrollbar { display:none; }
.fh-home .fh-product { flex:0 0 calc((100% - 48px)/3); min-width:0; scroll-snap-align:start; background:#fff; box-shadow:0 3px 3px #0003; display:flex; flex-direction:column; color:var(--fh-teal); text-decoration:none; }
.fh-product__image { width:100%; aspect-ratio:1; height:auto; object-fit:cover; display:block; }
.fh-home .fh-product__name { font-family:Lato,Arial,sans-serif; font-weight:700; font-size:17px; line-height:1.3; text-transform:uppercase; text-align:center; padding:22px 12px; margin:auto 0; color:var(--fh-teal); }
.fh-home .fh-carousel__prev, .fh-home .fh-carousel__next { position:absolute; top:40%; transform:translateY(-50%); border:0; border-radius:0; padding:0; background:transparent; color:var(--fh-teal); font-family:Arial,sans-serif; font-size:40px; line-height:44px; width:40px; height:44px; cursor:pointer; }
.fh-carousel__prev { left:-44px; }
.fh-carousel__next { right:-44px; }
.fh-carousel button:disabled { opacity:.25; cursor:default; }
.fh-home .fh-products__catalog-button { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:34px; margin-top:16px; padding:7px 12px; border:1px solid var(--fh-green); border-radius:3px; background:var(--fh-green); color:var(--fh-teal); font-family:Lato,Arial,sans-serif; font-size:13px; font-weight:700; line-height:18px; text-transform:uppercase; text-decoration:none; text-align:center; }
.fh-home .fh-products__catalog-button:hover { background:var(--fh-teal); border-color:var(--fh-teal); color:var(--fh-green); }
.fh-shipping__visual { background-size:cover; background-position:center 53%; background-color:#294b25; position:relative; padding:72px 50px 34px; }
.fh-shipping__visual::before { content:""; position:absolute; inset:0; background:rgba(0,0,0,.51); }
.fh-shipping__inner { position:relative; max-width:1200px; margin:auto; }
.fh-shipping__grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:70px; align-items:center; }
.fh-home .fh-shipping__title { font-family:"LC Mogi",Impact,sans-serif!important; font-size:clamp(48px,6vw,82px)!important; font-weight:400!important; line-height:.95; color:#f6f3e9; text-transform:uppercase; overflow-wrap:anywhere; }
.fh-home .fh-shipping__subtitle { font-size:clamp(20px,2vw,27px); color:#f6f3e9; line-height:1.25; margin:8px 0 24px; font-weight:700; }
.fh-zones { list-style:none!important; padding:0!important; margin:0!important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.fh-zones li { display:flex; gap:12px; align-items:center; color:var(--fh-teal); background:var(--fh-green); padding:10px 12px; font-size:15px; line-height:1.2; margin:0; }
.fh-zones li:nth-child(4n+1), .fh-zones li:nth-child(4n) { background:var(--fh-purple); color:#fff; }
.fh-zones svg { width:18px; height:22px; flex-shrink:0; }
.fh-shipping__map { display:block; width:100%; height:auto; border-radius:28px; }
.fh-home .fh-shipping__delivery { text-align:center; color:#f6f3e9; font-size:clamp(18px,2.2vw,28px); font-weight:700; line-height:1.3; margin:36px 0 0; }
@media(max-width:991px) {
    .fh-products { padding:38px 40px 44px; }
    .fh-steps { gap:14px; }
    .fh-step { font-size:14px; }
    .fh-carousel__viewport { gap:16px; }
    .fh-home .fh-product { flex-basis:calc((100% - 32px)/3); }
    .fh-home .fh-product__name { font-size:14px; padding:18px 8px; }
    .fh-shipping__visual { padding:50px 35px 30px; }
    .fh-shipping__grid { gap:35px; }
    .fh-zones li { font-size:13px; padding:9px 8px; gap:8px; }
}
@media(max-width:600px) {
    .fh-hero__visual { min-height:390px; padding:50px 18px; }
    .fh-home .fh-hero__title { font-size:clamp(45px,11vw,65px)!important; }
    .fh-ticker { height:40px; }
    .fh-ticker__word { font-size:15px; gap:20px; padding:0 10px; }
    .fh-products { padding:30px 28px 36px; }
    .fh-steps { gap:8px; margin-bottom:22px; }
    .fh-step { font-size:12px; padding:10px 6px; }
    .fh-home .fh-product { flex-basis:100%; }
    .fh-home .fh-product__name { font-size:16px; }
    .fh-home .fh-carousel__prev, .fh-home .fh-carousel__next { width:28px; font-size:32px; }
    .fh-carousel__prev { left:-28px; }
    .fh-carousel__next { right:-28px; }
    .fh-shipping__visual { padding:36px 24px 28px; }
    .fh-shipping__grid { grid-template-columns:minmax(0,1fr); gap:28px; }
    .fh-shipping__map { border-radius:20px; }
    .fh-zones li { font-size:14px; min-height:42px; }
    .fh-home .fh-shipping__delivery { margin-top:26px; }
}
@media(prefers-reduced-motion:reduce) { .fh-ticker__track { animation:none; } .fh-ticker__pause { display:none; } }