/* Caixa de Brinquedos — modular, energetic commerce grammar inspired by construction play. */
@import url("../wave-shared/wave-home-base.css?v=20260907-wave2");

.srOnly {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.toyUtility {
  min-height: 39px;
  padding: 0 clamp(18px, 4vw, 58px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  background: var(--toy-white);
  color: var(--toy-black);
  border-bottom: 1px solid var(--store-border,#e1e1e1);
  font-size: 11px;
}

.toyUtility a:first-child { justify-self: start; }
.toyUtility a:last-child { justify-self: end; }
.toyUtility span { color: var(--toy-gray-600); }
.toyUtility a { text-decoration: underline; text-underline-offset: 3px; }

.toyHeader {
  min-height: 76px;
  padding: 0 clamp(16px, 3vw, 44px);
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) auto;
  gap: 26px;
  background: var(--toy-yellow);
  border: 0;
  color: var(--toy-black);
  backdrop-filter: none;
}

.toyHeader .toyBrand {
  display: grid;
  justify-self: start;
  line-height: 1;
}

.toyHeader .toyBrand strong {
  font-family: var(--toy-font-display);
  font-size: clamp(20px, 2vw, 28px);
  letter-spacing: -.04em;
}

.toyHeader .toyBrand small {
  margin-top: 5px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.toyHeader .waveNav {
  justify-content: flex-start;
  gap: clamp(14px, 2.4vw, 34px);
  min-width: 0;
}

.toyHeader .waveNav a,
.toyHeader .waveTools a {
  position: relative;
  font-size: 12px;
  font-weight: 700;
}

.toyHeader .waveNav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -7px;
  height: 3px;
  background: currentColor;
  transition: right .18s ease;
}

.toyHeader .waveNav a:hover::after { right: 0; }
.toyHeader .waveTools { justify-content: flex-end; gap: 7px; }
.toyHeader .waveTools a { display: grid; grid-template-columns: 22px auto; padding: 0 7px; }
.toyHeader .waveIcon { width: 22px; height: 22px; stroke-width: 1.8; }

.toyHeader a:focus-visible,
.toyDrawer a:focus-visible,
.toyMain a:focus-visible,
.toyMain button:focus-visible,
.toyMain input:focus-visible {
  outline: 3px solid var(--toy-blue);
  outline-offset: 3px;
}

/* Commercial shell: the shared engine keeps ownership of views and actions. */
html[data-store-theme="caixa-de-brinquedos"] #storeHeader {
  position: relative;
  z-index: 50;
  background: var(--toy-white);
  color: var(--toy-black);
}

html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreUtility {
  min-height: 39px;
  padding: 0 clamp(18px, 4vw, 58px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  background: var(--toy-white);
  border-bottom: 1px solid var(--store-border,#e1e1e1);
  font-size: 11px;
}

html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreUtility button {
  min-height: 39px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreUtility button:first-child { justify-self: start; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreUtility button:last-child { justify-self: end; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreUtility span { color: var(--toy-gray-600); }

html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader {
  position: sticky;
  top: 0;
  z-index: 50;
  min-height: 76px;
  margin: 0;
  background: var(--toy-yellow);
  color: var(--toy-black);
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .headerInner {
  width: min(1600px, 100%);
  min-height: 76px;
  margin: auto;
  padding: 0 clamp(16px, 3vw, 44px);
  display: grid;
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) auto;
  align-items: center;
  gap: 26px;
}

html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader :is(button, .brand) {
  color: inherit;
  border-color: currentColor;
  font-family: inherit;
}

html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .menuButton { display: none; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreBrand { display: grid; justify-self: start; text-align: left; line-height: 1; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreBrand strong { font-family: var(--toy-font-display); font-size: clamp(20px, 2vw, 28px); letter-spacing: -.04em; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreBrand small { margin-top: 5px; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .nav { display: flex; justify-content: flex-start; gap: clamp(14px, 2.4vw, 34px); }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .nav button,
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .tools button { min-height: 44px; padding: 0 5px; font-size: 12px; font-weight: 700; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .tools { display: flex; justify-content: flex-end; gap: 7px; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .tools button { display: grid; grid-template-columns: 22px auto; align-items: center; gap: 5px; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader .waveCommercialIcon { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.8; }
html[data-store-theme="caixa-de-brinquedos"] #storeHeader button:focus-visible,
html[data-store-theme="caixa-de-brinquedos"] .toyStoreDrawer button:focus-visible { outline: 3px solid var(--toy-blue); outline-offset: 3px; }
html[data-store-theme="caixa-de-brinquedos"] .toyStoreFooter button:focus-visible { outline: 3px solid var(--toy-yellow); outline-offset: 3px; }
html[data-store-theme="caixa-de-brinquedos"] .searchBox:focus-within { outline: 3px solid var(--toy-blue); outline-offset: 3px; }

html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .pageHead h1,
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .buybox h1,
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .sectionTitle,
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .aboutCard h1,
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .emptyCard h1 {
  font-family: var(--toy-font-display);
  letter-spacing: -.045em;
}

html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .pageHead { max-width: none; padding: clamp(34px, 5vw, 64px); background: var(--toy-yellow); }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .pageHead p { color: var(--toy-black); }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .collectionToolbar,
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .waveFilterBar { border-radius: var(--toy-radius); }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .chips button { border-radius: var(--toy-radius-pill); font-weight: 700; }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .chips button.selected { background: var(--toy-black); color: var(--toy-white); }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .productCard { padding: 14px 14px 18px; border: 1px solid var(--store-border,#e1e1e1); border-radius: var(--toy-radius); background: var(--toy-white); box-shadow: 0 1px 2px rgb(0 0 0 / 6%); }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .productCard small.waveCardAction { color: var(--toy-blue); font-weight: 800; letter-spacing: 0; text-transform: none; }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .productMain { border-radius: var(--toy-radius); background-color: var(--toy-gray-50); background-image: url("/imagens/banners/biblioteca-v2/caixa-de-brinquedos/pdp-stage-desktop.webp"); background-position: center; background-size: cover; }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .productMain img { background: transparent; }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .productThumb { border-radius: var(--toy-radius); }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .choiceRow button,
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .dateButton { border-radius: var(--toy-radius); }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .primary { border-radius: var(--toy-radius); background: var(--toy-blue); color: var(--toy-white); }
html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .secondary { border: 2px solid var(--toy-black); border-radius: var(--toy-radius); }
html[data-store-theme="caixa-de-brinquedos"] #scRoot .scCard { background: var(--toy-white); color: var(--toy-black); border-color: var(--toy-gray-300); border-radius: var(--toy-radius); }
html[data-store-theme="caixa-de-brinquedos"] #scRoot .scBtn { background: var(--toy-blue); color: var(--toy-white); border-radius: var(--toy-radius); }

.toyStoreFooter {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(160px, 1fr) minmax(160px, 1fr);
  gap: 48px;
  padding: 58px max(24px, calc((100vw - 1400px) / 2));
  background: var(--toy-footer);
  color: var(--toy-white);
}

.toyStoreFooter > div > strong { font-family: var(--toy-font-display); font-size: 28px; }
.toyStoreFooter p { max-width: 430px; line-height: 1.6; opacity: .78; }
.toyStoreFooter nav { display: grid; align-content: start; justify-items: start; gap: 9px; }
.toyStoreFooter nav > strong { margin-bottom: 6px; }
.toyStoreFooter button { min-height: 32px; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; opacity: .78; }
.toyStoreFooter button:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.toyStoreFooter span { margin-top: 6px; font-size: 13px; opacity: .72; overflow-wrap: anywhere; }

.toyMain {
  width: min(1600px, 100%);
  overflow: hidden;
  background: var(--store-bg);
}

.toyHero {
  display: grid;
  grid-template-columns: minmax(300px, 42%) minmax(0, 58%);
  min-height: clamp(480px, 34vw, 600px);
  background: var(--toy-orange);
}

.toyHeroCopy {
  position: relative;
  z-index: 2;
  padding: clamp(48px, 7vw, 108px) clamp(30px, 6vw, 92px);
  display: grid;
  align-content: center;
  justify-items: start;
  background: var(--toy-orange);
  color: var(--toy-black);
}

.toyHeroCopy small,
.toyEditorialCopy small,
.toyNewsletter small {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.toyHeroCopy h1 {
  max-width: 620px;
  margin: 13px 0 16px;
  font-family: var(--toy-font-display);
  font-size: clamp(44px, 5.4vw, 82px);
  line-height: .98;
  letter-spacing: -.05em;
}

.toyHeroCopy p {
  max-width: 520px;
  margin: 0;
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.55;
}

.toyHeroActions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 28px; }
.toyButton {
  min-height: 48px;
  padding: 13px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: var(--toy-radius);
  font-weight: 800;
  line-height: 1.1;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.toyButton:hover { transform: translateY(-2px); box-shadow: var(--toy-shadow); }
.toyButton--dark { background: var(--toy-black); color: var(--toy-white); }
.toyButton--blue { background: var(--toy-blue); color: var(--toy-white); }
.toyTextLink { padding: 10px 0; border-bottom: 2px solid currentColor; font-weight: 800; }
.toyTextLink span { margin-left: 6px; }

.toyHeroMedia { position: relative; min-width: 0; overflow: hidden; background: var(--toy-yellow); }
.toyHeroMedia picture,
.toyHeroMedia img { display: block; width: 100%; height: 100%; }
.toyHeroMedia img { object-fit: cover; object-position: var(--banner-desktop-focus, center); }
.toyHero--catalogFallback .toyHeroMedia img {
  padding: clamp(26px, 5vw, 76px);
  object-fit: contain;
  background: linear-gradient(145deg, var(--toy-yellow-soft), var(--toy-yellow));
}
.toyMediaStatus {
  position: absolute;
  right: 16px;
  top: 16px;
  padding: 8px 11px;
  border-radius: var(--toy-radius-pill);
  background: rgb(255 255 255 / 90%);
  color: var(--toy-black);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.toyDiscovery {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px clamp(14px, 4vw, 54px);
  overflow-x: auto;
  background: var(--toy-black);
  color: var(--toy-white);
  scrollbar-width: none;
}

.toyDiscovery::-webkit-scrollbar { display: none; }
.toyDiscovery a { flex: 0 0 auto; padding: 12px 18px; border-radius: var(--toy-radius-pill); font-size: 13px; font-weight: 700; }
.toyDiscovery a:hover { background: var(--store-text,#343434); }

.toyEditorial {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  margin: clamp(54px, 6vw, 96px) clamp(18px, 4vw, 60px);
  overflow: hidden;
  background: var(--toy-yellow);
}

.toyEditorialMedia { min-height: 520px; background: var(--toy-gray-100); }
.toyEditorialMedia picture,
.toyEditorialMedia img { display: block; width: 100%; height: 100%; }
.toyEditorialMedia img { object-fit: cover; }
.toyEditorialMedia.is-catalog-fallback img { padding: clamp(26px, 5vw, 76px); object-fit: contain; background: var(--toy-gray-50); }
.toyEditorialMedia .waveMediaPlaceholder { height: 100%; min-height: 520px; background: linear-gradient(135deg,var(--toy-yellow-soft),var(--toy-orange)); border: 0; }
.toyEditorialCopy { padding: clamp(38px, 6vw, 88px); display: grid; align-content: center; justify-items: start; }
.toyEditorialCopy h2 { margin: 11px 0 16px; font-family: var(--toy-font-display); font-size: clamp(42px, 5vw, 70px); line-height: 1; letter-spacing: -.045em; }
.toyEditorialCopy p { max-width: 540px; margin: 0; line-height: 1.65; }
.toyEditorialCopy .toyButton { margin-top: 26px; }
.toyMix { grid-template-columns: minmax(350px, .85fr) minmax(0, 1.15fr); background: var(--toy-blue); color: var(--toy-white); }
.toyMix .toyEditorialMedia { grid-column: 2; grid-row: 1; }
.toyMix .toyEditorialCopy { grid-column: 1; grid-row: 1; }
.toyFamily { background: var(--toy-red); color: var(--toy-white); }

.toyAges { background: var(--toy-gray-50); }
.toyAges .waveSectionHead h2,
.toyWorlds .waveSectionHead h2,
.toyProductsSection .waveSectionHead h2,
.toyParties .waveSectionHead h2,
.toySteps .waveSectionHead h2 { font-family: var(--toy-font-display); letter-spacing: -.04em; }

.toyAgeGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 14px;
}

.toyAgeGrid a { min-width: 0; text-align: center; }
.toyAgeGrid a > span { display: block; border-radius: 50%; overflow: hidden; background: var(--toy-white); }
.toyAgeGrid img,
.toyAgeGrid .waveMediaPlaceholder { width: 100%; aspect-ratio: 1; height: auto; min-height: 0; object-fit: contain; border: 0; }
.toyAgeGrid strong { display: block; margin-top: 12px; font-size: 15px; }
.toyAgeGrid small { display: block; margin-top: 4px; color: var(--toy-gray-600); }

.toyProductsSection { background: var(--toy-white); }
.toyProductsSection .waveSectionHead>a { white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center; }
.toyProductRail { gap: 20px; }
.toyProductRail .waveProduct { padding: 16px 16px 20px; background: var(--toy-white); border: 1px solid var(--store-border,#e1e1e1); border-radius: var(--toy-radius); box-shadow: 0 1px 2px rgb(0 0 0 / 6%); }
.toyProductRail .waveProductMedia { background: var(--toy-gray-50); }
.toyProductRail .waveProductInfo strong { font-size: 16px; }
.toyProductRail .waveProductInfo small { margin-top: 6px; color: var(--toy-blue); font-weight: 800; letter-spacing: 0; text-transform: none; }

.toyWorlds { background: var(--toy-yellow); }
.toyWorldGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.toyWorldGrid a { min-width: 0; padding-bottom: 18px; background: var(--toy-white); border-radius: var(--toy-radius); overflow: hidden; box-shadow: var(--toy-shadow); }
.toyWorldGrid a > span { display: block; overflow: hidden; }
.toyWorldGrid img,
.toyWorldGrid .waveMediaPlaceholder { width: 100%; aspect-ratio: 1.12; height: auto; min-height: 0; object-fit: cover; border: 0; }
.toyWorldGrid .is-catalog-fallback img { padding: 14px; object-fit: contain; background: var(--toy-gray-50); }
.toyWorldGrid strong,
.toyWorldGrid small { display: block; margin-inline: 18px; }
.toyWorldGrid strong { margin-top: 16px; font-family: var(--toy-font-display); font-size: 22px; }
.toyWorldGrid small { margin-top: 7px; color: var(--toy-gray-600); line-height: 1.4; }

.toySteps { text-align: center; background: var(--toy-gray-50); }
.toyStepsLayout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); gap: clamp(28px, 5vw, 72px); align-items: stretch; }
.toyStepsMedia { min-height: 100%; overflow: hidden; border-radius: var(--toy-radius); background: var(--toy-white); }
.toyStepsMedia picture,
.toyStepsMedia img,
.toyStepsMedia .waveMediaPlaceholder { display: block; width: 100%; height: 100%; min-height: 680px; object-fit: cover; }
.toyStepsBody { display: grid; align-content: center; }
.toySteps .waveSectionHead { justify-content: center; text-align: center; }
.toySteps ol { margin: 0 auto 34px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; list-style: none; }
.toySteps li { min-height: 220px; padding: 26px; display: grid; align-content: start; justify-items: center; gap: 18px; background: var(--toy-white); border: 1px solid var(--store-border,#dedede); border-radius: var(--toy-radius); }
.toySteps li > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--toy-yellow); font-family: var(--toy-font-display); font-size: 22px; }
.toySteps li strong { font-family: var(--toy-font-display); font-size: 20px; }
.toySteps li p { color: var(--toy-gray-600); line-height: 1.5; }

.toyPartyRail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 31%); gap: 14px; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 10px; }
.toyPartyRail figure { margin: 0; scroll-snap-align: start; }
.toyPartyRail img,
.toyPartyRail .waveMediaPlaceholder { width: 100%; aspect-ratio: .88; height: auto; min-height: 0; object-fit: cover; border: 0; background: var(--toy-gray-100); }
.toyPartyRail figcaption { margin-top: 10px; font-size: 13px; color: var(--toy-gray-600); }

.toyBenefits { border-color: var(--toy-gray-300); background: var(--toy-white); }
.toyBenefits article { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 12px; border-color: var(--toy-gray-300); }
.toyBenefits article > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--toy-yellow); font-weight: 900; }
.toyBenefits p { margin: 0; }

.toyNewsletter {
  margin: clamp(54px, 6vw, 92px) clamp(18px, 4vw, 60px);
  padding: clamp(38px, 5vw, 68px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 40px 70px;
  background: var(--toy-blue);
  color: var(--toy-white);
}

.toyNewsletter h2 { max-width: 680px; margin: 9px 0 12px; font-family: var(--toy-font-display); font-size: clamp(38px, 5vw, 66px); line-height: 1; letter-spacing: -.045em; }
.toyNewsletter p { max-width: 600px; margin: 0; line-height: 1.55; }
.toyNewsletter form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.toyNewsletter input { min-height: 52px; min-width: 0; padding: 0 16px; border: 2px solid var(--toy-white); border-radius: var(--toy-radius); background: var(--toy-white); color: var(--toy-black); }
.toyNewsletter button { min-height: 52px; padding: 0 20px; border: 2px solid var(--toy-white); border-radius: var(--toy-radius); background: var(--toy-black); color: var(--toy-white); font-weight: 800; }
.toyFooter { background: var(--toy-footer); color: var(--toy-white); }

@media (max-width: 1100px) {
  .toyHeader { grid-template-columns: minmax(150px, 180px) minmax(0, 1fr) auto; gap: 12px; }
  .toyHeader .waveNav { gap: 14px; }
  .toyHeader .waveTools span { display: none; }
  .toyHeader .waveTools a { grid-template-columns: 22px; width: 42px; padding: 0; }
  .toyAgeGrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .toyStepsLayout { grid-template-columns: 1fr; }
  .toyStepsMedia picture,
  .toyStepsMedia img,
  .toyStepsMedia .waveMediaPlaceholder { min-height: 0; aspect-ratio: 3 / 2; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .headerInner { grid-template-columns: minmax(150px, 180px) minmax(0, 1fr) auto; gap: 12px; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .nav { gap: 14px; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .tools span { display: none; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .tools button { grid-template-columns: 22px; width: 42px; padding: 0; }
}

@media (max-width: 760px) {
  .toyUtility { min-height: 34px; grid-template-columns: 1fr; padding: 7px 14px; text-align: center; font-size: 10px; }
  .toyUtility a { display: none; }
  .toyHeader { min-height: 64px; padding: 0 8px; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 4px; }
  .toyHeader .waveMenu { display: grid; place-items: center; }
  .toyHeader .waveNav { display: none; }
  .toyHeader .toyBrand { justify-self: center; text-align: center; }
  .toyHeader .toyBrand strong { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 19px; }
  .toyHeader .toyBrand small { display: none; }
  .toyHeader .waveTools { gap: 0; }
  .toyHeader .waveTools a { width: 38px; }
  .toyHeader .waveTools a:nth-child(2) { display: none; }
  .toyDrawer.open { inset: 129px 0 0; padding: 18px; background: var(--toy-yellow); }
  .toyDrawer a { border-color: rgb(17 17 17 / 22%); font-family: var(--toy-font-display); }
  .toyHero { display: flex; flex-direction: column; min-height: auto; }
  .toyHeroCopy { order: 2; padding: 26px 20px 30px; text-align: center; justify-items: center; }
  .toyHeroCopy h1 { font-size: clamp(32px, 9.2vw, 40px); }
  .toyHeroCopy p { font-size: 16px; }
  .toyHeroActions { justify-content: center; }
  .toyHeroMedia { order: 1; min-height: 0; aspect-ratio: 4 / 5; }
  .toyHeroMedia img { object-position: var(--banner-mobile-focus, center); }
  .toyMediaStatus { right: 10px; top: auto; bottom: 10px; }
  .toyDiscovery { justify-content: flex-start; min-height: 58px; padding-inline: 8px; }
  .toyDiscovery a { padding-inline: 14px; }
  .toyEditorial { grid-template-columns: 1fr; margin: 48px 14px; }
  .toyEditorialMedia,
  .toyEditorialMedia .waveMediaPlaceholder { min-height: 0; aspect-ratio: 4 / 5; }
  .toyEditorialCopy { padding: 32px 22px 38px; text-align: center; justify-items: center; }
  .toyEditorialCopy h2 { font-size: 44px; }
  .toyMix .toyEditorialMedia,
  .toyMix .toyEditorialCopy { grid-column: 1; }
  .toyMix .toyEditorialMedia { grid-row: 1; }
  .toyMix .toyEditorialCopy { grid-row: 2; }
  .toyAgeGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
  .toyAgeGrid strong { font-size: 13px; }
  .toyProductRail { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; }
  .toyProductRail .waveProduct { flex: 0 0 min(78vw, 300px); scroll-snap-align: start; }
  .toyWorldGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .toyWorldGrid a { min-width: 0; }
  .toySteps ol { grid-template-columns: 1fr; }
  .toyStepsMedia picture,
  .toyStepsMedia img,
  .toyStepsMedia .waveMediaPlaceholder { aspect-ratio: 3 / 4; }
  .toySteps li { min-height: 0; grid-template-columns: 52px 1fr; justify-items: start; text-align: left; }
  .toySteps li p { margin-bottom: 0; }
  .toyPartyRail { grid-auto-columns: 82%; }
  html[data-store-theme="caixa-de-brinquedos"] .toyCommercial .productMain { background-image: url("/imagens/banners/biblioteca-v2/caixa-de-brinquedos/pdp-stage-mobile.webp"); }
  .toyBenefits { grid-template-columns: 1fr; }
  .toyBenefits article { border-right: 0; }
  .toyNewsletter { grid-template-columns: 1fr; margin: 48px 14px; padding: 34px 22px; text-align: center; }
  .toyNewsletter form { grid-template-columns: 1fr; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreUtility { min-height: 34px; grid-template-columns: 1fr; padding: 7px 14px; text-align: center; font-size: 10px; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreUtility button { display: none; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader { min-height: 64px; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .headerInner { min-height: 64px; padding: 0 8px; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 4px; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .menuButton { display: grid; place-items: center; min-width: 44px; min-height: 44px; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .nav { display: none; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreBrand { justify-self: center; text-align: center; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreBrand strong { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 19px; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreBrand small { display: none; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .tools { gap: 0; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .tools button { width: 38px; min-width: 38px; padding: 0; }
  html[data-store-theme="caixa-de-brinquedos"] #storeHeader .toyStoreHeader .tools button:nth-child(2) { display: none; }
  html[data-store-theme="caixa-de-brinquedos"] .toyStoreDrawer.open { inset: 129px 0 0; background: var(--toy-yellow); color: var(--toy-black); }
  html[data-store-theme="caixa-de-brinquedos"] .toyStoreDrawer.open button { border-color: rgb(17 17 17 / 22%); color: inherit; font-family: var(--toy-font-display); }
  .toyStoreFooter { grid-template-columns: 1fr; gap: 32px; padding: 46px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .toyHeader .waveNav a::after,
  .toyButton { transition: none; }
  .toyButton:hover { transform: none; }
}

/* Creative home: complete garments, compact modules and calm interaction. */
.toyMain .waveSection{padding-block:48px}
.toyMain .waveSectionHead{margin-bottom:24px}
.toyHero{min-height:0;grid-template-columns:38% 62%}
.toyHeroCopy{padding:34px clamp(26px,3.5vw,50px)}
.toyHeroCopy :is(h1,h2){font-family:var(--toy-font-display);font-size:clamp(38px,4.4vw,60px);letter-spacing:-.045em;line-height:1.02;margin:12px 0 18px}
.toyHeroCopy p{font-size:16px;line-height:1.55}
.toyHeroActions{gap:16px;margin-top:22px}.toyHeroActions a{min-height:44px;display:inline-flex;align-items:center}
.toyHeroMedia{aspect-ratio:4/3;min-height:0;background:var(--toy-gray-50)}
.toyHero[data-creative-campaign]:not([data-creative-campaign=""]) .toyHeroMedia picture{position:relative;height:100%}
.toyHero[data-creative-campaign]:not([data-creative-campaign=""]) .toyHeroMedia img{position:absolute;inset:0;object-fit:contain}
.toyHero[data-creative-presentation="garment"] .toyHeroMedia{background:var(--toy-yellow-soft);isolation:isolate}
.toyHero[data-creative-presentation="garment"] .toyHeroMedia:before{content:"";position:absolute;inset:8% 20%;background:var(--toy-white);border-radius:50% 50% 8% 8%;z-index:-1}
.toyHero[data-creative-presentation="garment"] .toyHeroMedia img{padding:24px}
.toyBannerCarousel .facilitaBannerControls{position:relative;right:auto;bottom:auto;background:var(--toy-white);border:1px solid var(--store-border,#d3d3d3);box-shadow:none;backdrop-filter:none;margin:12px auto;padding:4px;width:max-content}
.toyBannerCarousel .facilitaBannerControls button{color:var(--toy-black);background:transparent}
.toyBannerCarousel .facilitaBannerDots button:after{background:var(--store-muted,#777)}.toyBannerCarousel .facilitaBannerDots button[aria-current="true"]:after{background:var(--toy-black);outline-color:var(--toy-black)}
.toyAgeGrid picture,.toyWorldGrid picture,.toyPartyRail picture{display:block}
.toyAgeGrid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px;margin:auto}
.toyAgeGrid a>span{aspect-ratio:1;max-width:200px;margin:auto;border-radius:24px}
.toyAgeGrid img{display:block;height:auto;aspect-ratio:1;object-fit:contain}
.toyWorldGrid--count-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.toyWorldGrid img{display:block;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--toy-white)}
.toyEditorial{margin-block:40px;grid-template-columns:1fr 1fr}
.toyEditorialMedia{min-height:0;max-height:400px;aspect-ratio:4/3}
.toyEditorialMedia img{object-fit:contain}.toyEditorialCopy{padding:30px 36px}.toyEditorialCopy h2{font-size:clamp(30px,3.4vw,44px);line-height:1.06}
.toyEditorialCopy .toyButton{margin-top:20px}
.toyStepsLayout{grid-template-columns:.8fr 1.2fr;gap:38px}.toyStepsMedia{max-height:470px;min-height:0}.toyStepsMedia :is(picture,img,.waveMediaPlaceholder){min-height:0;height:100%;max-height:470px;aspect-ratio:auto;object-fit:contain}.toySteps ol{grid-template-columns:1fr;gap:12px;margin-bottom:22px;width:100%}.toySteps li{min-height:0;padding:16px;display:grid;grid-template-columns:40px 1fr;text-align:left;gap:14px;align-items:start;justify-items:start}.toySteps li>span{width:36px;height:36px;font-size:17px}.toySteps li strong{font-size:19px}.toySteps li p{font-size:14px;margin:8px 0 0}
.toyPartyRail{grid-auto-columns:minmax(260px,32%)}.toyPartyRail img{display:block;aspect-ratio:4/3;height:auto;object-fit:contain;background:var(--toy-gray-50)}
.toyPartyRail a{display:block;min-width:0}.toyPartyRail figcaption{color:var(--toy-black);min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.toyFooter{padding-block:40px}.toyFooter a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){
 .toyMain .waveSection{padding-block:32px}.toyHero{display:flex;min-height:0}.toyHeroMedia{aspect-ratio:4/3;width:100%}
 .toyHeroCopy{padding:24px 20px 26px;text-align:left;justify-items:start}.toyHeroCopy :is(h1,h2){font-size:34px}.toyHeroActions{justify-content:flex-start;gap:12px}.toyHeroCopy p{font-size:15px}
 .toyHero[data-creative-presentation="garment"] .toyHeroMedia img{padding:14px}
 .toyBannerCarousel .facilitaBannerControls{max-width:calc(100% - 20px);gap:0}.toyBannerCarousel .facilitaBannerDots{gap:0}
 .toyAgeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.toyAgeGrid a>span{max-width:160px;border-radius:20px}
 .toyWorldGrid--count-6{grid-template-columns:repeat(2,minmax(0,1fr))}.toyWorldGrid strong{font-size:18px;margin-inline:12px}.toyWorldGrid a{padding-bottom:12px}
 .toyEditorial{grid-template-columns:1fr;margin:28px 14px}.toyEditorialMedia{aspect-ratio:4/3;max-height:290px}.toyEditorialCopy{padding:26px 22px;text-align:left;justify-items:start}.toyEditorialCopy h2{font-size:32px}
 .toyStepsLayout{grid-template-columns:1fr;gap:20px}.toyStepsMedia{max-height:260px}.toyStepsMedia img{max-height:260px;width:100%;object-fit:contain}.toyStepsBody{padding:0}
 .toyPartyRail{grid-auto-columns:88%}.toyFooter{padding-block:30px}
}
@media(hover:none){.toyButton:hover{transform:none}}

/* Reviewed 4:3 photographs fill only their own slots. Owner uploads keep their framing. */
.toyHero[data-creative-presentation="photograph"] .toyHeroMedia img{object-fit:cover;padding:0}
.toyEditorial[data-toy-photo="true"] .toyEditorialMedia img,
.toyPartyRail [data-toy-photo="true"] img{object-fit:cover}
.toyStepsMedia[data-toy-photo="true"]{aspect-ratio:4/3;align-self:center;max-height:none}
.toyStepsMedia[data-toy-photo="true"] :is(picture,img){display:block;width:100%;height:100%;max-height:none;object-fit:cover}