.products-module__yfjocW__pageMain{padding-top:72px}.products-module__yfjocW__pageHero{background-color:var(--color-primary);padding-top:calc(var(--sp-2xl) + var(--sp-lg));padding-bottom:var(--sp-xl);background-image:linear-gradient(#162c3ad9,#162c3ad9),url(/assets/hero-info-barokah.webp);background-position:50%;background-size:cover;position:relative;overflow:hidden}.products-module__yfjocW__pageHero:after{content:"";background-color:var(--color-neutral);clip-path:polygon(0 100%,100% 100%,100% 60%,0 100%);height:60px;position:absolute;bottom:-1px;left:0;right:0}.products-module__yfjocW__pageHeroInner{z-index:1;position:relative}.products-module__yfjocW__pageHeroEyebrow{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-tertiary);margin-bottom:var(--sp-md);font-weight:500;display:inline-block}.products-module__yfjocW__pageHeroTitle{font-family:var(--font-display);color:var(--color-on-primary);max-width:18ch;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.1}.products-module__yfjocW__pageHeroTitle em{color:var(--color-tertiary);font-style:italic}.products-module__yfjocW__productsSection{padding-block:var(--sp-2xl);background-color:var(--color-neutral)}.products-module__yfjocW__tabBar{align-items:center;gap:var(--sp-sm);border-bottom:2px solid var(--color-border);margin-bottom:var(--sp-xl);scrollbar-width:none;display:flex;overflow-x:auto}.products-module__yfjocW__tabBar::-webkit-scrollbar{display:none}.products-module__yfjocW__tabBtn{padding:var(--sp-md) var(--sp-lg);font-family:var(--font-body);letter-spacing:.04em;color:var(--color-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-base);background:0 0;border:none;flex-shrink:0;font-size:.9rem;font-weight:500;position:relative}.products-module__yfjocW__tabBtn:after{content:"";background-color:var(--color-tertiary);transform-origin:0;height:2px;transition:transform var(--transition-base);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.products-module__yfjocW__tabBtn:hover,.products-module__yfjocW__tabBtn.products-module__yfjocW__active{color:var(--color-primary)}.products-module__yfjocW__tabBtn.products-module__yfjocW__active:after{transform:scaleX(1)}.products-module__yfjocW__tabIcon{vertical-align:text-bottom;flex-shrink:0;width:1.2rem;height:1.2rem;margin-right:4px}.products-module__yfjocW__tabPanel{display:none}.products-module__yfjocW__tabPanel.products-module__yfjocW__active{animation:.3s forwards products-module__yfjocW__panelFade;display:block}@keyframes products-module__yfjocW__panelFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.products-module__yfjocW__categoryHeader{margin-bottom:var(--sp-xl)}.products-module__yfjocW__categoryHeaderEyebrow{margin-bottom:var(--sp-sm)}.products-module__yfjocW__categoryHeaderTitle{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:var(--fw-h);color:var(--color-primary);margin-bottom:var(--sp-sm);line-height:1.25}.products-module__yfjocW__categoryHeaderBody{color:var(--color-secondary);max-width:60ch;font-size:.95rem;line-height:1.7}.products-module__yfjocW__productGrid{gap:var(--sp-lg);grid-template-columns:repeat(3,1fr);display:grid}.products-module__yfjocW__productCard{background-color:var(--color-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.products-module__yfjocW__productCard:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.products-module__yfjocW__productCardImgWrap{aspect-ratio:4/3;background-color:var(--color-border);position:relative;overflow:hidden}.products-module__yfjocW__productCardImg{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.products-module__yfjocW__productCard:hover .products-module__yfjocW__productCardImg{transform:scale(1.07)}.products-module__yfjocW__productCardBadge{top:var(--sp-md);left:var(--sp-md);background-color:var(--color-primary);color:var(--color-on-primary);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r-sm);z-index:1;padding:4px 10px;font-size:.68rem;font-weight:500;position:absolute}.products-module__yfjocW__productCardBody{padding:var(--sp-md) var(--sp-lg) var(--sp-lg);flex-direction:column;flex:1;display:flex}.products-module__yfjocW__productCardCategory{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-tertiary);margin-bottom:var(--sp-xs);font-weight:500}.products-module__yfjocW__productCardName{font-family:var(--font-display);color:var(--color-primary);margin-bottom:var(--sp-sm);text-align:left;font-size:1.15rem;font-weight:500;line-height:1.3}.products-module__yfjocW__productCardNameButton{cursor:pointer;width:100%;display:block}.products-module__yfjocW__productCardNameHint{font-family:var(--font-body);color:var(--color-tertiary);white-space:nowrap;font-size:.7rem}.products-module__yfjocW__productCardDesc{color:var(--color-secondary);margin-bottom:var(--sp-md);flex:1;font-size:.875rem;line-height:1.7}.products-module__yfjocW__productCardSpecs{margin-bottom:var(--sp-md)}.products-module__yfjocW__specRow{gap:var(--sp-sm) var(--sp-md);padding-block:var(--sp-xs);border-bottom:1px solid var(--color-border);grid-template-columns:auto 1fr;align-items:baseline;font-size:.8rem;display:grid}.products-module__yfjocW__specRow:last-child{border-bottom:none}.products-module__yfjocW__specRowKey{color:var(--color-primary);white-space:nowrap;font-weight:500}.products-module__yfjocW__specRowVal{color:var(--color-secondary)}.products-module__yfjocW__productCardFooter{margin-top:auto}.products-module__yfjocW__btnPrimary,.products-module__yfjocW__btnPrimaryLg{align-items:center;gap:var(--sp-sm);border-radius:var(--r-md);font-family:var(--font-body);font-size:var(--fs-body);letter-spacing:.04em;transition:background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-fast);white-space:nowrap;background-color:var(--color-tertiary);color:var(--color-on-primary);font-weight:500;display:inline-flex}.products-module__yfjocW__btnPrimary{padding:12px 24px}.products-module__yfjocW__btnPrimaryLg{padding:16px 36px;font-size:1.05rem}.products-module__yfjocW__btnPrimary:hover,.products-module__yfjocW__btnPrimaryLg:hover{background-color:var(--color-tertiary-hover);box-shadow:var(--shadow-lift)}.products-module__yfjocW__orderCta{background-color:var(--color-primary);padding-block:var(--sp-2xl);text-align:center}.products-module__yfjocW__orderCtaTitle{font-family:var(--font-display);color:var(--color-on-primary);margin-bottom:var(--sp-md);font-size:clamp(1.4rem,2.5vw,2rem)}.products-module__yfjocW__orderCtaBody{color:#fbf7eca6;max-width:48ch;margin-inline:auto;margin-bottom:var(--sp-xl);font-size:1rem;line-height:1.7}.products-module__yfjocW__iconWa{flex-shrink:0;width:20px;height:20px}@media (max-width:900px){.products-module__yfjocW__productGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.products-module__yfjocW__productGrid{grid-template-columns:1fr}}
.ProductModal-module__0QXO-W__modalOverlay{z-index:2000;padding:var(--sp-md);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#162c3a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ProductModal-module__0QXO-W__modal{background-color:var(--color-on-primary);border-radius:var(--r-lg);flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s ProductModal-module__0QXO-W__slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #162c3a4d}@keyframes ProductModal-module__0QXO-W__slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ProductModal-module__0QXO-W__closeBtn{top:var(--sp-md);right:var(--sp-md);background-color:var(--color-surface);cursor:pointer;width:36px;height:36px;color:var(--color-primary);transition:background-color var(--transition-base), color var(--transition-base);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.ProductModal-module__0QXO-W__closeBtn:hover{background-color:var(--color-tertiary);color:var(--color-on-primary)}.ProductModal-module__0QXO-W__closeBtn svg{width:20px;height:20px}.ProductModal-module__0QXO-W__modalImgWrap{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.ProductModal-module__0QXO-W__modalImg{object-fit:cover;width:100%;height:100%}.ProductModal-module__0QXO-W__modalBadge{top:var(--sp-lg);left:var(--sp-lg);background-color:var(--color-tertiary);color:var(--color-on-primary);border-radius:var(--r-md);letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;font-size:.75rem;font-weight:600;position:absolute}.ProductModal-module__0QXO-W__modalBody{padding:var(--sp-2xl);flex:1;overflow-y:auto}.ProductModal-module__0QXO-W__modalCategory{letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--sp-sm);font-size:.75rem;font-weight:500}.ProductModal-module__0QXO-W__modalTitle{font-family:var(--font-display);color:var(--color-primary);margin-bottom:var(--sp-md);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:500;line-height:1.2}.ProductModal-module__0QXO-W__modalDivider{background-color:var(--color-tertiary);border-radius:var(--r-md);width:40px;height:3px;margin-bottom:var(--sp-lg)}.ProductModal-module__0QXO-W__modalDesc{color:var(--color-primary);margin-bottom:var(--sp-lg);font-size:.95rem;line-height:1.65}.ProductModal-module__0QXO-W__modalSpecsLabel{letter-spacing:.05em;text-transform:uppercase;color:var(--color-secondary);margin:var(--sp-lg) 0 var(--sp-md);font-size:.85rem;font-weight:600}.ProductModal-module__0QXO-W__modalSpecs{gap:var(--sp-sm);margin-bottom:var(--sp-lg);display:grid}.ProductModal-module__0QXO-W__modalSpecRow{gap:var(--sp-md);padding:var(--sp-sm) 0;border-bottom:1px solid var(--color-border);grid-template-columns:150px 1fr;font-size:.9rem;display:grid}.ProductModal-module__0QXO-W__modalSpecKey{color:var(--color-primary);font-weight:500}.ProductModal-module__0QXO-W__modalSpecVal{color:var(--color-secondary)}.ProductModal-module__0QXO-W__modalFooter{gap:var(--sp-md);padding-top:var(--sp-lg);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.ProductModal-module__0QXO-W__btnPrimary{background-color:var(--color-tertiary);min-width:180px;color:var(--color-on-primary);border-radius:var(--r-md);font-family:var(--font-body);letter-spacing:.04em;justify-content:center;align-items:center;gap:var(--sp-sm);transition:background-color var(--transition-base);cursor:pointer;border:none;flex:1;padding:12px 24px;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.ProductModal-module__0QXO-W__btnPrimary:hover{background-color:var(--color-tertiary-hover)}.ProductModal-module__0QXO-W__btnOutline{min-width:100px;color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--r-md);font-family:var(--font-body);letter-spacing:.04em;transition:background-color var(--transition-base), color var(--transition-base);cursor:pointer;background-color:#0000;flex:1;padding:12px 24px;font-size:1rem;font-weight:500}.ProductModal-module__0QXO-W__btnOutline:hover{background-color:var(--color-primary);color:var(--color-on-primary)}.ProductModal-module__0QXO-W__iconWa{width:18px;height:18px;display:inline-block}@media (max-width:640px){.ProductModal-module__0QXO-W__modal{border-radius:var(--r-md);max-height:95vh}.ProductModal-module__0QXO-W__modalBody{padding:var(--sp-lg)}.ProductModal-module__0QXO-W__closeBtn{top:var(--sp-sm);right:var(--sp-sm)}.ProductModal-module__0QXO-W__modalSpecRow{gap:var(--sp-sm);grid-template-columns:100px 1fr}.ProductModal-module__0QXO-W__modalFooter{flex-direction:column}.ProductModal-module__0QXO-W__btnPrimary,.ProductModal-module__0QXO-W__btnOutline{width:100%}}