.route-shopify_plugin{--shopify-green:#008060;--shopify-green-dark:#004c3f;--shopify-mint:#e6f7f2;--shopify-ink:#10211d}
.route-shopify_plugin .shopify-plugin-hero{padding:88px 0 82px;background:radial-gradient(circle at 86% 15%,rgba(0,128,96,.18),transparent 29%),radial-gradient(circle at 18% 20%,#dfe7ff,transparent 36%),linear-gradient(145deg,#fbfcff,#f3f8f6 72%,#fff)}
.route-shopify_plugin .shopify-plugin-hero:before{background-image:linear-gradient(rgba(0,128,96,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,55,195,.035) 1px,transparent 1px)}
.route-shopify_plugin .woo-plugin-hero-copy{padding:10px 0}
.route-shopify_plugin .woo-plugin-hero-copy h1{max-width:720px;font-size:clamp(3rem,5vw,5.15rem)}
.route-shopify_plugin .woo-plugin-hero-copy .hero-copy{max-width:690px;font-size:1.08rem}
.route-shopify_plugin .woo-connection-visual{position:relative;display:grid;grid-template-columns:minmax(145px,1fr) 88px minmax(145px,1fr);align-items:center;min-height:430px;padding:42px 18px}
.route-shopify_plugin .woo-connection-visual:before{content:"";position:absolute;inset:12% 3%;border:1px solid rgba(0,128,96,.14);border-radius:50%;box-shadow:0 0 0 34px rgba(0,128,96,.035)}
.route-shopify_plugin .woo-store-card,.route-shopify_plugin .woo-phone{position:relative;z-index:2;display:flex;min-height:222px;align-items:center;justify-content:center;flex-direction:column;padding:30px 20px;text-align:center}
.route-shopify_plugin .woo-store-card{border:1px solid rgba(255,255,255,.92);border-radius:30px;background:rgba(255,255,255,.93);box-shadow:0 26px 65px rgba(16,67,55,.16);backdrop-filter:blur(14px)}
.route-shopify_plugin .woo-store-card:before{content:"S";display:grid;width:82px;height:82px;place-items:center;margin-bottom:22px;border-radius:24px 24px 24px 8px;background:linear-gradient(145deg,var(--shopify-green),#00a47d);color:#fff;font-size:2.15rem;font-weight:900;box-shadow:0 17px 36px rgba(0,128,96,.28)}
.route-shopify_plugin .woo-store-card strong,.route-shopify_plugin .woo-phone strong{font-size:1.05rem}
.route-shopify_plugin .woo-store-card small,.route-shopify_plugin .woo-phone small{margin-top:7px;color:#6d7c77;font-size:.73rem;font-weight:700}
.route-shopify_plugin .woo-sync-core{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center}
.route-shopify_plugin .woo-sync-core:before{content:"";position:absolute;z-index:-1;left:-52px;right:-52px;top:28px;height:2px;background:linear-gradient(90deg,var(--shopify-green),#5270dd)}
.route-shopify_plugin .woo-sync-core span{display:grid;width:58px;height:58px;place-items:center;border:1px solid #dce5e2;border-radius:50%;background:#fff;color:var(--shopify-green);font-size:1.45rem;font-weight:900;box-shadow:0 14px 32px rgba(18,58,48,.16)}
.route-shopify_plugin .woo-sync-core strong{max-width:105px;color:#4c5e59;font-size:.68rem;line-height:1.35}
.route-shopify_plugin .woo-phone{min-height:330px;border:9px solid #111827;border-radius:39px;background:linear-gradient(165deg,#fff 0 20%,#eef2ff 20% 55%,#fff 55%);box-shadow:0 30px 65px rgba(20,36,88,.23)}
.route-shopify_plugin .woo-phone:before{content:"";position:absolute;top:9px;width:61px;height:15px;border-radius:0 0 12px 12px;background:#111827}
.route-shopify_plugin .woo-phone:after{content:"✓";display:grid;width:64px;height:64px;place-items:center;margin-top:27px;border-radius:20px;background:var(--shopify-mint);color:var(--shopify-green);font-size:1.7rem;font-weight:950}
.route-shopify_plugin .woo-phone>div{display:flex;align-items:center;flex-direction:column}
.route-shopify_plugin .feature-grid{align-items:stretch}
.route-shopify_plugin .feature-card{min-height:185px;background:linear-gradient(145deg,#fff,#fbfefd)}
.route-shopify_plugin .feature-card .feature-icon{background:var(--shopify-mint);color:var(--shopify-green)}
.route-shopify_plugin .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.route-shopify_plugin .process-card{position:relative;min-height:220px;padding:30px 26px;border:1px solid #dfe7e4;border-radius:23px;background:#fff;box-shadow:0 13px 35px rgba(24,57,49,.055)}
.route-shopify_plugin .process-card:after{content:"→";position:absolute;z-index:3;right:-17px;top:42px;display:grid;width:32px;height:32px;place-items:center;border:1px solid #dce5e2;border-radius:50%;background:#fff;color:var(--shopify-green);font-weight:900}
.route-shopify_plugin .process-card:last-child:after{display:none}
.route-shopify_plugin .process-card>span{display:grid;width:46px;height:46px;place-items:center;margin-bottom:42px;border-radius:14px;background:linear-gradient(145deg,var(--shopify-green),#00a47d);color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(0,128,96,.2)}
.route-shopify_plugin .process-card h3{font-size:1.12rem}
.route-shopify_plugin .two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.route-shopify_plugin .panel{position:relative;overflow:hidden;min-height:360px;padding:42px;border:1px solid #dfe5f1;border-radius:28px;background:#fff;box-shadow:0 20px 50px rgba(20,42,94,.08)}
.route-shopify_plugin .panel:before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,128,96,.13),transparent 70%)}
.route-shopify_plugin .panel h2{max-width:560px;font-size:clamp(2rem,3.4vw,3.25rem)}
.route-shopify_plugin .panel:nth-child(2){border-color:#18315b;background:linear-gradient(145deg,#101b39,#09142d);color:#fff}
.route-shopify_plugin .panel:nth-child(2) h2{color:#fff}
.route-shopify_plugin .panel:nth-child(2) p{color:#b9c4df}
.route-shopify_plugin .panel:nth-child(2) .eyebrow{color:#86d8c1}
.route-shopify_plugin .notice-panel{margin-top:28px;padding:18px 20px;border-left:4px solid var(--shopify-green);border-radius:0 14px 14px 0;background:#f0faf6;color:#36564d;font-size:.88rem}
.route-shopify_plugin .woo-plugin-cta{background:linear-gradient(135deg,var(--shopify-green-dark),#1737c3 72%,#0b216f)}
.route-shopify_plugin .woo-plugin-cta .button-light{color:var(--shopify-green-dark)}
.route-shopify_plugin .shopify-faq-highlight{padding:20px 0 54px}.route-shopify_plugin .shopify-faq-highlight-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:25px;padding:28px 32px;border:1px solid rgba(0,128,96,.24);border-radius:25px;background:linear-gradient(135deg,#e8faf4,#fff 58%,#eef2ff);box-shadow:0 18px 45px rgba(15,72,57,.11)}.route-shopify_plugin .shopify-faq-mark{display:grid;width:66px;height:66px;place-items:center;border-radius:20px;background:linear-gradient(145deg,var(--shopify-green),#00a47d);color:#fff;font-size:2rem;font-weight:950;box-shadow:0 14px 30px rgba(0,128,96,.24)}.route-shopify_plugin .shopify-faq-highlight-card h2{margin:3px 0 6px;font-size:clamp(1.45rem,2.6vw,2.25rem)}.route-shopify_plugin .shopify-faq-highlight-card p{max-width:760px;margin-bottom:0}.route-shopify_plugin .shopify-faq-highlight-card .button{white-space:nowrap}
@media(max-width:980px){.route-shopify_plugin .shopify-plugin-hero{padding-top:62px}.route-shopify_plugin .woo-connection-visual{width:min(100%,700px);margin:auto}.route-shopify_plugin .process-grid{grid-template-columns:1fr 1fr}.route-shopify_plugin .process-card:nth-child(2):after{display:none}.route-shopify_plugin .two-column{grid-template-columns:1fr}.route-shopify_plugin .panel{min-height:0}.route-shopify_plugin .shopify-faq-highlight-card{grid-template-columns:auto 1fr}.route-shopify_plugin .shopify-faq-highlight-card .button{grid-column:1/-1;width:100%}}
@media(max-width:620px){.route-shopify_plugin .shopify-plugin-hero{padding:48px 0 60px}.route-shopify_plugin .woo-plugin-hero-copy h1{font-size:clamp(2.55rem,13vw,3.7rem)}.route-shopify_plugin .woo-connection-visual{grid-template-columns:1fr;gap:16px;min-height:0;padding:35px 0 5px}.route-shopify_plugin .woo-connection-visual:before{inset:5% 10%;border-radius:44%}.route-shopify_plugin .woo-store-card{min-height:185px}.route-shopify_plugin .woo-store-card:before{width:68px;height:68px;margin-bottom:17px;border-radius:20px 20px 20px 7px;font-size:1.8rem}.route-shopify_plugin .woo-sync-core{padding:4px 0}.route-shopify_plugin .woo-sync-core:before{left:50%;right:auto;top:-25px;bottom:-25px;width:2px;height:auto;background:linear-gradient(var(--shopify-green),#5270dd)}.route-shopify_plugin .woo-sync-core span{width:52px;height:52px;transform:rotate(90deg)}.route-shopify_plugin .woo-phone{width:min(245px,85%);min-height:305px;margin:auto}.route-shopify_plugin .process-grid{grid-template-columns:1fr}.route-shopify_plugin .process-card{min-height:auto}.route-shopify_plugin .process-card:after{display:none}.route-shopify_plugin .process-card>span{margin-bottom:28px}.route-shopify_plugin .panel{padding:32px 24px}.route-shopify_plugin .notice-panel{padding:16px}.route-shopify_plugin .woo-plugin-cta{padding:36px 24px}.route-shopify_plugin .shopify-faq-highlight{padding-bottom:36px}.route-shopify_plugin .shopify-faq-highlight-card{grid-template-columns:1fr;padding:24px}.route-shopify_plugin .shopify-faq-mark{width:54px;height:54px;border-radius:16px}.route-shopify_plugin .shopify-faq-highlight-card .button{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.route-shopify_plugin .woo-sync-core span{transition:none}}
.shopify-official-channel{padding-top:35px}.shopify-channel-diagram{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:34px;border:1px solid #dce5f2;border-radius:28px;background:linear-gradient(135deg,#fff,#f2f7ff);box-shadow:0 22px 55px rgba(24,45,105,.12)}.shopify-channel-diagram article{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dfe6f0;border-radius:22px;background:#fff;text-align:center}.shopify-channel-diagram article>span{margin-bottom:14px;padding:5px 10px;border-radius:999px;background:#e5f7ef;color:#08724a;font-size:.72rem;font-weight:900}.shopify-channel-diagram article strong{font-size:1.45rem;color:#10235d}.shopify-channel-diagram article small{margin-top:8px;color:#64708a}.shopify-channel-diagram article.is-mobile{border-color:#c8d5ff;background:linear-gradient(155deg,#fff,#edf2ff)}.shopify-channel-diagram>i{display:flex;flex-direction:column;align-items:center;color:#143bc5;font-size:2rem;font-style:normal;font-weight:900}.shopify-channel-diagram>i small{margin-top:7px;color:#53617d;font-size:.7rem;font-weight:700;white-space:nowrap}
@media(max-width:760px){.shopify-channel-diagram{grid-template-columns:1fr;padding:22px}.shopify-channel-diagram>i{transform:rotate(90deg)}.shopify-channel-diagram>i small{display:none}.shopify-channel-diagram article{min-height:160px}}