/* Reference shell for category and product pages, reusing Minal homepage styling. */
.reference-page { --header-height:76px; --header-compact-height:52px; color:#111; background:#fff; }
.home-announcement { display:flex; justify-content:center; position:relative; min-height:34px; padding:8px 140px; background:#dfbdc7; font-size:12px; line-height:18px; }
.home-announcement p a { text-decoration:underline; font-weight:700; }
.home-announcement-phone { position:absolute; right:28px; font-size:11px; }
.reference-page .site-header.minal-header { height:76px; grid-template-columns:90px minmax(0,1fr) 44px 88px; padding:0 28px; column-gap:6px; border:0; box-shadow:0 1px 3px #0000000a; }
.reference-page .header-brand img { width:60px; height:60px; }
.reference-page .header-brand>span { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.reference-page .header-navigation { gap:30px; }
.reference-page .header-navigation>a { font-size:14px; font-weight:400; }
.reference-page .header-navigation>a:nth-child(2) { font-weight:700; }
.reference-page .header-navigation .header-all { color:#762c43; font-weight:400; }
.reference-page .header-search svg,.reference-page .header-action-icon>svg { width:23px; height:23px; }
.is-header-compact .reference-page .site-header.minal-header { height:52px; margin-bottom:24px; }
.is-header-compact .reference-page .header-brand img { width:42px; height:42px; }
.reference-page .home-footer { padding:0; background:#fff; }
.home-help-bar { display:grid; grid-template-columns:1fr 1fr; align-items:center; height:80px; border-bottom:1px solid #e5e5e5; padding:0 11%; }
.home-help-bar>span { font-size:24px; }
.home-help-bar button { display:flex; gap:22px; align-items:center; padding:10px 0; font-size:14px; justify-self:start; }
.home-footer-grid { display:grid; grid-template-columns:1fr 1.2fr 1fr; padding:32px 11% 35px; gap:50px; }
.home-footer-grid h2 { font-size:14px; font-weight:700; line-height:18px; margin:0 0 24px; }
.home-footer-grid>div>button,.home-footer-grid>div>a { display:block; font-size:14px; line-height:22px; margin:0 0 7px; padding:0; text-align:left; }
.home-footer-grid .social-icons { margin:0; gap:14px; }
.home-footer-grid .social-icons a { width:30px; height:30px; display:grid; place-items:center; }
.home-footer-grid .social-icons svg { width:27px; height:27px; }
.home-footer-grid .footer-contact-heading { margin:30px 0 15px; font-size:12px; }
.home-contact-line { display:flex; align-items:center; gap:12px; justify-content:space-between; border-bottom:1px solid #e5e5e5; padding-bottom:8px; }
.home-contact-line a:first-child { font-size:16px; color:#666; white-space:nowrap; }
.home-contact-line a:last-child { background:#272727; color:white; border-radius:20px; padding:7px 12px; font-size:11px; font-weight:700; white-space:nowrap; }
.home-footer-bottom { display:grid; grid-template-columns:1fr 1fr auto 1.6fr; align-items:center; gap:35px; padding:24px 11% 30px; border-top:1px solid #e5e5e5; font-size:12px; color:#777; }
.home-footer-bottom>div>span { display:block; margin-bottom:8px; }
.home-footer-bottom>div>a { display:flex; align-items:center; gap:8px; color:#333; font-size:13px; }
.home-footer-bottom img { width:50px; height:50px; border-radius:50%; }
.home-footer-bottom p { line-height:20px; }
.reference-page .whatsapp-float { width:48px; height:48px; border:0; border-radius:50%; padding:10px; display:grid; place-items:center; color:#222; box-shadow:0 2px 9px #00000014; bottom:82px; right:30px; }
.home-to-top { display:grid; place-items:center; position:fixed; bottom:28px; right:30px; width:48px; height:48px; border-radius:50%; background:white; box-shadow:0 2px 9px #00000014; z-index:22; opacity:0; visibility:hidden; pointer-events:none; }
.home-to-top svg { transform:rotate(90deg); width:20px; height:20px; }
.is-header-compact .home-to-top { opacity:1; visibility:visible; pointer-events:auto; }

@media (min-width:901px) and (max-width:1349px) {
 .reference-page .header-navigation { gap:22px; }
 .reference-page .header-navigation>a { font-size:12px; }
}
@media (min-width:901px) and (max-width:1099px) {
 .reference-page .header-navigation { gap:15px; }
 .reference-page .site-header.minal-header { padding:0 18px; grid-template-columns:65px minmax(0,1fr) 44px 88px; }
 .home-footer-grid { padding-inline:6%; gap:30px; }
 .home-footer-bottom { padding-inline:6%; gap:25px; }
}
@media (max-width:900px) {
 .reference-page { padding-bottom:calc(64px + env(safe-area-inset-bottom,0px)); }
 .reference-page .home-announcement { display:none; }
 .reference-page .site-header.minal-header,
 .is-header-compact .reference-page .site-header.minal-header {
   position:relative; display:flex; justify-content:center; top:auto;
   height:88px; min-height:88px; margin:0; padding:0; border:0; background:#fff;
   box-shadow:none; transition:none;
 }
 .reference-page .header-brand,
 .is-header-compact .reference-page .header-brand { display:block; position:static; transform:none; margin:0; padding:0; }
 .reference-page .header-brand img,
 .is-header-compact .reference-page .header-brand img { width:64px; height:64px; transition:none; }
 .reference-page .minal-header .menu-toggle,
 .reference-page .minal-header .header-search,
 .reference-page .minal-header .header-actions,
 .reference-page .minal-header .header-navigation { display:none; }
 .home-help-bar { height:80px; padding:0 20px; grid-template-columns:1fr auto; gap:15px; }
 .home-help-bar>span { font-size:23px; }
 .home-help-bar button { font-size:11px; gap:12px; }
 .home-footer-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px 28px; padding:28px 15px 45px; }
 .home-footer-social { grid-column:1/-1; grid-row:1; }
 .home-footer-grid h2 { margin-bottom:22px; }
 .home-footer-grid .social-icons { gap:15px; }
 .home-footer-grid .social-icons a { width:30px; min-width:30px; height:30px; min-height:30px; }
 .home-footer-grid .footer-contact-heading { margin-top:34px; }
 .home-contact-line { margin-top:22px; }
 .home-contact-line a:last-child { min-height:36px; display:flex; align-items:center; }
 .home-footer-grid>div>button,.home-footer-grid>div>a { font-size:14px; line-height:21px; margin-bottom:8px; }
 .home-footer-bottom { display:grid; grid-template-columns:1fr; padding:25px 15px 60px; gap:26px; }
 .home-footer-bottom p { text-align:center; }
 .reference-page .home-bottom-nav { display:flex; position:fixed; bottom:0; left:0; right:0; height:calc(64px + env(safe-area-inset-bottom,0px)); min-height:64px; background:#fff; border-top:1px solid #e5e5e5; justify-content:space-around; align-items:center; padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px)); z-index:23; }
 .reference-page .home-bottom-nav>a,.reference-page .home-bottom-nav>button { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0; gap:2px; color:#777; font-size:10px; }
 .reference-page .home-bottom-nav svg { width:23px; height:23px; }
 .reference-page .home-bottom-nav>a { color:#222; }
 body.reference-page .whatsapp-float { display:grid; bottom:calc(130px + env(safe-area-inset-bottom,0px)); right:18px; width:44px; height:44px; }
 .reference-page .toast { bottom:calc(80px + env(safe-area-inset-bottom,0px)); }
 .home-to-top { bottom:calc(80px + env(safe-area-inset-bottom,0px)); right:18px; width:44px; height:44px; }
 .reference-page #menu-dialog { width:100%; height:85dvh; max-height:85dvh; margin:auto 0 0; border-radius:24px 24px 0 0; }
 .reference-page #menu-dialog .dialog-header { padding:18px 20px; }
 .reference-page #menu-dialog .menu-brand img,.reference-page #menu-dialog .menu-brand>div>span { display:none; }
 .reference-page #menu-dialog .dialog-header h2 { font-size:23px; font-weight:400; }
 .reference-page #menu-dialog .mobile-menu>a { font-size:15px; font-weight:400; border:0; padding:15px 0; min-height:52px; }
 .reference-page #menu-dialog .menu-contact { margin-top:0; }
}
@media(max-width:360px) { .home-footer-grid { column-gap:18px; } }