/* Rose Presentes 1.10.0: loja online com cara de app (celular) e identidade Rose (rosa #d6336c, ameixa #2b1a22, Poppins).
   Só vale na loja (body.rv21-app). No computador muda só a cor; a barra de baixo aparece até 820 px. */

body.rv21-app{--roxo:#d6336c;--roxo-d:#2b1a22;--lilas:#e57fa3;--lilas-2:#f6d6e2;--lilas-3:#fbeef3;--ink:#2b1a22;--muted:#6b5560;--line:#f0dfe6;--gold:#a8486f;--bg:#fffafc;background:var(--bg);overflow-x:hidden}
@supports (overflow:clip){body.rv21-app{overflow-x:clip}}
.rv21-app a:focus-visible,.rv21-app button:focus-visible,.rv21-app input:focus-visible,.rv21-app textarea:focus-visible{outline-color:#d6336c}
.rv21-app .strip{background:#2b1a22;color:#fbe3ec}
.rv21-app .cartbtn{border-color:#d6336c;color:#d6336c}
.rv21-app .cartbtn b{background:#d6336c}
.rv21-app .slide .kick{color:#a8285a}
.rv21-app .slide .cta{background:#d6336c;border-radius:999px}
.rv21-app .dots button{background:#f3c9d8}
.rv21-app .dots button.on{background:#d6336c}
.rv21-app .btn{border-radius:999px}
.rv21-app .btn--wa{border-radius:999px}
.rv21-app .rv-card{border-radius:14px;border-color:#f3e5eb}
.rv21-app .add{border-color:#d6336c;color:#d6336c}
.rv21-app .add.in-cart{background:#d6336c;color:#fff}
.rv21-app .search input{background:#fbf1f5;border-color:transparent}
.rv21-app .search input:focus{outline:2px solid #d6336c;background:#fff}
.rv21-app .cat.on i{border-color:#d6336c;box-shadow:0 0 0 3px rgba(214,51,108,.15)}
.rv21-app .cartbar{background:#2b1a22;border-radius:16px}
.rv21-app .cartbar button{border-radius:999px;color:#2b1a22!important}

/* barra de baixo (só celular) */
.rv21-nav{display:none}

@media (max-width:820px){
	/* topo: logo + carrinho com contador, busca arredondada embaixo */
	.rv21-app .strip{font-size:10.5px}
	.rv21-app .strip-in{padding:6px 0}
	.rv21-app .top{background:#fff;border-bottom:0;box-shadow:0 1px 0 #f3e5eb;transition:box-shadow .2s}
	.rv21-app .top.is-scrolled{box-shadow:0 6px 18px rgba(43,26,34,.10)}
	.rv21-app .top .wrap{padding-top:8px;padding-bottom:10px;gap:8px 12px}
	.rv21-app .brand img{height:42px;width:auto}
	.rv21-app .cartbtn{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;background:#fbeef3;border:0}
	.rv21-app .cartbtn svg{width:22px;height:22px}
	.rv21-app .cartbtn b{top:-4px;right:-4px;border-color:#fff}
	.rv21-app .search input{height:46px;border-radius:999px;font-size:16px;padding-left:46px}

	/* banner rotativo */
	.rv21-app .hero{margin:12px 0 0}
	.rv21-app .slides{border-radius:18px;box-shadow:0 8px 22px rgba(43,26,34,.08)}
	.rv21-app .slide{border-radius:0}
	.rv21-app .slide .cta{padding:10px 18px;font-size:12px}
	.rv21-app .dots{margin-top:10px}
	.rv21-app .dots button{width:7px;height:7px}
	.rv21-app .dots button.on{width:20px}

	/* categorias: ícones redondos */
	.rv21-app .cats{gap:10px;padding:18px 2px 4px;margin:0 -16px;padding-left:16px;padding-right:16px;scroll-padding:0 16px}
	.rv21-app .cat{width:72px;font-size:12px;font-weight:500}
	.rv21-app .cat i{width:62px;height:62px;background:#fbeef3;border:0;font-size:26px}
	.rv21-app .cat i img{mix-blend-mode:multiply}
	.rv21-app .cat.on{color:#d6336c}

	/* seções em carrossel horizontal */
	.rv21-app .row{margin-top:24px}
	.rv21-app .row-h{margin-bottom:10px}
	.rv21-app .row-h h2,.rv21-app .grid-h h2{font-family:Poppins,system-ui,sans-serif;font-size:18px;font-weight:600;color:#2b1a22}
	.rv21-app .row-h h2::after,.rv21-app .grid-h h2::after{display:none}
	.rv21-app .see{color:#d6336c;font-size:13px}
	.rv21-app .rail{grid-auto-columns:44%;gap:10px;margin:0 -16px;padding:2px 16px 12px;scroll-padding:0 16px;scroll-snap-type:x mandatory;scrollbar-width:none}
	.rv21-app .rail::-webkit-scrollbar{display:none}
	.rv21-app .rv-card{box-shadow:0 4px 14px rgba(43,26,34,.06);border:1px solid #f5e8ee}
	.rv21-app .rv-card .in{padding:10px 10px 12px}
	.rv21-app .rv-card h3{font-size:13px}
	.rv21-app .price{font-weight:600;font-size:15px}
	.rv21-app .add{width:36px;height:36px;font-size:20px;background:#d6336c;color:#fff;border:0}
	.rv21-app .add.in-cart{font-size:13px}
	.rv21-app .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

	/* sem botão flutuante do WhatsApp (está na barra) e com espaço para a barra */
	.rv21-app .fwa{display:none}
	.rv21-app .cartbar{left:12px;right:12px;width:auto;transform:none;bottom:calc(70px + env(safe-area-inset-bottom))}
	.rv21-app .foot{padding-bottom:170px}

	.rv21-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid #f0dfe6;box-shadow:0 -6px 18px rgba(43,26,34,.06);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
	.rv21-nav a,.rv21-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;border:0;background:none;color:#7a6570;font:inherit;font-size:11px;font-weight:500;text-decoration:none;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
	.rv21-nav svg{width:24px;height:24px}
	.rv21-nav .is-on{color:#d6336c}
	.rv21-nav .is-on svg{transform:translateY(-1px)}
	.rv21-nav em{position:absolute;top:0;left:calc(50% + 6px);min-width:18px;height:18px;border-radius:9px;background:#d6336c;color:#fff;font-style:normal;font-size:11px;font-weight:600;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}
	.rv21-nav em:empty{display:none}
	.rv21-nav .rv21-wa{color:#128c4a}
}
@media (max-width:380px){
	.rv21-app .rail{grid-auto-columns:46%}
	.rv21-app .cat{width:66px}
	.rv21-app .cat i{width:56px;height:56px}
}
@media (prefers-reduced-motion:reduce){.rv21-app .top{transition:none}}