/* PetXP illustrated navigation. Native links/details work without JavaScript. */
.px-horizontal{position:relative;padding:0 0 12px;min-width:0;font-size:14px}
.px-horizontal>summary{display:none}
.px-horizontal__list,.px-horizontal__panel ul{list-style:none;margin:0;padding:0}
.px-horizontal__list{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.px-horizontal__item{min-width:0;overflow-wrap:anywhere}
.px-horizontal__item--root{max-width:100%;border-radius:12px}
.px-horizontal__item--root.is-illustrated{flex:0 1 auto}
.px-horizontal__link,.px-horizontal__label{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 8px;color:var(--px-text);line-height:1.45}
.px-horizontal__text{min-width:0}
.px-horizontal__item--root>.px-horizontal__link,.px-horizontal__item--root>.px-horizontal__branch>summary>.px-horizontal__link,.px-horizontal__item--root>.px-horizontal__branch>summary>.px-horizontal__label{font-weight:650;min-height:54px}
.px-horizontal__link:hover,.px-horizontal__link[aria-current]{color:var(--px-primary)}
.px-horizontal__link[aria-current]{font-weight:800}
.px-horizontal__item--root.is-active{box-shadow:inset 0 -2px 0 #b4dce0}.px-horizontal__item--root:has(>.px-horizontal__branch[open]){background:#edf7f8}
.px-horizontal__item--root.is-active>.px-horizontal__branch>summary>.px-horizontal__link{color:var(--px-primary)}
.px-horizontal__thumb{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#f0f6f4;overflow:hidden}
.px-horizontal__thumb img{display:block;width:40px;height:40px;object-fit:contain;object-position:center bottom}
.px-horizontal__branch>summary{display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:36px;cursor:pointer;list-style:none;border-radius:10px}
.px-horizontal__branch>summary::-webkit-details-marker{display:none}
.px-horizontal__branch>summary:focus-visible,.px-horizontal a:focus-visible{outline:2px solid var(--px-primary);outline-offset:3px;border-radius:7px}
.px-horizontal__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;min-height:38px;color:var(--px-primary);font-size:0}
.px-horizontal__chevron::before,.px-horizontal__mobile-title>span::before{content:"";display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.px-horizontal__branch[open]>summary>.px-horizontal__chevron{transform:rotate(180deg)}
.px-horizontal__branch>summary:hover,.px-horizontal__item--root>.px-horizontal__link:hover{background:#edf7f8}
.px-horizontal__branch:not([open])>.px-horizontal__panel{display:none}
.px-horizontal__panel--root{position:absolute;z-index:4;top:100%;left:0;right:0;padding:24px 28px 28px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px 28px;max-height:65vh;overflow:auto;overscroll-behavior:contain;background:var(--px-surface,#fff);border:1px solid var(--px-line);border-top:3px solid var(--px-primary);border-radius:0 0 16px 16px;box-shadow:0 20px 38px #203b4117}
.px-horizontal__panel--illustrated{grid-template-columns:minmax(0,1fr) 200px}
.px-horizontal__panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;grid-column:1/-1;padding-bottom:17px;border-bottom:1px solid var(--px-line)}
.px-horizontal__panel-heading>strong{font-size:22px;line-height:1.3;font-weight:800;color:var(--px-text)}
.px-horizontal__panel-heading>a{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:13px;font-weight:700}
.px-horizontal__panel--root>ul{display:block;columns:3;column-gap:26px;min-width:0}
.px-horizontal__panel--root>ul>.px-horizontal__item{break-inside:avoid;page-break-inside:avoid;margin:0 0 14px;display:flow-root}
.px-horizontal__panel--small{width:min(100%,960px);right:auto}
.px-horizontal__panel--small>ul{columns:2}
.px-horizontal__item--root:nth-child(n+4) .px-horizontal__panel--small{left:auto;right:0}
.px-horizontal__panel--root>ul>.px-horizontal__item>.px-horizontal__branch>summary>.px-horizontal__link,.px-horizontal__panel--root>ul>.px-horizontal__item>.px-horizontal__branch>summary>.px-horizontal__label{font-weight:800;color:var(--px-text)}
.px-horizontal__panel .px-horizontal__link,.px-horizontal__panel .px-horizontal__label{padding:6px 0;font-size:14px;line-height:1.5}
.px-horizontal__panel .px-horizontal__panel{padding:4px 0 0 10px;border-left:1px solid #e0ecec;margin-left:0}
.px-horizontal__panel .px-horizontal__panel .px-horizontal__panel{padding-left:0;border:0}
.px-horizontal__panel .px-horizontal__chevron{width:28px;min-height:32px}
.px-horizontal__feature{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;justify-content:flex-start;min-height:230px;min-width:0;border-radius:14px;background:linear-gradient(150deg,#edf8f7,#e8f2f0);overflow:hidden;padding:18px 12px 0}
.px-horizontal__feature-label{display:block;padding:0 6px;font-size:16px;font-weight:750;color:var(--px-primary)}
.px-horizontal__feature img{display:block;align-self:center;width:100%;height:200px;object-fit:contain;object-position:center bottom;margin-top:12px}
@media(min-width:900px){.px-horizontal:not([open])>nav{display:block}.px-horizontal__list>.is-illustrated+.px-horizontal__item:not(.is-illustrated){margin-left:auto}}
@media(min-width:1600px){.px-horizontal__list{gap:6px 16px}.px-horizontal__item--root>.px-horizontal__link,.px-horizontal__item--root>.px-horizontal__branch>summary>.px-horizontal__link{padding-inline:12px}.px-horizontal__panel--illustrated{grid-template-columns:minmax(0,1fr) 230px}.px-horizontal__feature img{height:230px}}
@media(min-width:900px) and (max-width:1199px){.px-horizontal{font-size:13px}.px-horizontal__list{gap:4px 6px}.px-horizontal__thumb,.px-horizontal__thumb img{width:32px;height:32px}.px-horizontal__thumb{flex-basis:32px}.px-horizontal__link,.px-horizontal__label{gap:7px;padding-inline:6px}.px-horizontal__chevron{width:24px}.px-horizontal__panel--illustrated{grid-template-columns:minmax(0,1fr) 170px}.px-horizontal__panel--root>ul{columns:2}}
@media(max-width:899px){
 .px-horizontal{padding-bottom:0}
 .px-horizontal>.px-horizontal__mobile-title{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 0;font-weight:750;cursor:pointer;list-style:none}
 .px-horizontal>.px-horizontal__mobile-title::-webkit-details-marker{display:none}
 .px-horizontal>.px-horizontal__mobile-title>span{display:flex;align-items:center;justify-content:center;width:32px;min-height:28px;font-size:0;color:var(--px-primary)}
 .px-horizontal[open]>.px-horizontal__mobile-title>span{transform:rotate(180deg)}
 .px-horizontal__list{display:block;border-top:1px solid var(--px-line);padding:8px 0 12px}
 .px-horizontal>nav{max-height:65vh;overflow:auto;overscroll-behavior:contain}
 .px-horizontal:not([open])>nav{display:none}
 .px-horizontal__item--root{border-radius:10px}
 .px-horizontal__item--root+.px-horizontal__item--root{margin-top:3px}
 .px-horizontal__item--root>.px-horizontal__link,.px-horizontal__item--root>.px-horizontal__branch>summary>.px-horizontal__link,.px-horizontal__item--root>.px-horizontal__branch>summary>.px-horizontal__label{min-height:52px;padding:6px 8px}
 .px-horizontal__chevron{width:44px;min-height:44px}
 .px-horizontal__panel--root{display:block;position:static;max-height:none;overflow:visible;border:0;box-shadow:none;border-radius:0;padding:8px 10px 16px;background:transparent}
 .px-horizontal__panel-heading{padding:0 0 10px;margin-bottom:8px;display:block}
 .px-horizontal__panel-heading>strong{display:none}
 .px-horizontal__panel-heading>a{font-size:13px}
 .px-horizontal__panel--root>ul{display:block;columns:auto}
 .px-horizontal__panel--small{width:auto}
 .px-horizontal__panel--root>ul>.px-horizontal__item{margin-bottom:4px}
 .px-horizontal__panel .px-horizontal__link,.px-horizontal__panel .px-horizontal__label{padding-block:8px}
 .px-horizontal__feature{display:none}
}