.iw-webshop-build-page { --wb-ink:#20242e; --wb-muted:#69717c; --wb-orange:#ff6b4a; --wb-line:#e7e8eb; color:var(--wb-ink); }
.iw-webshop-build-page header .navbar { background:#fff !important; box-shadow:none; border-bottom:1px solid #eef0f2; }
.iw-webshop-build-page main { overflow:clip; }
.iw-webshop-build-page .wb-container { width:min(1320px, calc(100% - 80px)); margin-inline:auto; }
.iw-webshop-build-page h1,.iw-webshop-build-page h2,.iw-webshop-build-page h3 { color:var(--wb-ink); font-weight:600; letter-spacing:-1.5px; }
.iw-webshop-build-page h2 { font-size:clamp(32px,3vw,44px); line-height:1.15; margin-bottom:24px; }
.iw-webshop-build-page h3 { font-size:20px; line-height:1.3; letter-spacing:-.45px; margin-bottom:10px; }
.iw-webshop-build-page p { color:var(--wb-muted); font-size:17px; line-height:1.75; margin-bottom:0; }
.iw-webshop-build-page .wb-eyebrow { color:#de5337; font-size:13px; font-weight:600; line-height:1.4; letter-spacing:1.6px; margin:0 0 21px; }
.iw-webshop-build-page .wb-hero { padding:180px 0 0; background:radial-gradient(ellipse at 75% 35%, #ffdccd 0,transparent 49%),linear-gradient(125deg,#fffaf7,#fff5ee); }
.iw-webshop-build-page .wb-hero-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:60px; align-items:center; padding-bottom:72px; }
.iw-webshop-build-page .wb-hero h1 { font-size:clamp(44px,4.1vw,64px); line-height:1.08; letter-spacing:-2.8px; margin:0 0 27px; }
.iw-webshop-build-page .wb-hero h1 span { color:#e75e41; }
.iw-webshop-build-page .wb-lead { font-size:19px; line-height:1.7; max-width:490px; }
.iw-webshop-build-page .wb-actions { display:flex; align-items:center; flex-wrap:wrap; gap:25px; margin:32px 0 29px; }
.iw-webshop-build-page .wb-button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:54px; padding:15px 24px; border:1px solid transparent; border-radius:5px; font-size:15px; line-height:1.4; font-weight:600; text-decoration:none; transition:background .2s,transform .2s; white-space:nowrap; }
.iw-webshop-build-page .wb-primary { background:var(--wb-orange); color:#fff; box-shadow:0 7px 20px #f8684220; }
.iw-webshop-build-page .wb-primary:hover { background:#df5135; color:#fff; transform:translateY(-2px); }
.iw-webshop-build-page .wb-button:focus-visible,.iw-webshop-build-page .wb-text-link:focus-visible { outline:3px solid #20242e; outline-offset:4px; }
.iw-webshop-build-page .wb-text-link { display:inline-flex; gap:13px; align-items:center; font-size:15px; font-weight:600; line-height:1.5; color:var(--wb-ink); }
.iw-webshop-build-page .wb-text-link:hover { color:#df5135; }
.iw-webshop-build-page .wb-checks { padding:0; margin:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px 20px; }
.iw-webshop-build-page .wb-checks li { display:flex; gap:8px; align-items:center; font-size:13px; line-height:1.6; color:#59616d; }
.iw-webshop-build-page .wb-checks i { color:#18ad83; }
.iw-webshop-build-page .wb-hero-art { position:relative; padding-bottom:27px; }
.iw-webshop-build-page .wb-window { background:#fff; border:1px solid #dee1e6; border-radius:12px; overflow:hidden; box-shadow:0 22px 60px #27334918; }
.iw-webshop-build-page .wb-window img { width:100%; height:auto; display:block; }
.iw-webshop-build-page .wb-hero-window { position:relative; z-index:1; }
.iw-webshop-build-page .wb-window-bar { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; color:#9da3ac; font-size:10px; line-height:1; border-bottom:1px solid #edf0f4; background:#fff; }
.iw-webshop-build-page .wb-dots { display:flex; align-items:center; gap:4px; }
.iw-webshop-build-page .wb-dots i { width:6px; height:6px; border-radius:50%; background:#ff7b6b; }
.iw-webshop-build-page .wb-dots i:nth-child(2) { background:#f4c466; }
.iw-webshop-build-page .wb-dots i:nth-child(3) { background:#61c6a1; }
.iw-webshop-build-page .wb-design-note { display:flex; align-items:center; justify-content:center; gap:11px; width:max-content; max-width:calc(100% - 40px); padding:14px 21px; margin:-3px 23px -28px auto; position:relative; z-index:2; background:#fff; border:1px solid #f0ded2; border-radius:8px; box-shadow:0 8px 24px #1d23320b; font-size:13px; font-weight:500; }
.iw-webshop-build-page .wb-design-note i { font-size:20px; color:var(--wb-orange); }
.iw-webshop-build-page .wb-platforms { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:27px 0; border-top:1px solid #e9ddd5; }
.iw-webshop-build-page .wb-platforms p { font-size:14px; }
.iw-webshop-build-page .wb-platforms > div { display:flex; flex-wrap:wrap; align-items:center; gap:25px; }
.iw-webshop-build-page .wb-platforms span { font-size:17px; font-weight:600; letter-spacing:-.5px; color:#6d6d76; }
.iw-webshop-build-page .wb-section { padding:100px 0; }
.iw-webshop-build-page [id] { scroll-margin-top:105px; }
.iw-webshop-build-page .wb-section-heading { text-align:center; max-width:700px; margin:0 auto 44px; }
.iw-webshop-build-page .wb-section-heading p:last-child { max-width:620px; margin-inline:auto; }
.iw-webshop-build-page .wb-section-heading .wb-eyebrow { margin-bottom:15px; }
.iw-webshop-build-page .wb-examples-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:27px; }
.iw-webshop-build-page .wb-example { margin:0; min-width:0; }
.iw-webshop-build-page .wb-example-image { padding:7px; background:#f4f5f7; border:1px solid #e4e6eb; border-radius:9px; }
.iw-webshop-build-page .wb-example-image img { display:block; width:100%; height:auto; border-radius:4px; }
.iw-webshop-build-page .wb-example figcaption { display:flex; align-items:flex-start; gap:15px; padding:22px 1px 0; }
.iw-webshop-build-page .wb-example-number { flex:0 0 20px; white-space:nowrap; color:var(--wb-orange); font-size:13px; line-height:26px; font-weight:600; }
.iw-webshop-build-page .wb-example h3 { font-size:19px; margin-bottom:8px; }
.iw-webshop-build-page .wb-example p { font-size:15px; line-height:1.6; }
.iw-webshop-build-page .wb-example-disclaimer { text-align:center; font-size:12px; line-height:1.7; margin-top:34px; color:#838994; }
.iw-webshop-build-page .wb-features { background:#f6f8f9; }
.iw-webshop-build-page .wb-heading-left { margin-left:0; text-align:left; max-width:600px; }
.iw-webshop-build-page .wb-features-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px 60px; }
.iw-webshop-build-page .wb-feature { padding-top:4px; }
.iw-webshop-build-page .wb-feature-icon { display:flex; align-items:center; justify-content:center; width:49px; height:49px; background:#fff; border-radius:12px; color:#e85e40; font-size:23px; margin-bottom:18px; border:1px solid #eaedf0; }
.iw-webshop-build-page .wb-feature p { font-size:16px; max-width:330px; }
.iw-webshop-build-page .wb-process { background:#202c34; padding:83px 0; }
.iw-webshop-build-page .wb-process h2,.iw-webshop-build-page .wb-process h3 { color:#fff; }
.iw-webshop-build-page .wb-process .wb-eyebrow { color:#ff9d80; }
.iw-webshop-build-page .wb-process p { color:#bcc6cf; font-size:16px; }
.iw-webshop-build-page .wb-process-top { display:grid; grid-template-columns:1.1fr 1fr; gap:100px; align-items:center; margin-bottom:42px; }
.iw-webshop-build-page .wb-process-top h2 { margin-bottom:0; max-width:500px; }
.iw-webshop-build-page .wb-steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; }
.iw-webshop-build-page .wb-steps li { border-top:1px solid #52606a; padding-top:26px; }
.iw-webshop-build-page .wb-step-number { display:block; color:#ff9475; font-size:13px; font-weight:600; margin-bottom:12px; }
.iw-webshop-build-page .wb-steps h3 { font-size:19px; }
.iw-webshop-build-page .wb-steps p { font-size:15px; }
.iw-webshop-build-page .wb-automation-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:85px; align-items:center; }
.iw-webshop-build-page .wb-interior-window { box-shadow:0 16px 45px #2733490d; }
.iw-webshop-build-page .wb-automation .wb-text-link { margin-top:28px; }
.iw-webshop-build-page .wb-faq { padding-top:0; }
.iw-webshop-build-page .wb-faq-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
.iw-webshop-build-page .wb-faq details { border-bottom:1px solid var(--wb-line); }
.iw-webshop-build-page .wb-faq details:first-child { border-top:1px solid var(--wb-line); }
.iw-webshop-build-page .wb-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 2px; list-style:none; cursor:pointer; font-weight:600; font-size:17px; line-height:1.5; }
.iw-webshop-build-page .wb-faq summary::-webkit-details-marker { display:none; }
.iw-webshop-build-page .wb-faq summary::after { content:'+'; font-weight:400; font-size:24px; color:var(--wb-orange); flex-shrink:0; }
.iw-webshop-build-page .wb-faq details[open] summary::after { content:'−'; }
.iw-webshop-build-page .wb-faq details p { padding:0 30px 25px 2px; font-size:16px; }
.iw-webshop-build-page .wb-contact { background:#fff8f4; padding:72px 0 80px; }
.iw-webshop-build-page .wb-contact-panel { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,2fr); gap:72px; align-items:start; }
.iw-webshop-build-page .wb-contact-copy h2 { font-size:38px; }
.iw-webshop-build-page .wb-contact-email { display:block; width:max-content; max-width:100%; color:var(--wb-ink); font-size:21px; font-weight:600; margin:27px 0 8px; }
.iw-webshop-build-page .wb-contact-phone { color:#69717c; font-size:16px; }
.iw-webshop-build-page .wb-form { --bs-gutter-x:24px; margin-bottom:0; }
.iw-webshop-build-page .wb-field { margin-bottom:22px; }
.iw-webshop-build-page .wb-form label { color:#505967; font-size:13px; line-height:1.6; display:block; margin-bottom:8px; }
.iw-webshop-build-page .wb-form .form-control { padding:13px 15px; border:1px solid #dfe2e7; background:#fff; border-radius:5px; height:52px; font-size:16px; line-height:24px; margin-bottom:0; color:var(--wb-ink); box-shadow:none; }
.iw-webshop-build-page .wb-form .form-control:focus { border-color:#ed8b6c; outline:2px solid #ff6b4a20; }
.iw-webshop-build-page .wb-form-bottom { display:flex; justify-content:space-between; align-items:center; gap:23px; margin-top:3px; }
.iw-webshop-build-page .wb-form-bottom p { font-size:12px; line-height:1.8; max-width:270px; }
.iw-webshop-build-page footer { padding-top:72px; }
/* Contact panel follows the other Instaweb service pages. */
.iw-webshop-build-page .wb-question-card { background:#20242e; border-radius:6px; padding:36px; }
.iw-webshop-build-page .wb-question-card h3 { color:#fff; font-size:21px; margin:0 0 14px; }
.iw-webshop-build-page .wb-question-card p { color:#bec3cc; font-size:16px; line-height:1.8; margin-bottom:25px; }
.iw-webshop-build-page .wb-question-email { display:flex; align-items:center; justify-content:center; gap:8px; background:#ff6b4a; color:#fff; padding:18px 12px; border-radius:4px; font-size:15px; font-weight:600; white-space:nowrap; }
.iw-webshop-build-page .wb-question-email:hover { background:#e35c3e; }
.iw-webshop-build-page .wb-question-phone { display:flex; align-items:center; justify-content:center; gap:10px; color:#fff; font-size:16px; font-weight:500; margin-top:18px; }
.iw-webshop-build-page .wb-contact-main { min-width:0; }
.iw-webshop-build-page .wb-contact-main h2 { font-size:32px; letter-spacing:-1px; line-height:1.2; margin-bottom:18px; }
.iw-webshop-build-page .wb-contact-intro { margin-bottom:32px; }
.iw-webshop-build-page .wb-dark { background:#20242e; color:#fff; box-shadow:0 7px 20px #20242e13; }
.iw-webshop-build-page .wb-dark:hover { background:#11161f; color:#fff; }
@media (min-width:992px) and (max-width:1599px) { .iw-webshop-build-page .wb-contact { padding-top:64px; padding-bottom:64px; } }
@media (min-width:992px) and (max-width:1199px) {
    .iw-webshop-build-page .wb-hero-grid { gap:34px; }
    .iw-webshop-build-page .wb-hero h1 { font-size:45px; letter-spacing:-2px; }
    .iw-webshop-build-page .wb-hero { padding-top:155px; }
    .iw-webshop-build-page .wb-platforms { flex-direction:column; gap:10px; }
    .iw-webshop-build-page .wb-contact-panel,.iw-webshop-build-page .wb-automation-grid { gap:42px; }
    .iw-webshop-build-page .wb-form-bottom { flex-direction:column; align-items:flex-start; }
}
@media (max-width:991px) {
    .iw-webshop-build-page .wb-container { width:calc(100% - 48px); }
    .iw-webshop-build-page .wb-hero { padding-top:135px; }
    .iw-webshop-build-page .wb-hero-grid { grid-template-columns:1fr; gap:40px; padding-bottom:40px; }
    .iw-webshop-build-page .wb-hero-copy { max-width:650px; }
    .iw-webshop-build-page .wb-hero h1 { font-size:58px; }
    .iw-webshop-build-page .wb-hero-art { max-width:680px; width:100%; margin:auto; }
    .iw-webshop-build-page .wb-platforms { flex-direction:column; gap:12px; text-align:center; padding:24px 0; }
    .iw-webshop-build-page .wb-platforms > div { justify-content:center; gap:20px; }
    .iw-webshop-build-page .wb-section { padding:72px 0; }
    .iw-webshop-build-page .wb-section-heading { margin-bottom:32px; }
    .iw-webshop-build-page .wb-examples-grid { gap:20px; }
    .iw-webshop-build-page .wb-example figcaption { gap:9px; }
    .iw-webshop-build-page .wb-example h3 { font-size:17px; }
    .iw-webshop-build-page .wb-features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
    .iw-webshop-build-page .wb-process { padding:65px 0; }
    .iw-webshop-build-page .wb-process-top { gap:35px; }
    .iw-webshop-build-page .wb-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
    .iw-webshop-build-page .wb-automation-grid { grid-template-columns:1fr; gap:40px; }
    .iw-webshop-build-page .wb-interior-window { max-width:640px; }
    .iw-webshop-build-page .wb-faq { padding-top:0; }
    .iw-webshop-build-page .wb-faq-grid { grid-template-columns:1fr; gap:12px; }
    .iw-webshop-build-page .wb-contact-panel { grid-template-columns:1fr; gap:35px; }
    .iw-webshop-build-page .wb-contact { padding-top:64px; padding-bottom:64px; }
    .iw-webshop-build-page header .mobile-navbar-menu { order:1; }
    .iw-webshop-build-page header .mobile-navbar-brand { order:2; }
    .iw-webshop-build-page header .mobile-navbar-brand .navbar-brand { width:auto !important; max-width:140px; margin:0 auto !important; }
    .iw-webshop-build-page header .navbar-brand .default-logo,.iw-webshop-build-page header .navbar-brand .alt-logo { display:none !important; }
    .iw-webshop-build-page header .navbar-brand .mobile-logo { display:block !important; }
}
@media (max-width:575px) {
    .iw-webshop-build-page .wb-container { width:calc(100% - 36px); }
    .iw-webshop-build-page .wb-hero { padding-top:125px; }
    .iw-webshop-build-page .wb-hero h1 { font-size:42px; line-height:1.13; letter-spacing:-1.8px; }
    .iw-webshop-build-page .wb-lead { font-size:17px; }
    .iw-webshop-build-page .wb-actions { gap:22px; margin:26px 0 24px; }
    .iw-webshop-build-page .wb-button { padding:14px 21px; }
    .iw-webshop-build-page .wb-checks { gap:8px 16px; }
    .iw-webshop-build-page .wb-hero-grid { gap:30px; }
    .iw-webshop-build-page .wb-design-note { font-size:11px; padding:10px 13px; margin-right:12px; }
    .iw-webshop-build-page .wb-platforms p { font-size:13px; }
    .iw-webshop-build-page .wb-platforms span { font-size:15px; }
    .iw-webshop-build-page .wb-section { padding:58px 0; }
    .iw-webshop-build-page h2 { font-size:32px; letter-spacing:-1px; }
    .iw-webshop-build-page .wb-examples-grid { grid-template-columns:1fr; gap:33px; }
    .iw-webshop-build-page .wb-example figcaption { padding-top:16px; gap:13px; }
    .iw-webshop-build-page .wb-example h3 { font-size:20px; }
    .iw-webshop-build-page .wb-features-grid { grid-template-columns:1fr; gap:26px; }
    .iw-webshop-build-page .wb-feature { position:relative; padding-left:68px; min-height:54px; }
    .iw-webshop-build-page .wb-feature-icon { position:absolute; left:0; top:2px; }
    .iw-webshop-build-page .wb-feature h3 { font-size:19px; }
    .iw-webshop-build-page .wb-feature p { font-size:15px; }
    .iw-webshop-build-page .wb-process-top { grid-template-columns:1fr; gap:22px; margin-bottom:32px; }
    .iw-webshop-build-page .wb-steps { gap:26px 22px; }
    .iw-webshop-build-page .wb-steps h3 { font-size:17px; letter-spacing:-.4px; }
    .iw-webshop-build-page .wb-steps p { font-size:14px; }
    .iw-webshop-build-page .wb-faq { padding-top:0; }
    .iw-webshop-build-page .wb-faq summary { font-size:16px; }
    .iw-webshop-build-page .wb-contact { padding-top:52px; padding-bottom:56px; }
    .iw-webshop-build-page .wb-contact-copy h2 { font-size:32px; }
    .iw-webshop-build-page .wb-form-bottom { flex-direction:column; align-items:stretch; gap:20px; }
    .iw-webshop-build-page .wb-form-bottom p { max-width:none; }
}

@media (min-width:992px) and (max-width:1199px) { .iw-webshop-build-page .wb-question-card { padding:27px; } }
@media (max-width:991px) {
    .iw-webshop-build-page .wb-question-card { max-width:560px; width:100%; }
}
@media (max-width:575px) { .iw-webshop-build-page .wb-question-card { padding:30px; } }


@media (max-width:575px) { .iw-webshop-build-page footer { padding-top:52px; } }