/* Abertura da home no formato da Printi: banner 1360x320 colado no cabeçalho
   (o cabeçalho fica em site-header.css) e a sequência abaixo dele. */

/* Banner principal: carrossel na proporção das artes (1640x624 → 1360x517 na tela),
   sem corte. As imagens só são reduzidas (nunca ampliadas), então não perdem nitidez. */
.store-home .ph-banner{width:min(1360px,calc(100% - 32px));margin:0 auto}
.store-home .ph-banner-slot{position:relative;aspect-ratio:1640/624;overflow:hidden;background:#eef0f3}
.store-home .ph-banner-track{display:flex;height:100%;transition:transform .7s cubic-bezier(.65,0,.35,1);will-change:transform}
.store-home .ph-banner-slide{flex:0 0 100%;height:100%;display:block}
.store-home .ph-banner-slide picture,.store-home .ph-banner-slide img{display:block;width:100%;height:100%}
.store-home .ph-banner-slide img{object-fit:cover}
.store-home .ph-banner-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:52px;height:52px;margin-top:-26px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(120,124,130,.55);color:#fff;font-size:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.store-home .ph-banner-arrow:hover{background:rgba(60,62,66,.75);transform:scale(1.05)}
.store-home .ph-banner-arrow--prev{left:16px}.store-home .ph-banner-arrow--next{right:16px}
.store-home .ph-banner-dots{position:absolute;left:50%;bottom:14px;z-index:2;display:flex;gap:8px;padding:6px 10px;border-radius:999px;transform:translateX(-50%);
  background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.store-home .ph-banner-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(20,24,32,.25);cursor:pointer;transition:width .25s,background .25s}
.store-home .ph-banner-dots button[aria-selected="true"]{width:24px;border-radius:5px;background:#1a1a1a}
@media (prefers-reduced-motion:reduce){.store-home .ph-banner-track{transition:none}}

@media (max-width:768px){
  .store-home .ph-banner{width:100%}
  .store-home .ph-banner-arrow{display:none}
  .store-home .ph-banner-dots{bottom:8px;padding:4px 8px}
}

/* Sequência abaixo do banner, igual à Printi: vantagens (4 quadros)
   e produtos (6 cards por vez). */
.store-home .ph-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border:1px solid var(--ph-line,#e6e6e6)}
.store-home .ph-benefit{display:flex;flex-direction:column;gap:14px;padding:30px 24px 32px;color:#1a1a1a;text-decoration:none;border-left:1px solid #e6e6e6}
.store-home .ph-benefit:first-child{border-left:0}
.store-home .ph-benefit strong{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.store-home .ph-benefit strong i{width:20px;font-size:18px;text-align:center}
.store-home .ph-benefit span{padding-left:30px;font-size:14px;color:#333}
.store-home .ph-benefit u{font-weight:700;color:#1a1a1a}
.store-home .ph-benefit:hover u{color:#c12623}

.store-home .ph-section{margin-top:64px}
.store-home #ha-products.ph-section{margin-bottom:64px}
.store-home .ph-section .ph-title{margin:0;font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.2;color:#1a1a1a}
.store-home .ph-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}


.store-home .ph-arrows{display:flex;gap:8px}
.store-home .ph-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #e6e6e6;border-radius:50%;background:#fff;color:#1a1a1a;font-size:13px;cursor:pointer}
.store-home .ph-arrow:hover{border-color:#8c8c8c}
.store-home #ha-products-grid.ph-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 13px) / 6);gap:13px!important;margin:32px 0 0!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.store-home .ph-track::-webkit-scrollbar{display:none}
.store-home .ph-track>.store-empty{grid-column:1 / -1;color:#666;font-size:15px}
.store-home .ph-card{scroll-snap-align:start;min-width:0}
.store-home .ph-card-link{display:flex;flex-direction:column;color:#1a1a1a;text-decoration:none}
.store-home .ph-card-media{display:grid;place-items:center;aspect-ratio:218/291;background:#ececec;overflow:hidden}
.store-home .ph-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.store-home .ph-card-link:hover .ph-card-media img{transform:scale(1.04)}
.store-home .ph-card-media .ha-ph{padding:16px;color:#888;font-size:14px;text-align:center}
.store-home .ph-card .ph-card-name{margin:16px 0 10px;font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.25;color:#1a1a1a}
.store-home .ph-card-from{font-size:15px;color:#666}
.store-home .ph-card-price{margin-top:4px;font-size:15px;color:#666}
.store-home .ph-card-price strong{font-size:16px;font-weight:500;color:#1a1a1a}

@media (max-width:1100px){
  .store-home .ph-benefits{grid-template-columns:repeat(2,1fr)}
  .store-home .ph-benefit:nth-child(3){border-left:0}
  .store-home .ph-benefit:nth-child(n+3){border-top:1px solid #e6e6e6}
  .store-home #ha-products-grid.ph-track{grid-auto-columns:calc((100% - 3 * 13px) / 4)}
}
@media (max-width:768px){
  .store-home .ph-benefits{grid-template-columns:1fr}
  .store-home .ph-benefit{border-left:0;padding:20px 16px}
  .store-home .ph-benefit+.ph-benefit{border-top:1px solid #e6e6e6}
  .store-home .ph-benefit strong{font-size:17px}
  .store-home .ph-section{margin-top:44px}
  .store-home .ph-arrows{display:none}
  .store-home #ha-products-grid.ph-track{grid-auto-columns:46%;margin-top:20px!important}
  .store-home #ha-products.ph-section{margin-bottom:72px}
  .store-home .ph-card .ph-card-name{font-size:17px}
}

/* "Comece a criar com confiança": 1º card celular, 2º tablet, 3º notebook, em
   fundo degradê cinza. As molduras são desenhadas em CSS até chegar a arte:
   quando o mockup do usuário entra (AlphaHomeMedia.art['feature-1/2/3'] em
   js/home-bevel-media.js), a moldura e os cartões de vidro somem e fica só a imagem. */
.store-home .bh-feature,.store-home .bh-feature-2,.store-home .bh-feature-3{height:600px;background:linear-gradient(180deg,#f5f6f8 40%,#dfe2e7)}
.store-home .bh-feature .bh-feature-art,.store-home .bh-feature-3 .bh-feature-art{top:auto;height:auto}
.store-home .bh-feature .bh-feature-art .bh-device{position:relative;inset:auto;width:100%;height:auto;margin:0;border:9px solid #1f2024;background:linear-gradient(160deg,#ffffff,#eef0f3);box-shadow:0 22px 34px -24px #1f232b66}
.store-home .bh-feature .bh-feature-art .bh-device :is(img,video){object-fit:cover}
.store-home .bh-feature .bh-feature-overlay{top:auto;background:#ffffffd9;border-radius:14px;box-shadow:0 12px 26px -16px #1f232b66}

/* 1 · celular: sai pela borda de baixo do card */
.store-home .bh-feature-1 .bh-feature-art{left:29%;right:29%;bottom:-90px}
.store-home .bh-feature-1 .bh-device{aspect-ratio:9/19;border-radius:38px!important;border-width:8px!important}
.store-home .bh-feature-1 .bh-feature-overlay{bottom:30%;left:-34%;width:86%;height:12%}

/* 2 · tablet em pé: também sai pela borda de baixo */
.store-home .bh-feature-2 .bh-feature-art{left:19%;right:19%;bottom:-70px}
.store-home .bh-feature-2 .bh-device{aspect-ratio:3/4;border-radius:24px!important;border-width:11px!important}
.store-home .bh-feature-2 .bh-feature-overlay{left:auto;right:-22%;bottom:42%;width:46%;height:36%}

/* 3 · notebook: tela 16:10 apoiada na base */
.store-home .bh-feature-3 .bh-feature-art{left:12%;right:12%;bottom:64px}
.store-home .bh-feature-3 .bh-device{aspect-ratio:16/10;border-bottom-width:12px!important;border-radius:14px 14px 0 0!important;box-shadow:none!important}
.store-home .bh-feature-3 .bh-feature-art::after{content:"";display:block;width:118%;height:14px;margin-left:-9%;border-radius:2px 2px 14px 14px;background:linear-gradient(#e9ebee,#b8bcc3);box-shadow:0 14px 22px -12px #1f232b55}
.store-home .bh-feature-3 .bh-feature-overlay{bottom:34%;left:-7%;width:58%;height:22%}

/* Com o mockup do usuário: só a imagem, sem moldura, base ou vidro */
.store-home .bh-feature .bh-feature-art .bh-device[data-loaded]{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;aspect-ratio:auto}
.store-home .bh-feature .bh-feature-art .bh-device[data-loaded] :is(img,video){height:auto;object-fit:contain}
.store-home .bh-feature .bh-feature-art:has(.bh-device[data-loaded])::after{display:none}
.store-home .bh-feature .bh-feature-art:has(.bh-device[data-loaded]) .bh-feature-overlay:not([data-loaded]){display:none}

@media(max-width:991px){
  .store-home .bh-feature,.store-home .bh-feature-2,.store-home .bh-feature-3{height:540px}
}
@media(max-width:767px){
  .store-home .bh-feature,.store-home .bh-feature-2,.store-home .bh-feature-3{height:560px}
  .store-home .bh-feature-1 .bh-feature-art{left:31%;right:31%}
  .store-home .bh-feature-2 .bh-feature-art{left:22%;right:22%}
  .store-home .bh-feature-3 .bh-feature-art{left:12%;right:12%;bottom:44px}
}

/* Rodapé da home: degradê cinza com mosaico de ladrilhos nas pontas (esquerda e
   direita), sumindo em direção ao centro. A seção "Pronto para o seu momento?"
   que vinha antes dele foi removida a pedido. */
.store-home .bh-love{padding-bottom:72px}
.store-home .bh-footer{position:relative;isolation:isolate;overflow:hidden;padding:96px 0 72px;margin-top:0;
  background:linear-gradient(180deg,#f7f8fa 0%,#eceef1 55%,#e1e4e8 100%);border-top:1px solid rgba(20,24,32,.06)}
.store-home .bh-footer::before,.store-home .bh-footer::after{content:"";position:absolute;z-index:-1;width:300px;height:220px;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cg fill='%23ffffff'%3E%3Crect x='4' y='4' width='48' height='48' rx='10' fill-opacity='.85'/%3E%3Crect x='60' y='4' width='48' height='48' rx='10' fill-opacity='.45'/%3E%3Crect x='4' y='60' width='48' height='48' rx='10' fill-opacity='.35'/%3E%3C/g%3E%3Crect x='60' y='60' width='48' height='48' rx='10' fill='%23cfd3da' fill-opacity='.55'/%3E%3C/svg%3E");
  background-size:112px 112px}
/* Mosaico só nos cantos: inferior esquerdo e superior direito, sumindo em arco */
.store-home .bh-footer::before{left:0;bottom:0;background-position:left bottom;-webkit-mask-image:radial-gradient(circle at 0 100%,#000 0,rgba(0,0,0,.5) 38%,transparent 72%);mask-image:radial-gradient(circle at 0 100%,#000 0,rgba(0,0,0,.5) 38%,transparent 72%)}
.store-home .bh-footer::after{right:0;top:0;background-position:right top;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 0,rgba(0,0,0,.5) 38%,transparent 72%);mask-image:radial-gradient(circle at 100% 0,#000 0,rgba(0,0,0,.5) 38%,transparent 72%)}
.store-home .bh-footer-bottom{margin-top:64px}
@media(max-width:767px){
  .store-home .bh-footer{padding:64px 0 56px}
  .store-home .bh-footer::before,.store-home .bh-footer::after{width:160px;height:140px;background-size:72px 72px}
}

/* "Comece a criar com confiança": título compacto no padrão das outras seções
   (como "Produtos"), alinhado à esquerda e na mesma largura de 1360px. */
.store-home .bh-features{width:min(1360px,calc(100% - 32px));margin-top:8px}
.store-home .bh-features>.bh-heading{margin:0 0 24px;text-align:left;max-width:none}
.store-home .bh-features>.bh-heading h2{font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.2;color:#1a1a1a}
.store-home .bh-features>.bh-heading h2 br{display:none}
.store-home .bh-features>.bh-heading p{margin:6px 0 0;max-width:none;font-size:15px;font-weight:500;line-height:1.5;color:#6b6f76}
@media(max-width:767px){.store-home .bh-features>.bh-heading{margin-bottom:18px}.store-home .bh-features>.bh-heading h2{font-size:21px}}

/* Setas do banner em vidro bem transparente (pedido: "mais transparente") */
.store-home .ph-banner-arrow{background:rgba(30,32,36,.16);border:1px solid rgba(255,255,255,.45);color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);box-shadow:0 4px 14px -6px rgba(0,0,0,.25)}
.store-home .ph-banner-arrow:hover{background:rgba(30,32,36,.3);transform:scale(1.05)}

/* Textos dos 3 cards (Escolha / Personalize / Confira) menores e o card mais baixo. */
.store-home .bh-feature,.store-home .bh-feature-2,.store-home .bh-feature-3{height:520px;padding:32px 32px 0}
.store-home .bh-feature h3{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}
.store-home .bh-feature p{max-width:340px;font-size:15px;font-weight:500;line-height:1.5;color:#6b6f76}
@media(max-width:991px){.store-home .bh-feature,.store-home .bh-feature-2,.store-home .bh-feature-3{height:480px;padding:28px 24px 0}}
@media(max-width:767px){.store-home .bh-feature,.store-home .bh-feature-2,.store-home .bh-feature-3{height:460px}.store-home .bh-feature h3{font-size:22px}}
/* Título da seção um pouco maior (pedido 06/10). */
.store-home .bh-features>.bh-heading h2{font-size:30px;font-weight:600}
@media(max-width:767px){.store-home .bh-features>.bh-heading h2{font-size:24px}}

/* Mockups reais nos 3 cards, enquadrados como no bevel.health: aparelho grande,
   saindo pela borda do card, com sombra de contato e o parallax da home.
   Arquivos: assets/home/mockup-celular|tablet|notebook.webp (feature-1/2/3). */
.store-home .bh-feature:has(.bh-device[data-loaded]){height:600px}
.store-home .bh-feature .bh-feature-art:has(.bh-device[data-loaded]){bottom:auto;height:auto}
.store-home .bh-feature .bh-device[data-loaded] :is(img,video){width:100%;height:auto;object-fit:contain;
  filter:drop-shadow(0 28px 28px rgba(20,24,32,.22)) drop-shadow(0 6px 10px rgba(20,24,32,.12));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.store-home .bh-feature:hover .bh-device[data-loaded] :is(img,video){transform:translateY(-6px) scale(1.02)}
/* 1 · celular em pé, centralizado, cortado embaixo */
.store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){top:190px;left:21%;right:21%}
/* 2 · tablet inclinado, passando um pouco das laterais */
.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){top:200px;left:-3%;right:-3%}
/* 3 · notebook apoiado na base do card */
.store-home .bh-feature-3 .bh-feature-art:has(.bh-device[data-loaded]){top:auto;bottom:34px;left:-5%;right:-5%}
@media(max-width:991px){
  .store-home .bh-feature:has(.bh-device[data-loaded]){height:540px}
  .store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){top:180px}
  .store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){top:190px}
}
@media(max-width:767px){
  .store-home .bh-feature:has(.bh-device[data-loaded]){height:520px}
  .store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){left:24%;right:24%}
  .store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){left:2%;right:2%}
}
@media(prefers-reduced-motion:reduce){.store-home .bh-feature .bh-device[data-loaded] :is(img,video){transition:none}}
/* Sem filter: drop-shadow (clareava a caixa inteira da imagem). Sombra de contato
   própria: elipse desfocada sob o aparelho. */
.store-home .bh-feature .bh-device[data-loaded] :is(img,video){filter:none}
.store-home .bh-feature .bh-feature-art:has(.bh-device[data-loaded])::before{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:-14px;height:40px;
  border-radius:50%;background:radial-gradient(closest-side,rgba(20,24,32,.28),rgba(20,24,32,0));filter:blur(6px);pointer-events:none}
.store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded])::before,
.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded])::before{display:none}
.store-home .bh-feature .bh-feature-art:has(.bh-device[data-loaded]){isolation:isolate}
/* Ajuste de enquadramento: tablet maior saindo pela base, notebook com respiro. */
.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){top:170px;left:-30%;right:-30%}
.store-home .bh-feature-3 .bh-feature-art:has(.bh-device[data-loaded]){bottom:56px;left:-2%;right:-2%}
@media(max-width:767px){.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){left:-20%;right:-20%}}

/* ===== 3 cards no estilo bevel.health (07/10, v2) =====
   Aparelho TRAVADO (sem parallax nem zoom no hover, para nunca cortar diferente)
   e um cartão de vidro por cima com um trecho da tela ampliado (feature-N-overlay
   = assets/home/zoom-*.webp). Tamanhos equilibrados pela área visível de cada aparelho. */
.store-home .bh-feature:has(.bh-device[data-loaded]){height:580px}
.store-home .bh-feature .bh-feature-art:has(.bh-device[data-loaded]){top:auto;bottom:auto;height:auto}
.store-home .bh-feature .bh-device[data-loaded]{transform:none!important;will-change:auto}
.store-home .bh-feature .bh-device[data-loaded] :is(img,video),
.store-home .bh-feature:hover .bh-device[data-loaded] :is(img,video){transform:none!important;filter:none;transition:none}
/* 1 · celular */
.store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){top:178px;left:27%;right:27%}
/* 2 · tablet */
.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){top:auto;bottom:-24px;left:8%;right:8%}
/* 3 · notebook */
.store-home .bh-feature-3 .bh-feature-art:has(.bh-device[data-loaded]){top:auto;bottom:64px;left:6%;right:6%}

/* Cartão de vidro com o zoom */
.store-home .bh-feature .bh-feature-overlay[data-loaded]{position:absolute;z-index:2;display:block;height:auto!important;padding:8px;border-radius:18px;overflow:hidden;
  background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 22px 44px -18px rgba(20,24,32,.42)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);
  transform:translate3d(0,calc(var(--travel,0) * -14px),0)!important;transition:box-shadow .45s ease,translate .45s cubic-bezier(.2,.7,.2,1),scale .45s cubic-bezier(.2,.7,.2,1)}
.store-home .bh-feature .bh-feature-overlay[data-loaded] img{display:block;width:100%;height:auto;border-radius:11px;object-fit:contain}
.store-home .bh-feature:hover .bh-feature-overlay[data-loaded]{translate:0 -6px;scale:1.03;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 30px 54px -18px rgba(20,24,32,.5)!important}
.store-home .bh-feature-1 .bh-feature-overlay[data-loaded]{top:56%;bottom:auto;left:-26%;right:auto;width:152%}
.store-home .bh-feature-2 .bh-feature-overlay[data-loaded]{top:22%;bottom:auto;left:auto;right:-6%;width:40%}
.store-home .bh-feature-3 .bh-feature-overlay[data-loaded]{top:-30%;bottom:auto;left:-4%;right:auto;width:84%;padding:6px;border-radius:14px}
.store-home .bh-feature-3 .bh-feature-overlay[data-loaded] img{border-radius:9px}

@media(max-width:991px){
  .store-home .bh-feature:has(.bh-device[data-loaded]){height:540px}
  .store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){top:190px}
}
@media(max-width:767px){
  .store-home .bh-feature:has(.bh-device[data-loaded]){height:540px}
  .store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){top:170px;left:28%;right:28%}
  .store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){left:6%;right:6%}
  .store-home .bh-feature-3 .bh-feature-art:has(.bh-device[data-loaded]){left:4%;right:4%;bottom:56px}
}
@media(prefers-reduced-motion:reduce){.store-home .bh-feature .bh-feature-overlay[data-loaded]{transition:none;transform:none!important}}
/* v2 ajuste: aparelhos com o mesmo "peso" visual, celular e tablet cortados na base como no bevel */
.store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){top:168px;left:22%;right:22%}
.store-home .bh-feature-1 .bh-feature-overlay[data-loaded]{top:50%;left:-22%;width:144%}
.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){bottom:-120px;left:-6%;right:-6%}
.store-home .bh-feature-2 .bh-feature-overlay[data-loaded]{top:16%;right:2%;width:34%}
.store-home .bh-feature-3 .bh-feature-art:has(.bh-device[data-loaded]){bottom:70px;left:9%;right:9%}
.store-home .bh-feature-3 .bh-feature-overlay[data-loaded]{top:-36%;left:-8%;width:76%}
@media(max-width:767px){
  .store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){left:24%;right:24%}
  .store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){bottom:-100px;left:-4%;right:-4%}
}
/* tablet recortado no contorno do aparelho (assets/home/mockup-tablet.webp) */
.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){top:auto;bottom:-150px;left:17%;right:17%}
.store-home .bh-feature-2 .bh-feature-overlay[data-loaded]{top:12%;left:auto;right:-30%;width:58%}
@media(max-width:767px){.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){bottom:-130px;left:18%;right:18%}}
.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){bottom:-56px;left:13%;right:13%}
.store-home .bh-feature-2 .bh-feature-overlay[data-loaded]{top:20%;right:-10%;width:50%}
@media(max-width:991px){.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){bottom:-80px}}
@media(max-width:767px){.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){bottom:-90px;left:16%;right:16%}}

/* Celular: em vez do cartão retangular, uma LUPA de vidro redonda ampliando o
   cabeção da foto do produto (assets/home/zoom-celular.webp). No hover a lente
   aproxima mais; o aparelho continua parado. */
.store-home .bh-feature-1 .bh-feature-overlay[data-loaded]{top:24%;left:auto;right:-30%;width:58%;aspect-ratio:1;padding:7px;border-radius:50%!important;
  background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(255,255,255,.35))!important;border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 0 0 1px rgba(20,24,32,.06),0 26px 50px -18px rgba(20,24,32,.55),inset 0 2px 6px rgba(255,255,255,.9)!important}
.store-home .bh-feature-1 .bh-feature-overlay[data-loaded] img{width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(1.04);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.store-home .bh-feature-1 .bh-feature-overlay[data-loaded]::after{content:"";position:absolute;inset:7px;border-radius:50%;pointer-events:none;
  background:radial-gradient(120% 80% at 30% 15%,rgba(255,255,255,.55),rgba(255,255,255,0) 45%),radial-gradient(closest-side,transparent 82%,rgba(20,24,32,.22));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.store-home .bh-feature-1:hover .bh-feature-overlay[data-loaded] img{transform:scale(1.22)}
.store-home .bh-feature-1:hover .bh-feature-overlay[data-loaded]{scale:1.06}
@media(max-width:767px){.store-home .bh-feature-1 .bh-feature-overlay[data-loaded]{right:-26%;width:54%}}

/* ===== 3 cards v3 (07/10): aparelhos maiores e travados + elementos de zoom em
   HTML/CSS (nítidos em qualquer tela), em vez de recortes de print ampliados.
   1 Escolha   = celular + cartão "Personalizar" com cursor clicando
   2 Personalize = tablet + lupa no rosto da formanda (assets/home/zoom-tablet.webp)
   3 Confira   = notebook + aviso "Personalização concluída" ===== */
.store-home .bh-feature:has(.bh-device[data-loaded]){height:600px}
.store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){top:158px;bottom:auto;left:17%;right:17%}
.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){top:auto;bottom:-118px;left:11%;right:11%}
.store-home .bh-feature-3 .bh-feature-art:has(.bh-device[data-loaded]){top:auto;bottom:78px;left:3%;right:3%}
.store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded])::before{display:block;left:6%;right:6%;bottom:auto;top:96%}

.store-home .ph-zoom{position:absolute;z-index:3;pointer-events:none;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,AlphaHeaderInter,Inter,'Segoe UI',Arial,sans-serif;
  background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.95);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(20,24,32,.04),0 24px 48px -20px rgba(20,24,32,.45);
  -webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);
  transition:translate .5s cubic-bezier(.2,.7,.2,1),scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.store-home .bh-feature:hover .ph-zoom{translate:0 -6px;scale:1.03;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(20,24,32,.04),0 32px 56px -20px rgba(20,24,32,.5)}

/* 1 · cartão Personalizar */
.store-home .ph-zoom--pers{right:-16%;top:47%;width:min(220px,74%);padding:16px 16px 18px;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.store-home .ph-zoom-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a77b3c}
.store-home .ph-zoom-title{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.store-home .ph-zoom-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 16px;border:1.5px solid #1a1a1a;border-radius:999px;background:#fff;
  font-size:13px;font-weight:600;white-space:nowrap;animation:ph-press 4.2s ease-in-out infinite}
.store-home .ph-zoom-btn i{font-size:12px;color:#6b6f76}
.store-home .ph-zoom-cursor{position:absolute;left:62%;top:86%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25));animation:ph-cursor 4.2s ease-in-out infinite}
@keyframes ph-cursor{0%,12%{transform:translate(70px,38px);opacity:0}24%{opacity:1}46%,58%{transform:translate(0,0);opacity:1}52%{transform:translate(0,0) scale(.86)}82%,100%{transform:translate(70px,38px);opacity:0}}
@keyframes ph-press{0%,48%,58%,100%{transform:none;background:#fff;color:#1a1a1a}52%{transform:scale(.95);background:#1a1a1a;color:#fff}}

/* 2 · lupa no rosto da formanda */
.store-home .ph-zoom--lens{right:-9%;top:23%;width:44%;aspect-ratio:1;padding:7px;border-radius:50%;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.4))}
.store-home .ph-zoom--lens img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(1.04);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.store-home .ph-zoom--lens::after{content:"";position:absolute;inset:7px;border-radius:50%;pointer-events:none;
  background:radial-gradient(120% 80% at 30% 12%,rgba(255,255,255,.5),rgba(255,255,255,0) 42%),radial-gradient(closest-side,transparent 80%,rgba(20,24,32,.2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.store-home .bh-feature-2:hover .ph-zoom--lens img{transform:scale(1.2)}

/* 3 · aviso de concluído */
.store-home .ph-zoom--done{left:-5%;top:-22%;width:min(330px,86%);display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px}
.store-home .ph-zoom-check{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#1f9d55;color:#fff;font-size:13px;box-shadow:0 4px 10px -3px rgba(31,157,85,.6)}
.store-home .ph-zoom-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.store-home .ph-zoom-text strong{font-size:14px;font-weight:700;letter-spacing:-.01em}
.store-home .ph-zoom-text small{font-size:12px;line-height:1.35;color:#6b6f76}

@media(max-width:991px){
  .store-home .bh-feature:has(.bh-device[data-loaded]){height:560px}
  .store-home .ph-zoom--pers{right:-10%}
  .store-home .bh-feature-3 .bh-feature-art:has(.bh-device[data-loaded]){bottom:64px}
}
@media(max-width:767px){
  .store-home .bh-feature:has(.bh-device[data-loaded]){height:560px}
  .store-home .bh-feature-1 .bh-feature-art:has(.bh-device[data-loaded]){top:150px;left:20%;right:20%}
  .store-home .bh-feature-2 .bh-feature-art:has(.bh-device[data-loaded]){bottom:-110px;left:13%;right:13%}
  .store-home .bh-feature-3 .bh-feature-art:has(.bh-device[data-loaded]){bottom:72px;left:4%;right:4%}
  .store-home .ph-zoom--pers{right:-14%;width:min(190px,70%);padding:13px 13px 15px}
  .store-home .ph-zoom-title{font-size:17px}
  .store-home .ph-zoom--done{top:-30%;left:-2%;width:90%}
}
@media(prefers-reduced-motion:reduce){.store-home .ph-zoom-btn,.store-home .ph-zoom-cursor{animation:none}.store-home .ph-zoom-cursor{display:none}.store-home .ph-zoom,.store-home .ph-zoom--lens img{transition:none}}
.store-home .ph-zoom--done{left:3%;top:-24%}
@media(max-width:767px){.store-home .ph-zoom--done{left:3%;width:88%;top:-34%}}
.store-home .ph-zoom-eyebrow{white-space:nowrap}
@media(max-width:767px){.store-home .ph-zoom--pers{width:196px;right:-22%}}
/* Título da seção centralizado, maior e mais forte (pedido 07/10). */
.store-home .bh-features>.bh-heading{text-align:center;margin:0 auto 32px}
.store-home .bh-features>.bh-heading h2{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.15}
.store-home .bh-features>.bh-heading p{margin:10px auto 0;max-width:620px;font-size:17px;font-weight:500}
@media(max-width:767px){.store-home .bh-features>.bh-heading h2{font-size:28px}.store-home .bh-features>.bh-heading p{font-size:15px}}

/* ===== Responsivo da home (07/10) ===== */
.store-home .ph-see-all{display:none;align-items:center;gap:6px;min-height:44px;color:#1a1a1a;font-size:14px;font-weight:600;text-decoration:none}
.store-home .ph-see-all i{font-size:12px}
.store-home .ph-card-cta{display:none}

/* Tablet e celular (≤1024): seções compactas e vitrine em grade */
@media (max-width:1024px){
  .store-home .ph-section{margin-top:40px}
  .store-home .ph-banner + .ph-section{margin-top:32px}
  .store-home .ph-section .ph-title{font-size:22px}
  .store-home .ph-arrows{display:none}
  .store-home .ph-see-all{display:inline-flex}
  .store-home #ha-products-grid.ph-track{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:16px;margin-top:12px!important;overflow:visible;scroll-snap-type:none}
  .store-home #ha-products-grid.ph-track>.ph-card:nth-child(n+7){display:none}
  .store-home #ha-products.ph-section{margin-bottom:48px}
  /* Card: mesma cara do catálogo */
  .store-home .ph-card{display:flex;min-width:0}
  .store-home .ph-card-link{flex:1;padding:8px 8px 12px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(20,24,32,.06);box-shadow:0 10px 26px -20px rgba(20,24,32,.35)}
  .store-home .ph-card-media{aspect-ratio:1;border-radius:12px;background:#f3f4f6}
  .store-home .ph-card .ph-card-name{margin:12px 4px 4px;font-size:15px;font-weight:600;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .store-home .ph-card-from{margin:0 4px;font-size:12px}
  .store-home .ph-card-price{margin:2px 4px 0;font-size:12px}
  .store-home .ph-card-price strong{font-size:16px;font-weight:700}
  .store-home .ph-card-cta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:12px 0 0;border-radius:999px;font-size:14px;font-weight:600;
    color:#1a1a1a;background:#fff;border:1px solid rgba(20,24,32,.14)}
  .store-home .ph-card-cta--buy{background:#1f2024;border-color:transparent;color:#fff}
  .store-home .ph-card-cta i{font-size:11px}
  .store-home .ph-card-link>.ph-card-cta{margin-top:auto}
  .store-home .ph-card-link>.ph-card-price,.store-home .ph-card-link>.ph-card-from:last-of-type{margin-bottom:12px}
  /* "Comece a criar": título proporcional */
  .store-home .bh-features>.bh-heading h2{font-size:30px}
  .store-home .bh-features{padding-bottom:64px}
}
/* Celular (≤600) */
@media (max-width:600px){
  .store-home .ph-section{margin-top:32px}
  .store-home .ph-banner + .ph-section{margin-top:24px}
  .store-home .ph-section .ph-title{font-size:20px}
  .store-home #ha-products-grid.ph-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .store-home .ph-card .ph-card-name{font-size:14px}
  .store-home .ph-card-cta{font-size:13px}
  .store-home #ha-products.ph-section{margin-bottom:40px}
  .store-home .bh-features>.bh-heading{margin-bottom:20px}
  .store-home .bh-features>.bh-heading h2{font-size:24px}
  .store-home .bh-features>.bh-heading p{font-size:14px}
}
/* home-bevel.css força grid-template-columns:none!important no #ha-products-grid */
@media (max-width:1024px){.store-home #ha-products-grid.ph-track{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}}
@media (max-width:600px){.store-home #ha-products-grid.ph-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}
.store-home .ph-card .ph-card-name::first-letter{text-transform:uppercase}
/* Celular: todas as seções da home no mesmo eixo de 16px */
@media (max-width:600px){.store-home .bh-shell,.store-home .bh-footer .bh-shell{width:calc(100% - 32px)}}

/* "Tudo para a sua conquista." estilo bevel.health: celular real à esquerda e
   ladrilhos com fotos dos produtos girando em 2 órbitas (arcos centrados à esquerda
   do painel). Cada ladrilho percorre o arco de cima para baixo e recomeça fora da
   área visível; fica sempre em pé. Fotos: assets/home/vitrine-1..8.webp. */
@property --ph-orb{syntax:'<angle>';inherits:false;initial-value:0deg}
.store-home .bh-panel-mint .bh-panel-art{container-type:size}
.store-home .bh-panel-mint .bh-orbit-tile{--cx:-40cqw;--r:125cqw;--dur:42s;--tilt:-8deg;--sz:104px;
  left:var(--cx);top:50%;width:var(--sz);height:var(--sz);margin:calc(var(--sz) / -2) 0 0 calc(var(--sz) / -2);padding:5px;border-radius:24px;rotate:none;overflow:hidden;
  background:rgba(255,255,255,.92)!important;box-shadow:0 14px 30px -14px rgba(40,70,90,.35),0 0 0 1px rgba(255,255,255,.8) inset;
  transform:rotate(var(--ph-orb)) translateX(var(--r)) rotate(calc(var(--ph-orb) * -1)) rotate(var(--tilt));
  animation:ph-orbit var(--dur) linear infinite;animation-delay:var(--d,0s)}
.store-home .bh-panel-mint .bh-orbit-tile img{width:100%;height:100%;border-radius:19px;object-fit:cover}
.store-home .bh-panel-mint .bh-orbit-tile:nth-last-child(-n+3){display:block}
@keyframes ph-orbit{from{--ph-orb:-34deg}to{--ph-orb:34deg}}
/* órbita interna: 5 ladrilhos espaçados igualmente no tempo */
.store-home .bh-panel-mint .bh-orbit-tile-1{--d:0s;--tilt:-10deg}
.store-home .bh-panel-mint .bh-orbit-tile-2{--d:-8.4s;--tilt:6deg}
.store-home .bh-panel-mint .bh-orbit-tile-3{--d:-16.8s;--tilt:-4deg}
.store-home .bh-panel-mint .bh-orbit-tile-4{--d:-25.2s;--tilt:9deg}
.store-home .bh-panel-mint .bh-orbit-tile-5{--d:-33.6s;--tilt:-7deg}
/* órbita externa: raio maior, mais lenta, defasada */
.store-home .bh-panel-mint :is(.bh-orbit-tile-6,.bh-orbit-tile-7,.bh-orbit-tile-8,.bh-orbit-tile-9,.bh-orbit-tile-10){--r:157cqw;--dur:56s}
.store-home .bh-panel-mint .bh-orbit-tile-6{--d:-5s;--tilt:8deg}
.store-home .bh-panel-mint .bh-orbit-tile-7{--d:-16.2s;--tilt:-6deg}
.store-home .bh-panel-mint .bh-orbit-tile-8{--d:-27.4s;--tilt:5deg}
.store-home .bh-panel-mint .bh-orbit-tile-9{--d:-38.6s;--tilt:-9deg}
.store-home .bh-panel-mint .bh-orbit-tile-10{--d:-49.8s;--tilt:7deg}
/* celular: mockup inteiro (sem caixa) e cartão vazio escondido */
.store-home .bh-panel-mint .bh-panel-art>.bh-device[data-loaded]{width:330px;margin-left:-165px;top:118px;height:auto}
.store-home .bh-panel-mint .bh-panel-art>.bh-device[data-loaded] img{height:auto;filter:drop-shadow(0 30px 40px rgba(30,60,80,.25))}
.store-home .bh-panel-mint .bh-overlay:not([data-loaded]){display:none}
@media(max-width:767px){
  .store-home .bh-panel-mint .bh-orbit-tile{--sz:64px;padding:3px;border-radius:16px}
  .store-home .bh-panel-mint .bh-orbit-tile img{border-radius:13px}
  .store-home .bh-panel-mint .bh-panel-art>.bh-device[data-loaded]{width:220px;margin-left:-110px}
}
@media(prefers-reduced-motion:reduce){.store-home .bh-panel-mint .bh-orbit-tile{animation:none;--ph-orb:calc(var(--d) * 1.2deg / 1s)}}
@media(max-width:767px){
  .store-home .bh-desk-br{display:none}
  /* órbita só ao redor do celular (parte de baixo do painel), atrás do texto */
  .store-home .bh-panel-mint .bh-panel-art{overflow:hidden}
  .store-home .bh-panel-mint .bh-orbit-tile{--cx:-30cqw;--r:112cqw}
  .store-home .bh-panel-mint :is(.bh-orbit-tile-6,.bh-orbit-tile-7,.bh-orbit-tile-8,.bh-orbit-tile-9,.bh-orbit-tile-10){display:none}
  .store-home .bh-panel-mint .bh-panel-copy{z-index:3}
}
/* Sem drop-shadow no celular do painel (gerava um halo retangular). Sombra de contato no lugar. */
.store-home .bh-panel-mint .bh-panel-art>.bh-device[data-loaded] img{filter:none}
.store-home .bh-panel-mint .bh-panel-art>.bh-device[data-loaded]{overflow:visible}
.store-home .bh-panel-mint .bh-panel-art>.bh-device[data-loaded]::after{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:30%;bottom:-4%;border-radius:40%;
  background:radial-gradient(closest-side,rgba(30,60,80,.22),rgba(30,60,80,0));filter:blur(24px);pointer-events:none}

/* Órbita alinhada como no bevel.health (07/10, v2): os ladrilhos correm EXATAMENTE
   sobre dois anéis visíveis concêntricos (centro na borda esquerda do painel, meia
   altura). 5 ladrilhos por anel, espaçados por igual no tempo. */
.store-home .bh-panel-mint:before{display:none}
.store-home .bh-panel-mint .bh-panel-art{--ri:88cqw;--ro:120cqw;isolation:isolate}
.store-home .bh-panel-mint .bh-panel-art::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:200%;pointer-events:none;
  background:radial-gradient(circle at 0 50%,
    transparent calc(var(--ri) - 74px),rgba(255,255,255,.16) calc(var(--ri) - 64px),rgba(255,255,255,.3) calc(var(--ri) - 62px),rgba(255,255,255,.16) calc(var(--ri) - 58px),
    rgba(255,255,255,.16) calc(var(--ri) + 58px),rgba(255,255,255,.3) calc(var(--ri) + 62px),rgba(255,255,255,.16) calc(var(--ri) + 64px),transparent calc(var(--ri) + 74px),
    transparent calc(var(--ro) - 74px),rgba(255,255,255,.14) calc(var(--ro) - 64px),rgba(255,255,255,.28) calc(var(--ro) - 62px),rgba(255,255,255,.14) calc(var(--ro) - 58px),
    rgba(255,255,255,.14) calc(var(--ro) + 58px),rgba(255,255,255,.28) calc(var(--ro) + 62px),rgba(255,255,255,.14) calc(var(--ro) + 64px),transparent calc(var(--ro) + 74px))}
.store-home .bh-panel-mint .bh-panel-art>.bh-device{z-index:1}
.store-home .bh-panel-mint .bh-orbit-tile{z-index:2;--cx:0px;--r:var(--ri);--a:42deg;--dur:44s;animation-name:ph-orbit2}
.store-home .bh-panel-mint :is(.bh-orbit-tile-6,.bh-orbit-tile-7,.bh-orbit-tile-8,.bh-orbit-tile-9,.bh-orbit-tile-10){--r:var(--ro);--a:31deg;--dur:44s}
@keyframes ph-orbit2{from{--ph-orb:calc(var(--a) * -1)}to{--ph-orb:var(--a)}}
.store-home .bh-panel-mint .bh-orbit-tile-1{--d:0s}.store-home .bh-panel-mint .bh-orbit-tile-2{--d:-8.8s}.store-home .bh-panel-mint .bh-orbit-tile-3{--d:-17.6s}
.store-home .bh-panel-mint .bh-orbit-tile-4{--d:-26.4s}.store-home .bh-panel-mint .bh-orbit-tile-5{--d:-35.2s}
.store-home .bh-panel-mint .bh-orbit-tile-6{--d:-4.4s}.store-home .bh-panel-mint .bh-orbit-tile-7{--d:-13.2s}.store-home .bh-panel-mint .bh-orbit-tile-8{--d:-22s}
.store-home .bh-panel-mint .bh-orbit-tile-9{--d:-30.8s}.store-home .bh-panel-mint .bh-orbit-tile-10{--d:-39.6s}
@media(max-width:767px){
  .store-home .bh-panel-mint .bh-panel-art{--ri:96cqw;--ro:200cqw}
  .store-home .bh-panel-mint .bh-orbit-tile{--cx:0px;--a:40deg}
}
@media(prefers-reduced-motion:reduce){.store-home .bh-panel-mint .bh-orbit-tile{--ph-orb:calc(var(--a) * (-1 - var(--d) / var(--dur) * 2))}}
@media(max-width:767px){.store-home .bh-panel-mint .bh-panel-art{--ri:84cqw}}
/* Inclinação acompanha o arco (como no bevel): sem tilt aleatório nem contra-rotação. */
.store-home .bh-panel-mint .bh-orbit-tile{transform:rotate(var(--ph-orb)) translateX(var(--r))!important}

/* Rodapé da home com as informações oficiais (mesmas do footer.html). */
.store-home .bh-footer-grid{grid-template-columns:1.5fr 1fr 1.1fr 1.6fr;gap:48px}
.store-home .bh-footer-brand small{font-size:14px;margin-top:14px;max-width:220px;line-height:1.4}
.store-home .bh-footer-contact a,.store-home .bh-footer-contact p{display:flex!important;align-items:flex-start;gap:12px;margin:0 0 14px!important;font-size:15px!important;font-weight:600;line-height:1.4;color:#202124}
.store-home .bh-footer-contact i{flex:0 0 18px;margin-top:3px;font-size:16px;color:#c12623;text-align:center}
.store-home .bh-footer-contact small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7b7c80;margin-bottom:2px}
.store-home .bh-footer-contact a span{word-break:break-word}
.store-home .bh-footer-bottom{justify-content:space-between;flex-wrap:wrap;gap:16px}
.store-home .bh-footer-bottom>span{margin-left:0}
.store-home .bh-footer-social{display:flex;gap:10px}
.store-home .bh-footer-social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.75);border:1px solid rgba(20,24,32,.08);color:#202124;transition:background .2s,color .2s}
.store-home .bh-footer-social a:hover{background:#202124;color:#fff}
.store-home .bh-footer-social i{font-size:17px!important}
@media(max-width:1024px){.store-home .bh-footer-grid{grid-template-columns:1fr 1fr;gap:32px}.store-home .bh-footer-brand{grid-column:1 / -1}}
@media(max-width:600px){.store-home .bh-footer-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.store-home .bh-footer-contact{grid-column:1 / -1}.store-home .bh-footer-bottom{flex-direction:column-reverse;align-items:flex-start}}
.store-home .bh-footer{border-top:0!important}

/* Banner mais baixo sem cortar nem distorcer (08/10): faixa 1360x440 no desktop,
   arte inteira centralizada (contain) e as laterais preenchidas com a própria arte
   ampliada e desfocada (.ph-banner-fill, mesmo arquivo, sem download extra). */
.store-home .ph-banner-slot{aspect-ratio:1360/440}
.store-home .ph-banner-slide{position:relative;overflow:hidden;background:#e9ebee}
.store-home .ph-banner-slide picture{position:relative;z-index:1}
.store-home .ph-banner-slide picture img{object-fit:contain}
.store-home .ph-banner-fill{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(28px) saturate(1.1);opacity:.85;transform:scale(1.05);pointer-events:none}
/* Tablet e celular: a arte já ocupa a largura toda na proporção original */
@media (max-width:1024px){
  .store-home .ph-banner-slot{aspect-ratio:1640/624}
  .store-home .ph-banner-fill{display:none}
}
@media (min-width:1025px){.store-home .ph-banner-slide picture img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}}

/* Banner no formato da Printi (08/10): artes em 1360x320, faixa na mesma proporção
   em todas as telas — sem corte, sem distorção e sem sobra. */
.store-home .ph-banner-slot,.store-home .ph-banner-slot{aspect-ratio:1360/320!important}
.store-home .ph-banner-slide{background:none}
.store-home .ph-banner-slide picture img{object-fit:cover;-webkit-mask-image:none!important;mask-image:none!important}
.store-home .ph-banner-fill{display:none!important}
@media (max-width:600px){
  .store-home .ph-banner-dots{bottom:4px;padding:3px 6px;gap:5px}
  .store-home .ph-banner-dots button{width:6px;height:6px}
  .store-home .ph-banner-dots button[aria-selected="true"]{width:14px}
}

/* Setas do banner: só o ícone, sem círculo (08/10). Área de toque de 44px mantida. */
.store-home .ph-banner-arrow{width:44px;height:44px;margin-top:-22px;background:none!important;border:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;font-size:22px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));opacity:.9;transition:opacity .2s,transform .2s}
.store-home .ph-banner-arrow:hover{background:none!important;opacity:1;transform:scale(1.15)}
.store-home .ph-banner-arrow--prev{left:8px}.store-home .ph-banner-arrow--next{right:8px}
/* Vitrine "Produtos" (08/10): frase sob o título e 2ª foto ao passar o mouse. */
.store-home .ph-section-desc{margin:6px auto 0;max-width:720px;font-size:15px;line-height:1.5;color:#666}
/* Título e frase centralizados; setas na coluna da direita (no celular, "Ver todos" vai embaixo). */
.store-home #ha-products .ph-section-head{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:10px 16px}
.store-home #ha-products .ph-section-titles{grid-row:1;grid-column:2;text-align:center}
.store-home #ha-products .ph-arrows{grid-row:1;grid-column:3;justify-self:end}
@media (max-width:1024px){
  .store-home #ha-products .ph-section-head{grid-template-columns:minmax(0,1fr)}
  .store-home #ha-products .ph-section-titles{grid-column:1}
  .store-home #ha-products .ph-see-all{justify-self:center;min-height:36px}
}
.store-home .ph-card-media{position:relative}
.store-home .ph-card-media .ph-card-alt{position:absolute;inset:0;opacity:0;transition:opacity .35s ease,transform .3s}
@media (hover:hover){
  .store-home .ph-card--alt .ph-card-link:hover .ph-card-alt,
  .store-home .ph-card--alt .ph-card-link:focus-visible .ph-card-alt{opacity:1}
}
.store-home .ph-section-titles{min-width:0}
.store-home .ph-see-all{flex:0 0 auto;white-space:nowrap}
@media (max-width:1024px){
  .store-home .ph-section-desc{font-size:14px}
}
@media (max-width:600px){
  .store-home .ph-section-desc{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.store-home .ph-card-media .ph-card-alt{transition:none}}
/* Computador: a vitrine inteira (até o preço) aparece na abertura, sem rolar.
   Foto quadrada como no catálogo; em janela mais baixa ela encolhe para caber
   (670px = cabeçalho + banner + título + nome/preço). Abaixo de ~840px de altura não cabe. */
@media (min-width:1025px){
  .store-home #ha-products.ph-section{margin-top:24px}
  .store-home #ha-products .ph-section-desc{margin-top:4px}
  .store-home #ha-products-grid.ph-track{margin-top:14px!important}
  .store-home #ha-products .ph-card-media{aspect-ratio:1;max-height:max(170px,calc(100vh - 670px))}
  .store-home #ha-products .ph-card .ph-card-name{margin:12px 0 6px;font-size:18px}
}
/* Avaliações (08/10): visual mais leve. Cartão branco com borda fina, estrelas pequenas,
   depoimento em texto normal e o produto no rodapé do cartão. O aviso de que são
   exemplos ilustrativos continua visível (menor), porque os depoimentos não são reais. */
.store-home .bh-home .bh-review-caption{margin:0 16px 20px;font-size:12px;letter-spacing:.01em;color:#8a8f96}
.store-home .bh-review-card{flex:0 0 320px;width:320px;min-height:0;padding:24px;border:1px solid rgba(20,24,32,.08);border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(20,24,32,.04)}
.store-home .bh-review-stars{order:0;margin-bottom:14px;font-size:14px;letter-spacing:2px;color:#f2a516}
.store-home .bh-home .bh-review-card h3{order:1;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.01em}
.store-home .bh-review-card blockquote{order:2;margin:0 0 18px;font-size:15px;font-weight:400;line-height:1.6;color:#4a4d52}
.store-home .bh-home .bh-review-card .bh-review-product{order:3;margin:auto 0 0;padding-top:14px;border-top:1px solid rgba(20,24,32,.08);font-size:13px;line-height:1.3;color:#8a8f96}
@media (max-width:767px){
  .store-home .bh-review-card{flex-basis:min(280px,calc(100vw - 48px));width:min(280px,calc(100vw - 48px));padding:20px}
}
/* Vitrine maior no computador (09/10): 5 produtos por vez em vez de 6 (fotos de ~260px)
   e menos espaço vazio abaixo. A foto continua encolhendo em janelas baixas (regra acima). */
@media (min-width:1025px){
  .store-home #ha-products-grid.ph-track{grid-auto-columns:calc((100% - 4 * 18px) / 5)!important;gap:18px!important}
  .store-home #ha-products .ph-card-media{border-radius:14px;overflow:hidden}
  .store-home #ha-products .ph-card .ph-card-name{font-size:19px}
  .store-home #ha-products.ph-section{margin-bottom:40px}
}