/* Grosir dan FAQ — halaman informasi Foodstocks */
.fs-info{color:var(--fs-ink);background:#fff;overflow:hidden}
.fs-info h1,.fs-info h2,.fs-info h3{margin:0;color:inherit;text-wrap:balance}
.fs-info p{margin:0;text-wrap:pretty}
.fs-info__section{padding-block:clamp(64px,7vw,96px)}
.fs-info__hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--fs-line);background:#fff}
.fs-info__hero::before{content:"";position:absolute;inset:0;z-index:0;background:url(../img/patterns/clouds.png) center/cover no-repeat;opacity:0.05;pointer-events:none}
.fs-info__hero>.fs-container{position:relative;z-index:2}
.fs-info__intro{margin-bottom:20px!important;color:var(--fs-red);font-size:.95rem!important;font-weight:700}
.fs-info__hero-copy h1{font-size:clamp(2.65rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.04em}
.fs-info__hero-copy>p:last-of-type{max-width:64ch;margin-top:26px!important;color:var(--fs-gray-700);font-size:1rem;line-height:1.75}
.fs-info__actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}
.fs-info__btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:12px 24px!important;border-radius:var(--fs-radius-pill)!important;font-weight:700!important;text-decoration:none!important}
.fs-info__btn--primary{border:1px solid var(--fs-red)!important;background:var(--fs-red)!important;color:#fff!important}
.fs-info__btn--primary:hover{border-color:var(--fs-red-dark)!important;background:var(--fs-red-dark)!important;color:#fff!important}
.fs-info__btn--light{border:1px solid #fff!important;background:#fff!important;color:var(--fs-red)!important}
.fs-info__btn--light:hover{background:#f3f4f6!important;color:var(--fs-red-dark)!important}
.fs-info__text-link{display:inline-flex;align-items:center;gap:8px;color:var(--fs-ink);font-weight:700;text-decoration:none}
.fs-info__text-link span{font-size:1.25em;transition:transform .18s cubic-bezier(.22,1,.36,1)}
.fs-info__text-link:hover{color:var(--fs-red)}
.fs-info__text-link:hover span{transform:translateX(3px)}
.fs-info__text-link--red{color:var(--fs-red)}
.fs-info__text-link:focus-visible,.fs-info__btn:focus-visible,.fs-faq__item summary:focus-visible{outline:3px solid rgba(214,0,1,.65);outline-offset:3px}

/* Grosir */
.fs-wholesale__hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);align-items:center;gap:clamp(48px,7vw,104px);padding-block:clamp(64px,8vw,112px)}
.fs-wholesale .fs-info__hero-copy{max-width:610px}
.fs-wholesale .fs-info__hero-copy h1{max-width:13ch}
.fs-wholesale__visual{margin:0;overflow:hidden;border-radius:8px;background:#f3f4f6}
.fs-wholesale__visual img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.fs-wholesale__steps{background:#f5f6f8}
.fs-wholesale__section-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(48px,8vw,128px);align-items:start}
.fs-info__section-intro{max-width:430px}
.fs-info__section-intro h2,.fs-info__contact-band h2,.fs-faq__contact h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.035em}
.fs-info__section-intro p{margin-top:20px!important;color:var(--fs-gray-700);font-size:.96rem;line-height:1.7}
.fs-wholesale__step-list{margin:0;padding:0;list-style:none;border-bottom:1px solid #cfd5de}
.fs-wholesale__step-list li{display:grid;grid-template-columns:32px minmax(170px,.46fr) minmax(0,1fr);gap:24px;padding-block:28px;border-top:1px solid #cfd5de}
.fs-wholesale__step-list li>span{color:var(--fs-red);font-size:.9rem;font-weight:800}
.fs-wholesale__step-list h3{font-size:1.04rem;line-height:1.5}
.fs-wholesale__step-list p{color:var(--fs-gray-700);font-size:.93rem;line-height:1.7}
.fs-wholesale__scope-content>p{max-width:68ch;color:var(--fs-ink);font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:600;line-height:1.55}
.fs-wholesale__scope-content ul{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--fs-line)}
.fs-wholesale__scope-content li{position:relative;padding:17px 0 17px 28px;border-top:1px solid var(--fs-line);color:var(--fs-gray-700);font-size:.94rem;line-height:1.6}
.fs-wholesale__scope-content li::before{content:"";position:absolute;left:0;top:25px;width:8px;height:8px;border-radius:50%;background:var(--fs-red)}
.fs-wholesale__contact{padding-top:0}
.fs-info__contact-band{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:48px 56px;border-radius:10px;background:var(--fs-red);color:#fff}
.fs-info__contact-band::before{content:"";position:absolute;inset:0;z-index:0;background:url(../img/patterns/doodle.png) center/cover no-repeat;opacity:.1;mix-blend-mode:luminosity;pointer-events:none}
.fs-info__contact-band>*{position:relative;z-index:1}
.fs-info__contact-band h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.fs-info__contact-band p{max-width:62ch;margin-top:12px!important;color:rgba(255,255,255,.92);font-size:.95rem;line-height:1.7}
.fs-info__contact-band .fs-info__btn{flex:0 0 auto}

/* FAQ */
.fs-faq__hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;padding-block:clamp(64px,8vw,104px)}
.fs-faq .fs-info__hero-copy{max-width:820px}
.fs-faq .fs-info__hero-copy h1{max-width:16ch}
.fs-faq__hero-row>.fs-info__text-link{flex:0 0 auto;margin-bottom:8px}
.fs-faq__content{padding-top:clamp(48px,6vw,80px)}
.fs-faq__list{width:100%;border-bottom:1px solid var(--fs-line)}
.fs-faq__item{width:100%;margin:0;border:0;border-top:1px solid var(--fs-line);border-radius:0;background:transparent}
.fs-faq__item summary{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:32px;min-height:88px;padding:20px 0;color:var(--fs-ink);font-size:1.05rem;font-weight:700;line-height:1.5;list-style:none;cursor:pointer}
.fs-faq__item summary::-webkit-details-marker{display:none}
.fs-faq__icon{position:relative;display:block;width:36px;height:36px;border:1px solid #cfd5de;border-radius:50%;justify-self:end;transition:border-color .18s ease,background-color .18s ease}
.fs-faq__icon::before,.fs-faq__icon::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;border-radius:2px;background:var(--fs-red);transform:translate(-50%,-50%);transition:opacity .18s ease,transform .18s ease}
.fs-faq__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.fs-faq__item[open] .fs-faq__icon{border-color:var(--fs-red);background:#fff4f4}
.fs-faq__item[open] .fs-faq__icon::after{opacity:0;transform:translate(-50%,-50%) rotate(0)}
.fs-faq__answer{max-width:80ch;padding:0 72px 30px 0}
.fs-faq__answer p{color:var(--fs-gray-700);font-size:.96rem;line-height:1.75}
.fs-faq__answer a{color:var(--fs-red);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fs-faq__contact{padding-top:0}
.fs-faq__contact-row{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:64px;border-top:1px solid var(--fs-line)}
.fs-faq__contact h2{font-size:clamp(1.75rem,3vw,2.5rem)}
.fs-faq__contact p{max-width:65ch;margin-top:12px!important;color:var(--fs-gray-700);font-size:.95rem;line-height:1.7}
.fs-faq__contact .fs-info__btn{flex:0 0 auto}

body.page-template-page-grosir .fs-footer,body.page-template-page-faq .fs-footer{margin-top:0}

@media(max-width:1000px){
	.fs-wholesale__hero-grid{grid-template-columns:1fr;gap:48px}
	.fs-wholesale .fs-info__hero-copy{max-width:720px}
	.fs-wholesale__section-grid{grid-template-columns:1fr;gap:40px}
	.fs-info__section-intro{max-width:680px}
	.fs-faq__hero-row{align-items:flex-start;flex-direction:column;gap:28px}
	.fs-faq__hero-row>.fs-info__text-link{margin-bottom:0}
	.fs-info__contact-band{align-items:flex-start;flex-direction:column;padding:40px}
	.fs-faq__contact-row{align-items:flex-start;flex-direction:column;gap:28px}
}

@media(max-width:640px){
	.fs-info__section{padding-block:56px}
	.fs-info__hero::before{background-size:cover}
	.fs-info__intro{margin-bottom:16px!important}
	.fs-info__hero-copy h1{font-size:clamp(2.3rem,11vw,3.1rem)}
	.fs-info__hero-copy>p:last-of-type{margin-top:20px!important;font-size:.96rem}
	.fs-info__actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:28px}
	.fs-info__btn{width:100%}
	.fs-wholesale__hero-grid{padding-block:56px;gap:36px}
	.fs-wholesale__step-list li{grid-template-columns:28px minmax(0,1fr);gap:8px 12px;padding-block:22px}
	.fs-wholesale__step-list li p{grid-column:2}
	.fs-info__contact-band{padding:32px 24px}
	.fs-faq__hero-row{padding-block:56px}
	.fs-faq__content{padding-top:36px}
	.fs-faq__item summary{grid-template-columns:minmax(0,1fr) 36px;gap:20px;min-height:78px;padding:18px 0;font-size:.98rem}
	.fs-faq__icon{width:32px;height:32px}
	.fs-faq__answer{padding:0 0 24px}
	.fs-faq__contact-row{padding-top:48px}
}

@media(prefers-reduced-motion:reduce){
	.fs-info *{scroll-behavior:auto!important;transition-duration:.001ms!important}
}