.guide-section { padding-top: var(--space-10); padding-bottom: var(--space-10); }
.guide-section--alt { background-color: var(--gray-50); }
.guide-section__header { max-width: 720px; margin-bottom: var(--space-6); }
.guide-section__header--compact { margin-bottom: var(--space-4); }
.guide-section__header p { color: var(--color-text-muted); }
.guide-hero { padding-top: var(--space-12); padding-bottom: var(--space-12); }
.guide-hero__layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-8); align-items: center; }
.guide-hero__lead { font-size: var(--font-size-lg); color: var(--color-text-muted); max-width: 42rem; }
.guide-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-4); margin-bottom: var(--space-4); }
.guide-hero__highlights { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: 0; margin: 0; list-style: none; font-size: var(--font-size-sm); color: var(--color-text-muted); }
.guide-hero__highlights li { padding: 0.35rem 0.9rem; border-radius: var(--radius-full); background-color: var(--color-primary-soft); }
.guide-hero__figure { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.guide-breadcrumb { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-bottom: var(--space-3); }
.guide-breadcrumb ol { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.guide-breadcrumb li + li::before { content: "/"; margin-right: var(--space-2); color: var(--gray-300); }
.guide-breadcrumb a { color: var(--gray-500); }
.guide-breadcrumb a:hover { color: var(--color-primary-dark); }
.guide-intro__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.guide-card { height: 100%; }
.guide-list { margin: 0; padding-left: var(--space-5); font-size: var(--font-size-sm); color: var(--color-text-muted); }
.guide-list li + li { margin-top: var(--space-2); }
.guide-checklist-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.guide-layout-img-text { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr); gap: var(--space-8); align-items: center; }
.guide-layout-img-text--reverse { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr); }
.guide-layout-img-text__image figure { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.guide-pill-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-4); }
.guide-pill { border-radius: var(--radius-lg); padding: var(--space-4); background-color: var(--color-surface); box-shadow: var(--shadow-sm); border: 1px solid rgba(228,217,211,0.7); font-size: var(--font-size-sm); }
.guide-pill__occasion { margin-top: var(--space-2); color: var(--color-text-muted); }
.guide-section__cta-inline { margin-top: var(--space-5); }
.guide-section__cta-inline--center { text-align: center; }
.guide-section__cta-inline .button + .button { margin-left: var(--space-3); }
.guide-season-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.guide-steps { margin-top: var(--space-4); }
.guide-steps__list { margin: 0; padding-left: var(--space-5); counter-reset: guide-steps; }
.guide-steps__list li { margin-bottom: var(--space-4); position: relative; }
.guide-steps__list h3 { font-size: var(--font-size-md); margin-bottom: var(--space-1); font-family: var(--font-sans); letter-spacing: 0; text-transform: none; }
.guide-steps__list p { font-size: var(--font-size-sm); color: var(--color-text-muted); }
.guide-steps__list--compact li { margin-bottom: var(--space-2); }
.guide-delivery-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--space-8); align-items: flex-start; }
.guide-delivery-aside__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-4); }
.guide-faq { border-radius: var(--radius-lg); background-color: var(--color-surface); box-shadow: var(--shadow-sm); border: 1px solid rgba(228,217,211,0.7); padding: var(--space-4); }
.guide-faq-item + .guide-faq-item { border-top: 1px solid var(--gray-100); }
.guide-faq-item__button { width: 100%; padding: var(--space-3) 0; background: none; border-radius: 0; box-shadow: none; border: none; justify-content: space-between; text-align: left; color: var(--color-text); font-size: var(--font-size-md); text-transform: none; letter-spacing: 0; }
.guide-faq-item__button:hover { background: transparent; box-shadow: none; transform: none; }
.guide-faq-item__icon { width: 1.5rem; height: 1.5rem; border-radius: 999px; border: 1px solid var(--gray-200); display: inline-flex; align-items: center; justify-content: center; position: relative; margin-left: var(--space-4); flex-shrink: 0; }
.guide-faq-item__icon::before, .guide-faq-item__icon::after { content: ""; position: absolute; background-color: var(--gray-500); transition: transform var(--transition-normal); }
.guide-faq-item__icon::before { width: 10px; height: 1px; }
.guide-faq-item__icon::after { width: 1px; height: 10px; }
.guide-faq-item__button[aria-expanded="true"] .guide-faq-item__icon::after { transform: scaleY(0); }
.guide-faq-item__panel { padding-bottom: var(--space-3); padding-right: calc(1.5rem + var(--space-4)); }
.guide-faq-item__panel p { font-size: var(--font-size-sm); color: var(--color-text-muted); }
.guide-sustain-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.guide-contact-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.1fr); gap: var(--space-8); align-items: flex-start; }
.guide-contact-aside__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-4); }
@media (max-width: 1024px) {
  .guide-hero__layout { grid-template-columns: minmax(0, 1fr); }
  .guide-season-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-sustain-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-contact-grid { grid-template-columns: minmax(0, 1fr); }
  .guide-delivery-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
  .guide-hero { padding-top: var(--space-8); padding-bottom: var(--space-8); }
  .guide-section { padding-top: var(--space-8); padding-bottom: var(--space-8); }
  .guide-intro__grid { grid-template-columns: minmax(0, 1fr); }
  .guide-checklist-grid { grid-template-columns: minmax(0, 1fr); }
  .guide-layout-img-text, .guide-layout-img-text--reverse { grid-template-columns: minmax(0, 1fr); }
  .guide-pill-grid { grid-template-columns: minmax(0, 1fr); }
  .guide-season-grid { grid-template-columns: minmax(0, 1fr); }
  .guide-sustain-grid { grid-template-columns: minmax(0, 1fr); }
  .guide-section__cta-inline .button + .button { margin-left: 0; margin-top: var(--space-3); display: inline-flex; }
  .guide-faq { padding: var(--space-3); }
}
