/* ENITY HUB FV GALLERY V1 — existing product photographs, no slider or JS. */
.hub-fv-hero { height:auto !important; min-height:0 !important; }
.hub-fv-layout { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; grid-template-areas:none !important; grid-template-rows:none !important; align-items:center !important; gap:36px !important; height:auto !important; min-height:0 !important; }
.hub-fv-layout > :where(*) { grid-area:auto !important; }
.hub-fv-layout > .hero-action { grid-column:1 !important; }
.hub-fv-layout > .hub-fv-copy { width:auto !important; min-width:0; max-width:none !important; grid-column:1 !important; }
.hub-fv-layout > nav { grid-column:1 / -1 !important; }
.hub-fv-layout > .hub-fv-gallery { grid-column:2 !important; grid-row:1 / span 2 !important; }
.hub-fv-layout:has(> nav) > .hub-fv-gallery { grid-row:2 / span 2 !important; }
.hub-fv-gallery { box-sizing:border-box; display:block !important; position:relative !important; inset:auto !important; width:100% !important; max-width:620px; height:auto !important; min-height:0 !important; margin:0 !important; padding:18px !important; overflow:hidden; background:#eeeee6 !important; border:1px solid #dcded3; border-radius:0 !important; color:#263e35 !important; box-shadow:none !important; isolation:isolate; }
.hub-fv-gallery::before,.hub-fv-gallery::after { content:none !important; }
.hub-fv-gallery .hub-fv-heading { position:static !important; margin:0 0 12px !important; font:500 10px/1.5 Arial,sans-serif !important; letter-spacing:.16em !important; text-align:left !important; color:#596552 !important; }
.hub-fv-gallery .hub-fv-products { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; }
.hub-fv-gallery .hub-fv-product { position:static !important; display:flex !important; flex-direction:column; align-items:center; min-width:0; margin:0 !important; padding:8px !important; background:#f8f8f3; border:0; }
.hub-fv-gallery .hub-fv-shot { display:block; width:100%; height:clamp(130px,15vw,195px); overflow:hidden; }
.hub-fv-gallery .hub-fv-product img { position:static !important; inset:auto !important; display:block !important; width:100% !important; height:clamp(130px,15vw,195px) !important; min-height:0 !important; max-width:100% !important; max-height:none !important; margin:0 !important; padding:0 !important; object-fit:contain !important; object-position:center !important; transform:none !important; filter:none !important; opacity:1 !important; mix-blend-mode:multiply; border:0 !important; border-radius:0 !important; }
.hub-fv-gallery .hub-fv-shot img { transform:scale(var(--hub-photo-scale,1)) !important; }
.hub-fv-gallery .hub-fv-product figcaption { position:static !important; inset:auto !important; display:block !important; width:100% !important; margin:8px 0 0 !important; padding:0 !important; border:0 !important; background:none !important; color:#263e35 !important; font:500 11px/1.5 'Noto Sans JP',sans-serif !important; letter-spacing:.015em !important; text-align:center !important; overflow-wrap:anywhere; }
.hub-fv-gallery .hub-fv-note { position:static !important; margin:12px 0 0 !important; color:#66705f !important; font:400 10px/1.5 'Noto Sans JP',sans-serif !important; letter-spacing:0 !important; }
.hub-fv-gallery.hub-fv-count-3 .hub-fv-product:last-child { grid-column:1 / -1; width:calc(50% - 6px); box-sizing:border-box; justify-self:center; }
.hub-fv-proof { position:relative; grid-column:1 / -1 !important; margin-top:20px; padding:16px; border:1px solid #dcded3; background:#f8f8f3; color:#263e35; }
.hub-fv-proof > * { position:static !important; inset:auto !important; }
.hub-fv-proof .hero-caption,.hub-fv-proof .visual-caption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; width:auto !important; padding:0 !important; background:none !important; }
.hub-fv-proof .hero-date,.hub-fv-proof .visual-footnote,.hub-fv-proof .hub-fv-disclaimer { margin:12px 0 0; font-size:11px; }
.hub-fv-legacy-top { max-width:560px; margin:0 auto 24px !important; }
.hub-fv-hero.hub-fv-photo-background::before,.hub-fv-hero.hub-fv-photo-background::after { content:none !important; }
.hub-fv-hero.hub-fv-photo-background { background:#f6f5ef !important; color:#263e35 !important; padding:24px 0 !important; }
.hub-fv-photo-background .hero-inner { position:relative !important; width:calc(100% - 48px) !important; max-width:1160px !important; margin:auto !important; padding:0 !important; }
.hub-fv-photo-background .hero-copy { padding:0 !important; }
.hub-fv-photo-background .hero-copy > p,.hub-fv-photo-background .hero-action > p,.hub-fv-photo-background .breadcrumbs,.hub-fv-photo-background .breadcrumbs a { color:#52624f !important; }
@media(max-width:767px) {
 .hub-fv-layout { grid-template-columns:minmax(0,1fr) !important; gap:18px !important; padding-top:16px !important; padding-bottom:24px !important; }
 .hub-fv-layout > .hub-fv-gallery,.hub-fv-layout:has(> nav) > .hub-fv-gallery { grid-column:1 !important; grid-row:auto !important; order:-1 !important; max-width:none; }
 .hub-fv-layout > .hub-fv-copy { display:block !important; grid-column:1 !important; order:1 !important; padding-top:0 !important; padding-bottom:0 !important; }
 .hub-fv-layout > nav { order:-2; margin:0 !important; }
 .hub-fv-layout > .hero-action { order:2; }
 .hub-fv-layout > .hub-fv-proof { order:3; }
 .hub-fv-gallery { padding:12px !important; }
 .hub-fv-gallery .hub-fv-heading { display:none !important; }
 .hub-fv-gallery .hub-fv-products { gap:8px; }
 .hub-fv-gallery .hub-fv-product { padding:5px !important; }
 .hub-fv-gallery .hub-fv-product img,.hub-fv-gallery .hub-fv-shot { height:clamp(82px,22vw,96px) !important; }
 .hub-fv-gallery.hub-fv-count-2 .hub-fv-product img,.hub-fv-gallery.hub-fv-count-2 .hub-fv-shot { height:clamp(115px,32vw,155px) !important; }
 .hub-fv-gallery .hub-fv-product figcaption { margin-top:5px !important; font-size:10px !important; line-height:1.45 !important; }
 .hub-fv-gallery .hub-fv-note { margin-top:8px !important; font-size:9px !important; }
 .hub-fv-gallery.hub-fv-count-3 .hub-fv-product:last-child { width:calc(50% - 4px); }
 .hub-fv-photo-background .hero-inner { width:calc(100% - 32px) !important; }
}
@media(max-width:360px) {
 .hub-fv-compact-header .header-inner { width:calc(100% - 20px); gap:6px; }
 .hub-fv-compact-header .brand-small { display:none; }
 .hub-fv-compact-header .brand { gap:6px; }
 .hub-fv-compact-header .brand img { width:24px; }
 .hub-fv-compact-header .bess-btn { margin-left:0 !important; width:30px !important; flex-shrink:0; }
}
