.section-plant-care-calendar{border-top:var(--plant-rule)}.plant-care-calendar__inner{width:100%}.section-plant-care-calendar .care-calendar{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}@media(max-width:749px){.section-plant-care-calendar .care-calendar{grid-auto-columns:22%}.section-plant-care-calendar .care-tile{scroll-snap-align:start}}.section-plant-care-calendar .care-tile{min-height:96px;border:1px dashed rgb(from var(--color-foreground) r g b / .22);border-radius:6px;padding:10px 8px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;color:var(--color-foreground)}.section-plant-care-calendar .care-tile.is-active{border-style:solid;border-color:var(--color-foreground);background:rgb(from var(--color-foreground) r g b / .08)}.section-plant-care-calendar .care-tile__month{font-family:var(--brand-font-body);font-size:var(--brand-text-caption);font-weight:var(--brand-font-weight-bold);line-height:1;text-transform:uppercase;letter-spacing:var(--brand-letter-spacing-wide);opacity:.7}.section-plant-care-calendar .care-tile__icons{display:flex;justify-content:center;align-items:center;gap:4px;min-height:20px}.section-plant-care-calendar .care-tile__icons .plant-icon{width:18px;height:18px}.section-plant-care-calendar .care-detail{border-top:var(--plant-rule);padding-top:24px;color:var(--color-foreground)}.section-plant-care-calendar .care-detail summary{cursor:pointer;font-family:var(--brand-font-body);font-size:var(--brand-text-body-sm);font-weight:var(--brand-font-weight-semibold);line-height:1;text-transform:uppercase;letter-spacing:var(--brand-letter-spacing-wide);list-style:none;padding:8px 0}.section-plant-care-calendar .care-detail summary::-webkit-details-marker{display:none}.section-plant-care-calendar .care-detail summary:after{content:"+";float:right;font-size:20px;line-height:1}.section-plant-care-calendar .care-detail[open] summary:after{content:"\2212"}.section-plant-care-calendar .care-detail__body{padding-block:16px;line-height:var(--brand-line-height-loose)}.section-plant-care-calendar .care-detail__body h3{font-family:var(--brand-font-body);font-size:var(--brand-text-body-sm);font-weight:var(--brand-font-weight-bold);line-height:1;text-transform:uppercase;letter-spacing:var(--brand-letter-spacing-wide);margin:24px 0 8px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-plant-care-calendar.css.map */