/* Header category menus: list + live photo preview (menu-v2.js adds .fx and the preview). */
.frv2 .category-panel.fx{width:min(1080px,calc(100vw - 48px));padding:0;background:#FBFAF6;border-radius:8px;overflow:hidden;border:1px solid rgba(30,43,32,.08);max-height:none}
.fx .category-heading{margin:0;padding:16px 22px 14px;border-bottom:1px solid #E7E4DA;background:linear-gradient(180deg,#fff,#FBFAF6)}
.fx .category-heading strong{font:500 26px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.01em;color:#1E2B20}
.fx .category-heading strong small{display:block;font:700 10px/1 Figtree,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#4F6B3F;margin-bottom:7px}
.frv2 .mainnav .fx .category-heading a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #C9D2BF;border-radius:999px;font-size:12.5px;font-weight:600;color:#2F4A30;background:#fff;transition:all .2s}
.frv2 .mainnav .fx .category-heading a:hover{background:#2F4A30;color:#fff;border-color:#2F4A30}
.fx .fx-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.fx .fx-body.cols{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.fx .fx-left{padding:16px 18px 16px 22px}

.frv2 .mainnav .fx .category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.frv2 .mainnav .fx .category-tiles a{position:relative;gap:12px;padding:6px 34px 6px 6px;border:1px solid #ECE9E0;border-radius:6px;background:#fff;transition:border-color .2s,background .2s,box-shadow .2s}
.frv2 .fx .category-tiles img{width:84px;height:63px;object-fit:cover;border-radius:4px;transition:transform .35s ease}
.fx .category-tiles a > span{display:flex;flex-direction:column;gap:1px;font-weight:600;font-size:13.5px;color:#23261F}
.fx .category-tiles a > span em{font-style:normal;font-weight:500;font-size:11.5px;color:#7A7E72}
.fx .category-tiles a::after,.fx .category-column a::after{content:"→";position:absolute;right:12px;top:50%;transform:translate(-6px,-50%);opacity:0;color:#4F6B3F;font-weight:700;transition:all .2s}
.frv2 .mainnav .fx .category-tiles a:hover,.frv2 .mainnav .fx .category-tiles a.on{background:#F2F5EE;border-color:#B9C7AC;box-shadow:inset 3px 0 0 #4F6B3F,0 4px 12px rgba(30,43,32,.08)}
.fx .category-tiles a:hover img,.fx .category-tiles a.on img{transform:scale(1.06)}
.fx .category-tiles a:hover::after,.fx .category-tiles a.on::after,.fx .category-column a.on::after,.fx .category-column a:hover::after{opacity:1;transform:translate(0,-50%)}
.fx .category-tiles .fx-all > img{display:none}
.frv2 .fx .category-tiles a > .fx-quad{display:grid;grid-template-columns:1fr 1fr;gap:2px;flex:none;width:84px;height:63px;border-radius:4px;overflow:hidden}
.frv2 .fx .category-tiles .fx-quad img{width:100%;height:100%;object-fit:cover;border-radius:0;transform:none}

.frv2 .fx .category-columns{gap:14px}
.fx .category-column h3{margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid #E7E4DA}
.frv2 .mainnav .fx .category-column h3 a{padding:4px 6px;font:700 11px/1.2 Figtree,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#4F6B3F}
.frv2 .mainnav .fx .category-column a{position:relative;padding:6px 22px 6px 8px;border-radius:4px;font-size:13px;color:#3d4138;transition:background .2s,color .2s}
.fx .category-column a em{font-style:normal;font-size:11px;color:#9A9D93;margin-left:4px}
.frv2 .mainnav .fx .category-column a:hover,.frv2 .mainnav .fx .category-column a.on{background:#F2F5EE;color:#1E2B20;box-shadow:inset 2px 0 0 #4F6B3F}
.fx .category-column a::after{right:6px;font-size:12px}

.fx .fx-pv{position:relative;align-self:start;aspect-ratio:3/2;margin:16px 16px 16px 0;border-radius:6px;overflow:hidden;background:#DCD8CC}
.fx .fx-pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:opacity .35s ease,transform 1.6s ease}
.fx .fx-pv img.in{transform:scale(1)}
.fx .fx-pv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,24,16,0) 45%,rgba(15,24,16,.78) 100%);pointer-events:none}
.fx .fx-cap{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.fx .fx-cap small{display:block;font:700 10px/1 Figtree,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:6px}
.fx .fx-cap b{display:block;font:500 30px/1 'Cormorant Garamond',Georgia,serif}
.frv2 .mainnav .fx .fx-cap a{flex:none;display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border-radius:999px;background:#fff;color:#1E2B20;font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;transition:transform .2s}
.frv2 .mainnav .fx .fx-cap a:hover{transform:translateX(3px);background:#fff}

@media (max-width:1100px){.fx .fx-body,.fx .fx-body.cols{grid-template-columns:1fr}.fx .fx-pv{display:none}}
@media (prefers-reduced-motion:reduce){.fx .fx-pv img,.fx .category-tiles img{transition:none;transform:none}}