.phase89k2-category-destination{padding:10px 0;background:#fff}.phase89k2-category-destination .breadcrumbs{margin-bottom:8px}.phase89k2-destination-shell{display:grid;grid-template-columns:minmax(214px,252px) minmax(0,1fr);gap:clamp(12px,1.6vw,20px);align-items:start}.phase89k2-category-sidebar{position:sticky;top:10px;display:grid;max-height:342px;gap:8px;overflow:auto;padding:10px 12px;border:1px solid var(--phase89f-border, #d9ded5);background:var(--phase89f-soft, #f6f7f1);scrollbar-width:thin}.phase89k2-category-sidebar__eyebrow,.phase89k2-sidebar-group__title,.phase89k2-selection__label,.phase89k2-hero-card__eyebrow{margin:0;color:var(--phase89f-muted, #586057);font:800 11px/16px var(--phase89f-ui, Roboto, Helvetica, Arial, sans-serif);letter-spacing:.08em;text-transform:uppercase}.phase89k2-category-sidebar h2{margin:-4px 0 0;color:var(--phase89f-ink, #111);font:500 20px/24px var(--phase89f-display, Merriweather, Georgia, serif)}.phase89k2-view-all{display:inline-flex;min-height:30px;align-items:center;justify-content:center;padding:6px 9px;border:1px solid var(--phase89f-brand-700, #315c24);background:var(--phase89f-brand-700, #315c24);color:#fff;font:800 12px/16px var(--phase89f-ui, Roboto, Helvetica, Arial, sans-serif);letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.phase89k2-sidebar-group{display:grid;gap:5px}.phase89k2-sidebar-links{display:grid;gap:2px}.phase89k2-sidebar-links a{display:flex;min-height:24px;align-items:center;justify-content:space-between;padding:3px 7px;border:1px solid transparent;color:var(--phase89f-ink, #111);font:700 12px/16px var(--phase89f-ui, Roboto, Helvetica, Arial, sans-serif);text-decoration:none}.phase89k2-sidebar-links a:after{content:"\2192";opacity:.45}.phase89k2-sidebar-links a:hover,.phase89k2-sidebar-links a:focus-visible,.phase89k2-sidebar-links a[aria-current=page]{border-color:#c8d3c2;background:#fff;color:var(--phase89f-brand-700, #315c24)}.phase89k2-sidebar-directory{border-top:1px solid var(--phase89f-border, #d9ded5);padding-top:7px}.phase89k2-sidebar-directory summary{cursor:pointer;color:var(--phase89f-ink, #111);font:800 12px/18px var(--phase89f-ui, Roboto, Helvetica, Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase}.phase89k2-sidebar-directory .phase89k2-sidebar-links{grid-template-columns:1fr;max-height:126px;margin-top:5px;overflow:auto;padding-right:3px}.phase89k2-destination-main{min-width:0}.phase89k2-hero-card{position:relative;min-height:202px;overflow:hidden;border:1px solid var(--phase89f-border, #d9ded5);background:#17251a;color:#fff;isolation:isolate}.phase89k2-hero-card__media,.phase89k2-hero-card__media img,.phase89k2-hero-card__media .phase89e-category-image__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.phase89k2-hero-card__media img{object-fit:cover;filter:saturate(1.02) contrast(1.02)}.phase89k2-hero-card__media:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";background:linear-gradient(90deg,#0a190edb,#0a190e85 48%,#0a190e24),linear-gradient(0deg,#0a190e99,#0a190e14 62%)}.phase89k2-hero-card__overlay{position:relative;z-index:2;display:grid;max-width:620px;min-height:202px;align-content:end;gap:7px;padding:clamp(16px,3vw,26px)}.phase89k2-hero-card__eyebrow{color:#ffffffc7}.phase89k2-hero-card h1{margin:0;color:#fff;font-size:clamp(30px,3.6vw,48px);line-height:.98;text-wrap:balance}.phase89k2-hero-card__body{max-width:58ch;color:#ffffffe6;font:400 13px/19px var(--phase89f-ui, Roboto, Helvetica, Arial, sans-serif)}.phase89k2-hero-card__jump{justify-self:start;min-height:34px;color:#fff;font:800 12px/18px var(--phase89f-ui, Roboto, Helvetica, Arial, sans-serif);letter-spacing:.06em;text-decoration:underline;text-transform:uppercase;text-underline-offset:4px}.phase89k2-selection{margin-top:8px;padding:8px;border:1px solid var(--phase89f-border, #d9ded5);background:var(--phase89f-soft, #f6f7f1)}.phase89k2-selection__heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:7px}.phase89k2-selection__heading h2{margin:0;color:var(--phase89f-ink, #111);font:500 16px/21px var(--phase89f-display, Merriweather, Georgia, serif)}.phase89k2-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:7px}[data-phase89k2-category=vegetable-seeds] .phase89k2-card-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.phase89k2-card-grid .phase89e-category-card{min-height:0;overflow:hidden;border-color:#d2dacd;background:#fff}.phase89k2-card-grid .phase89e-category-card__media{height:52px;aspect-ratio:auto}.phase89k2-card-grid .phase89e-category-card__media img,.phase89k2-card-grid .phase89e-category-image__fallback{height:52px;object-fit:cover}.phase89k2-card-grid .phase89e-category-card__copy{display:grid;min-height:0;gap:2px;padding:6px 7px}.phase89k2-card-grid .phase89e-category-card__copy strong{font:800 12px/15px var(--phase89f-ui, Roboto, Helvetica, Arial, sans-serif)}.phase89k2-card-grid .phase89e-category-card__copy span:not(.phase89e-category-card__cta){display:none}.phase89k2-card-grid .phase89e-category-card__cta{color:var(--phase89f-brand-700, #315c24);font:800 10px/13px var(--phase89f-ui, Roboto, Helvetica, Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase}@media(max-width:1180px){.phase89k2-destination-shell{grid-template-columns:minmax(198px,228px) minmax(0,1fr)}.phase89k2-category-sidebar{max-height:314px}.phase89k2-card-grid{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-width:none}.phase89k2-card-grid::-webkit-scrollbar{display:none}.phase89k2-card-grid .phase89e-category-card{flex:0 0 112px;scroll-snap-align:start}}@media(max-width:900px){.phase89k2-destination-shell{grid-template-columns:1fr}.phase89k2-category-sidebar{display:none}.phase89k2-sidebar-links--popular{grid-template-columns:repeat(3,minmax(0,1fr))}.phase89k2-sidebar-directory .phase89k2-sidebar-links{grid-template-columns:repeat(3,minmax(0,1fr));max-height:170px}}@media(max-width:767px){.phase89k2-category-destination{padding:10px 0 12px}.phase89k2-destination-shell{display:flex;flex-direction:column;gap:10px}.phase89k2-destination-main{order:1;width:100%}.phase89k2-category-sidebar{display:none}.phase89k2-category-sidebar h2{font-size:19px;line-height:24px}.phase89k2-view-all{min-height:32px}.phase89k2-sidebar-links--popular,.phase89k2-sidebar-directory .phase89k2-sidebar-links{display:flex;gap:7px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 2px 2px 0;scroll-snap-type:x proximity;scrollbar-width:none}.phase89k2-sidebar-links--popular::-webkit-scrollbar,.phase89k2-sidebar-directory .phase89k2-sidebar-links::-webkit-scrollbar{display:none}.phase89k2-sidebar-links a{flex:0 0 auto;min-height:32px;scroll-snap-align:start;white-space:nowrap}.phase89k2-sidebar-links a:after{margin-left:10px}.phase89k2-hero-card{min-height:144px}.phase89k2-hero-card__media:after{background:linear-gradient(90deg,#0a190ed1,#0a190e52),linear-gradient(0deg,#0a190e9e,#0a190e1a 62%)}.phase89k2-hero-card__overlay{min-height:144px;gap:5px;padding:13px}.phase89k2-hero-card h1{font-size:clamp(25px,8.8vw,34px)}.phase89k2-hero-card__body{display:-webkit-box;overflow:hidden;font-size:12px;line-height:17px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.phase89k2-selection{margin-right:calc(var(--phase89f-gutter, 15px) * -1);padding:8px 0 8px 10px;border-right:0}.phase89k2-selection__heading{display:block;margin-bottom:6px;padding-right:var(--phase89f-gutter, 15px)}.phase89k2-selection__heading h2{font-size:16px;line-height:21px}[data-phase89k2-category=vegetable-seeds] .phase89k2-card-grid,.phase89k2-card-grid{display:flex;gap:9px;overflow-x:auto;padding-right:var(--phase89f-gutter, 15px);scroll-snap-type:x proximity;scrollbar-width:none}.phase89k2-card-grid::-webkit-scrollbar{display:none}.phase89k2-card-grid .phase89e-category-card{flex:0 0 118px;scroll-snap-align:start}.phase89k2-card-grid .phase89e-category-card__media,.phase89k2-card-grid .phase89e-category-card__media img,.phase89k2-card-grid .phase89e-category-image__fallback{height:54px}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/phase89k2-category-destination.css.map */