.banners-marketplace {
margin: 20px 0 0 0;
}

/* Receipt preview shown on every checkout page. */
.comprovante {
padding: 24px 16px;
text-align: center;
font-family: inherit;
font-size: 15px;
line-height: 1.5;
}
.comprovante .content { overflow-wrap: anywhere; }

/* Mantenha o nome da variacao e seu valor na mesma linha. */
.line-variacao .opcoes .opcao .detalhes,
.line-variacao .opcoes .opcaoindisponivel .detalhes {
min-width: 0;
}
.line-variacao .opcoes .opcao .titulo,
.line-variacao .opcoes .opcaoindisponivel .titulo {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* Compact selection tiles for every product variation. */
.line-variacao .opcoes .opcao,
.line-variacao .opcoes .opcaoindisponivel {
min-height: 44px;
}
.line-variacao .opcoes .opcao .check,
.line-variacao .opcoes .opcaoindisponivel .check {
align-self: stretch;
flex: 0 0 42px;
width: 42px;
height: auto;
min-height: 44px;
padding: 0;
}
.line-variacao .opcoes .opcao .detalhes,
.line-variacao .opcoes .opcaoindisponivel .detalhes {
flex: 1 1 auto;
width: auto;
padding: 6px 9px;
}
.line-variacao .opcoes .opcao .titulo,
.line-variacao .opcoes .opcaoindisponivel .titulo {
padding-top: 0;
line-height: 1.3;
}

/* Tamanhos curtos (P, M, G) permanecem na mesma linha. */
.line-variacao-tamanhos .opcoes {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.line-variacao-tamanhos .opcoes .opcao,
.line-variacao-tamanhos .opcoes .opcaoindisponivel {
float: none;
width: 100%;
min-width: 0;
margin: 0;
}
.line-variacao-tamanhos .opcoes .check {
flex: 0 0 42px;
width: 42px;
min-height: 44px;
}
.line-variacao-tamanhos .opcoes .detalhes {
flex: 1;
width: auto !important;
min-width: 0;
padding: 6px 8px;
}
@media (max-width: 400px) {
.line-variacao-tamanhos .opcoes { gap: 6px; }
.line-variacao-tamanhos .opcoes .check { flex-basis: 34px; width: 34px; }
.line-variacao-tamanhos .opcoes .detalhes { padding: 6px 5px; }
}

/* Reserve the same title space in each home grid card so prices and actions align. */
.categoria .produtos .tv-infinite .produto > a > .nome {
min-height: 32px;
overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .categoria .produtos .tv-infinite .produto > a > .nome {
  min-height: 48px;
  }
}

/* Contato da loja junto à sacola; preserva o alinhamento do total. */
.top .row.align-middle .search-bar { width: calc(100% - 32px); max-width: 520px; margin-left: 0; margin-right: auto; }
.top .store-header-actions,
.top .store-mobile-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.top .store-header-actions { justify-content: flex-start; gap: 12px; height: 50px; padding-left: 49px; }
.top .store-header-actions .holder-shop-bag { flex: none; float: none; width: 45px; }
.top .store-header-actions .shop-bag .counter { right: 48px; }
@media (min-width: 992px) {
  .top .row.align-middle > .col-md-9 > .row { display: flex; align-items: center; flex-wrap: nowrap; }
  .top .row.align-middle > .col-md-9 > .row > .col-md-9 { flex: 1 1 auto; width: auto; min-width: 0; }
  .top .row.align-middle > .col-md-9 > .row > .store-customer-col { flex: 0 0 145px; padding: 0 5px; }
  .top .row.align-middle > .col-md-9 > .row > .col-md-3 { flex: 0 0 190px; width: 190px; }
  .top .row.align-middle .search-bar { width: 100%; max-width: 520px; }
  .top .store-header-actions { padding-left: 80px; }
}
.store-customer-link { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 7px 9px; border: 1px solid var(--theme-color, #fb6249); border-radius: 6px; color: var(--theme-color, #fb6249); font-size: 14px; font-weight: 600; white-space: nowrap; text-decoration: none; }
.store-customer-link:hover, .store-customer-link:focus-visible { background: var(--theme-color, #fb6249); color: #fff; text-decoration: none; }
.clubinho-customer-area { padding-top: 44px; padding-bottom: 60px; min-height: 50vh; }
.clubinho-customer-card { max-width: 850px; margin: auto; padding: 30px; border: 1px solid #eee; border-radius: 10px; background: #fff; }
.clubinho-customer-login { max-width: 540px; padding: 34px; border: 1px solid color-mix(in srgb, var(--theme-color, #fb6249) 24%, white); border-top: 5px solid var(--theme-color, #fb6249); border-radius: 16px; background: linear-gradient(145deg, color-mix(in srgb, var(--theme-color, #fb6249) 8%, white), #fff 38%); box-shadow: 0 14px 35px rgba(28, 23, 38, .09); }
.clubinho-customer-login { position: relative; }
.clubinho-customer-login h1 { margin-bottom: 8px; color: #25253a; text-align: center; font-size: 25px; font-weight: 700; }
.clubinho-customer-login .clubinho-customer-intro { margin: 0 0 24px; color: #666; text-align: center; }
.clubinho-customer-login .clubinho-customer-intro strong { color: #25253a; font-weight: 600; overflow-wrap: anywhere; }
.clubinho-customer-close { position: absolute; top: 14px; right: 20px; color: #777; font-size: 28px; line-height: 1; text-decoration: none; }
.clubinho-customer-close:hover { color: var(--theme-color, #fb6249); text-decoration: none; }
.clubinho-customer-login form { max-width: none; }
.clubinho-customer-login input { height: 50px; border-color: color-mix(in srgb, var(--theme-color, #fb6249) 22%, white); background: #fff; }
.clubinho-customer-login input:focus { border-color: var(--theme-color, #fb6249); box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-color, #fb6249) 15%, transparent); outline: 0; }
.clubinho-customer-login button { width: 100%; min-height: 48px; margin-top: 8px; }
.clubinho-customer-login .clubinho-customer-message { border-left: 4px solid var(--theme-color, #fb6249); background: color-mix(in srgb, var(--theme-color, #fb6249) 10%, white); color: #252525; }
.clubinho-code-fields { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; margin: 8px 0 16px; }
.clubinho-customer-login .clubinho-code-fields input { width: 100%; height: 56px; margin: 0; padding: 0; text-align: center; font-size: 24px; font-weight: 600; }
.clubinho-customer-code-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 24px; margin-top: 18px; }
.clubinho-customer-code-actions form { margin: 0; }
.clubinho-customer-login .clubinho-customer-code-actions button { width: auto; min-height: 0; margin: 0; padding: 5px 0; background: none; color: var(--theme-color, #fb6249); font-size: 13px; }
.clubinho-customer-login .clubinho-customer-code-actions button:hover { text-decoration: underline; }
@media (max-width: 480px) { .clubinho-customer-login { padding: 30px 20px; } .clubinho-code-fields { gap: 6px; } .clubinho-customer-login .clubinho-code-fields input { height: 48px; font-size: 21px; } }
.clubinho-customer-card h1 { margin: 0 0 18px; font-size: 28px; }
.clubinho-customer-card h2 { margin: 26px 0 15px; font-size: 21px; }
.clubinho-customer-card form { max-width: 420px; }
.clubinho-customer-card label { display: block; margin: 14px 0; font-weight: 600; }
.clubinho-customer-card input { display: block; width: 100%; height: 43px; margin-top: 6px; padding: 8px 12px; border: 1px solid #ccc; border-radius: 5px; background: #fff; }
.clubinho-customer-card button { padding: 10px 18px; border: 0; border-radius: 5px; background: var(--theme-color, #fb6249); color: #fff; font-weight: 600; cursor: pointer; }
.clubinho-customer-message, .clubinho-customer-error { padding: 12px 15px; border-radius: 5px; }
.clubinho-customer-message { background: #e9f7ee; color: #176932; }
.clubinho-customer-error { background: #fff0ee; color: #9f1b13; }
.clubinho-customer-account { display: flex; justify-content: space-between; align-items: center; gap: 15px; flex-wrap: wrap; }
.clubinho-customer-account form { margin: 0; }
.clubinho-customer-order { display: flex; justify-content: space-between; gap: 20px; padding: 15px 5px; border-bottom: 1px solid #e9e9e9; color: #252525; }
.clubinho-customer-order:hover { color: var(--theme-color, #fb6249); }
.clubinho-customer-order small { display: block; margin-top: 4px; color: #666; }
.clubinho-customer-receipt { max-width: 520px; padding: 20px; white-space: pre-wrap; overflow-wrap: anywhere; background: #f7f7f7; color: #222; font: 15px/1.5 sans-serif; }
@media (max-width: 767px) { .clubinho-customer-area { padding-top: 100px; } .clubinho-customer-card { padding: 18px; } .clubinho-customer-order { flex-wrap: wrap; } }
@media print { .header, .sidebars, .clubinho-customer-card button, .clubinho-customer-card a { display: none !important; } .clubinho-customer-card { border: 0; } }
@media (min-width: 992px) {
	.single-produto .comprar .line.observacoes { padding-bottom: 56px; }
}
.top .store-header-whatsapp {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 36px;
	color: #25D366;
	text-decoration: none;
}
.top .store-header-whatsapp .lni-whatsapp { font-size: 26px; color: #25D366; }
.top .store-header-whatsapp:hover .lni-whatsapp,
.top .store-header-whatsapp:focus-visible .lni-whatsapp { color: #128C4A; }
.top .brand img { transform: translateY(-5px); }
.sceneElement .grudado .avatar { transform: translateY(-6px); }
@media (max-width: 767px) {
	.top .store-mobile-actions { gap: 4px; }
	.top .store-mobile-actions .holder-shop-bag { flex: none; float: none; width: 42px; }
	.top .store-mobile-actions .store-header-whatsapp { width: 26px; height: 30px; }
	.top .store-mobile-actions .store-header-whatsapp .lni-whatsapp { font-size: 23px; }
}

.seta-esquerda,
.seta-direita {
display: flex;
align-items: center;
width: 40px;
background: transparent !important;
opacity: 1;
text-shadow: 0 0 0 transparent;
transition: 0.3s;
}

.seta-esquerda:hover,
.seta-direita:hover {
opacity: 1;
}

.seta-esquerda span,
.seta-direita span {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: block;
width: 40px !important;
height: 40px !important;
line-height: 40px !important;
text-align: center !important;
background: #181439;
color: #fff;
text-shadow: 0 0 0 transparent;
font-size: 22px !important;
box-shadow: 0 10px 20px rgba(0,0,0,.15);
}

.seta-esquerda:hover span,
.seta-direita:hover span {
background: #ff5400;
transition: 0.3s;
}

.body-cidade .categoria {
float: left;
width: 100%;
margin: 1px 0 -2px 0 !important;
}

.middle {
padding: 20px 0 16px 0;
}

.ofertas {
margin: 20px 0 20px 0;
}

.ofertas .produtoatual {
margin-bottom: 0;
padding: 35px 54px;
background: rgba(0,0,0,.05);
border: 0;
border-radius: 6px;
}

.ofertas .estabelecimentos {
margin-bottom: 0;
padding: 40px;
background: rgba(0,0,0,.05);
border: 0;
border-radius: 6px;
}

.ofertas .estabelecimentos .estabelecimento {
background: #fff;
padding: 12px 12px 10px 12px;
box-shadow: 0 10px 20px rgba(0,0,0,.15);
border-radius: 6px;
}

.ofertas .produtoatual .row {
box-shadow: 0 10px 20px rgba(0,0,0,.15);
padding: 20px;
background: #fff;
}

.ofertas .produtoatual [class*="col-"] {
padding: 0;
}

.ofertas .produtoatual .capa {
height: 300px;
}

.ofertas .produtoatual .detalhes {
display: block;
padding: 20px;
background: rgba(255,255,255,1);
min-height: 300px;
}

.ofertas .produtoatual .informacoes {
width: 100%;
text-align: center;
}

.ofertas .produtoatual .mais {
width: 100%;
padding: 12px 12px 10px 12px;
float: left;
}

.ofertas .produtoatual .nome {
font-size: 24px;
line-height: 26px;
}

.ofertas .produtoatual .descricao {
margin: 8px 0 8px 0;
font-size: 16px;
line-height: 18px;
}

.ofertas .produtoatual .valor {
font-size: 24px;
line-height: 26px;
}

.ofertas .produtoatual .mais {
margin: 10px auto auto auto;
float: none;
padding: 6px 0 0 0;
width: 100%;
max-width: 300px;
border-top: 1px solid rgba(0,0,0,.15);
}

.ofertas .produtoatual .mais span {
display: block;
width: 100%;
text-align: center;
margin: 0 0 0 0;
font-size: 16px;
font-weight: 700;
}

.ofertas .produtoatual .mais i {
display: inline-block;
float: none;
margin: auto auto auto 8px;
transform: translateY(6px);
}

.produtoatual .informacoes .adicionais {
margin: 8px 0 8px 0;
font-size: 14px;
line-height: 16px;
}

.destaques {
margin: 20px 0 26px 0;
}

.destaques .produtoatual {
margin: 0 0 30px 0;
padding: 20px 20px 10px 20px;
background: #fff;
border: 0;
}

.destaques .estabelecimentos {
margin-bottom: 0;
padding: 40px 40px 16px 40px;
background: rgba(0,0,0,.05);
border: 0;
border-radius: 6px;
}

.destaques .estabelecimento {
margin-bottom: 26px;
}

.social-home {
border-top: 1px solid rgba(0,0,0,.15);
margin: 10px 0 -18px 0;
padding: 10px 0 0 0;
}

.social-home a i {
color: rgba(0,0,0,.5) !important;
}


.produtoatual {
margin: 0 0 30px 0;
box-shadow: 0 10px 20px rgba(0,0,0,.15);
/*background: rgba(0,0,0,.05);*/
/*border: 1px solid rgba(0,0,0,.15);*/
border-radius: 12px;
overflow: hidden;
transition: 0.3s;
}

.produtoatual:hover {
box-shadow: 0 20px 30px rgba(0,0,0,.35);
transition: 0.3s;
}

.produtoatual .capa {
width: 100%;
height: 260px;
background-size: cover !important;
}

.produtoatual .detalhes {
padding: 12px 12px 10px 12px;
}

.produtoatual .detalhes .linha {
display: flex;
align-items: center;
}

.produtoatual .informacoes {
float: left;
width: 75%;
}

.produtoatual .nome {
display: block;
margin: 0 0 8px 0;
font-weight: 600;
color: rgba(0,0,0,.5);
font-size: 14px;
line-height: 16px;
}

.produtoatual .descricao {
display: block;
margin: 6px 0 0 0;
font-size: 16px;
line-height: 18px;
}

.produtoatual .valor {
display: block;
margin: 0 0 6px 0;
font-weight: 600;
font-size: 20px;
line-height: 22px;
color: #67b017;
}

.produtoatual .informacoes .adicionais {
display: block;
margin: 0 0 5px 0;
font-size: 12px;
line-height: 14px;
color: red;
}

.produtoatual .mais {
display: flex;
float: right;
width: 25%;
}

.produtoatual .mais i {
display: block;
margin: auto;
float: right;
font-size: 30px;
color: #67b017;
transition: 0.3s;
}

.produtoatual:hover .mais i {
color: #67b017;
transition: 0.3s;
}

.valor-novo {
display: block;
margin: 0;
padding: 0;
color: #67b017;
font-size: 26px;
line-height: 26px;
}

.politica {
border-top: 1px solid rgba(255,255,255,.15);
margin: 12px 0 4px 0;
padding: 12px 0 0 0;
}

.politica span {
margin: 0;
padding: 0;
}

.politica-cidade {
margin: 8px 0 8px 0;
padding: 8px 0 0 0;
}

.politica a {
color: #fff;
text-decoration: #fff;
}

.politica .divider {
display: inline-block;
margin: 0 5px 0 5px;
}

.categoria .title {
line-height: 22px;
}

/* US */

@media (max-width: 320px)  {

}

/* XS */

@media (max-width: 544px)  {

}

/* SMALL */

@media (min-width: 545px) and (max-width: 767px)  {

}

/* MEDIUM */

@media (min-width: 546px) and (max-width: 991px)  {

}

/* LARGE */

@media (min-width: 992px) and (max-width: 1199px)  {

}

/* EXTRA LARGE */

@media (min-width: 1200px) {

}

/* ALL MOBILE */

@media (max-width: 991px) {
	
	.ofertas .produtoatual .capa {
	height: 200px;
	}

	.ofertas .produtoatual .detalhes {
	min-height: 0;
	}

	.ofertas .produtoatual .row {
	padding: 10px;
	}

	.seta-esquerda span,
	.seta-direita span {
	width: 35px !important;
	height: 35px !important;
	line-height: 35px !important;
	font-size: 18px !important;
	box-shadow: 0 10px 20px rgba(0,0,0,.15);
	}

	.destaques .estabelecimentos {
	padding: 10px 10px 0 10px;
	}

	.destaques .produtoatual { 
	margin: 0 0 10px 0;
	padding: 10px;
	}

	.destaques .estabelecimentos .tv-infinite .col-infinite {
	max-width: 170px !important;
	}

	.botao-acao-novo {
	margin-top: 10px;
	}

	.produtos .tv-infinite .col-infinite {
	max-width: 200px !important;
	}
	
	.ofertas .produtoatual {
	margin-bottom: 0;
	padding: 10px 26px;
	background: rgba(0,0,0,.05);
	border: 0;
	border-radius: 6px;
	text-align: center;
	}

	.produtoatual .capa {
	height: 200px;
	}

	.produtoatual .mais i {
	display: block;
	font-size: 30px;
	color: #67b017;
	}

	.politica .divider {
	display: block;
	margin: 8px auto 6px auto;
	width: 100%;
	max-width: 30px;
	font-size: 0;
	height: 1px;
	background: rgba(255,255,255,.5);
	}

	.produtoatual .valor {
	margin: 0 0 0 0;
	font-size: 16px;
	line-height: 18px;
	}

	.produtos .tv-infinite .col-infinite {
	max-width: 220px !important;
	}

	.ofertas .produtoatual .nome {
	font-size: 20px;
	line-height: 22px;
	}

	.ofertas .produtoatual .descricao {
	font-size: 14px;
	line-height: 16px;
	}

}

/* Category backgrounds follow the store's configured accent color. */
.store-open-status { display: none !important; }

.naver .container > .row > .col-md-12 {
display: flex;
align-items: center;
}

.naver #store-category-nav {
float: none !important;
flex: 1 1 auto;
min-width: 0;
}

.naver #store-category-nav .navbar-nav {
display: flex;
align-items: center;
float: none;
width: 100%;
}

.naver #store-category-nav .navbar-nav > li {
float: none;
}

.naver #store-category-nav .store-nav-category {
flex: 1 1 0;
min-width: 0;
margin-right: 5px;
}

.naver #store-category-nav .store-nav-category > a {
background: rgb(var(--store-category-accent-rgb));
color: #fff;
margin-right: 0;
padding: 16px 7px 14px;
text-align: center;
white-space: nowrap;
transition: background-color .2s ease;
}

.naver #store-category-nav .navbar-nav > li:first-child > a,
.naver #store-category-nav .navbar-nav > li:first-child.active > a {
background: rgb(var(--store-category-accent-rgb));
color: #fff;
}

.naver #store-category-nav .navbar-nav > li:first-child > a i,
.naver #store-category-nav .navbar-nav > li > .sidrLeft i {
color: #fff;
}

.naver #store-category-nav .navbar-nav > li:first-child > a:hover,
.naver #store-category-nav .navbar-nav > li:first-child > a:focus {
background: rgba(var(--store-category-accent-rgb), .85);
color: #fff;
}

.naver #store-category-nav .navbar-nav > li > .sidrLeft {
background: rgb(var(--store-category-accent-rgb));
color: #fff;
}

.naver #store-category-nav .navbar-nav > li > .sidrLeft:hover,
.naver #store-category-nav .navbar-nav > li > .sidrLeft:focus {
background: rgba(var(--store-category-accent-rgb), .85);
color: #fff;
}

.naver #store-category-nav .store-nav-more {
position: relative;
flex: 1 1 0;
min-width: 0;
margin-right: 5px;
}

.naver #store-category-nav .store-nav-more summary {
display: block;
margin-right: 0;
padding: 16px 7px 14px;
border-radius: 4px;
background: rgb(var(--store-category-accent-rgb));
color: #fff;
font-size: 15px;
font-weight: 600;
text-align: center;
white-space: nowrap;
cursor: pointer;
list-style: none;
}

.naver #store-category-nav .store-nav-more summary::-webkit-details-marker { display: none; }
.naver #store-category-nav .store-nav-more summary span {
display: inline;
margin: 0 0 0 3px;
padding: 0;
background: transparent;
font-size: inherit;
color: inherit;
}
.naver #store-category-nav .store-nav-more summary:hover,
.naver #store-category-nav .store-nav-more summary:focus,
.naver #store-category-nav .store-nav-more.active summary,
.naver #store-category-nav .store-nav-more details[open] summary {
background: rgba(var(--store-category-accent-rgb), .85);
color: #fff;
}

.naver #store-category-nav .store-nav-more-list {
position: absolute;
top: 100%;
right: 5px;
z-index: 1050;
min-width: 190px;
max-height: 60vh;
overflow-y: auto;
margin: 2px 0 0;
padding: 4px 0;
list-style: none;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
}

.naver #store-category-nav .store-nav-more-list a {
display: block;
margin: 0;
padding: 10px 14px;
color: #262222;
white-space: nowrap;
}

.naver #store-category-nav .store-nav-more-list a:hover,
.naver #store-category-nav .store-nav-more-list a:focus {
background: #f2f2f2;
}

.naver-dark #store-category-nav .store-nav-more summary {
background: rgb(var(--store-category-accent-rgb));
color: #fff;
}

.naver-dark #store-category-nav .store-nav-more summary:hover,
.naver-dark #store-category-nav .store-nav-more summary:focus,
.naver-dark #store-category-nav .store-nav-more.active summary,
.naver-dark #store-category-nav .store-nav-more details[open] summary {
background: rgba(var(--store-category-accent-rgb), .85);
color: #fff;
}

.naver #store-category-nav + .navbar.pull-right {
float: none !important;
flex: 0 0 auto;
margin-left: 8px;
}

.naver #store-category-nav .store-nav-category > a:hover,
.naver #store-category-nav .store-nav-category > a:focus,
.naver #store-category-nav .store-nav-category.active > a {
background: rgba(var(--store-category-accent-rgb), .85);
color: #fff;
}

.naver-dark #store-category-nav .store-nav-category > a {
background: rgb(var(--store-category-accent-rgb));
color: #fff;
}

.naver-dark #store-category-nav .store-nav-category > a:hover,
.naver-dark #store-category-nav .store-nav-category > a:focus,
.naver-dark #store-category-nav .store-nav-category.active > a {
background: rgba(var(--store-category-accent-rgb), .85);
color: #fff;
}

/* Floating store support mascot. */
.store-mascot {
position: fixed;
right: 22px;
bottom: 18px;
z-index: 9000;
width: 128px;
text-align: center;
font-family: inherit;
}
.store-mascot-trigger {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}
.store-mascot-trigger img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
filter: drop-shadow(0 7px 14px rgba(0,0,0,.28));
transition: transform .2s ease;
}
.store-mascot-trigger:hover img,
.store-mascot-trigger:focus-visible img { transform: translateY(-4px) scale(1.04); }
.store-mascot-trigger span {
margin-top: -6px;
color: #057d60;
font-size: 12px;
font-weight: 800;
text-shadow: 0 1px 3px #fff;
}
.store-mascot-panel {
position: absolute;
right: 0;
bottom: calc(100% + 12px);
width: min(290px, calc(100vw - 28px));
padding: 16px;
border: 1px solid #28446c;
border-radius: 15px;
background: #0b1426;
box-shadow: 0 12px 35px rgba(0,0,0,.28);
color: #fff;
text-align: left;
}
.store-mascot-panel[hidden] { display: none; }
.store-mascot-panel > strong { display: block; padding: 0 24px; font-size: 16px; text-align: center; }
.store-mascot-panel > p { margin: 6px 0 12px; color: #c5d0e0; font-size: 13px; }
.store-mascot-panel a {
display: flex;
justify-content: space-between;
margin-top: 7px;
padding: 10px 12px;
border: 1px solid #2a3850;
border-radius: 9px;
color: #fff;
background: #152139;
text-decoration: none;
}
.store-mascot-panel a:hover,
.store-mascot-panel a:focus-visible { color: #fff; background: #203657; }
.store-mascot-hours {
margin-top: 9px;
padding: 10px 12px;
border: 1px solid #274874;
border-radius: 10px;
background: #10203b;
}
.store-mascot-hours strong {
display: block;
color: #bfd7f5;
font-size: 12px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
}
.store-mascot-hours strong span { margin-right: 5px; font-size: 17px; vertical-align: -1px; }
.store-mascot-hours p {
margin: 6px 0 0;
color: #e8eef8;
font-size: 12px;
line-height: 1.5;
}
.store-mascot-hour-row {
display: flex;
justify-content: space-between;
gap: 12px;
margin-top: 7px;
color: #e8eef8;
font-size: 12px;
line-height: 1.35;
}
.store-mascot-hour-row b { color: #fff; font-weight: 700; white-space: nowrap; }
.store-mascot-hours small { display: block; margin-top: 9px; color: #a9bfdc; font-size: 10px; }
.store-mascot-close {
position: absolute;
top: 8px;
right: 9px;
width: 29px;
height: 29px;
border: 0;
border-radius: 7px;
background: #263249;
color: #fff;
font-size: 22px;
line-height: 1;
}
@media (max-width: 767px) {
  .store-mascot { right: 10px; bottom: 12px; width: 96px; }
  .store-mascot-trigger img { width: 86px; height: 86px; }
  .store-mascot-trigger span { font-size: 10px; }
}