.catalog-intro { max-width: 850px; font-size: 15px; line-height: 1.8; margin: -8px 0 26px; }
.catalog-section .section-head h1 { font-family: Inter, Arial, sans-serif; font-size: 38px; line-height: 1.2; font-weight: 600; overflow-wrap: anywhere; }
.category-nav a { color: inherit; font-size: 11px; padding: 14px 0; border-bottom: 3px solid transparent; text-decoration: none; }
.category-nav a[aria-current="page"] { color: var(--olive); border-bottom-color: currentColor; font-weight: 700; }
.option-photos a { display: block; min-width: 0; width: 100%; padding: 6px; border: 1px solid transparent; border-radius: 2px; background: #eef1e9; text-align: center; text-decoration: none; }
.option-photos a[aria-current="page"] { border-color: var(--olive); background: #e0eacb; }
.buying-section { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; border-top: 1px solid var(--line); }
.buying-section h2 { font-family: Inter, Arial, sans-serif; font-size: 25px; line-height: 1.35; margin: 0 0 20px; font-weight: 600; }
.buying-section p { font-size: 14px; line-height: 1.85; max-width: 680px; }
.buying-section details { border-bottom: 1px solid var(--line); padding: 15px 0; }
.buying-section summary { font-size: 14px; line-height: 1.5; font-weight: 600; cursor: pointer; }
.buying-section details p { margin-bottom: 0; }
.soap-category-guide { margin-top: 52px; border-top: 1px solid var(--line); padding-top: 32px; }
.soap-category-guide h2 { font: 600 25px/1.35 Inter, Arial, sans-serif; margin: 0 0 24px; }
.soap-type-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; }
.soap-type-list section { min-width: 0; border-top: 1px solid var(--line); padding-top: 18px; }
.soap-type-list h3 { font: 600 17px/1.45 Inter, Arial, sans-serif; margin: 0 0 10px; overflow-wrap: anywhere; }
.soap-type-list a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.soap-type-list a:hover { color: var(--olive); }
.soap-type-list p { font-size: 14px; line-height: 1.8; margin: 0; }
@media (max-width: 700px) {
  .catalog-section .section-head { align-items: start; }
  .catalog-section .section-head h1 { font-size: 27px; }
  .catalog-section .section-head > div { min-width: 0; }
  .catalog-section .section-head > .button { flex-shrink: 0; }
  .catalog-intro { font-size: 13px; }
  .category-nav a { font-size: 10px; padding: 12px 0; }
  .buying-section { grid-template-columns: 1fr; gap: 30px; }
  .buying-section h2 { font-size: 23px; }
  .soap-category-guide { margin-top: 36px; }
  .soap-category-guide h2 { font-size: 23px; }
  .soap-type-list { grid-template-columns: 1fr; gap: 24px; }
}