/* Social follows the Shopify palette, cards, waves and certificate gallery. */
.social-only .social-hero{height:auto;min-height:720px;padding:150px 0 80px;background:none;overflow:visible}
.social-only .social-hero::before{display:none}
.social-only .social-hero-panel{display:grid;grid-template-columns:1.08fr 1fr;align-items:stretch;min-height:530px;height:auto;padding:0;border-radius:48px;overflow:hidden;text-align:left;background:linear-gradient(125deg,#ffffffed,#f2e9f8e8);box-shadow:0 34px 90px #31254624,inset 0 1px #fff}
.social-hero-copy{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:clamp(34px,4.5vw,64px)}
.social-only .social-hero-copy h1{white-space:normal;max-width:640px;font-size:clamp(3rem,4.8vw,5.4rem);line-height:.99;text-wrap:balance}
.social-hero-copy>p{max-width:560px;margin:25px 0 0;color:#554d5e;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.65}
.social-hero-media{min-width:0;min-height:100%;position:relative;overflow:hidden}
.social-hero-media>img{width:100%;height:100%;min-height:530px;object-fit:cover;object-position:45% 50%}
.social-hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f7f2fa 0%,#f7f2fa20 22%,transparent 55%)}
.social-section-title{text-align:center;margin:0 0 38px;font-size:clamp(2.5rem,4.5vw,4.6rem);letter-spacing:-.06em;line-height:1.04;font-weight:690;text-wrap:balance}
.social-only .commerce-benefits-shell{padding:48px}
.social-only .commerce-feature-grid article{min-height:0}
.social-only .commerce-feature-image{height:auto;min-height:0;aspect-ratio:900/620}
.social-only .commerce-feature-image img{width:100%;height:100%;object-fit:cover}
.social-only .commerce-feature-image::after{background:linear-gradient(transparent 70%,#eadcf860)}
.social-only .commerce-feature-copy{padding:37px 27px 31px;margin-top:-28px;border-radius:28px 28px 0 0}
.social-only .commerce-feature-copy h3{font-size:clamp(1.5rem,2vw,1.9rem);text-wrap:balance}
.social-only .commerce-feature-copy p{margin-top:17px;font-size:.97rem;line-height:1.65}
.social-only .commerce-certificates{margin-top:32px;padding-top:28px}
.social-case-card{padding:0;overflow:hidden;min-height:0;gap:0}
.social-case-brand{margin:0;background:#fff;min-height:156px;padding:37px 32px;display:flex;align-items:center;justify-content:center;position:relative}
.social-case-brand::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#e9dcf746);pointer-events:none}
.social-case-brand img{width:100%;max-width:310px;height:82px;object-fit:contain}
.social-case-copy{display:flex;flex-direction:column;flex:1;padding:29px 31px 34px;background:linear-gradient(140deg,#b897dd15,transparent);position:relative}
.social-case-copy h3{margin:0;font-size:1.55rem;letter-spacing:-.035em;line-height:1.15;font-weight:680}
.social-case-copy p{color:#ffffffcb;font-size:1rem;line-height:1.7;margin:17px 0 0}
.social-case-tag{display:inline-flex;margin-top:22px;color:#dec8fc;padding:7px 12px;background:#ad7cfb17;border:1px solid #ad7cfb42;border-radius:999px;font-size:.74rem;font-weight:650}
.social-only .social-faq-shell{display:block;max-width:1120px;padding:42px}
.social-faq-list{display:grid;gap:12px}
.social-faq-item{overflow:hidden;border:1px solid rgba(var(--accent-rgb),.2);border-radius:23px;background:#ffffffad}
.social-faq-item summary{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;font-size:1.07rem;line-height:1.4;font-weight:680;cursor:pointer;list-style:none}
.social-faq-item summary::-webkit-details-marker{display:none}
.social-faq-item summary:focus-visible{outline-offset:-4px;border-radius:23px}
.social-faq-item[open] .commerce-faq-icon{background:var(--accent);transform:rotate(45deg)}
.social-faq-answer{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:23px;padding:0 24px 24px}
.social-faq-answer>img{width:144px;height:auto;aspect-ratio:900/620;border-radius:17px;object-fit:cover;border:1px solid rgba(var(--accent-rgb),.2)}
.social-faq-answer>p{margin:0;color:#5b5263;font-size:1rem;line-height:1.7}
@media(min-width:761px) and (max-width:1100px){
 .social-only .commerce-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .social-only .commerce-feature-copy{padding:33px 19px 27px}
 .social-only .commerce-benefits-shell{padding:32px}
 .social-only .social-hero-panel{grid-template-columns:1.1fr .9fr}
 .social-hero-copy{padding:36px}
}

@media(max-width:760px){
 .social-only .social-hero{min-height:0;padding:102px 0 42px}
 .social-only .social-hero-panel{width:min(calc(100% - 28px),var(--container));grid-template-columns:1fr;min-height:0;border-radius:32px}
 .social-hero-media{grid-row:1;min-height:0;height:275px}
 .social-hero-media>img{min-height:0;height:100%;object-position:48% 38%}
 .social-hero-media::after{background:linear-gradient(180deg,transparent 65%,#f6eefb 100%)}
 .social-hero-copy{grid-row:2;padding:30px 26px 33px;margin-top:-30px;background:linear-gradient(145deg,#faf6ffda,#f3eef9e8);border-radius:29px 29px 0 0;backdrop-filter:blur(18px)}
 .social-only .social-hero-copy h1{font-size:clamp(2.7rem,11.5vw,4.3rem);max-width:540px}
 .social-hero-copy>p{font-size:1rem;margin-top:20px}
 .social-section-title{font-size:clamp(2.3rem,10.3vw,3.4rem);margin-bottom:28px}
 .social-only .commerce-benefits-shell{padding:28px 18px}
 .social-only .commerce-feature-grid{grid-template-columns:1fr;gap:20px}
 .social-only .commerce-feature-copy{padding:32px 25px 29px}
 .social-only .commerce-feature-copy h3{font-size:1.72rem}
 .social-case-brand{padding:29px;min-height:134px}
 .social-case-brand img{height:72px;max-width:280px}
 .social-case-copy{padding:26px}
 .social-only .social-faq-shell{padding:30px 18px 23px}
 .social-faq-item summary{padding:19px 18px;font-size:1rem;min-height:72px;gap:10px}
 .social-faq-answer{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:0 18px 21px;align-items:start}
 .social-faq-answer>img{width:88px;border-radius:13px;margin-top:3px}
 .social-faq-answer>p{font-size:.94rem;line-height:1.65}
}
@media(max-width:360px){
 .social-hero-copy{padding-inline:20px}
 .social-faq-answer{grid-template-columns:70px minmax(0,1fr);gap:11px}
 .social-faq-answer>img{width:70px}
}
@media(prefers-reduced-motion:reduce){
 .social-only .commerce-feature-grid article,.social-only .commerce-feature-image img{transition:none}
 .social-only .commerce-feature-grid article:hover,.social-only .commerce-feature-grid article:hover img{transform:none}
}
.social-case-copy .social-case-tag{align-self:flex-start}
.social-case-copy .commerce-case-study-link{margin-top:auto;padding-top:28px}