.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
.armazem-shell {
width: min(1180px, calc(100% - 40px));
margin-inline: auto;
}
.armazem-topbar {
background: var(--armazem-dark);
color: #fff;
}
.armazem-topbar__inner {
min-height: 46px;
display: flex;
align-items: center;
justify-content: center;
gap: 28px;
font-size: 14px;
}
.armazem-whatsapp-pill,
.armazem-whatsapp-button {
text-decoration: none;
background: var(--armazem-green);
color: #fff;
border-radius: 999px;
font-weight: 900;
}
.armazem-whatsapp-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
}
.armazem-brandbar {
background: #fff;
}
.armazem-brandbar__inner {
min-height: 82px;
display: flex;
align-items: center;
}
.armazem-brand {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--armazem-ink);
text-decoration: none;
}
.armazem-brand__mark {
width: 42px;
height: 42px;
flex: 0 0 42px;
}
.armazem-brand__mark svg {
display: block;
width: 100%;
height: 100%;
}
.armazem-brand__text {
font-size: 25px;
line-height: 1;
letter-spacing: -.7px;
font-weight: 800;
white-space: nowrap;
}
.armazem-brand__text strong {
color: #f0b400;
font-weight: 950;
}
.armazem-navrow {
background: var(--armazem-dark);
}
.armazem-navrow__inner {
min-height: 54px;
display: flex;
align-items: center;
gap: 24px;
}
.armazem-primary-nav {
flex: 1 1 auto;
}
.armazem-menu,
.armazem-primary-nav .menu {
display: flex;
align-items: center;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
}
.armazem-menu li,
.armazem-primary-nav .menu li {
margin: 0;
}
.armazem-menu a,
.armazem-primary-nav .menu a {
display: block;
padding: 17px 14px;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 800;
}
.armazem-menu a:hover,
.armazem-primary-nav .menu a:hover {
color: var(--armazem-yellow);
}
.armazem-header-search {
width: min(390px, 34vw);
}
.armazem-search {
width: 100%;
height: 40px;
display: flex;
overflow: hidden;
border-radius: 8px;
background: #fff;
}
.armazem-search input[type="search"] {
flex: 1 1 auto;
min-width: 0;
border: 0;
outline: 0;
padding: 0 12px;
font: inherit;
}
.armazem-search button {
width: 42px;
flex: 0 0 42px;
border: 0;
background: #252525;
color: #fff;
display: grid;
place-items: center;
cursor: pointer;
}
.armazem-search button svg {
width: 20px;
height: 20px;
}
.armazem-menu-toggle {
display: none;
}
.site-main {
min-height: 50vh;
}
.armazem-home-hero {
display: grid;
grid-template-columns: minmax(0, 1.65fr) minmax(300px, .9fr);
gap: 18px;
padding-top: 28px;
}
.armazem-home-hero__main,
.armazem-home-hero__whatsapp {
border: 1px solid var(--armazem-border);
border-radius: 22px;
box-shadow: 0 16px 38px rgba(7, 21, 45, .06);
}
.armazem-home-hero__main {
position: relative;
overflow: hidden;
padding: 26px 28px 22px;
background: linear-gradient(135deg, #fffdf6, #fff 62%, #f7faff);
}
.armazem-home-hero__main::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 6px;
background: var(--armazem-yellow);
}
.armazem-kicker {
display: inline-flex;
padding: 8px 13px;
border-radius: 999px;
background: var(--armazem-yellow-soft);
color: #6b5700;
font-size: 12px;
font-weight: 900;
}
.armazem-home-hero h1 {
margin: 14px 0 10px;
color: var(--armazem-ink);
font-size: clamp(30px, 3vw, 42px);
line-height: 1.06;
}
.armazem-home-hero h1 span {
color: #e8ad00;
}
.armazem-home-hero__main > p {
margin: 0 0 20px;
color: var(--armazem-muted);
line-height: 1.6;
font-size: 16px;
}
.armazem-home-hero__main > p strong {
color: var(--armazem-ink);
}
.armazem-store-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.store {
min-width: 130px;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 15px;
border-radius: 13px;
text-decoration: none;
font-weight: 900;
box-shadow: 0 8px 18px rgba(0,0,0,.08);
}
.store--amazon { background: #f7a51c; color: #151515; }
.store--ml { background: #ffe000; color: #151515; }
.store--magalu { background: #2385e7; color: #fff; }
.store--shopee { background: #ff673a; color: #fff; }
.store--all { background: #fff; color: var(--armazem-ink); border: 1px solid var(--armazem-border); }
.armazem-home-hero__whatsapp {
padding: 24px;
background: linear-gradient(180deg, #fff, #f6fff9);
}
.armazem-home-hero__whatsapp h2 {
margin: 0 0 6px;
font-size: 20px;
}
.armazem-home-hero__whatsapp p {
color: var(--armazem-muted);
margin: 0 0 16px;
}
.armazem-home-hero__whatsapp ol {
margin: 0 0 18px;
padding-left: 22px;
line-height: 1.9;
font-weight: 700;
}
.armazem-whatsapp-button {
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 16px;
}
.armazem-offers {
padding-top: 24px;
padding-bottom: 40px;
}
.armazem-section-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 20px;
margin-bottom: 14px;
}
.armazem-section-heading h2 {
margin: 0;
padding-left: 14px;
position: relative;
font-size: 30px;
}
.armazem-section-heading h2::before {
content: "";
position: absolute;
left: 0;
top: 8%;
bottom: 8%;
width: 5px;
border-radius: 999px;
background: var(--armazem-yellow);
}
.armazem-section-heading a {
color: var(--armazem-ink);
font-weight: 800;
}
.woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin: 0 !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
display: none !important;
}
.woocommerce ul.products li.product {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 0 16px !important;
overflow: hidden;
border: 1px solid var(--armazem-border);
border-radius: 16px;
background: #fff;
box-shadow: 0 8px 22px rgba(7,21,45,.05);
}
.woocommerce ul.products li.product a img {
margin: 0 !important;
aspect-ratio: 1 / 1;
object-fit: contain;
background: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 12px 14px 4px !important;
color: var(--armazem-ink);
font-size: 15px !important;
line-height: 1.35;
}
.woocommerce ul.products li.product .price {
padding: 0 14px;
color: var(--armazem-ink) !important;
font-weight: 900 !important;
}
.woocommerce ul.products li.product .button {
margin: 8px 14px 0 !important;
}
.armazem-content,
.armazem-woocommerce {
padding-top: 32px;
padding-bottom: 48px;
}
.armazem-entry,
.armazem-empty {
max-width: 980px;
}
.site-footer {
background: var(--armazem-dark);
color: #fff;
}
.site-footer__inner {
min-height: 110px;
display: grid;
grid-template-columns: 1fr auto auto;
align-items: center;
gap: 30px;
}
.site-footer p {
margin: 4px 0 0;
}
.site-footer a {
color: #fff;
}
.site-footer__copy {
white-space: nowrap;
}
@media (max-width: 900px) {
.armazem-home-hero {
grid-template-columns: 1fr;
}
.woocommerce ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.armazem-shell {
width: calc(100% - 24px);
}
.armazem-topbar__inner {
width: calc(100% - 24px);
min-height: 64px;
justify-content: space-between;
gap: 10px;
font-size: 13px;
}
.armazem-whatsapp-pill {
padding: 10px 14px;
white-space: nowrap;
}
.armazem-brandbar__inner {
min-height: 74px;
justify-content: center;
}
.armazem-brand__mark {
width: 34px;
height: 34px;
flex-basis: 34px;
}
.armazem-brand__text {
font-size: 20px;
}
.armazem-navrow__inner {
width: 100%;
min-height: 58px;
gap: 10px;
padding: 6px 12px;
}
.armazem-menu-toggle {
display: flex;
flex: 0 0 46px;
width: 46px;
height: 46px;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
padding: 0;
border: 0;
border-radius: 10px;
background: #fff;
cursor: pointer;
}
.armazem-menu-toggle span:not(.screen-reader-text) {
width: 22px;
height: 3px;
border-radius: 999px;
background: var(--armazem-dark);
}
.armazem-header-search {
width: auto;
flex: 1 1 auto;
min-width: 0;
}
.armazem-search {
height: 46px;
border-radius: 10px;
}
.armazem-search button {
width: 46px;
flex-basis: 46px;
}
.armazem-primary-nav {
display: none;
position: absolute;
z-index: 999;
left: 12px;
right: 12px;
top: 100%;
background: #fff;
border: 1px solid var(--armazem-border);
border-radius: 14px;
box-shadow: 0 18px 40px rgba(0,0,0,.16);
}
.armazem-navrow {
position: relative;
}
body.armazem-menu-open .armazem-primary-nav {
display: block;
}
.armazem-menu,
.armazem-primary-nav .menu {
display: block;
padding: 8px;
}
.armazem-menu a,
.armazem-primary-nav .menu a {
color: var(--armazem-ink);
padding: 13px 12px;
border-radius: 10px;
}
.armazem-menu a:hover,
.armazem-primary-nav .menu a:hover {
background: #f6f7f9;
}
.armazem-home-hero {
display: block;
padding-top: 14px;
}
.armazem-home-hero__main {
padding: 18px 16px 16px;
border-radius: 18px;
}
.armazem-home-hero h1 {
font-size: 27px;
}
.armazem-home-hero__main > p {
font-size: 14px;
margin-bottom: 14px;
}
.armazem-store-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.store {
min-width: 0;
min-height: 44px;
padding: 9px 10px;
font-size: 13px;
}
.store--all {
grid-column: 1 / -1;
}
.armazem-home-hero__whatsapp {
display: none;
}
.armazem-section-heading {
align-items: center;
}
.armazem-section-heading h2 {
font-size: 25px;
}
.armazem-section-heading a {
font-size: 13px;
text-align: right;
}
.woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.site-footer__inner {
min-height: 140px;
grid-template-columns: 1fr;
gap: 12px;
padding-top: 24px;
padding-bottom: 24px;
}
} @media (max-width: 767px) {
.armazem-section-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 14px;
}
.armazem-section-heading h2 {
flex: 1 1 auto;
min-width: 0;
margin: 0;
font-size: 22px;
line-height: 1.08;
letter-spacing: -0.35px;
white-space: nowrap;
}
.armazem-section-heading h2::before {
top: 4%;
bottom: 4%;
}
.armazem-section-heading a {
flex: 0 0 auto;
font-size: 12px;
line-height: 1.2;
white-space: nowrap;
text-align: right;
}
.armazem-offers {
padding-top: 22px;
padding-bottom: 34px;
}
.site-footer__inner {
min-height: 0;
}
}
@media (max-width: 370px) {
.armazem-section-heading h2 {
font-size: 20px;
letter-spacing: -0.45px;
}
.armazem-section-heading a {
font-size: 11px;
}
}  ul.products {
list-style: none;
padding: 0;
}
.armazem-offers ul.products,
.armazem-product-single__related ul.products,
.armazem-woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin: 0 !important;
}
.armazem-offers ul.products::before,
.armazem-offers ul.products::after,
.armazem-product-single__related ul.products::before,
.armazem-product-single__related ul.products::after,
.armazem-woocommerce ul.products::before,
.armazem-woocommerce ul.products::after {
display: none !important;
}
ul.products li.armazem-product-card {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
border: 1px solid var(--armazem-border);
border-radius: 18px;
background: #fff;
box-shadow: 0 10px 28px rgba(7,21,45,.07);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
ul.products li.armazem-product-card:hover {
transform: translateY(-3px);
border-color: #dfe3ea;
box-shadow: 0 16px 38px rgba(7,21,45,.11);
}
.armazem-product-card__link {
display: flex;
height: 100%;
flex-direction: column;
color: var(--armazem-ink);
text-decoration: none;
}
.armazem-product-card__media {
position: relative;
display: grid;
min-height: 215px;
place-items: center;
padding: 16px;
background: #fff;
border-bottom: 1px solid #f0f1f4;
}
.armazem-product-card__media img {
width: 100% !important;
height: 210px !important;
margin: 0 !important;
object-fit: contain;
}
.armazem-product-card__discount,
.armazem-product-card__badge {
position: absolute;
z-index: 2;
top: 12px;
left: 12px;
display: inline-flex;
min-height: 30px;
align-items: center;
padding: 5px 10px;
border-radius: 9px;
background: var(--armazem-dark);
color: #fff;
font-size: 12px;
font-weight: 900;
}
.armazem-product-card__discount {
background: var(--armazem-yellow);
color: var(--armazem-ink);
}
.armazem-product-card__content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 14px 15px 16px;
}
.armazem-product-card__eyebrow {
margin-bottom: 6px;
color: #8a6c00;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .35px;
}
ul.products li.armazem-product-card .woocommerce-loop-product__title {
display: -webkit-box;
min-height: 44px;
margin: 0 0 12px !important;
padding: 0 !important;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--armazem-ink) !important;
font-size: 15px !important;
font-weight: 800;
line-height: 1.42;
}
.armazem-product-card__price {
display: flex;
min-height: 56px;
flex-direction: column;
justify-content: flex-end;
margin-top: auto;
}
.armazem-product-card__old-price {
color: #8c94a1;
font-size: 12px;
text-decoration: line-through;
}
.armazem-product-card__current-price,
.armazem-product-card__current-price .woocommerce-Price-amount {
color: var(--armazem-ink) !important;
font-size: 22px;
font-weight: 950;
line-height: 1.1;
}
.armazem-product-card__cta {
display: flex;
min-height: 42px;
align-items: center;
justify-content: center;
margin-top: 12px;
padding: 9px 12px;
border-radius: 11px;
background: var(--armazem-yellow);
color: var(--armazem-ink);
font-size: 13px;
font-weight: 950;
} .armazem-woocommerce:has(.armazem-product-single) {
width: min(1180px, calc(100% - 40px));
padding-top: 24px;
}
.armazem-product-single {
width: 100%;
}
.armazem-breadcrumb {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 0 0 18px;
color: #747d8b;
font-size: 13px;
}
.armazem-breadcrumb a {
color: #687385;
text-decoration: none;
}
.armazem-breadcrumb a:hover {
color: var(--armazem-ink);
}
.armazem-product-single__hero {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
gap: 30px;
align-items: start;
padding: 24px;
border: 1px solid var(--armazem-border);
border-radius: 24px;
background: #fff;
box-shadow: 0 16px 44px rgba(7,21,45,.07);
}
.armazem-product-single__gallery {
position: relative;
min-width: 0;
}
.armazem-product-single__image-wrap {
display: grid;
min-height: 500px;
place-items: center;
overflow: hidden;
border-radius: 18px;
background: #fbfbfc;
}
.armazem-product-single__image-wrap img {
display: block;
width: 100%;
max-width: 620px;
height: 500px;
object-fit: contain;
}
.armazem-product-single__discount,
.armazem-product-single__offer-badge {
position: absolute;
z-index: 3;
top: 14px;
left: 14px;
display: inline-flex;
min-height: 36px;
align-items: center;
padding: 7px 12px;
border-radius: 10px;
background: var(--armazem-yellow);
color: var(--armazem-ink);
font-size: 14px;
font-weight: 950;
}
.armazem-product-single__offer-badge {
background: var(--armazem-dark);
color: #fff;
}
.armazem-product-single__summary {
padding: 12px 6px 6px;
}
.armazem-product-single__kicker {
display: inline-flex;
margin-bottom: 10px;
padding: 7px 11px;
border-radius: 999px;
background: var(--armazem-yellow-soft);
color: #6f5900;
font-size: 12px;
font-weight: 900;
}
.armazem-product-single__title {
margin: 0 0 18px;
color: var(--armazem-ink);
font-size: clamp(27px, 3vw, 40px);
line-height: 1.15;
letter-spacing: -.65px;
}
.armazem-product-single__prices {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 18px;
}
.armazem-product-single__old-price {
margin-bottom: 2px;
color: #8d96a4;
font-size: 14px;
text-decoration: line-through;
}
.armazem-product-single__current-price,
.armazem-product-single__current-price .woocommerce-Price-amount {
color: var(--armazem-ink) !important;
font-size: clamp(33px, 4vw, 48px);
font-weight: 950;
line-height: 1.05;
}
.armazem-product-single__saving {
margin-top: 8px;
padding: 6px 9px;
border-radius: 8px;
background: #ecfff2;
color: #087a35;
font-size: 13px;
font-weight: 850;
}
.armazem-product-single__short-description {
margin: 0 0 18px;
color: #566276;
font-size: 15px;
line-height: 1.65;
}
.armazem-product-single__short-description p {
margin: 0;
}
.armazem-product-single__notice {
display: flex;
flex-direction: column;
gap: 3px;
margin: 0 0 14px;
padding: 13px 14px;
border: 1px solid #dff1e5;
border-radius: 12px;
background: #f6fff9;
}
.armazem-product-single__notice strong {
color: #126831;
font-size: 13px;
}
.armazem-product-single__notice span {
color: #607069;
font-size: 12px;
line-height: 1.45;
}
.armazem-product-single__cta {
display: flex;
min-height: 56px;
align-items: center;
justify-content: center;
width: 100%;
padding: 13px 18px;
border-radius: 14px;
background: var(--armazem-yellow);
color: var(--armazem-ink);
text-decoration: none;
font-size: 16px;
font-weight: 950;
box-shadow: 0 10px 24px rgba(255,196,0,.25);
transition: transform .15s ease, box-shadow .15s ease;
}
.armazem-product-single__cta:hover {
transform: translateY(-1px);
box-shadow: 0 14px 28px rgba(255,196,0,.31);
}
.armazem-product-single__fineprint {
margin: 10px 0 0;
color: #87909d;
font-size: 11px;
text-align: center;
}
.armazem-product-single__details,
.armazem-product-single__related {
margin-top: 24px;
padding: 24px;
border: 1px solid var(--armazem-border);
border-radius: 20px;
background: #fff;
}
.armazem-product-single__details h2 {
margin: 0 0 12px;
font-size: 23px;
}
.armazem-product-single__description {
color: #596476;
line-height: 1.7;
}
.armazem-product-single__description p:first-child {
margin-top: 0;
}
@media (max-width: 900px) {
.armazem-offers ul.products,
.armazem-product-single__related ul.products,
.armazem-woocommerce ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.armazem-product-single__hero {
grid-template-columns: 1fr;
}
.armazem-product-single__image-wrap,
.armazem-product-single__image-wrap img {
height: 440px;
min-height: 440px;
}
}
@media (max-width: 767px) {
.armazem-woocommerce:has(.armazem-product-single) {
width: calc(100% - 24px);
padding-top: 16px;
}
.armazem-offers ul.products,
.armazem-product-single__related ul.products,
.armazem-woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.armazem-product-card__media {
min-height: 165px;
padding: 10px;
}
.armazem-product-card__media img {
height: 160px !important;
}
.armazem-product-card__content {
padding: 11px 11px 12px;
}
.armazem-product-card__eyebrow {
font-size: 9px;
}
ul.products li.armazem-product-card .woocommerce-loop-product__title {
min-height: 39px;
margin-bottom: 8px !important;
font-size: 13px !important;
line-height: 1.4;
}
.armazem-product-card__price {
min-height: 48px;
}
.armazem-product-card__old-price {
font-size: 10px;
}
.armazem-product-card__current-price,
.armazem-product-card__current-price .woocommerce-Price-amount {
font-size: 18px;
}
.armazem-product-card__cta {
min-height: 38px;
margin-top: 9px;
border-radius: 9px;
font-size: 12px;
}
.armazem-product-single__hero {
gap: 16px;
padding: 12px;
border-radius: 18px;
}
.armazem-product-single__image-wrap,
.armazem-product-single__image-wrap img {
height: 310px;
min-height: 310px;
}
.armazem-product-single__summary {
padding: 4px 2px 4px;
}
.armazem-product-single__title {
margin-bottom: 14px;
font-size: 23px;
letter-spacing: -.35px;
}
.armazem-product-single__current-price,
.armazem-product-single__current-price .woocommerce-Price-amount {
font-size: 34px;
}
.armazem-product-single__cta {
min-height: 52px;
font-size: 15px;
}
.armazem-product-single__details,
.armazem-product-single__related {
margin-top: 14px;
padding: 16px;
border-radius: 16px;
}
.armazem-breadcrumb {
margin-bottom: 12px;
font-size: 11px;
}
} .armazem-store-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #e5e8ee;
border-radius: 999px;
background: #f7f8fa;
color: var(--armazem-ink);
font-size: 11px;
font-weight: 900;
line-height: 1;
white-space: nowrap;
}
.armazem-product-card__media > .armazem-store-badge {
position: absolute;
z-index: 2;
top: 12px;
right: 12px;
}
.armazem-store-badge--amazon {
border-color: #f4a51c;
background: #fff1d7;
color: #342000;
}
.armazem-store-badge--mercado-livre {
border-color: #e8ca00;
background: #fff7b5;
color: #2b2700;
}
.armazem-store-badge--magalu {
border-color: #b8dfff;
background: #eaf6ff;
color: #075fae;
}
.armazem-store-badge--shopee {
border-color: #ffd0c3;
background: #fff0eb;
color: #bf3d17;
}
.armazem-product-card__coupon {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin: -2px 0 10px;
padding: 7px 9px;
border: 1px dashed #e5bc00;
border-radius: 9px;
background: #fffaf0;
color: #665100;
font-size: 10px;
font-weight: 800;
}
.armazem-product-card__coupon strong {
color: var(--armazem-ink);
font-size: 11px;
letter-spacing: .2px;
}
.armazem-product-single__meta-top {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-bottom: 10px;
}
.armazem-product-single__meta-top .armazem-product-single__kicker {
margin-bottom: 0;
}
.armazem-coupon-box {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
margin: 0 0 14px;
padding: 13px 14px;
border: 1px dashed #e0b900;
border-radius: 13px;
background: linear-gradient(135deg, #fffdf4, #fff8d8);
}
.armazem-coupon-box__copy {
display: flex;
min-width: 0;
flex-direction: column;
gap: 3px;
}
.armazem-coupon-box__label {
color: #7a6100;
font-size: 11px;
font-weight: 950;
text-transform: uppercase;
letter-spacing: .35px;
}
.armazem-coupon-box__description {
color: #5f6470;
font-size: 12px;
line-height: 1.4;
}
.armazem-coupon-box__action {
display: flex;
align-items: stretch;
overflow: hidden;
border: 1px solid #dfc53d;
border-radius: 10px;
background: #fff;
}
.armazem-coupon-box__action code {
display: flex;
min-height: 40px;
align-items: center;
padding: 8px 11px;
color: var(--armazem-ink);
background: #fff;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 13px;
font-weight: 900;
}
.armazem-coupon-box__action button {
min-width: 74px;
border: 0;
border-left: 1px solid #dfc53d;
background: var(--armazem-yellow);
color: var(--armazem-ink);
cursor: pointer;
font: inherit;
font-size: 12px;
font-weight: 950;
}
.armazem-coupon-box__action button.is-copied {
background: #dff8e8;
color: #0d7135;
}
@media (max-width: 767px) {
.armazem-product-card__media > .armazem-store-badge {
top: 9px;
right: 9px;
max-width: 96px;
min-height: 24px;
padding: 4px 7px;
overflow: hidden;
font-size: 9px;
text-overflow: ellipsis;
}
.armazem-product-card__discount,
.armazem-product-card__badge {
top: 9px;
left: 9px;
}
.armazem-product-card__coupon {
font-size: 9px;
}
.armazem-product-card__coupon strong {
max-width: 85px;
overflow: hidden;
font-size: 9px;
text-overflow: ellipsis;
white-space: nowrap;
}
.armazem-coupon-box {
grid-template-columns: 1fr;
}
.armazem-coupon-box__action {
width: 100%;
}
.armazem-coupon-box__action code {
flex: 1 1 auto;
}
}  .armazem-product-card__media-link {
display: block;
color: inherit;
text-decoration: none;
}
.armazem-product-card__content {
min-height: 245px;
}
ul.products li.armazem-product-card .woocommerce-loop-product__title a {
color: var(--armazem-ink);
text-decoration: none;
}
ul.products li.armazem-product-card .woocommerce-loop-product__title a:hover {
color: #31415d;
}
.armazem-product-card__coupon {
min-height: 42px;
padding: 0;
overflow: hidden;
background: #fffdf4;
}
.armazem-product-card__coupon-copy {
display: flex;
min-width: 0;
flex: 1 1 auto;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 8px 9px;
}
.armazem-product-card__coupon button {
align-self: stretch;
flex: 0 0 auto;
min-width: 60px;
padding: 0 9px;
border: 0;
border-left: 1px dashed #e5bc00;
background: var(--armazem-yellow);
color: var(--armazem-ink);
cursor: pointer;
font: inherit;
font-size: 10px;
font-weight: 950;
}
.armazem-product-card__coupon button.is-copied {
background: #dff8e8;
color: #0d7135;
}
.armazem-product-card__saving {
margin-top: 4px;
color: #087a35;
font-size: 11px;
font-weight: 850;
} .armazem-product-single__title {
max-width: 650px;
margin-bottom: 14px;
font-size: clamp(27px, 2.55vw, 36px);
line-height: 1.10;
letter-spacing: -.55px;
}
.armazem-product-single__hero {
grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
}
.armazem-product-single__image-wrap {
min-height: 470px;
}
.armazem-product-single__image-wrap img {
height: 470px;
}
.armazem-product-single__actions {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 12px;
}
.armazem-product-single__actions button {
min-height: 36px;
padding: 7px 12px;
border: 1px solid var(--armazem-border);
border-radius: 10px;
background: #fff;
color: #465168;
cursor: pointer;
font: inherit;
font-size: 12px;
font-weight: 800;
}
.armazem-product-single__actions button:hover {
border-color: #cfd5df;
color: var(--armazem-ink);
background: #f8f9fb;
}
.armazem-product-single__actions button.is-copied {
border-color: #bfe8cd;
background: #eafbf0;
color: #0d7135;
}
@media (max-width: 767px) {
.armazem-product-card__content {
min-height: 225px;
}
.armazem-product-card__coupon-copy {
padding: 7px;
}
.armazem-product-card__coupon button {
min-width: 50px;
padding-inline: 6px;
font-size: 9px;
}
.armazem-product-card__saving {
font-size: 9px;
}
.armazem-product-single__hero {
grid-template-columns: 1fr;
}
.armazem-product-single__image-wrap,
.armazem-product-single__image-wrap img {
height: 310px;
min-height: 310px;
}
.armazem-product-single__title {
font-size: 23px;
line-height: 1.12;
}
.armazem-product-single__actions {
justify-content: stretch;
}
.armazem-product-single__actions button {
flex: 1 1 0;
}
} .armazem-shell { width: min(var(--armazem-shell-max, 1180px), calc(100% - 40px)); }
ul.products li.armazem-product-card { border-radius: var(--armazem-radius, 18px); }
.armazem-home-hero__main,
.armazem-home-hero__whatsapp,
.armazem-product-single__hero,
.armazem-product-single__details,
.armazem-product-single__related { border-radius: calc(var(--armazem-radius, 18px) + 4px); }
.armazem-product-single__title { font-size: var(--armazem-product-title-desktop, 30px); }
.armazem-brand--custom { width: min(var(--armazem-logo-width, 260px), 80vw); }
.armazem-brand__custom-logo { display:block; width:100%; max-height:70px; object-fit:contain; object-position:left center; }
.store--dynamic { background: var(--store-bg); color: var(--store-text); }
.store--dynamic img { display:block; max-width:115px; max-height:28px; width:auto; height:auto; object-fit:contain; }
.armazem-home-hero--single { grid-template-columns:1fr; }
.armazem-store-badge { background:var(--store-bg, #ffc400) !important; color:var(--store-text, #07152d) !important; }
.armazem-store-badge img { display:block; max-width:82px; max-height:22px; width:auto; height:auto; object-fit:contain; }
.armazem-share-whatsapp { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:7px 13px; border-radius:9px; border:1px solid #bfe8cd; background:#effcf4; color:#116b34; text-decoration:none; font-weight:800; font-size:13px; } .armazem-public-head { display:flex; align-items:center; gap:18px; padding:18px 20px; margin-bottom:22px; border:1px solid var(--armazem-border); border-radius:var(--armazem-radius); background:#fff; }
.armazem-public-head__logo { width:120px; height:56px; object-fit:contain; }
.armazem-public-head span { color:var(--armazem-muted); font-size:13px; font-weight:800; }
.armazem-public-head h2 { margin:2px 0 0; font-size:28px; }
.armazem-store-directory { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.armazem-store-directory__card { min-height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:22px; border-radius:var(--armazem-radius); background:var(--store-bg); color:var(--store-text); text-decoration:none; box-shadow:0 12px 30px rgba(7,21,45,.08); }
.armazem-store-directory__card img { max-width:150px; max-height:64px; object-fit:contain; }
.armazem-store-directory__card strong { font-size:22px; }
.armazem-store-directory__card span { font-weight:900; font-size:13px; }
.armazem-back-link { font-weight:800; color:var(--armazem-ink); }
.armazem-coupon-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.armazem-coupon-directory__card { display:flex; flex-direction:column; gap:12px; min-height:245px; padding:20px; border:1px solid var(--armazem-border); border-radius:var(--armazem-radius); background:#fff; box-shadow:0 10px 28px rgba(7,21,45,.06); }
.armazem-coupon-directory__store { min-height:34px; display:flex; align-items:center; }
.armazem-coupon-directory__store img { max-width:100px; max-height:32px; object-fit:contain; }
.armazem-coupon-directory__card h3 { margin:0; font-size:18px; line-height:1.3; }
.armazem-coupon-directory__card p { margin:0; color:var(--armazem-muted); }
.armazem-coupon-directory__code { display:flex; margin-top:auto; border:1px dashed #e4b000; border-radius:10px; overflow:hidden; }
.armazem-coupon-directory__code code { flex:1; display:flex; align-items:center; padding:10px 12px; background:#fff9da; font-weight:900; color:var(--armazem-ink); }
.armazem-coupon-directory__code button { border:0; background:var(--armazem-yellow); color:var(--armazem-ink); padding:0 14px; font-weight:900; cursor:pointer; }
.armazem-coupon-directory__offer { display:flex; min-height:42px; align-items:center; justify-content:center; border-radius:10px; background:var(--armazem-dark); color:#fff; text-decoration:none; font-weight:900; }
@media (max-width:900px) {
.armazem-store-directory { grid-template-columns:repeat(2,minmax(0,1fr)); }
.armazem-coupon-directory { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
.armazem-shell { width:calc(100% - 24px); }
.armazem-product-single__title { font-size:var(--armazem-product-title-mobile, 20px); }
.armazem-brand--custom { width:min(var(--armazem-logo-width, 260px), 75vw); justify-content:center; }
.armazem-brand__custom-logo { max-height:52px; object-position:center; }
.store--dynamic img { max-width:92px; max-height:24px; }
.armazem-store-directory { grid-template-columns:1fr 1fr; gap:10px; }
.armazem-store-directory__card { min-height:120px; padding:14px; }
.armazem-store-directory__card img { max-width:110px; max-height:48px; }
.armazem-coupon-directory { grid-template-columns:1fr; }
.armazem-public-head { padding:14px; }
.armazem-public-head__logo { width:90px; height:44px; }
}