.sf-stages{background:var(--sf-stages-bg, transparent);padding:var(--sf-stages-pad-top, 8px) 0 var(--sf-stages-pad-bottom, 48px)}.sf-stages .page-width{max-width:var(--sf-stages-max, 920px)}.sf-stage{position:relative;border-top:1px solid var(--sf-stages-divider-color, var(--sf-line))}.sf-stage:last-of-type{border-bottom:0px solid var(--sf-stages-divider-color, var(--sf-line))}.sf-stage__panel{padding:12px 0 72px;display:flex;flex-direction:column;gap:56px}.sf-stage__summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px;padding:30px 20px 30px 16px;border-left:5px solid transparent;border-radius:10px;transition:background-color .25s ease,border-color .25s ease}.sf-stage__summary::-webkit-details-marker{display:none}.sf-stage__summary::marker{content:""}.sf-stage[open]{background:var(--sf-stages-badge-tint, rgba(28, 58, 82, .08));border-left:5px solid var(--sf-stages-badge-color, var(--sf-blue-500));padding:0 20px;border-radius:10px}.sf-stage__badge{flex:0 0 auto;width:40px;height:40px;border-radius:8px;color:var(--sf-stages-badge-text, #fff);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}.sf-stage__headline{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.sf-stage__eyebrow{margin:0!important;font-size:11px;color:var(--sf-stages-eyebrow-color, var(--sf-blue-500))}.sf-stage__title{display:block;font-size:clamp(17px,2vw,var(--sf-stages-title-size, 24px));font-weight:700;color:var(--sf-stages-title-color, var(--sf-ink));letter-spacing:.01em}.sf-stage__teaser{display:block;margin-top:0;font-size:clamp(13px,1.4vw,15px);font-weight:500;line-height:1.5;color:var(--sf-stages-teaser-color, var(--sf-ink-soft));text-transform:none;letter-spacing:normal}.sf-stage__toggle{position:relative;width:20px;height:20px;flex:0 0 auto}.sf-stage__toggle:before,.sf-stage__toggle:after{content:"";position:absolute;background:var(--sf-stages-title-color, var(--sf-ink));border-radius:2px}.sf-stage__toggle:before{width:18px;height:1.5px;top:9.25px;left:1px}.sf-stage__toggle:after{width:1.5px;height:18px;left:9.25px;top:1px;transition:transform .2s ease}.sf-stage[open] .sf-stage__toggle:after{transform:scaleY(0)}.sf-stage__hero{margin:0}.sf-stage__hero img{width:100%;height:clamp(220px,32vw,300px);object-fit:cover;border-radius:20px;display:block}.sf-stage__lead{font-size:clamp(16px,2.2vw,21px);font-weight:800;color:var(--sf-stages-lead-color, var(--sf-navy-700));margin:0;max-width:780px}.sf-stage__desc{font-size:var(--sf-stages-desc-size, 16px);line-height:1.7;color:var(--sf-stages-desc-color, var(--sf-ink-soft));max-width:100%;margin-bottom:0}.sf-stage__desc p{margin:0 0 14px}.sf-stage__desc p:last-child{margin-bottom:0}.sf-stage__block{margin:0}.sf-stage__blockhead{font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--sf-stages-blockhead-color, var(--sf-navy-900));border-top:3px solid var(--sf-stages-blockhead-border, var(--sf-stages-eyebrow-color, var(--sf-blue-500)));padding:24px 0 8px;margin:0 0 16px}.sf-stage__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.sf-stage__item{padding:16px 18px;background:var(--sf-stages-item-bg, #fff);border:1px solid var(--sf-stages-item-border, var(--sf-line));border-radius:var(--sf-radius)}.sf-stage__itemnum{display:block;font-size:11px;font-weight:800;color:var(--sf-stages-item-num-color, var(--sf-blue-500));margin-bottom:6px}.sf-stage__itemtext{display:block;font-size:var(--sf-stages-item-text-size, 15px);line-height:1.6;color:var(--sf-stages-item-text-color, var(--sf-ink-soft))}.sf-stage__struggle{margin:0;background:var(--sf-stages-struggle-bg, #16222c);border-radius:12px;padding:12px 36px 20px}.sf-stage__struggle-head{font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--sf-stages-struggle-head-color, #fff);padding:20px 0 8px;margin:0}.sf-stage__strows{display:flex;flex-direction:column}.sf-stage__strow{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}.sf-stage__strow:last-child{border-bottom:none}.sf-stage__strow-num{font-size:13px;font-weight:800;color:var(--sf-stages-struggle-num-color, rgba(255, 255, 255, .5))}.sf-stage__strow-text{font-size:var(--sf-stages-item-text-size, 15px);line-height:1.6;color:var(--sf-stages-struggle-text-color, rgba(255, 255, 255, .88))}.sf-trip{display:flex;border:1px solid var(--sf-stages-trip-border, var(--sf-line));border-radius:var(--sf-radius-lg);overflow:hidden;margin-top:0;background:var(--sf-stages-trip-bg, #fff)}.sf-trip__media{flex:0 0 42%;max-width:320px;background:var(--sf-cream-2)}.sf-trip__media img,.sf-trip__media svg{width:100%;height:100%;object-fit:cover;display:block;min-height:200px}.sf-trip__content{flex:1 1 auto;padding:28px 30px;display:flex;flex-direction:column;gap:8px;justify-content:center}.sf-trip__eyebrow{margin:0}.sf-trip__title{margin:0;font-size:19px;font-weight:800;letter-spacing:.01em;color:var(--sf-stages-trip-title-color, var(--sf-ink))}.sf-trip__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}.sf-trip__pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--sf-stages-trip-pill-bg, var(--sf-blue-100));color:var(--sf-stages-trip-pill-color, var(--sf-navy-900));font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sf-trip__date{font-size:12.5px;font-weight:600;color:var(--sf-stages-trip-text-color, var(--sf-ink-soft))}.sf-trip__desc{margin:0;font-size:14.5px;line-height:1.55;color:var(--sf-stages-trip-text-color, var(--sf-ink-soft))}.sf-trip__cta{align-self:flex-start;margin-top:6px;padding:12px 22px;border-radius:var(--sf-radius);background:var(--sf-stages-trip-btn-bg, var(--sf-navy-900));color:var(--sf-stages-trip-btn-color, #fff);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:opacity .2s ease}.sf-trip__cta:hover{opacity:.85}@media(max-width:749px){.sf-stages{padding:calc(var(--sf-stages-pad-top, 8px) * 1) 0 calc(var(--sf-stages-pad-bottom, 48px) * .8)}.sf-stage__summary{gap:14px;padding:20px 14px 20px 10px}.sf-stage__badge{width:36px;height:36px;font-size:13px;border-radius:7px}.sf-stage__panel{padding:0 0 26px}.sf-stage__hero img{height:220px;border-radius:14px}.sf-stage__struggle{padding:8px 20px 16px}.sf-trip{flex-direction:column}.sf-trip__media{max-width:none}.sf-trip__media img,.sf-trip__media svg{min-height:180px}.sf-trip__content{padding:22px 20px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/surferelle-stages.css.map */