.sob{--sob-navy:#071f46;--sob-navy-2:#172f57;--sob-text:#0b2957;--sob-muted:#667894;--sob-violet:#765bdc;--sob-soft:#f6f8fc;--sob-line:#dce4f0;color:var(--sob-text);padding-top:var(--sob-top);padding-bottom:var(--sob-bottom)}.sob *{box-sizing:border-box}.sob a{text-decoration:none}.sob__container{width:min(1240px,calc(100% - 48px));margin:0 auto}.sob__eyebrow{margin:0 0 14px;color:var(--sob-violet);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sob h1,.sob h2,.sob h3,.sob p{font-family:inherit}.sob h1{margin:0 0 20px;font-size:clamp(40px,4.5vw,58px);line-height:1.04;letter-spacing:-.04em}.sob h2{margin:0 0 13px;font-size:clamp(28px,3vw,36px);line-height:1.18;letter-spacing:-.03em}.sob h3{margin:0 0 10px;font-size:18px;line-height:1.3}.sob__lead{max-width:670px;margin:0 0 30px;color:#526582;font-size:18px;line-height:1.7}.sob__button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:13px 22px;border-radius:6px;background:var(--sob-violet);color:#fff;font-size:14px;font-weight:700}.sob__heading{max-width:790px;margin:0 auto 42px;text-align:center}.sob__heading--left{margin-left:0;text-align:left}.sob__heading>p:last-child{margin:0;color:var(--sob-muted);font-size:16px;line-height:1.7}.sob__breadcrumb{margin-bottom:52px;color:var(--sob-muted);font-size:13px}.sob--hero{overflow:hidden;background:linear-gradient(112deg,#f7f9ff,#eef2ff 52%,#e8e3ff)}.sob-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:70px}.sob-hero__media{overflow:hidden;border:1px solid #d9dff0;border-radius:18px;box-shadow:0 20px 54px #26365e1f}.sob-hero__media img{display:block;width:100%;height:425px;object-fit:cover;object-position:62% center}.sob-intro__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:32px}.sob-intro__copy{display:flex;align-items:center;min-height:290px;padding:42px;border-radius:14px;background:var(--sob-navy);color:#fff}.sob-intro__copy p{margin:0;color:#d9e2f1;font-size:17px;line-height:1.75}.sob-intro__media{position:relative;overflow:hidden;min-height:290px;border-radius:14px;background:#f4f2ff}.sob-intro__media>img{display:block;width:100%;height:290px;object-fit:cover}.sob-intro__facts{position:absolute;right:15px;bottom:15px;left:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sob-intro__fact{display:flex;min-height:58px;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#fff;box-shadow:0 8px 24px #071f461f;font-size:13px}.sob-intro__fact span{display:flex;width:28px;height:28px;flex:0 0 28px;align-items:center;justify-content:center;border-radius:50%;background:var(--sob-violet);color:#fff;font-size:10px;font-weight:700}.sob--terms,.sob--path{background:var(--sob-soft)}.sob-card-grid{display:grid;gap:20px}.sob-card-grid--four{grid-template-columns:repeat(4,1fr)}.sob-card-grid--three{grid-template-columns:repeat(3,1fr);gap:24px}.sob-card{min-height:220px;padding:28px;border:1px solid var(--sob-line);background:#fff}.sob-card--term{border-radius:12px}.sob-card__number{display:block;margin-bottom:26px;color:var(--sob-violet);font-size:12px;font-weight:700}.sob-card p{margin:0;color:var(--sob-muted);font-size:14px;line-height:1.62}.sob-card--change{border-top:5px solid var(--sob-violet);box-shadow:0 12px 34px #0f275012}.sob-card__symbol{display:block;margin-bottom:20px;color:var(--sob-violet);font-size:30px}.sob-path{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.sob-path__step{position:relative;padding-right:28px}.sob-path__step>span{display:flex;width:46px;height:46px;align-items:center;justify-content:center;margin-bottom:22px;border-radius:50%;background:var(--sob-violet);color:#fff;font-weight:700}.sob-path__step:not(:last-child):after{position:absolute;top:22px;right:10px;left:54px;height:2px;background:#b6a7ee;content:""}.sob-path__step h3{font-size:16px}.sob-path__step p{margin:0;color:var(--sob-muted);font-size:13px;line-height:1.55}.sob-reading{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.sob-reading__card{overflow:hidden;min-height:275px;border:1px solid var(--sob-line);border-radius:10px;background:#fff;color:var(--sob-text);transition:transform .2s ease,box-shadow .2s ease}.sob-reading__card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0f27501a}.sob-reading__media{position:relative;height:105px;overflow:hidden;background:#f1f0ff}.sob-reading__media img{display:block;width:100%;height:100%;object-fit:cover}.sob-reading__media span{position:absolute;top:16px;left:16px;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:var(--sob-violet);color:#fff;font-size:11px;font-weight:700}.sob-reading__copy{display:flex;min-height:170px;flex-direction:column;padding:20px}.sob-reading__copy h3{font-size:15px}.sob-reading__copy strong{display:inline-flex;align-self:flex-start;margin-top:auto;padding:8px 12px;border-radius:5px;background:#f1edff;color:var(--sob-violet);font-size:12px}.sob--help{background:var(--sob-navy);color:#fff}.sob-help__grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px}.sob--help h2{color:#fff}.sob-help__text{margin:0;color:#d7e1f0;font-size:15px;line-height:1.7}.sob-help__items{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.sob-help__item{display:flex;min-height:66px;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;background:#fff;color:var(--sob-text);font-size:13px}.sob-help__item>span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#9b83f0}.sob--next{padding-top:0;padding-bottom:0;background:linear-gradient(100deg,#f0edff,#e7eeff)}.sob--next .sob__container{width:100%}.sob-next__grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.sob-next__content{display:flex;min-height:300px;flex-direction:column;align-items:flex-start;justify-content:center;padding:54px max(48px,calc((100vw - 1240px)/2))}.sob-next__content p:not(.sob__eyebrow){margin:0 0 24px;color:var(--sob-muted);font-size:15px}.sob-next__media img{display:block;width:100%;height:300px;object-fit:cover}.sob-next__disclaimer{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:24px 0;color:#6e7d94;font-size:12px;line-height:1.6}@media(max-width:1000px){.sob-hero__grid,.sob-intro__grid,.sob-help__grid{grid-template-columns:1fr}.sob__breadcrumb{margin-bottom:30px}.sob-card-grid--four,.sob-reading{grid-template-columns:repeat(2,1fr)}.sob-reading__card:last-child{grid-column:1/-1}.sob-help__grid{gap:38px}.sob-hero__media img{height:380px}}@media(max-width:700px){.sob__container{width:calc(100% - 32px)}.sob{padding-top:min(var(--sob-top),64px);padding-bottom:min(var(--sob-bottom),64px)}.sob-hero__grid{grid-template-columns:1fr;gap:36px}.sob__breadcrumb{margin-bottom:28px}.sob-hero__media img{height:300px}.sob-intro__copy{padding:28px}.sob-intro__facts,.sob-card-grid--four,.sob-card-grid--three,.sob-reading,.sob-path,.sob-help__items,.sob-next__grid{grid-template-columns:1fr}.sob-path{gap:34px}.sob-path__step:after{display:none}.sob-reading__card:last-child{grid-column:auto}.sob-next__content{min-height:auto;padding:54px 24px}.sob-next__media img{height:260px}}.sob--help{background:var(--sob-module-bg, var(--sob-navy));color:var(--sob-heading-color, #ffffff)}.sob--help .sob__eyebrow{color:var(--sob-eyebrow-color, var(--sob-violet))}.sob--help h2{color:var(--sob-heading-color, #ffffff)}.sob--help .sob-help__text{color:var(--sob-body-color, #d7e1f0)}.sob--help .sob-help__item{border:1px solid var(--sob-card-border, transparent);background:var(--sob-card-bg, #ffffff);color:var(--sob-card-text, var(--sob-text))}.sob--help .sob-help__item>span{background:var(--sob-dot-color, #9b83f0)}.sob--next{padding:48px 0 0;background:linear-gradient(100deg,#f0edff,#e7eeff)}.sob--next .sob__container{width:min(1240px,calc(100% - 48px))}.sob--next .sob-next__grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);min-height:330px;overflow:hidden;border:1px solid #ddd9ef;border-radius:16px;background:linear-gradient(110deg,#f5f3ff,#edf1ff);box-shadow:0 16px 44px #2d235814}.sob--next .sob-next__content{min-width:0;min-height:330px;padding:48px 54px}.sob--next .sob-next__content h2{max-width:390px}.sob--next .sob-next__content p:not(.sob__eyebrow){max-width:420px;line-height:1.65}.sob--next .sob__button{white-space:nowrap}.sob--next .sob-next__media{min-width:0;min-height:330px}.sob--next .sob-next__media img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center}.sob--next .sob-next__disclaimer{width:100%;padding:22px 0 26px;text-align:center}@media(max-width:900px){.sob--next{padding-top:28px}.sob--next .sob__container{width:min(100% - 32px,680px)}.sob--next .sob-next__grid{grid-template-columns:1fr}.sob--next .sob-next__content{min-height:0;padding:42px 32px 36px}.sob--next .sob-next__media,.sob--next .sob-next__media img{min-height:0;height:auto;aspect-ratio:16 / 10}}@media(max-width:520px){.sob--next .sob-next__content{padding:34px 22px 30px}.sob--next .sob-next__media,.sob--next .sob-next__media img{aspect-ratio:4 / 3}.sob--next .sob-next__disclaimer{padding:18px 0 22px;text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/stomally-ostomy-basics.css.map */