/* Shopify AI Shopping — editorial extension of the shared site system. */
.ai-shopping .ais-hero { padding: clamp(148px, 14vw, 204px) 0 86px; overflow: hidden; }
.ai-shopping .ais-hero-grid { display: grid; grid-template-columns: minmax(0, 1.07fr) minmax(0, 1fr); gap: 42px; align-items: center; }
.ai-shopping .ais-hero .sec-label { margin-bottom: 27px; color: var(--paper-dark-soft); }
.ai-shopping .ais-hero h1 { font-size: clamp(40px, 4.4vw, 64px); line-height: 1.12; font-weight: 650; letter-spacing: 0; }
.ai-shopping .ais-hero h1 em { font-style: normal; color: #98B1FF; }
html[lang="zh"] .ai-shopping .ais-hero h1 { font-size: clamp(38px, 4.2vw, 59px); line-height: 1.3; }
.ai-shopping .ais-hero-body { margin-top: 28px; max-width: 590px; font-size: 16px; color: var(--paper-dark-soft); line-height: 1.85; }
.ai-shopping .ais-hero-note { margin-top: 18px; max-width: 560px; color: #D2CEC8; font-size: 13px; line-height: 1.8; }
.ai-shopping .ais-hero .hero-actions { margin-top: 28px; gap: 14px; align-items: flex-start; }
.ai-shopping .ais-hero .btn { font-size: 13px; }
.ai-shopping .ais-hero-aux { display: inline-flex; min-height: 48px; align-items: center; gap: 10px; color: var(--paper-dark); font-size: 13px; text-underline-offset: 6px; }
.ai-shopping .ais-hero-art { min-width: 0; position: relative; }
.ai-shopping .ais-hero-art::before { content: ""; position: absolute; inset: 16% 5% 6%; background: radial-gradient(ellipse, rgba(20,63,208,.21), transparent 69%); pointer-events: none; }
.ai-shopping .ais-hero-art svg { display: block; width: 100%; height: auto; position: relative; }
.ai-shopping .ais-hero-art figcaption { text-align: center; font-size: 12px; color: var(--paper-dark-soft); margin-top: 5px; }
.ai-shopping .ais-diagram-text { font-family: var(--font-en); fill: var(--paper-dark); font-size: 13px; }
html[lang="zh"] .ai-shopping .ais-diagram-text { font-family: var(--font-zh); }
.ai-shopping .ais-diagram-micro { font-family: var(--mono); fill: #B5C6FF; font-size: 10px; letter-spacing: .07em; }
html[lang="zh"] .ai-shopping .ais-diagram-micro { font-family: var(--font-zh); font-size: 12px; letter-spacing: .05em; }
.ai-shopping .ais-connector { fill: none; stroke: #809BF2; stroke-width: 1.3; }
/* A short shopping scene; every meaningful element is visible without JS. */
.ai-shopping .ais-flow-canvas { position: relative; transform: perspective(1000px) rotateX(var(--flow-rx, 0deg)) rotateY(var(--flow-ry, 0deg)); transition: transform .35s ease-out; }
.ai-shopping .ais-flow-canvas::before { content: ""; position: absolute; inset: 12% 5% 6%; background: radial-gradient(ellipse at var(--flow-light-x, 50%) var(--flow-light-y, 50%), rgba(80, 121, 255, .18), transparent 65%); pointer-events: none; }
.ai-shopping .ais-flow-node { transform-box: fill-box; transform-origin: center; transition: filter .3s ease; }
.ai-shopping .ais-flow-surface { transition: stroke .25s ease, stroke-width .25s ease, fill .25s ease; }
.ai-shopping .ais-flow-ready .ais-flow-node.is-current { filter: drop-shadow(0 5px 12px rgba(125, 158, 255, .24)); }
.ai-shopping .ais-flow-ready .ais-flow-node.is-current .ais-flow-surface { stroke: #BDD0FF; stroke-width: 2; }
.ai-shopping .ais-flow-ready .ais-flow-node.is-complete .ais-flow-surface { stroke: #809BF2; }
.ai-shopping .ais-flow-trace { fill: none; stroke: #C6D5FF; stroke-width: 2.5; stroke-linecap: round; opacity: 0; pointer-events: none; }
.ai-shopping .ais-flow-trace.is-complete { opacity: .8; }
.ai-shopping .ais-flow-query { clip-path: inset(-20% -2% -20% -2%); transform-box: fill-box; }
.ai-shopping .ais-flow-pack, .ai-shopping .ais-flow-store-item { transform-box: fill-box; transform-origin: center; }
.ai-shopping .ais-flow-scan, .ai-shopping .ais-flow-token, .ai-shopping .ais-flow-transfer { opacity: 0; pointer-events: none; }
.ai-shopping .ais-flow-token rect { fill: #203C7F; stroke: #A9C2FF; stroke-width: 1; }
.ai-shopping .ais-flow-token text { fill: #ECF1FF; font: 11px var(--font-en); }
html[lang="zh"] .ai-shopping .ais-flow-token text { font-family: var(--font-zh); }
.ai-shopping .ais-flow-transfer { filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .4)); }
.ai-shopping .ais-flow.is-running [data-flow-node="0"] { animation: ais-card-in .6s cubic-bezier(.16, 1, .3, 1) both; }
.ai-shopping .ais-flow.is-running .ais-flow-query--first { animation: ais-query-in .7s .12s steps(18, end) both; }
.ai-shopping .ais-flow.is-running .ais-flow-query--second { animation: ais-query-in .65s .35s steps(18, end) both; }
.ai-shopping .ais-flow.is-running [data-flow-node="1"] { animation: ais-card-in .75s .9s cubic-bezier(.16, 1, .3, 1) both; }
.ai-shopping .ais-flow.is-running .ais-flow-pack { animation: ais-pack-in .9s 1.05s cubic-bezier(.16, 1, .3, 1) both; }
.ai-shopping .ais-flow.is-running .ais-flow-fact { animation: ais-fact-in .55s ease-out both; }
.ai-shopping .ais-flow.is-running .ais-flow-fact--name { animation-delay: 1.3s; }
.ai-shopping .ais-flow.is-running .ais-flow-fact--spec { animation-delay: 1.5s; }
.ai-shopping .ais-flow.is-running .ais-flow-fact--fit { animation-delay: 1.7s; }
.ai-shopping .ais-flow.is-running .ais-flow-fact--rain { animation-delay: 1.9s; }
.ai-shopping .ais-flow.is-running .ais-flow-scan { animation: ais-scan 1.25s 1.05s ease-in-out both; }
.ai-shopping .ais-flow.is-running .ais-flow-token { animation: ais-token-flight 1.25s cubic-bezier(.4, 0, .2, 1) both; }
.ai-shopping .ais-flow.is-running .ais-flow-token--commute { --token-x: 86px; --token-y: 88px; animation-delay: .8s; }
.ai-shopping .ais-flow.is-running .ais-flow-token--laptop { --token-x: 25px; --token-y: 142px; animation-delay: .95s; }
.ai-shopping .ais-flow.is-running .ais-flow-token--rain { --token-x: -70px; --token-y: 170px; animation-delay: 1.1s; }
.ai-shopping .ais-flow.is-running [data-flow-node="2"] { animation: ais-card-in .7s 2.4s cubic-bezier(.16, 1, .3, 1) both; }
.ai-shopping .ais-flow.is-running [data-flow-node="3"] { animation: ais-card-in .7s 3.4s cubic-bezier(.16, 1, .3, 1) both; }
.ai-shopping .ais-flow.is-running .ais-flow-store-item { animation: ais-store-in .4s 4.15s ease-out both; }
.ai-shopping .ais-flow.is-running .ais-flow-transfer { animation: ais-transfer 1.3s 3.05s cubic-bezier(.45, 0, .2, 1) both; }
.ai-shopping .ais-flow.is-running .ais-connector { animation: ais-link-draw .6s ease-out both; stroke-dasharray: 100; }
.ai-shopping .ais-flow.is-running [data-flow-node="0"] + .ais-connector { animation-delay: .7s; }
.ai-shopping .ais-flow.is-running [data-flow-node="1"] + .ais-connector { animation-delay: 2.2s; }
.ai-shopping .ais-flow.is-running [data-flow-node="2"] + .ais-connector { animation-delay: 3s; }
.ai-shopping .ais-flow.is-running .ais-flow-trace { animation: ais-link-draw .6s ease-out both; stroke-dasharray: 100; }
.ai-shopping .ais-flow.is-running [data-flow-link="0"] { animation-delay: .7s; }
.ai-shopping .ais-flow.is-running [data-flow-link="1"] { animation-delay: 2.2s; }
.ai-shopping .ais-flow.is-running [data-flow-link="2"] { animation-delay: 3s; }
.ai-shopping .ais-flow-hotspots { position: absolute; inset: 0; pointer-events: none; }
.ai-shopping .ais-flow-hit { position: absolute; display: block; min-height: 44px; margin: 0; padding: 0; border: 1px solid transparent; border-radius: 5px; background: transparent; cursor: pointer; pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.ai-shopping .ais-flow-hit--need { left: 9.245%; top: 14.902%; width: 81.51%; height: 15.294%; }
.ai-shopping .ais-flow-hit--product { left: 9.245%; top: 36.667%; width: 81.51%; height: 38.431%; }
.ai-shopping .ais-flow-hit--match { left: 9.245%; top: 78.824%; width: 34.151%; height: 14.118%; min-height: 44px; }
.ai-shopping .ais-flow-hit--checkout { left: 55.094%; top: 78.824%; width: 35.66%; height: 14.118%; min-height: 44px; }
.ai-shopping .ais-flow-hit:focus-visible { outline: 2px solid #D8E3FF; outline-offset: 5px; }
.ai-shopping .ais-flow-controls { padding: 16px 4px 0; border-top: 1px solid var(--line-dark); }
.ai-shopping .ais-flow [hidden] { display: none !important; }
.ai-shopping .ais-flow-note { min-height: 3.2em; margin: 0; font-size: 13px; line-height: 1.6; color: #D2D8E8; }
.ai-shopping .ais-flow-ready .ais-flow-static-caption { display: none; }
@keyframes ais-card-in { from { opacity: 0; transform: translateY(24px) scale(.94); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes ais-query-in { from { clip-path: inset(-20% 100% -20% -2%); } to { clip-path: inset(-20% -2% -20% -2%); } }
@keyframes ais-pack-in { from { opacity: 0; transform: translateY(22px) rotate(-8deg) scale(.8); } to { opacity: 1; transform: translateY(0) rotate(0deg) scale(1); } }
@keyframes ais-fact-in { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
@keyframes ais-scan { 0% { opacity: 0; transform: translateY(-40px); } 15%, 75% { opacity: 1; } 100% { opacity: 0; transform: translateY(194px); } }
@keyframes ais-token-flight { 0% { opacity: 0; transform: translateY(-10px) scale(.8); } 18%, 38% { opacity: 1; transform: translateY(0) scale(1); } 85% { opacity: .9; } 100% { opacity: 0; transform: translate(var(--token-x), var(--token-y)) scale(.65); } }
@keyframes ais-link-draw { from { opacity: 0; stroke-dashoffset: 100; } to { opacity: 1; stroke-dashoffset: 0; } }
@keyframes ais-transfer { 0% { opacity: 0; transform: translate(0, 0) scale(1); } 12% { opacity: 1; } 52% { opacity: 1; transform: translate(100px, 155px) rotate(-10deg) scale(.55); } 87% { opacity: 1; transform: translate(238px, 193px) rotate(0deg) scale(.2); } 100% { opacity: 0; transform: translate(238px, 193px) scale(.2); } }
@keyframes ais-store-in { from { opacity: 0; transform: translateY(5px) scale(.9); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .ai-shopping .ais-flow *, .ai-shopping .ais-flow *::before, .ai-shopping .ais-flow *::after { animation: none !important; transition: none !important; }
  .ai-shopping .ais-flow-canvas { transform: none; }
}

.ai-shopping .ais-sec { padding: clamp(72px, 8vw, 112px) 0; border-bottom: 1px solid var(--line); scroll-margin-top: 88px; }
.ai-shopping .ais-section-head { max-width: 900px; margin-bottom: 36px; }
.ai-shopping .ais-section-head .sec-label { margin-bottom: 23px; }
.ai-shopping .ais-title { font-size: clamp(30px, 3.6vw, 49px); line-height: 1.18; font-weight: 620; letter-spacing: 0; }
html[lang="zh"] .ai-shopping .ais-title { line-height: 1.45; font-size: clamp(28px, 3.1vw, 43px); }
.ai-shopping .ais-title em { font-style: normal; color: #A5BAFF; }
.ai-shopping .ais-body { font-size: 16px; color: var(--ink-soft); line-height: 1.85; }
.ai-shopping .ais-note { color: var(--ink-soft); font-size: 12.5px; line-height: 1.8; }
.ai-shopping .ais-section-head .ais-note, .ai-shopping .ais-section-head .ais-body { margin-top: 22px; max-width: 790px; }
.ai-shopping .ais-split { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(34px, 7vw, 100px); align-items: start; }
.ai-shopping .ais-story-copy { max-width: 670px; }
.ai-shopping .ais-stat-panel { border-left: 1px solid var(--line-strong); padding-left: clamp(24px, 3vw, 40px); }
.ai-shopping .ais-stat-panel h3 { font-size: 19px; font-weight: 600; margin-bottom: 23px; }
.ai-shopping .ais-stat { display: flex; align-items: center; gap: 25px; padding: 24px 0; border-top: 1px solid var(--line); }
.ai-shopping .ais-stat strong { min-width: 142px; font-size: clamp(39px, 4.5vw, 59px); line-height: 1; letter-spacing: 0; font-weight: 650; color: var(--cobalt); }
.ai-shopping .ais-stat span { font-size: 12px; color: var(--ink-soft); line-height: 1.7; }
.ai-shopping .ais-stat-panel .ais-note { margin-top: 14px; }
.ai-shopping .ais-source { font-size: 11.5px; line-height: 1.8; margin-top: 13px; }
.ai-shopping .ais-source a { color: var(--ink-soft); text-underline-offset: 4px; }
.ai-shopping .ais-example { background: var(--warm-2); }
.ai-shopping .ais-question { padding: 22px 26px; background: var(--ink); color: var(--paper-dark); display: flex; gap: 16px; align-items: center; margin-bottom: 28px; }
.ai-shopping .ais-question svg { width: 29px; height: 29px; flex: 0 0 auto; stroke: #A5BAFF; fill: none; stroke-width: 1.5; }
.ai-shopping .ais-question p { font-size: 16px; line-height: 1.75; }
.ai-shopping .ais-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.ai-shopping .ais-product { background: var(--warm); border: 1px solid var(--line-strong); padding: clamp(23px, 3vw, 36px); }
.ai-shopping .ais-product--after { border-top: 4px solid var(--cobalt); padding-top: calc(clamp(23px, 3vw, 36px) - 3px); }
.ai-shopping .ais-product-label { font-size: 10px; color: var(--ink-soft); letter-spacing: .14em; }
.ai-shopping .ais-product--after .ais-product-label { color: var(--cobalt); }
.ai-shopping .ais-product-top { display: grid; grid-template-columns: 74px 1fr; gap: 19px; align-items: center; margin: 23px 0; min-height: 88px; }
.ai-shopping .ais-product-top svg { width: 74px; height: 88px; }
.ai-shopping .ais-product h3 { font-size: 23px; font-weight: 610; line-height: 1.35; }
.ai-shopping .ais-product dl > div { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 20px; border-top: 1px solid var(--line); padding: 17px 0; }
.ai-shopping .ais-product dt { font-size: 11px; color: var(--ink-soft); line-height: 1.8; }
.ai-shopping .ais-product dd { font-size: 13px; line-height: 1.8; }
.ai-shopping .ais-comparison + .ais-note { margin-top: 22px; max-width: 880px; }
.ai-shopping .ais-fit-head { display: grid; grid-template-columns: .85fr 1.15fr; gap: 55px; align-items: start; }
.ai-shopping .ais-fit-list { border-top: 1px solid var(--line-strong); list-style: none; }
.ai-shopping .ais-fit-list li { display: grid; grid-template-columns: 35px 1fr; gap: 15px; border-bottom: 1px solid var(--line); padding: 23px 0; }
.ai-shopping .ais-fit-list .mono { color: var(--cobalt); padding-top: 3px; }
.ai-shopping .ais-fit-list h3 { font-size: 18px; font-weight: 600; margin-bottom: 6px; }
.ai-shopping .ais-fit-list p { font-size: 14px; line-height: 1.8; color: var(--ink-soft); }
.ai-shopping .ais-fit-list + .ais-note { margin-top: 22px; }
.ai-shopping .ais-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border-top: 1px solid var(--line-strong); }
.ai-shopping .ais-service { padding: 28px 29px 31px 0; border-bottom: 1px solid var(--line); }
.ai-shopping .ais-service:nth-child(3n+2), .ai-shopping .ais-service:nth-child(3n+3) { padding-left: 29px; border-left: 1px solid var(--line); }
.ai-shopping .ais-service-number { color: var(--cobalt); display: block; margin-bottom: 25px; }
.ai-shopping .ais-service h3 { font-size: 18px; font-weight: 620; line-height: 1.5; margin-bottom: 12px; }
.ai-shopping .ais-service p { color: var(--ink-soft); font-size: 13.5px; line-height: 1.85; }
.ai-shopping .ais-process { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); list-style: none; margin: 42px 0 20px; border-top: 2px solid var(--cobalt); }
.ai-shopping .ais-process li { padding: 20px 10px 0 0; position: relative; font-size: 13px; font-weight: 600; }
.ai-shopping .ais-process li::before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--cobalt); top: -5px; left: 0; }
.ai-shopping .ais-fees { background: var(--cobalt-wash); color: var(--paper-dark); border-bottom: none; }
.ai-shopping .ais-fees .sec-label { color: #B5C6FF; }
.ai-shopping .ais-fees .dot { background: #A5BAFF; }
.ai-shopping .ais-fees .ais-body, .ai-shopping .ais-fees .ais-note { color: var(--paper-dark-soft); }
.ai-shopping .ais-fee-intro { display: grid; grid-template-columns: 1.05fr .95fr; gap: 66px; margin-bottom: 42px; align-items: center; }
.ai-shopping .ais-fee-intro .ais-section-head { margin-bottom: 0; }
.ai-shopping .ais-fee-copy .ais-note { margin-top: 16px; }
.ai-shopping .ais-fee-source { display: grid; grid-template-columns: 1.05fr .95fr; gap: 66px; border-top: 1px solid var(--line-dark); padding-top: 28px; }
.ai-shopping .ais-fee-source h3 { font-size: 17px; font-weight: 550; line-height: 1.7; }
.ai-shopping .ais-fee-source p { font-size: 14px; line-height: 1.85; color: var(--paper-dark-soft); }
.ai-shopping .ais-fee-source .ais-source { margin-top: 10px; }
.ai-shopping .ais-fee-source .ais-source a { color: #C9D4F7; font-size: 11.5px; }
.ai-shopping .ais-fee-adjustments { margin-top: 28px; }
.ai-shopping .ais-details { margin-top: 33px; border-top: 1px solid var(--line-dark); }
.ai-shopping .ais-details details { border-bottom: 1px solid var(--line-dark); }
.ai-shopping .ais-details summary { padding: 20px 36px 20px 0; cursor: pointer; font-size: 15px; font-weight: 520; position: relative; list-style: none; }
.ai-shopping .ais-details summary::-webkit-details-marker { display: none; }
.ai-shopping .ais-details summary::after { content: "+"; position: absolute; right: 2px; top: 15px; font-size: 25px; font-weight: 350; }
.ai-shopping .ais-details details[open] > summary::after { content: "−"; }
.ai-shopping .ais-details details > div { padding: 0 42px 23px 0; font-size: 13.5px; line-height: 1.9; color: var(--paper-dark-soft); max-width: 970px; }
.ai-shopping .ais-faq { background: var(--warm-2); }
.ai-shopping .ais-faq .ais-split { grid-template-columns: .9fr 1.1fr; gap: 65px; }
.ai-shopping .ais-faq .ais-details { margin-top: 0; border-color: var(--line-strong); }
.ai-shopping .ais-faq .ais-details details { border-color: var(--line); }
.ai-shopping .ais-faq .ais-details summary { font-size: 16px; }
.ai-shopping .ais-faq .ais-details details > div { color: var(--ink-soft); }
.ai-shopping .ais-faq .ais-body { font-size: 14px; margin-top: 24px; }
.ai-shopping .ais-faq .ais-source { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.ai-shopping .ais-cta { scroll-margin-top: 70px; }
.ai-shopping .ais-cta .sec-label { color: var(--paper-dark-soft); margin-bottom: 25px; }
.ai-shopping .ais-cta .sec-head { margin-bottom: 32px; }
.ai-shopping .ais-cta .sec-title { font-size: clamp(32px, 4.3vw, 58px); }
.ai-shopping .ais-cta .form-foot .form-hint { max-width: 430px; }
@media (max-width: 1080px) {
  .ai-shopping .ais-hero-grid { gap: 20px; }
  .ai-shopping .ais-hero h1 { font-size: 42px; }
  .ai-shopping .ais-hero-body { font-size: 14px; }
  .ai-shopping .ais-service h3 { font-size: 16px; }
  .ai-shopping .ais-product h3 { font-size: 20px; }
  .ai-shopping .ais-fee-intro, .ai-shopping .ais-fee-source { gap: 38px; }
}
@media (max-width: 800px) {
  .ai-shopping .ais-hero { padding-top: 130px; padding-bottom: 63px; }
  .ai-shopping .ais-hero-grid { grid-template-columns: 1fr; gap: 33px; }
  .ai-shopping .ais-hero h1 { font-size: clamp(38px, 6.8vw, 57px); }
  html[lang="zh"] .ai-shopping .ais-hero h1 { font-size: clamp(36px, 6.5vw, 49px); }
  .ai-shopping .ais-hero-art { width: 100%; max-width: 510px; justify-self: center; }
  .ai-shopping .ais-hero-body { font-size: 15px; }
  .ai-shopping .ais-split, .ai-shopping .ais-fit-head, .ai-shopping .ais-fee-intro, .ai-shopping .ais-faq .ais-split { grid-template-columns: 1fr; gap: 32px; }
  .ai-shopping .ais-stat-panel { border-left: 0; padding-left: 0; }
  .ai-shopping .ais-stat { gap: 25px; }
  .ai-shopping .ais-stat strong { font-size: 55px; min-width: 180px; }
  .ai-shopping .ais-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ai-shopping .ais-service, .ai-shopping .ais-service:nth-child(3n+2), .ai-shopping .ais-service:nth-child(3n+3) { border-left: none; padding: 25px 22px 27px 0; }
  .ai-shopping .ais-service:nth-child(2n) { border-left: 1px solid var(--line); padding-left: 22px; }
  .ai-shopping .ais-comparison { gap: 14px; }
  .ai-shopping .ais-product-top { grid-template-columns: 1fr; }
  .ai-shopping .ais-product dl > div { grid-template-columns: 1fr; gap: 5px; }
  .ai-shopping .ais-fee-source { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 520px) {
  .ai-shopping .ais-flow-note { min-height: 4.8em; }
  .ai-shopping .ais-section-head { margin-bottom: 28px; }
  .ai-shopping .ais-sec { padding-block: 63px; }
  .ai-shopping .ais-hero .hero-actions { flex-direction: column; gap: 5px; }
  .ai-shopping .ais-hero .btn { width: 100%; text-align: center; justify-content: center; }
  .ai-shopping .ais-hero-aux { padding-block: 5px; }
  .ai-shopping .ais-stat { align-items: flex-start; gap: 20px; }
  .ai-shopping .ais-stat strong { min-width: 150px; font-size: 47px; }
  .ai-shopping .ais-comparison { grid-template-columns: 1fr; gap: 18px; }
  .ai-shopping .ais-product-top { grid-template-columns: 62px 1fr; gap: 17px; min-height: auto; }
  .ai-shopping .ais-product-top svg { width: 62px; height: 76px; }
  .ai-shopping .ais-product dl > div { grid-template-columns: 86px 1fr; gap: 12px; }
  .ai-shopping .ais-product h3 { font-size: 20px; }
  .ai-shopping .ais-question { padding: 20px; align-items: flex-start; gap: 13px; }
  .ai-shopping .ais-question p { font-size: 14px; }
  .ai-shopping .ais-service-grid { grid-template-columns: 1fr; }
  .ai-shopping .ais-service, .ai-shopping .ais-service:nth-child(3n+2), .ai-shopping .ais-service:nth-child(3n+3), .ai-shopping .ais-service:nth-child(2n) { padding: 25px 0; border-left: none; }
  .ai-shopping .ais-service-number { margin-bottom: 12px; }
  .ai-shopping .ais-service h3 { font-size: 18px; }
  .ai-shopping .ais-process { grid-template-columns: 1fr; border-top: 0; border-left: 2px solid var(--cobalt); margin-left: 3px; gap: 18px; }
  .ai-shopping .ais-process li { padding: 0 0 0 20px; }
  .ai-shopping .ais-process li::before { top: 7px; left: -5px; }
  .ai-shopping .ais-details details > div { padding-right: 8px; }
  .ai-shopping .ais-cta .form-foot .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ai-shopping .ais-hero-art *, .ai-shopping .ais-sec * { animation: none !important; transition: none !important; }
}