.footer-contact{display:flex;justify-content:flex-end;gap:18px;font-size:12px;font-weight:700;color:var(--purple)}
.email-button{margin-top:10px;color:var(--purple)}
.channel-note{font-size:10px;color:var(--muted);line-height:1.7;margin:12px 0}
.restore-last{width:100%;margin:8px 0}
.service-strip{padding:24px 7%;display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#fff;border-bottom:1px solid var(--line)}.service-strip>div{display:flex;flex-direction:column;gap:7px;padding-left:14px;border-left:4px solid var(--pink)}.service-strip strong{font-size:12px;letter-spacing:1.6px;color:#17131c;font-weight:800}.service-strip span{font-size:14px;color:#17131c;line-height:1.55;font-weight:650}
.quote-hours{font-size:12px;line-height:1.65;background:#f5eef8;border-radius:6px;padding:13px;color:#17131c;font-weight:750;margin-bottom:15px}#delivery-zip-help{font-size:10px;line-height:1.7;color:#554b5a}
#hero-products{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:136px 78px 136px;gap:10px 18px;padding:0;z-index:2}.hero-product:nth-child(n){position:relative;top:auto;left:auto;width:100%;height:136px;border-radius:13px;padding:0;overflow:hidden;transform:none}.hero-product:nth-child(1){grid-column:1;grid-row:1;transform:rotate(-5deg)}.hero-product:nth-child(2){grid-column:2;grid-row:1;transform:rotate(3deg)}.hero-product:nth-child(3){grid-column:3;grid-row:1;transform:rotate(-3deg)}.hero-product:nth-child(4){grid-column:1;grid-row:3;transform:rotate(4deg)}.hero-product:nth-child(5){grid-column:2;grid-row:3;transform:rotate(-2deg)}.hero-product:nth-child(6){grid-column:3;grid-row:3;transform:rotate(4deg)}.hero-product img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);max-width:none;max-height:none;object-fit:contain}.hero-art{align-self:center;min-height:390px}.hero-art .mexico-seal{left:50%;top:50%;right:auto;bottom:auto;width:94px;height:94px;transform:translate(-50%,-50%) rotate(-7deg)}.hero-art .flavor-label{top:-29px;right:-5px}.hero-art .hero-star.one{right:-25px;top:125px}.hero-art .hero-star.two{left:-20px;bottom:0}
@media(max-width:1100px){#hero-products{grid-template-rows:122px 72px 122px;gap:9px 13px}.hero-product:nth-child(n){height:122px}.hero-art{min-height:350px}}
@media(max-width:760px){.service-strip{padding:20px 6%;grid-template-columns:1fr;gap:16px}.service-strip strong{font-size:11px}.service-strip span{font-size:13px}.hero-product:nth-child(n){height:105px;padding:9px}.hero-art{min-height:300px;max-width:400px}#hero-products{grid-template-rows:105px 68px 105px;gap:8px 10px}.hero-art .mexico-seal{width:76px;height:76px}.hero-art .mexico-seal strong{font-size:12px}.hero-art .hero-star.one{right:-12px}.hero-art .hero-star.two{left:-10px}}
#email-dialog{border:1px solid var(--line);border-radius:14px;padding:25px;width:min(560px,94vw);max-height:90vh;overflow:auto;color:var(--ink);box-shadow:0 20px 80px #29103935}
#email-dialog::backdrop{background:#22152e80;backdrop-filter:blur(3px)}
.email-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.email-header h2{font-size:25px;letter-spacing:-1px}
.email-explanation{font-size:11px;color:var(--muted);line-height:1.8;margin:15px 0}
.email-recipient{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--line);border-radius:6px;padding:12px;font-size:12px;margin-bottom:18px}.email-recipient button{color:var(--purple);text-decoration:underline;font-size:10px;margin-left:auto}
.email-label{display:block;font-size:11px;margin-bottom:8px}#email-preview{width:100%;resize:vertical;min-height:160px;border:1px solid var(--line);border-radius:6px;padding:12px;font:12px/1.6 var(--font);margin-bottom:15px;color:var(--ink)}
.email-app-link{display:block;text-align:center;margin:15px auto;font-size:11px;text-decoration:underline;color:var(--purple)}
@media(max-width:760px){.footer-contact{font-size:11px;gap:12px}}

/* Unified product showcase: one clean display instead of overlapping cards. */
.hero-art{align-self:center;min-height:420px;background:#fff;border:1px solid #eadfec;border-radius:30px;padding:82px 34px 34px;box-shadow:0 24px 60px rgba(67,35,79,.09);overflow:hidden}
.hero-art:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:#f6edf7;right:-105px;bottom:-120px}
.hero-art:after{content:"";position:absolute;width:110px;height:8px;border-radius:20px;background:linear-gradient(90deg,var(--purple),var(--pink),#efbd3d);left:34px;top:53px}
.hero-art .hero-orbit,.hero-art .hero-star{display:none}
.hero-art .flavor-label{left:34px;right:auto;top:26px;padding:0;background:transparent;color:var(--purple);border-radius:0;font-size:12px;font-weight:800;letter-spacing:2.1px;transform:none}
#hero-products{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,135px);gap:25px 30px;padding:0;z-index:2}
.hero-product:nth-child(n){position:relative;inset:auto;grid-column:auto;grid-row:auto;width:100%;height:135px;padding:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:none}
.hero-product img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:none}
.hero-art .mexico-seal{left:auto;right:27px;top:19px;bottom:auto;width:68px;height:68px;transform:none;border-width:3px;font-size:5px;letter-spacing:.7px;z-index:4}
.hero-art .mexico-seal strong{font-size:12px}

/* Desktop catalog navigation should be as readable as the surrounding app UI. */
.catalog-layout{grid-template-columns:245px 1fr;gap:38px}
.category-sidebar h3{font-size:13px;color:#514557;font-weight:800}
.category-button{font-size:15px;color:#382e3e;padding:13px 14px;line-height:1.35}
.category-button span:last-child{font-size:13px;color:#6d6172}
.category-button.active{background:#eee5f2;color:#4f1f6c}

/* Readability pass: keep the hierarchy while making supporting text legible. */
.top-note{font-size:13px}
.header nav{font-size:14px}
.language,.button-dark{font-size:13px}
.hero-copy>p{font-size:16px}
.hero-proof{font-size:12px}
.button-primary,.button-cream,.button-outline,.text-link{font-size:13px}
.section-heading p{font-size:14px}
.view-toggle button,.search-box input,.search-row>.button-outline{font-size:13px}
.category-sidebar h3{font-size:13px}
.category-button{font-size:15px}
.category-button span:last-child{font-size:13px}
.sidebar-note strong{font-size:14px}
.sidebar-note p,.sidebar-note a{font-size:13px}
.results-heading>span{font-size:12px}
.product-tag{font-size:9px}
.product-name{font-size:15px}
.product-spanish,.product-pack{font-size:12px}
.add-button{font-size:12px}
.quantity-control input{font-size:13px}
.quick-tip,.cart-intro,.unit-note,.channel-note,.device-note{font-size:12px}
.how-steps h3{font-size:15px}
.how-steps p,.contact-banner p{font-size:14px}
.footer-contact,footer>small{font-size:12px}
.quote-details label,.quote-details input,.quote-details textarea{font-size:13px}
#delivery-zip-help{font-size:12px}
.email-explanation,.email-label,.email-recipient,.email-app-link{font-size:13px}
#email-preview{font-size:13px}

@media(max-width:760px){
  .top-note,.top-note>a{font-size:11px}
  .brand small{font-size:7px}
  .hero .eyebrow{font-size:9px}
  .hero-copy>p{font-size:15px}
  .hero-proof{font-size:11px}
  .button-primary,.text-link{font-size:12px}
  .section-heading .eyebrow{font-size:9px}
  .section-heading p{font-size:13px}
  .view-toggle button,.search-box input,.search-row>.button-outline{font-size:12px}
  .category-button{font-size:12px}
  .category-button span:last-child{font-size:10px}
  .results-heading>span{font-size:11px}
  .product-tag{font-size:8px}
  .product-name{font-size:13px}
  .product-spanish,.product-pack{font-size:11px}
  .add-button,.quantity-control input{font-size:12px}
  .how-intro .eyebrow{font-size:9px}
  .how-steps h3{font-size:14px}
  .how-steps p,.contact-banner p{font-size:13px}
  .cart-intro,.unit-note,.channel-note,.device-note,.quote-hours{font-size:11px}
  .quote-details label,.quote-details input,.quote-details textarea,#delivery-zip-help{font-size:12px}
  .footer-contact,footer>small{font-size:11px}
  .hero-art{min-height:370px;padding:74px 22px 28px;border-radius:24px}
  .hero-art:after{left:22px;top:49px;width:86px;height:7px}
  .hero-art .flavor-label{left:22px;top:24px;font-size:10px;letter-spacing:1.6px}
  #hero-products{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,112px);gap:22px 14px}
  .hero-product:nth-child(n){height:112px;padding:0}
  .hero-art .mexico-seal{right:18px;top:16px;width:60px;height:60px}
  .hero-art .mexico-seal strong{font-size:10px}
  .category-button{font-size:13px;color:#382e3e}
  .category-button span:last-child{font-size:11px}
}

.selection-note{margin:-14px 0 22px;padding:11px 14px;border-left:4px solid var(--purple);background:#f7f2f9;color:#3f3544;font-size:13px;line-height:1.55}.product-qty:placeholder-shown{color:#796e80}
@media(max-width:760px){.selection-note{margin:-8px 0 16px;font-size:12px}}

/* Direct external links remain usable inside mobile in-app browsers. */
.send-button.is-disabled{opacity:.45;pointer-events:none;cursor:not-allowed}