/* A compact category directory, with native details and dialog navigation. */
.site-header .navigation{background:#fff;border-top:1px solid #e6ede7;border-bottom:1px solid #dfe8e1}
.site-header .navigation nav{gap:8px;min-height:62px}
.site-header .navigation .nav-pet{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border-radius:10px;font-size:13px;font-weight:600;transition:background .15s,color .15s}
.site-header .navigation .nav-pet:hover,.site-header .navigation .nav-pet:focus-visible{background:#edf5ef;color:#17685f}
.site-header .navigation .nav-story{font-size:12px;color:#17685f}
.site-header .browse-menu>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:12px 18px;margin-right:13px;min-height:44px;border:1px solid #cee0d5;border-radius:11px;background:linear-gradient(140deg,#edf7ef,#f6faf5);color:#175e53;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s}
.site-header .browse-menu>summary::-webkit-details-marker{display:none}
.site-header .browse-menu>summary::after{content:'⌄';font-size:17px;font-weight:400;margin-left:12px;line-height:1;transition:transform .15s}
.site-header .browse-menu[open]>summary{background:#17685f;color:white;border-color:#17685f;box-shadow:0 4px 10px #17685f20}
.site-header .browse-menu[open]>summary::after{transform:rotate(180deg)}
.site-header .navigation .mega-menu.fnl-premium-menu{grid-template-columns:none;display:none;padding:0;gap:0;top:calc(100% + 9px);left:0;right:0;width:100%;max-height:calc(100dvh - 210px);overflow:auto;border:1px solid #dae6de;border-radius:19px;background:#fff;box-shadow:0 22px 55px #173b4526,0 5px 12px #173b4508;overscroll-behavior:contain}
.site-header .browse-menu[open]>.mega-menu.fnl-premium-menu{display:block;animation:fnl-mega-reveal .16s ease-out}
.fnl-premium-menu *{box-sizing:border-box;min-width:0}
.fnl-premium-menu a:focus-visible,.fnl-premium-menu button:focus-visible,.site-header .browse-menu>summary:focus-visible{outline:3px solid #eda16d;outline-offset:3px}
.fnl-mega-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 25px;background:linear-gradient(100deg,#f1f7f1,#fffdf7);border-bottom:1px solid #e6ede4}
.fnl-mega-top>span{display:flex;align-items:center;gap:9px;font-size:11px;color:#567666}
.fnl-mega-top i{display:block;width:6px;height:6px;border-radius:50%;background:#d49462}
.fnl-mega-top>button{display:grid;place-items:center;width:32px;min-height:32px;border:1px solid #e1e8df;border-radius:50%;background:#fff;color:#326557;font-size:21px;line-height:1;cursor:pointer}
.fnl-mega-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(230px,.8fr);gap:30px;padding:24px 25px}
.fnl-mega-label{margin-bottom:17px}.fnl-mega-label>span{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#819487}
.fnl-premium-menu .fnl-mega-label h2{font-family:Nunito,sans-serif;font-size:21px;letter-spacing:-.4px;font-weight:900;line-height:1.3;color:#173b45;margin:5px 0 0}
.fnl-mega-pet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.site-header .mega-menu .fnl-mega-pet-grid>a{display:flex;align-items:center;gap:10px;min-height:57px;padding:8px 10px;border:1px solid #e3eae1;background:#fbfcf9;border-radius:11px;margin:0;color:#244f42;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.fnl-mega-pet-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:#edf4e9;color:#17685f;font-size:24px}
.fnl-mega-pet-icon img{display:block;width:31px;height:31px;object-fit:contain;margin:0}
.fnl-mega-pet-grid strong{font-size:12px;font-weight:600;line-height:1.4}.fnl-mega-arrow{margin-left:auto;color:#799987;font-size:13px}
.site-header .mega-menu .fnl-mega-pet-grid>a:hover{background:#edf6ee;border-color:#a8c8b1;transform:translateY(-1px)}
.site-header .mega-menu .fnl-mega-pet-grid>.fnl-mega-all-pets{background:#eef5ed;border-style:dashed}
.fnl-mega-need-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 13px}
.site-header .mega-menu .fnl-mega-need-grid>a{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 7px;margin:0;border:1px solid transparent;border-bottom-color:#edf0e9;border-radius:9px;color:#426251;font-size:12px;text-decoration:none;line-height:1.5;transition:background .15s,color .15s}
.fnl-mega-need-grid img{width:29px;height:29px;object-fit:contain;flex:0 0 29px;margin:0}.fnl-mega-need-grid b{font-size:16px;color:#8da48f;font-weight:400;margin-left:auto}
.site-header .mega-menu .fnl-mega-need-grid>a:hover{background:#f0f6eb;color:#17685f}
.fnl-mega-feature{position:relative;isolation:isolate;overflow:hidden;min-height:300px;border:1px solid #dbe9d8;border-radius:15px;background:linear-gradient(145deg,#edf5e6,#e2efeb);padding:23px}
.fnl-mega-feature::after{content:'';position:absolute;width:210px;height:210px;border:1px solid #fff9;border-radius:50%;bottom:-95px;right:-70px;z-index:-1}
.fnl-mega-feature-tag{display:inline-block;font-size:8px;letter-spacing:1.1px;font-weight:700;color:#5e7c61;padding:6px 9px;border:1px solid #cdddca;border-radius:20px;background:#ffffff80}
.fnl-premium-menu .fnl-mega-feature h2{position:relative;z-index:1;font-family:Nunito,sans-serif;font-size:31px;letter-spacing:-1px;color:#1d4f43;line-height:1.05;margin:18px 0 10px;font-weight:900}
.fnl-mega-feature p{position:relative;z-index:1;font-size:11px;line-height:1.7;color:#5c7968;max-width:175px;margin:0 0 15px}
.site-header .mega-menu a.fnl-mega-feature-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:14px;min-height:40px;background:#17685f;color:white;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:700;margin:0;text-decoration:none;box-shadow:0 4px 8px #17685f15}
.site-header .mega-menu a.fnl-mega-feature-link:hover{background:#104f49}
.fnl-mega-feature .fnl-mega-feature-photo{position:absolute;right:14px;bottom:-12px;width:106px;height:112px;object-fit:cover;object-position:center 30%;margin:0;border-radius:55px 55px 0 0;border:5px solid #ffffff80;transform:rotate(-8deg);opacity:.96;z-index:0}
.fnl-mega-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 25px;border-top:1px solid #e6ece2;background:#fcfdf9}
.site-header .mega-menu .fnl-mega-bottom a,.fnl-mega-bottom button{display:inline-flex;align-items:center;gap:15px;min-height:37px;margin:0;padding:5px 0;background:none;border:0;color:#5b7869;font:500 11px/1.5 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}
.site-header .mega-menu a.fnl-mega-view-all{font-weight:700;color:#17685f}.fnl-mega-bottom>div{display:flex;align-items:center;gap:25px}
.fnl-mega-bottom button:hover,.site-header .mega-menu .fnl-mega-bottom a:hover{color:#0c574b;text-decoration:underline;text-underline-offset:4px}
@keyframes fnl-mega-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
/* Keep the existing mobile dialog and its keyboard/focus behavior. */
#fnl-mobile-menu{background:#fffdf9;box-shadow:-12px 0 65px #133b4540;border-left:1px solid #d5e2d6}
#fnl-mobile-menu .fnl-menu-heading{background:linear-gradient(135deg,#edf5e9,#fcf9ee);padding-top:25px;padding-bottom:22px}
#fnl-mobile-menu .fnl-menu-heading h2{font-size:29px;letter-spacing:-1px;color:#234f43}
#fnl-mobile-menu .fnl-menu-close{background:#ffffffd9;box-shadow:0 3px 8px #173b4508;border-color:#d5e3d3}
#fnl-mobile-menu .fnl-menu-account{border-color:#d4e4d5;background:linear-gradient(120deg,#eef7ef,#f9fbf3);border-radius:14px;box-shadow:0 3px 10px #173b4505}
#fnl-mobile-menu .fnl-menu-account-icon{background:white;border-radius:11px;border:1px solid #e0e9da;width:42px;flex-basis:42px;height:45px;padding:7px}
#fnl-mobile-menu .fnl-menu-shop{background:linear-gradient(120deg,#17685f,#26816c);min-height:52px;border:1px solid #17685f;box-shadow:0 5px 12px #17685f1c}
#fnl-mobile-menu .fnl-menu-pets{gap:10px}
#fnl-mobile-menu .fnl-menu-pets a{min-height:64px;border-color:#e0e8dc;background:#fafcf7;border-radius:12px;padding:10px 11px;transition:background .15s,border-color .15s}
#fnl-mobile-menu .fnl-menu-pets a:hover{background:#edf6ed;border-color:#b3cbb3}
#fnl-mobile-menu .fnl-menu-pets img{background:#eaf3e5;border-radius:9px;padding:3px;width:37px;height:37px}
#fnl-mobile-menu .fnl-menu-group summary{min-height:62px;font-size:18px}
#fnl-mobile-menu .fnl-menu-support{padding:17px 15px 8px;border:1px solid #e1e8db;background:#f8faf4;border-radius:14px}
#fnl-mobile-menu .fnl-menu-note{border-top:1px solid #e3eadf;padding-top:19px;text-align:center;font-size:11px;letter-spacing:.4px}
@media(max-width:1250px) and (min-width:1024px){.fnl-mega-content{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 220px;gap:18px;padding:22px}.fnl-mega-pet-grid{gap:8px}.site-header .mega-menu .fnl-mega-pet-grid>a{gap:7px;padding:7px}.fnl-mega-need-grid{grid-template-columns:1fr;gap:0}.site-header .mega-menu .fnl-mega-need-grid>a{min-height:32px;padding:3px 5px}.fnl-mega-need-grid img{width:24px;height:24px;flex-basis:24px}.site-header .navigation .nav-pet{padding:9px 10px}.fnl-mega-feature{min-height:300px}}
@media(min-width:761px) and (max-width:1023px){.site-header .navigation .nav-pet,.site-header .navigation .nav-story{display:none}.site-header .browse-menu{width:100%}.site-header .browse-menu>summary{width:max-content;margin:8px 0}.fnl-mega-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:23px}.fnl-mega-feature{display:none}.site-header .navigation .mega-menu.fnl-premium-menu{max-height:calc(100dvh - 200px)}.fnl-mega-bottom>div{gap:15px}}
@media(max-width:760px){.site-header .navigation .nav-pet,.site-header .navigation .nav-story{display:none}.site-header .navigation nav{min-height:65px}.site-header .fnl-mobile-menu-button{margin:7px 0;padding:11px 14px;min-height:50px;border:1px solid #d5e4d7;border-radius:11px;background:linear-gradient(120deg,#eef6ee,#fafcf7)}.fnl-mobile-menu-button>span{font-size:16px}.fnl-mobile-menu-button small{font-size:11px}.fnl-mobile-menu-button>svg{width:23px;height:23px;flex-basis:23px}.site-header .navigation .mega-menu.fnl-premium-menu{position:absolute;max-height:65dvh}.fnl-mega-content{grid-template-columns:1fr;gap:23px;padding:20px}.fnl-mega-feature{display:none}.fnl-mega-top{padding:10px 18px}.fnl-mega-bottom{align-items:flex-start;flex-direction:column;padding:12px 20px}.fnl-mega-bottom>div{flex-wrap:wrap;gap:10px 20px}.fnl-mega-top>span{font-size:10px}}
@media(max-width:359px){.fnl-mobile-menu-button small{font-size:9px}.site-header .fnl-mobile-menu-button{padding:10px}.fnl-mobile-menu-button>span{gap:6px}.fnl-mega-pet-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.site-header .browse-menu[open]>.mega-menu.fnl-premium-menu{animation:none}.site-header .navigation a,.site-header .browse-menu>summary,.site-header .browse-menu>summary::after,#fnl-mobile-menu .fnl-menu-pets a{transition:none}.site-header .mega-menu .fnl-mega-pet-grid>a:hover{transform:none}}