/* A lighter editorial storefront. Product data and checkout links remain live. */
[data-page="shop"] {
  --shop-accent:#197f83;
  --shop-accent-dark:#145d68;
  --shop-spring:cubic-bezier(.2,.9,.25,1);
  background:linear-gradient(180deg,#fbfcff 0,#f5f7fc 460px,#f7f9fc 100%);
}
[data-page="shop"]:before { height:76px; background:#ffffffed; border-color:#edf0f6; }
[data-page="shop"] .wrap { width:min(1380px,calc(100% - 88px)); }
[data-page="shop"] .topbar { min-height:76px; }
[data-page="shop"] .logo { width:42px; height:42px; background:#f0f4ff; color:#24304b; border-radius:14px; box-shadow:none; }
[data-page="shop"] .logo svg { width:30px; height:30px; }
[data-page="shop"] .brand strong { color:#1e2940; font-size:17px; }
[data-page="shop"] .brand small { color:#8d99ac; }
[data-page="shop"] .nav { gap:3px; }
[data-page="shop"] .nav svg { display:none; }
[data-page="shop"] .nav a,[data-page="shop"] .nav button { position:relative; padding:12px 14px; color:#6c7890; font-size:13px; border-radius:12px; }
[data-page="shop"] .nav .active { background:none; color:#202a40; font-weight:750; }
[data-page="shop"] .nav .active:after { content:""; position:absolute; left:14px; right:14px; bottom:5px; height:2px; border-radius:2px; background:#272f49; }
[data-page="shop"] .account { width:40px; height:40px; justify-content:center; padding:0; border-radius:14px; }
[data-page="shop"] .account span { display:none; }

[data-page="shop"] .storefront { padding-top:34px; }
[data-page="shop"] .shop-masthead { align-items:flex-end; padding-bottom:24px; }
[data-page="shop"] .storefront .eyebrow { color:#637491; letter-spacing:.2em; font-weight:750; }
[data-page="shop"] .masthead-copy h1 { margin:8px 0 8px; color:#1b2438; font-size:clamp(34px,3.2vw,50px); letter-spacing:-.045em; }
[data-page="shop"] .masthead-copy h1 span { margin-left:0; color:#727e94; }
[data-page="shop"] .masthead-copy h1 span:before { content:"，"; }
[data-page="shop"] .masthead-copy>p { color:#7d8aa0; font-size:15px; }
[data-page="shop"] .masthead-tools { width:min(440px,42%); }
[data-page="shop"] .catalog-search,[data-page="shop"] .share-store { min-height:50px; border-radius:16px; box-shadow:0 10px 28px #24365908; }
[data-page="shop"] .catalog-search:focus-within { border-color:#86babd; box-shadow:0 0 0 4px #1b8c9516; }

[data-page="shop"] .featured-showcase { display:grid; grid-template-columns:minmax(0,1.58fr) minmax(0,1fr); grid-template-rows:repeat(2,250px); gap:14px; }
[data-page="shop"] .featured-showcase[hidden] { display:none; }
[data-page="shop"] .feature-card,[data-page="shop"] .feature-placeholder { position:relative; display:block; min-width:0; overflow:hidden; border:1px solid #e5ebf1; border-radius:30px; background:#fff; box-shadow:0 14px 34px #26395708; }
[data-page="shop"] .feature-card { isolation:isolate; transition:transform 450ms var(--shop-spring),box-shadow 450ms ease,border-color 250ms ease; animation:feature-arrive 520ms var(--shop-spring) both; }
[data-page="shop"] .feature-card:nth-child(2) { animation-delay:70ms; }
[data-page="shop"] .feature-card:nth-child(3) { animation-delay:130ms; }
[data-page="shop"] .feature-card:hover,[data-page="shop"] .feature-card:focus-visible { transform:translateY(-5px); border-color:#d4dee8; box-shadow:0 25px 48px #273c6314; }
[data-page="shop"] .feature-primary,[data-page="shop"] .feature-placeholder-main { grid-row:1/3; }
[data-page="shop"] .feature-primary { border-color:#d8e9e1; background:radial-gradient(circle at 77% 70%,#ccece0 0,#e7f5ed 32%,transparent 62%),linear-gradient(135deg,#fffefa 7%,#f3faf5 100%); }
[data-page="shop"] .feature-secondary[data-brand="gemini"] { border-color:#d5e6f1; background:linear-gradient(130deg,#fff 5%,#f2faff 40%,#dfedf9 100%); }
[data-page="shop"] .feature-secondary[data-brand="duolingo"] { border-color:#e4efcc; background:linear-gradient(130deg,#fffefa 5%,#f8fce9 50%,#eef8d9 100%); }
[data-page="shop"] .feature-secondary[data-brand="sms"] { background:radial-gradient(circle at 78% 63%,#d8ebf5,transparent 55%),linear-gradient(120deg,#ffffff,#f3f8fd); }
[data-page="shop"] .feature-copy { position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; width:59%; height:100%; min-height:0; padding:23px; }
[data-page="shop"] .feature-primary .feature-copy { width:49%; min-height:0; padding:29px 32px; }
[data-page="shop"] .feature-secondary .feature-copy { padding:19px 22px; }
[data-page="shop"] .feature-kicker { display:inline-flex; align-items:center; min-height:25px; padding:4px 10px; border-radius:9px; background:#ffffffc9; color:#49706f; font-size:11px; font-weight:750; letter-spacing:.06em; }
[data-page="shop"] .feature-card h2 { margin:17px 0 8px; color:#1b2539; font-size:clamp(22px,2vw,28px); line-height:1.22; letter-spacing:-.035em; }
[data-page="shop"] .feature-primary h2 { margin-top:18px; font-size:clamp(28px,2.6vw,37px); }
[data-page="shop"] .feature-secondary h2 { margin:10px 0 5px; font-size:clamp(21px,1.65vw,25px); line-height:1.14; }
[data-page="shop"] .feature-card p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0; color:#697a90; font-size:13px; line-height:1.6; }
[data-page="shop"] .feature-primary p { -webkit-line-clamp:3; font-size:15px; }
[data-page="shop"] .feature-secondary p { font-size:12px; line-height:1.45; }
[data-page="shop"] .feature-tail { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; width:100%; margin-top:auto; padding-top:16px; }
[data-page="shop"] .feature-secondary .feature-tail { gap:8px 14px; padding-top:7px; }
[data-page="shop"] .feature-price { color:#1c2940; font-size:24px; font-weight:800; letter-spacing:-.04em; white-space:nowrap; }
[data-page="shop"] .feature-primary .feature-price { font-size:35px; }
[data-page="shop"] .feature-secondary .feature-price { font-size:21px; }
[data-page="shop"] .feature-price small { margin-left:4px; color:#8090a2; font-size:12px; font-weight:500; letter-spacing:0; }
[data-page="shop"] .feature-link { display:inline-flex; align-items:center; gap:10px; color:#28334c; font-size:12px; font-weight:750; white-space:nowrap; }
[data-page="shop"] .feature-primary .feature-link { padding:11px 18px; border-radius:99px; background:#252d40; color:#fff; }
[data-page="shop"] .feature-link span { transition:transform 220ms ease; }
[data-page="shop"] .feature-card:hover .feature-link span,[data-page="shop"] .feature-card:focus-visible .feature-link span { transform:translate(2px,-2px); }
[data-page="shop"] .feature-stock { display:block; margin-top:7px; color:#718196; font-size:11px; font-weight:650; }
[data-page="shop"] .feature-secondary .feature-stock { margin-top:3px; }
[data-page="shop"] .feature-highlights { display:flex; flex-wrap:wrap; gap:8px 12px; margin-top:18px; color:#52726e; font-size:11px; }
[data-page="shop"] .feature-highlights>span:not(.feature-stock):before { content:"✓"; margin-right:5px; font-weight:800; }
[data-page="shop"] .feature-highlights .feature-stock { margin-top:0; }
[data-page="shop"] .feature-visual { position:absolute; z-index:1; inset:8% 0 7% 46%; display:grid; place-items:center; pointer-events:none; }
[data-page="shop"] .feature-secondary .feature-visual { inset:0 0 0 57%; }
[data-page="shop"] .feature-visual .product-art { width:100%; height:100%; min-height:0; margin:0; border-radius:0; background:transparent; }
[data-page="shop"] .feature-primary .art-chatgpt { overflow:visible; }
[data-page="shop"] .feature-primary .gpt-plan-board { position:relative; display:block; width:344px; height:230px; transform:translate(5px,0); }
[data-page="shop"] .feature-primary .gpt-plan-card { position:absolute; left:50%; top:50%; display:flex; flex-direction:column; width:252px; height:158px; padding:16px 19px; border:1px solid var(--tier-border); border-radius:20px; color:var(--tier-ink); background:var(--tier-bg); box-shadow:0 14px 25px #2639571c,0 3px 7px #2639570d,inset 0 1px #fff9; backface-visibility:hidden; transition:transform 1300ms cubic-bezier(.22,1,.36,1),box-shadow 1000ms ease,filter 1000ms ease,opacity 780ms ease; }
[data-page="shop"] .feature-primary .gpt-plan-card:before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(115deg,#ffffff9c,transparent 43%,#ffffff32 68%,transparent); pointer-events:none; }
[data-page="shop"] .feature-primary .gpt-tier-0 { --tier-border:#8ec7ad; --tier-ink:#205241; --tier-bg:linear-gradient(138deg,#fbfffc,#d4ebdf); }
[data-page="shop"] .feature-primary .gpt-tier-1 { --tier-border:#a5c7e9; --tier-ink:#244f79; --tier-bg:linear-gradient(138deg,#fbfdff,#d8eafb); }
[data-page="shop"] .feature-primary .gpt-tier-2 { --tier-border:#c8b4e8; --tier-ink:#574274; --tier-bg:linear-gradient(138deg,#fdfbff,#e5d9f7); }
[data-page="shop"] .feature-primary .gpt-tier-3 { --tier-border:#e5c39b; --tier-ink:#6e4b32; --tier-bg:linear-gradient(138deg,#fffefb,#f5e3c9); }
[data-page="shop"] .feature-primary .gpt-plan-card[data-depth="0"] { z-index:4; transform:translate(-50%,-50%) translate(-18px,14px) rotate(-3deg) scale(1); box-shadow:0 24px 38px #244d4c32,0 4px 10px #244d4c18,inset 0 1px #fff9; filter:none; }
[data-page="shop"] .feature-primary .gpt-plan-card[data-depth="1"] { z-index:3; transform:translate(-50%,-50%) translate(-5px,4px) rotate(-1deg) scale(.98); filter:saturate(.96); }
[data-page="shop"] .feature-primary .gpt-plan-card[data-depth="2"] { z-index:2; transform:translate(-50%,-50%) translate(8px,-6px) rotate(1deg) scale(.96); filter:saturate(.91); }
[data-page="shop"] .feature-primary .gpt-plan-card[data-depth="3"] { z-index:1; transform:translate(-50%,-50%) translate(21px,-16px) rotate(3deg) scale(.94); filter:saturate(.87); }
[data-page="shop"] .feature-primary .gpt-plan-card.is-leaving { z-index:5; transform:translate(-50%,-50%) translate(-31px,20px) rotate(-5deg) scale(.985); opacity:0; }
/* Pause the idle rotation on pointer hover and open the four plans in a readable 2×2 layout. */
@media (min-width:621px) and (hover:hover) and (pointer:fine) {
  [data-page="shop"] .feature-primary:hover .gpt-plan-card { opacity:1; filter:none; box-shadow:0 13px 22px #24414f22; transition-duration:560ms,420ms,420ms,220ms; transition-timing-function:cubic-bezier(.16,1.28,.32,1),ease-out,ease-out,ease-out; }
  [data-page="shop"] .feature-primary:hover .gpt-tier-0 { transform:translate(-50%,-50%) translate(-87px,-58px) rotate(0) scale(.62); }
  [data-page="shop"] .feature-primary:hover .gpt-tier-1 { transform:translate(-50%,-50%) translate(87px,-58px) rotate(0) scale(.62); transition-delay:18ms; }
  [data-page="shop"] .feature-primary:hover .gpt-tier-2 { transform:translate(-50%,-50%) translate(-87px,58px) rotate(0) scale(.62); transition-delay:36ms; }
  [data-page="shop"] .feature-primary:hover .gpt-tier-3 { transform:translate(-50%,-50%) translate(87px,58px) rotate(0) scale(.62); transition-delay:54ms; }
}
@media (min-width:621px) {
  [data-page="shop"] .feature-primary:focus-visible .gpt-plan-card { opacity:1; filter:none; box-shadow:0 13px 22px #24414f22; transition-duration:560ms,420ms,420ms,220ms; transition-timing-function:cubic-bezier(.16,1.28,.32,1),ease-out,ease-out,ease-out; }
  [data-page="shop"] .feature-primary:focus-visible .gpt-tier-0 { transform:translate(-50%,-50%) translate(-87px,-58px) rotate(0) scale(.62); }
  [data-page="shop"] .feature-primary:focus-visible .gpt-tier-1 { transform:translate(-50%,-50%) translate(87px,-58px) rotate(0) scale(.62); }
  [data-page="shop"] .feature-primary:focus-visible .gpt-tier-2 { transform:translate(-50%,-50%) translate(-87px,58px) rotate(0) scale(.62); }
  [data-page="shop"] .feature-primary:focus-visible .gpt-tier-3 { transform:translate(-50%,-50%) translate(87px,58px) rotate(0) scale(.62); }
  [data-page="shop"] .feature-primary.is-returning .gpt-plan-card { transition-duration:560ms,420ms,420ms,220ms; transition-timing-function:cubic-bezier(.16,1.28,.32,1),ease-out,ease-out,ease-out; transition-delay:0ms; }
}
[data-page="shop"] .feature-primary .gpt-card-brand { position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; font-size:11px; font-weight:760; letter-spacing:.01em; opacity:1; }
[data-page="shop"] .feature-primary .gpt-card-icon { display:grid; place-items:center; width:29px; height:29px; border:1px solid currentColor; border-radius:50%; opacity:.85; }
[data-page="shop"] .feature-primary .gpt-card-icon .brand-logo { width:18px; height:18px; }
[data-page="shop"] .feature-primary .gpt-bank-chip { position:relative; display:block; width:34px; height:25px; margin-top:16px; border:1px solid #b79558; border-radius:6px; background:linear-gradient(130deg,#f5e5b9,#d7b474 68%,#f7e5b6); box-shadow:inset 0 1px #fff8,0 1px 2px #49361b22; }
[data-page="shop"] .feature-primary .gpt-bank-chip:before,[data-page="shop"] .feature-primary .gpt-bank-chip:after { content:""; position:absolute; border:1px solid #ad8e55; }
[data-page="shop"] .feature-primary .gpt-bank-chip:before { inset:0 11px; border-top:0; border-bottom:0; }
[data-page="shop"] .feature-primary .gpt-bank-chip:after { left:0; right:0; top:9px; border-left:0; border-right:0; border-bottom:0; }
[data-page="shop"] .feature-primary .gpt-plan-card>strong { position:relative; margin:10px 0 0; font-size:25px; font-weight:810; line-height:1; letter-spacing:-.04em; }
[data-page="shop"] .feature-primary .gpt-card-footer { position:relative; justify-content:flex-end; gap:4px; margin-top:auto; }
[data-page="shop"] .feature-primary .gpt-card-footer b { font-size:22px; }
[data-page="shop"] .feature-primary .gpt-card-footer>span { font-size:11px; }

/* The two smaller picks use different palettes and simpler artwork. */
[data-page="shop"] .feature-secondary[data-brand="gemini"] .feature-kicker { color:#376c91; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .art-gemini { overflow:visible; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-facet { position:absolute; left:50%; top:46%; width:142px; height:142px; border:1px solid #ffffffd9; border-radius:34px; box-shadow:0 18px 30px #528daf21; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .facet-back { background:#bfe8f0; transform:translate(-50%,-50%) rotate(17deg); animation:gemini-back-idle 6.4s ease-in-out infinite; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .facet-front { background:linear-gradient(145deg,#fff,#e5f3ff); transform:translate(-50%,-50%) rotate(-8deg); animation:gemini-front-idle 6.4s ease-in-out infinite; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-star { z-index:2; left:50%; top:46%; width:94px; height:94px; transform:translate(-50%,-50%); transition:none; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-star .brand-logo { width:94px; height:94px; filter:drop-shadow(0 10px 12px #4385c447); animation:none; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-orbit { display:none; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .art-spark { z-index:3; color:#60aaca; opacity:.25; animation:gemini-spark-idle 4.4s ease-in-out infinite; transition:none; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .spark-one { top:19%; right:17%; font-size:11px; animation-delay:-.4s; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .spark-two { bottom:23%; left:13%; font-size:8px; animation-delay:-2.5s; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .spark-three { top:25%; left:17%; font-size:7px; animation-delay:-1.5s; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .spark-four { bottom:29%; right:13%; font-size:8px; animation-delay:-3.5s; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-plan { right:17px; bottom:14px; color:#357399; }
[data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-plan>span { color:#668ba5; }
[data-page="shop"] .feature-secondary[data-brand="duolingo"] .feature-kicker { color:#5d8b40; }
[data-page="shop"] .feature-secondary[data-brand="duolingo"] .art-duolingo { overflow:visible; }
[data-page="shop"] .duo-soft-shape { position:absolute; left:50%; top:48%; width:194px; height:164px; border:1px solid #ffffffbd; border-radius:48% 52% 45% 55%; background:linear-gradient(145deg,#f4ffda,#dff5a6); transform:translate(-50%,-50%) rotate(-12deg); }
[data-page="shop"] .duo-ground-shadow { position:absolute; left:51%; top:78%; width:126px; height:23px; border-radius:50%; background:#5f9d4230; filter:blur(8px); transform:translateX(-50%); }
[data-page="shop"] .duo-mascot { position:absolute; z-index:1; left:50%; top:47%; display:grid; place-items:center; width:222px; height:174px; transform:translate(-50%,-50%) rotate(-2deg); transition:transform 650ms var(--shop-spring); }
[data-page="shop"] .duo-mascot img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 13px 10px #3b763a38); animation:duo-idle 5.6s ease-in-out infinite; }
[data-page="shop"] .duo-year-tag { position:absolute; z-index:2; right:5%; top:15%; padding:7px 10px; border:1px solid #ddedb9; border-radius:10px; background:#fff; color:#547d39; box-shadow:0 8px 18px #537c3420; font-size:11px; font-weight:800; transform:rotate(10deg); }
[data-page="shop"] .duo-dot { position:absolute; width:9px; height:9px; border-radius:50%; background:#a6d66d; }
[data-page="shop"] .duo-dot.dot-one { left:10%; top:18%; }
[data-page="shop"] .duo-dot.dot-two { right:10%; bottom:15%; width:6px; height:6px; background:#e5c65a; }
[data-page="shop"] .feature-secondary[data-brand="duolingo"]:is(:hover,:focus-visible) .duo-mascot { transform:translate(-50%,-50%) rotate(2deg) translateY(-4px) scale(1.035); }
[data-page="shop"] .feature-secondary:is(:hover,:focus-visible) .product-art *,[data-page="shop"] .feature-secondary:focus-within .product-art * { animation-play-state:paused; }
[data-page="shop"] .feature-secondary[data-brand="gemini"]:is(:hover,:focus-visible) .product-art *,[data-page="shop"] .feature-secondary[data-brand="gemini"]:focus-within .product-art * { animation-play-state:running; }
[data-page="shop"] .feature-placeholder { background:linear-gradient(110deg,#f5f7fa 20%,#fff 45%,#f5f7fa 70%); background-size:220% 100%; animation:feature-shimmer 1.5s linear infinite; }
[data-page="shop"] .feature-count-1 { grid-template-columns:minmax(0,1fr); }
[data-page="shop"] .feature-count-2 { grid-template-rows:repeat(2,minmax(190px,1fr)); }
@keyframes feature-shimmer { to { background-position-x:-220%; } }
@keyframes feature-arrive { from { opacity:0; translate:0 14px; } to { opacity:1; translate:0 0; } }
@keyframes duo-idle { 0%,100% { transform:translateY(0) rotate(-1deg); } 32% { transform:translateY(-10px) rotate(3deg); } 54% { transform:translateY(-7px) rotate(1deg); } 72% { transform:translateY(2px) rotate(-2deg); } }
@keyframes gemini-back-idle { 0%,100% { transform:translate(-50%,-50%) rotate(17deg); } 50% { transform:translate(-47%,-53%) rotate(20deg); } }
@keyframes gemini-front-idle { 0%,100% { transform:translate(-50%,-50%) rotate(-8deg); } 50% { transform:translate(-52%,-48%) rotate(-10deg); } }
@keyframes gemini-spark-idle { 0%,100% { opacity:.2; text-shadow:0 0 0 transparent; } 45% { opacity:1; text-shadow:0 0 9px #60aaca9c; } 70% { opacity:.5; text-shadow:0 0 4px #60aaca66; } }

[data-page="shop"] .catalog-workspace { padding:40px 0 32px; }
[data-page="shop"] .catalog-content { align-items:end; }
[data-page="shop"] .catalog-heading h2 { margin:7px 0 3px; color:#1c263b; font-size:29px; }
[data-page="shop"] .catalog-heading p { margin:0; color:#8a96a8; font-size:13px; }
[data-page="shop"] .catalog-toolbar .filters { top:12px; padding:5px; border-radius:16px; border-color:#e8edf4; box-shadow:0 8px 26px #2639570a; }
[data-page="shop"] .catalog-toolbar .filter { min-height:36px; padding:7px 12px; border-radius:12px; }
[data-page="shop"] .catalog-toolbar .filter.selected { background:#273248; border-color:#273248; color:#fff; }
[data-page="shop"] .catalog-result-meta { margin:5px 0 12px; }
[data-page="shop"] #catalogCount { color:#8390a4; font-size:12px; }
[data-page="shop"] .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
[data-page="shop"] .catalog-section-heading { grid-column:1/-1; display:flex; align-items:end; justify-content:space-between; gap:20px; margin:18px 0 0; padding:14px 2px 9px; border-bottom:1px solid #dce4ee; }
[data-page="shop"] .catalog-section-heading:first-child { margin-top:0; padding-top:0; }
[data-page="shop"] .catalog-section-heading[hidden] { display:none; }
[data-page="shop"] .catalog-section-label { display:flex; align-items:center; gap:13px; min-width:0; }
[data-page="shop"] .catalog-section-number { display:grid; place-items:center; flex:none; width:35px; height:35px; border-radius:11px; background:#e8ebf6; color:#56659d; font:800 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
[data-page="shop"] .catalog-section-heading[data-group="account"] .catalog-section-number { background:#e5f3ef; color:#298273; }
[data-page="shop"] .catalog-section-heading[data-group="sms"] .catalog-section-number { background:#e6f1f8; color:#327a9d; }
[data-page="shop"] .catalog-section-heading h3 { margin:0; color:#24314a; font-size:18px; line-height:1.25; letter-spacing:-.02em; }
[data-page="shop"] .catalog-section-heading p { margin:4px 0 0; color:#8794a8; font-size:12px; }
[data-page="shop"] .catalog-section-count { flex:none; color:#8995a8; font-size:12px; white-space:nowrap; }
[data-page="shop"] .service-row { display:flex; flex-direction:row; align-items:center; gap:16px; min-height:112px; padding:18px 20px; border-radius:20px; overflow:hidden; background:#fff; border:1px solid #e0e8f1; box-shadow:0 8px 22px #23375308; transition:transform 360ms var(--shop-spring),box-shadow 300ms ease,border-color 240ms ease; }
[data-page="shop"] .service-row:after { display:none; }
[data-page="shop"] .service-row:is(:hover,:focus-visible) { transform:translateY(-3px); border-color:#c9d7e4; box-shadow:0 15px 28px #23375314; }
[data-page="shop"] .service-row[data-group="subscription"] { background:linear-gradient(90deg,#f7f8fe,#fff 38%); border-color:#e1e6f2; border-left:3px solid #b8c3e5; }
[data-page="shop"] .service-row[data-group="account"] { background:linear-gradient(90deg,#f4fbf8,#fff 38%); border-color:#dcebe7; border-left:3px solid #a9d8ca; }
[data-page="shop"] .service-row[data-group="sms"] { background:linear-gradient(90deg,#f5fafd,#fff 38%); border-color:#dce9f0; border-left:3px solid #b2d5e4; }
[data-page="shop"] .service-row.is-out-of-stock { filter:none; }
[data-page="shop"] .row-mark { display:grid; place-items:center; flex:none; width:58px; height:58px; border-radius:16px; background:#eff3f7; color:#33465f; font-size:29px; font-weight:700; }
[data-page="shop"] .row-mark .brand-logo { width:31px; height:31px; object-fit:contain; }
[data-page="shop"] .service-row[data-brand="chatgpt"] .row-mark { background:#e6f4ed; color:#155e48; }
[data-page="shop"] .service-row[data-brand="gemini"] .row-mark { background:#f0ecff; color:#7264ce; }
[data-page="shop"] .service-row[data-brand="duolingo"] .row-mark { background:#edf9e5; }
[data-page="shop"] .service-row[data-brand="claude"] .row-mark { background:#fff0e8; color:#c16e4d; }
[data-page="shop"] .service-row[data-brand="sms"] .row-mark { background:#e9f3f9; color:#327a9d; }
[data-page="shop"] .row-copy { display:block; flex:1; min-width:0; }
[data-page="shop"] .row-copy strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#223047; font-size:17px; line-height:1.35; }
[data-page="shop"] .row-copy small { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:6px; color:#8390a4; font-size:12px; line-height:1.5; }
[data-page="shop"] .row-meta { display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex:none; min-width:98px; }
[data-page="shop"] .row-meta strong { color:#25324a; font-size:18px; font-weight:800; white-space:nowrap; }
[data-page="shop"] .row-meta strong small { margin-left:3px; color:#8792a3; font-size:10px; font-weight:500; }
[data-page="shop"] .row-meta>small { padding:4px 8px; border-radius:999px; background:#eff2f7; color:#758299; font-size:10px; white-space:nowrap; }
[data-page="shop"] .row-arrow { display:grid; place-items:center; flex:none; width:33px; height:33px; border:1px solid #e9edf4; border-radius:50%; color:#73849d; font-size:16px; transition:transform 230ms ease,background 230ms ease,color 230ms ease; }
[data-page="shop"] .service-row:is(:hover,:focus-visible) .row-arrow { transform:translate(2px,-2px); background:#273248; color:#fff; }
[data-page="shop"] .catalog-placeholders { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
[data-page="shop"] .catalog-placeholder { min-height:94px; }
[data-page="shop"] .catalog-placeholder .tile-heading { flex:1; }
[data-page="shop"] .catalog-placeholder .tile-heading h3 { margin:0 0 8px; font-size:15px; }
[data-page="shop"] .catalog-placeholder .tile-description { min-height:0; margin:0; }
[data-page="shop"] .catalog-placeholder .product-art,[data-page="shop"] .catalog-placeholder .tile-availability { display:none; }
[data-page="shop"] .catalog-placeholder .tile-bottom { flex:none; margin-left:auto; }
[data-page="shop"] .catalog-placeholder .tile-price { font-size:16px; }
[data-page="shop"] .catalog-placeholder .tile-action { width:32px; min-width:32px; height:32px; min-height:32px; padding:0; border-radius:50%; }
[data-page="shop"] .catalog-assurance { padding-top:24px; }

@media(max-width:1100px) {
  [data-page="shop"] .feature-primary .feature-copy { width:52%; }
  [data-page="shop"] .feature-secondary .feature-copy { width:66%; }
  [data-page="shop"] .feature-secondary .feature-visual { inset:0 0 0 58%; opacity:.85; }
  [data-page="shop"] .row-category { display:none; }
}
@media(max-width:900px) {
  [data-page="shop"] .wrap { width:calc(100% - 48px); }
  [data-page="shop"] .shop-masthead { align-items:flex-start; }
  [data-page="shop"] .masthead-tools { width:min(500px,100%); }
  [data-page="shop"] .featured-showcase { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:310px 215px; }
  [data-page="shop"] .feature-primary { grid-column:1/-1; grid-row:1; }
  [data-page="shop"] .feature-placeholder-main { grid-column:1/-1; grid-row:1; }
  [data-page="shop"] .feature-primary .feature-copy { min-height:0; width:50%; }
  [data-page="shop"] .feature-visual { inset:4% 0 4% 48%; }
  [data-page="shop"] .feature-secondary .feature-copy { width:62%; }
  [data-page="shop"] .catalog-heading { margin-bottom:0; }
  [data-page="shop"] .product-grid,[data-page="shop"] .catalog-placeholders { grid-template-columns:1fr; }
}
@media(max-width:620px) {
  [data-page="shop"] .wrap { width:calc(100% - 32px); }
  [data-page="shop"] .topbar { gap:10px; min-height:68px; }
  [data-page="shop"] .logo { width:36px; height:36px; border-radius:12px; }
  [data-page="shop"] .brand small { display:none; }
  [data-page="shop"] .nav { flex:1; min-width:0; gap:0; overflow-x:auto; scrollbar-width:none; }
  [data-page="shop"] .nav a,[data-page="shop"] .nav button { padding:9px 8px; font-size:11px; }
  [data-page="shop"] .account { width:36px; height:36px; }
  [data-page="shop"] .storefront { padding-top:28px; }
  [data-page="shop"] .shop-masthead { gap:18px; padding-bottom:22px; }
  [data-page="shop"] .masthead-copy h1 { font-size:36px; }
  [data-page="shop"] .masthead-copy h1 span { display:block; }
  [data-page="shop"] .masthead-copy h1 span:before { content:""; }
  [data-page="shop"] .masthead-copy>p { max-width:34em; }
  [data-page="shop"] .masthead-tools { width:100%; }
  [data-page="shop"] .share-store { width:50px; padding:0; }
  [data-page="shop"] .share-store span { display:none; }
  [data-page="shop"] .featured-showcase { grid-template-columns:1fr; grid-template-rows:320px 190px 190px; gap:12px; }
  [data-page="shop"] .feature-primary,[data-page="shop"] .feature-placeholder-main { grid-column:1; grid-row:1; }
  [data-page="shop"] .feature-card,[data-page="shop"] .feature-placeholder { border-radius:25px; }
  [data-page="shop"] .feature-primary .feature-copy { width:62%; min-height:0; padding:24px; }
  [data-page="shop"] .feature-primary h2 { font-size:27px; }
  [data-page="shop"] .feature-primary p { font-size:12px; }
  [data-page="shop"] .feature-primary .feature-price { font-size:29px; }
  [data-page="shop"] .feature-primary .feature-visual { inset:17% 0 9% 50%; opacity:.9; }
  [data-page="shop"] .feature-primary .gpt-plan-board { width:190px; height:160px; transform:translate(4px,26px); }
  [data-page="shop"] .feature-primary .gpt-plan-card { width:166px; height:108px; padding:11px 13px; border-radius:14px; }
  [data-page="shop"] .feature-primary .gpt-plan-card[data-depth="0"] { transform:translate(-50%,-50%) translate(-10px,9px) rotate(-3deg) scale(1); }
  [data-page="shop"] .feature-primary .gpt-plan-card[data-depth="1"] { transform:translate(-50%,-50%) translate(-3px,3px) rotate(-1deg) scale(.98); }
  [data-page="shop"] .feature-primary .gpt-plan-card[data-depth="2"] { transform:translate(-50%,-50%) translate(4px,-3px) rotate(1deg) scale(.96); }
  [data-page="shop"] .feature-primary .gpt-plan-card[data-depth="3"] { transform:translate(-50%,-50%) translate(11px,-9px) rotate(3deg) scale(.94); }
  [data-page="shop"] .feature-primary .gpt-card-brand { font-size:8px; }
  [data-page="shop"] .feature-primary .gpt-card-icon { width:20px; height:20px; }
  [data-page="shop"] .feature-primary .gpt-card-icon .brand-logo { width:12px; height:12px; }
  [data-page="shop"] .feature-primary .gpt-bank-chip { width:24px; height:18px; margin-top:9px; border-radius:4px; }
  [data-page="shop"] .feature-primary .gpt-bank-chip:before { left:8px; right:8px; }
  [data-page="shop"] .feature-primary .gpt-bank-chip:after { top:6px; }
  [data-page="shop"] .feature-primary .gpt-plan-card>strong { margin-top:5px; font-size:18px; }
  [data-page="shop"] .feature-primary .gpt-card-footer b { font-size:15px; }
  [data-page="shop"] .feature-primary .gpt-card-footer>span { font-size:8px; }
  [data-page="shop"] .feature-secondary .feature-copy { width:63%; padding:15px 17px; }
  [data-page="shop"] .feature-secondary h2 { font-size:20px; margin:7px 0 3px; }
  [data-page="shop"] .feature-secondary p { font-size:10px; line-height:1.35; }
  [data-page="shop"] .feature-secondary .feature-visual { inset:0 0 0 55%; }
  [data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-facet { width:108px; height:108px; border-radius:26px; }
  [data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-star,[data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-star .brand-logo { width:72px; height:72px; }
  [data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-plan strong { font-size:28px; }
  [data-page="shop"] .duo-soft-shape { width:136px; height:118px; }
  [data-page="shop"] .duo-ground-shadow { width:92px; height:15px; }
  [data-page="shop"] .duo-mascot { width:160px; height:124px; }
  [data-page="shop"] .duo-year-tag { right:3%; top:15%; padding:5px 7px; font-size:9px; }
  [data-page="shop"] .feature-highlights { display:none; }
  [data-page="shop"] .catalog-workspace { padding-top:32px; }
  [data-page="shop"] .catalog-heading h2 { font-size:25px; }
  [data-page="shop"] .catalog-section-heading { align-items:center; margin-top:14px; gap:10px; }
  [data-page="shop"] .catalog-section-heading h3 { font-size:16px; }
  [data-page="shop"] .catalog-section-heading p { font-size:11px; }
  [data-page="shop"] .catalog-section-number { width:32px; height:32px; }
  [data-page="shop"] .service-row { min-height:96px; padding:13px; gap:11px; border-radius:16px; }
  [data-page="shop"] .row-mark { width:44px; height:44px; border-radius:12px; }
  [data-page="shop"] .row-mark .brand-logo { width:27px; height:27px; }
  [data-page="shop"] .row-copy strong { font-size:14px; }
  [data-page="shop"] .row-copy small { font-size:11px; }
  [data-page="shop"] .row-meta { min-width:74px; }
  [data-page="shop"] .row-meta strong { font-size:14px; }
  [data-page="shop"] .row-arrow { width:28px; height:28px; }
}
@media(max-width:390px) {
  [data-page="shop"] .feature-primary .feature-copy { width:72%; }
  [data-page="shop"] .feature-primary .feature-visual { opacity:.92; }
  [data-page="shop"] .row-arrow { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  [data-page="shop"] .feature-primary .gpt-plan-card { transition:none; }
  [data-page="shop"] .duo-mascot img,[data-page="shop"] .feature-secondary[data-brand="gemini"] .gemini-facet,[data-page="shop"] .feature-secondary[data-brand="gemini"] .art-spark { animation:none; }
  [data-page="shop"] .feature-card,[data-page="shop"] .feature-placeholder { animation:none; }
  [data-page="shop"] .feature-card,[data-page="shop"] .service-row { transition:none; }
  [data-page="shop"] .feature-card:hover,[data-page="shop"] .feature-card:focus-visible,[data-page="shop"] .service-row:is(:hover,:focus-visible) { transform:none; }
}
