.cl-growth { padding: 88px 0; background: #fffdf5; color: #211e16; }
.is-black-friday main > .cl-growth[id] { scroll-margin-top: 32px; }
.cl-growth .desktop-section-header { max-width: 800px; }
.cl-growth__layout { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 32px; align-items: start; }
.cl-growth__tabs { display: grid; gap: 4px; }
.cl-growth__tab { display: flex; gap: 14px; align-items: flex-start; width: 100%; padding: 20px 16px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #5a5240; text-align: left; cursor: pointer; font: inherit; transition: background .18s ease,border-color .18s ease; }
.cl-growth__tab > svg { flex: 0 0 22px; width: 22px; height: 22px; margin-top: 2px; }
.cl-growth__tab strong { display: block; color: #30291b; font: 800 17px/1.35 "Manrope",sans-serif; }
.cl-growth__tab small { display: block; margin-top: 7px; font-size: 14px; line-height: 1.6; }
.cl-growth__tab:hover { background: #fff8dc; }
.cl-growth__tab.is-active { background: #fff1b3; border-color: #d7bb59; color: #4e411e; }
.cl-growth__tab:focus-visible,.cl-growth__preview:focus-visible { outline: 3px solid #936700; outline-offset: 4px; }
.cl-growth__preview { min-width: 0; margin: 0; }
.cl-growth__zoom { position: relative; display: block; width: 100%; overflow: hidden; padding: 0; border: 1px solid #d8d3c1; border-radius: 12px; background: #f6f6f1; cursor: zoom-in; }
.cl-growth__zoom img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.cl-growth__zoom > span { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 8px; background: #211e16; color: #fff9df; font: 700 12px/1.3 "Manrope",sans-serif; }
.cl-growth__zoom > span svg { width: 15px; height: 15px; }
.cl-growth__preview figcaption { margin-top: 14px; color: #675e48; font-size: 13px; line-height: 1.6; }
.cl-growth__foot { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #ded6b9; }
.cl-growth__foot p { display: flex; gap: 10px; margin: 0; max-width: 66ch; color: #675e48; font-size: 13px; line-height: 1.6; }
.cl-growth__foot p > svg { flex-shrink: 0; margin-top: 2px; }
.cl-growth__foot .button { flex-shrink: 0; }
@media(max-width:1000px) { .cl-growth__layout { grid-template-columns: 280px minmax(0,1fr); gap: 20px; } .cl-growth__foot { align-items: flex-start; flex-direction: column; gap: 20px; } }
@media(max-width:700px) { .cl-growth { padding: 64px 0; } .cl-growth__layout { grid-template-columns: 1fr; gap: 24px; } .cl-growth__tab { padding: 16px; } .cl-growth__foot .button { width: 100%; } }
@media(prefers-reduced-motion:reduce) { .cl-growth__tab { transition: none; } }