.vp-packaging-directory,.vp-packaging-directory *{box-sizing:border-box}
.vp-packaging-directory{width:100%;padding:40px 24px 0;color:#101828;background:#fff;font-family:inherit}
.vp-packaging-directory__wrap{width:100%;max-width:none;margin:0 auto}
.vp-packaging-directory a{text-decoration:none;color:inherit}
.vp-packaging-directory__head{margin:0 0 28px}
.vp-packaging-directory__eyebrow{display:inline-block;margin-bottom:12px;padding:7px 11px;border-radius:999px;background:#eef4ff;color:#155eef;font-size:12px;line-height:1;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.vp-packaging-directory h1{max-width:1000px;margin:0;color:#101828;font-size:clamp(34px,3.6vw,60px);font-weight:950;letter-spacing:-.045em;line-height:1.05}
.vp-packaging-directory__intro{max-width:850px;margin-top:14px;color:#475467;font-size:17px;line-height:1.55}
.vp-packaging-directory__intro p{margin:0}
.vp-packaging-directory__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vp-packaging-directory__card{display:flex;flex-direction:column;min-width:0;border:1px solid #dfe7f1;border-radius:20px;overflow:hidden;background:#f8fafc;box-shadow:0 8px 22px #1018280b;transition:border-color .18s,box-shadow .18s}
.vp-packaging-directory__card:hover{border-color:#b7c8e0;box-shadow:0 12px 28px #10182816}
.vp-packaging-directory__card:focus-visible,.vp-packaging-directory__nav a:focus-visible,.vp-packaging-directory__parent:focus-visible{outline:3px solid #155eef;outline-offset:4px}
.vp-packaging-directory__visual{height:235px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:#fff}
.vp-packaging-directory__card--featured .vp-packaging-directory__visual{height:285px}
.vp-packaging-directory__visual img{display:block!important;position:static!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;transform:none!important}
.vp-packaging-directory__body{display:flex;flex-direction:column;flex:1;padding:22px;background:#f8fafc}
.vp-packaging-directory__badge{align-self:flex-start;padding:6px 9px;margin-bottom:12px;background:#eaf1ff;color:#155eef;border-radius:999px;font-size:10px;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.035em}
.vp-packaging-directory__card:first-child .vp-packaging-directory__badge{color:#000096;background:#f7f7f9}
.vp-packaging-directory__card:nth-child(3) .vp-packaging-directory__badge{color:#765006;background:#fff0bc}
.vp-packaging-directory__body h2{margin:0;font-size:clamp(21px,1.6vw,28px);font-weight:900;line-height:1.14;letter-spacing:-.03em;color:#101828}
.vp-packaging-directory__body p{margin:10px 0 12px;font-size:14px;line-height:1.5;color:#596579;max-width:55ch}
.vp-packaging-directory__count{display:block;margin:auto 0 15px;color:#526171;font-size:12px;line-height:1.4}
.vp-packaging-directory__button{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:10px;background:#155eef;color:#fff;font-size:13px;font-weight:800;line-height:1.2}
.vp-packaging-directory__card:hover .vp-packaging-directory__button{background:#1049cc}
.vp-packaging-directory__nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding:22px 0;border-top:1px solid #dfe7f1;border-bottom:1px solid #dfe7f1}
.vp-packaging-directory__nav a{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #d8e0eb;border-radius:9px;background:#fff;color:#344054;font-size:13px;font-weight:750;line-height:1.3}
.vp-packaging-directory__nav a:hover{border-color:#155eef;color:#155eef}
.vp-packaging-directory__nav a[aria-current=page]{border-color:#155eef;background:#edf3ff;color:#124cc4}
.vp-packaging-directory__products-heading{margin:28px 0 0;padding:0;font-size:26px;font-weight:900;line-height:1.2;scroll-margin-top:140px}
.vp-packaging-directory__parent{display:inline-block;min-height:38px;margin-bottom:8px;color:#155eef!important;font-size:13px;font-weight:800}
.vp-packaging-directory--category{padding-top:24px}
.vp-packaging-directory--category h1{font-size:clamp(30px,3vw,48px)}
.vp-packaging-directory--category .vp-packaging-directory__head{margin-bottom:20px}
.vp-packaging-directory--category .vp-packaging-directory__nav{margin-top:0}
.vp-packaging-directory--category .vp-packaging-directory__products-heading{font-size:22px;margin-top:22px}
@media(max-width:1050px) and (min-width:701px){.vp-packaging-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-packaging-directory__visual,.vp-packaging-directory__card--featured .vp-packaging-directory__visual{height:240px}}
@media(max-width:700px){.vp-packaging-directory{padding:26px 16px 0}.vp-packaging-directory h1{font-size:34px;letter-spacing:-.04em}.vp-packaging-directory__intro{font-size:15px;line-height:1.5}.vp-packaging-directory__head{margin-bottom:22px}.vp-packaging-directory__grid{grid-template-columns:1fr;gap:14px}.vp-packaging-directory__card{display:grid;grid-template-columns:38% minmax(0,1fr);border-radius:16px;min-height:220px}.vp-packaging-directory__visual,.vp-packaging-directory__card--featured .vp-packaging-directory__visual{height:100%;min-height:220px;padding:12px}.vp-packaging-directory__body{padding:17px 14px}.vp-packaging-directory__body h2{font-size:20px;line-height:1.16}.vp-packaging-directory__body p{font-size:12px;line-height:1.4;margin:8px 0 10px}.vp-packaging-directory__badge{font-size:9px;padding:5px 7px;margin-bottom:9px;max-width:100%}.vp-packaging-directory__count{font-size:11px;margin:0 0 10px}.vp-packaging-directory__button{min-height:44px;font-size:12px;padding:9px 12px}.vp-packaging-directory__nav{gap:7px;margin-top:22px;padding:18px 0}.vp-packaging-directory__nav a{font-size:12px;padding:8px 10px}.vp-packaging-directory__products-heading{font-size:24px}.vp-packaging-directory--category h1{font-size:30px}}
@media(max-width:360px){.vp-packaging-directory__card{grid-template-columns:34% minmax(0,1fr)}.vp-packaging-directory__body{padding:15px 12px}.vp-packaging-directory__body h2{font-size:18px}.vp-packaging-directory__badge{font-size:8px}}
@media(prefers-reduced-motion:reduce){.vp-packaging-directory__card{transition:none}}