:root {
    --color-primary: #E30613;
    --color-primary-dark: #B8000C;
    --color-primary-light: #FFF0F1;
    --color-background: #F7F7F8;
    --color-surface: #FFFFFF;
    --color-text: #17171F;
    --color-text-muted: #696973;
    --color-border: #E8E8EC;
    --color-success: #159947;
    --color-rating: #FFB800;
    --shadow-sm: 0 8px 24px rgba(23, 23, 31, .06);
    --shadow-md: 0 16px 48px rgba(23, 23, 31, .10);
    --radius-sm: .75rem;
    --radius-md: 1.25rem;
    --radius-lg: 2rem;
    --transition: 180ms ease;
}

* { box-sizing: border-box; }

/* Página 404 */
.not-found-page { min-height:calc(100vh - 190px); overflow:hidden; background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-primary-light) 48%,var(--color-background) 100%); }
.not-found-hero { position:relative; min-height:720px; display:grid; align-items:center; isolation:isolate; }
.not-found-hero__glow { position:absolute; z-index:-1; inset:0; overflow:hidden; }
.not-found-hero__glow::before,.not-found-hero__glow::after { position:absolute; content:''; border-radius:50%; filter:blur(4px); }
.not-found-hero__glow::before { width:480px; height:480px; top:-230px; left:-150px; background:color-mix(in srgb,var(--color-primary) 8%,transparent); }
.not-found-hero__glow::after { width:420px; height:420px; right:-130px; bottom:-230px; background:color-mix(in srgb,var(--color-primary) 7%,transparent); }
.not-found-hero__layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr); align-items:center; gap:clamp(2rem,6vw,7rem); padding-block:5rem; }
.not-found-hero__content { position:relative; z-index:2; }
.not-found-hero__eyebrow { display:inline-flex; align-items:center; gap:.55rem; color:var(--color-primary); font-size:.68rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.not-found-hero__eyebrow i { width:8px; height:8px; background:var(--color-primary); border-radius:50%; box-shadow:0 0 0 7px color-mix(in srgb,var(--color-primary) 10%,transparent); }
.not-found-hero__content h1 { max-width:690px; margin:1.25rem 0 1rem; color:var(--color-text); font-size:clamp(3rem,5.2vw,5.4rem); font-weight:900; letter-spacing:-.065em; line-height:.94; }
.not-found-hero__content h1 strong { color:var(--color-primary); font-weight:inherit; }
.not-found-hero__content > p { max-width:600px; margin:0; color:var(--color-text-muted); font-size:1rem; line-height:1.75; }
.not-found-search { width:min(610px,100%); min-height:62px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.65rem; margin-top:2rem; padding:.4rem .45rem .4rem 1rem; background:var(--color-surface); border:1px solid var(--color-border); border-radius:1rem; box-shadow:0 18px 45px rgba(23,23,31,.08); }
.not-found-search > i { color:var(--color-primary); font-size:1rem; }
.not-found-search input { width:100%; min-width:0; color:var(--color-text); background:transparent; border:0; outline:0; font-size:.8rem; }
.not-found-search input::placeholder { color:var(--color-text-muted); }
.not-found-search button { height:48px; padding:0 1.3rem; color:#fff; background:var(--color-primary); border:0; border-radius:.75rem; font-size:.72rem; font-weight:850; }
.not-found-search button:hover { background:var(--color-primary-dark); }
.not-found-hero__actions { display:flex; align-items:center; gap:1.25rem; margin-top:1.35rem; }
.not-found-hero__actions .btn { min-height:48px; display:inline-flex; align-items:center; gap:.45rem; padding-inline:1.1rem; border-radius:.75rem; }
.not-found-link { display:inline-flex; align-items:center; gap:.45rem; color:var(--color-text); font-size:.76rem; font-weight:800; text-decoration:none; }
.not-found-link i { color:var(--color-primary); transition:transform var(--transition); }
.not-found-link:hover { color:var(--color-primary); }.not-found-link:hover i { transform:translateX(4px); }
.not-found-hero__shortcuts { width:min(610px,100%); display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; margin-top:2.2rem; padding-top:1.25rem; border-top:1px solid var(--color-border); }
.not-found-hero__shortcuts > a { min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.65rem; color:var(--color-text); background:color-mix(in srgb,var(--color-surface) 75%,transparent); border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent); border-radius:.75rem; text-decoration:none; transition:transform var(--transition),border-color var(--transition),background var(--transition); }
.not-found-hero__shortcuts > a:hover { background:var(--color-surface); border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border)); transform:translateY(-2px); }
.not-found-hero__shortcuts > a > span { width:38px; height:38px; display:grid; place-items:center; color:var(--color-primary); background:var(--color-primary-light); border-radius:.65rem; }
.not-found-hero__shortcuts div { min-width:0; display:grid; }.not-found-hero__shortcuts small { color:var(--color-text-muted); font-size:.55rem; }.not-found-hero__shortcuts strong { font-size:.7rem; }.not-found-hero__shortcuts > a > i { color:var(--color-text-muted); font-size:.65rem; }
.not-found-hero__visual { position:relative; min-height:500px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 94%,#350006),var(--color-primary-dark)); border:1px solid color-mix(in srgb,var(--color-primary) 65%,#fff); border-radius:3rem; box-shadow:0 35px 85px color-mix(in srgb,var(--color-primary) 24%,transparent),inset 0 1px rgba(255,255,255,.25); }
.not-found-hero__visual::before { position:absolute; inset:0; content:''; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,#000,transparent 88%); }
.not-found-code { position:relative; z-index:3; display:flex; align-items:center; gap:1rem; color:#fff; text-shadow:0 12px 35px rgba(32,0,4,.3); }
.not-found-code > span { font-size:clamp(5rem,9vw,8rem); font-weight:950; letter-spacing:-.09em; line-height:1; }
.not-found-code > div { width:76px; height:118px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(90deg,#eee,#fff,#ddd); border-radius:12px 12px 22px 22px; box-shadow:0 18px 30px rgba(38,0,5,.28); }
.not-found-code > div::before { width:100%; height:35px; content:''; align-self:start; background:#fff; border-bottom:8px solid rgba(227,6,19,.88); }
.not-found-code > div i { position:absolute; width:76px; height:1px; background:#d8d8dc; }.not-found-code > div b { color:var(--color-primary); font-size:1.4rem; }
.not-found-orbit { position:absolute; border:1px solid rgba(255,255,255,.18); border-radius:50%; animation:not-found-orbit 18s linear infinite; }
.not-found-orbit--outer { width:410px; height:410px; }.not-found-orbit--inner { width:300px; height:300px; animation-direction:reverse; animation-duration:13s; }
.not-found-orbit i { position:absolute; width:9px; height:9px; top:13%; left:20%; background:#fff; border-radius:50%; box-shadow:0 0 18px #fff; }.not-found-orbit i:nth-child(2){top:auto;right:5%;bottom:25%;left:auto;width:5px;height:5px;}
.not-found-capsule { position:absolute; z-index:2; width:28px; height:62px; overflow:hidden; background:#fff; border-radius:15px; box-shadow:0 10px 25px rgba(31,0,4,.24); transform:rotate(35deg); animation:not-found-float 4.5s ease-in-out infinite; }.not-found-capsule i { display:block; width:100%; height:50%; background:color-mix(in srgb,var(--color-primary) 65%,#fff); }
.not-found-capsule--one { top:16%; right:14%; }.not-found-capsule--two { bottom:23%; left:13%; transform:rotate(-42deg) scale(.75); animation-delay:-2s; }
.not-found-dot { position:absolute; width:7px; height:7px; background:#fff; border-radius:50%; opacity:.6; }.not-found-dot--one { top:24%; left:18%; }.not-found-dot--two { right:20%; bottom:32%; width:4px; height:4px; }
.not-found-hero__visual > p { position:absolute; z-index:3; right:1.4rem; bottom:1.4rem; left:1.4rem; display:flex; align-items:center; gap:.7rem; margin:0; padding:.8rem; color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:1rem; backdrop-filter:blur(10px); }.not-found-hero__visual > p > i { width:38px; height:38px; display:grid; place-items:center; flex:none; background:rgba(255,255,255,.14); border-radius:.7rem; }.not-found-hero__visual > p span { display:grid; }.not-found-hero__visual > p strong { font-size:.7rem; }.not-found-hero__visual > p small { margin-top:.12rem; opacity:.72; font-size:.57rem; }
@keyframes not-found-orbit { to { transform:rotate(360deg); } } @keyframes not-found-float { 50% { transform:translateY(-14px) rotate(42deg); } }
@media (max-width:991.98px) { .not-found-hero__layout { grid-template-columns:1fr; padding-block:3.5rem; }.not-found-hero__content { text-align:center; }.not-found-hero__content > p,.not-found-search,.not-found-hero__shortcuts { margin-inline:auto; }.not-found-hero__actions { justify-content:center; }.not-found-hero__visual { width:min(540px,100%); min-height:390px; margin-inline:auto; border-radius:2rem; } }
@media (max-width:575.98px) { .not-found-hero { min-height:auto; }.not-found-hero__layout { padding-block:2.6rem; }.not-found-hero__content h1 { font-size:2.8rem; }.not-found-search { min-height:56px; grid-template-columns:auto minmax(0,1fr); padding-right:.75rem; }.not-found-search button { grid-column:1/-1; width:100%; height:44px; }.not-found-hero__actions { align-items:stretch; flex-direction:column; }.not-found-hero__actions .btn,.not-found-link { justify-content:center; }.not-found-hero__shortcuts { grid-template-columns:1fr; }.not-found-hero__visual { min-height:330px; }.not-found-code > span { font-size:4.7rem; }.not-found-code > div { width:58px; height:92px; }.not-found-orbit--outer { width:285px; height:285px; }.not-found-orbit--inner { width:210px; height:210px; } }
@media (prefers-reduced-motion:reduce) { .not-found-orbit,.not-found-capsule { animation:none; } }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    color: var(--color-text);
    background: var(--color-surface);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 0;
}

a { color: inherit; }
button, input { font: inherit; }

.skip-link {
    position: fixed;
    z-index: 2000;
    top: .75rem;
    left: .75rem;
    padding: .75rem 1rem;
    color: #fff;
    background: var(--color-text);
    border-radius: .5rem;
    transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }

:focus-visible { outline: 3px solid rgba(227, 6, 19, .35); outline-offset: 3px; }

.btn-primary {
    --bs-btn-bg: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg: var(--color-primary-dark);
    --bs-btn-hover-border-color: var(--color-primary-dark);
    --bs-btn-active-bg: var(--color-primary-dark);
    --bs-btn-active-border-color: var(--color-primary-dark);
    border-radius: .75rem;
    font-weight: 700;
    padding: .8rem 1.25rem;
}

.benefit-bar { background: #111119; color: #fff; font-size: .7rem; font-weight: 600; }
.benefit-bar__track { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.benefit-bar__track span { white-space: nowrap; }
.benefit-bar__track i { margin-right: .35rem; }

.site-header { position: relative; z-index: 1020; background: rgba(255,255,255,.98); border-bottom: 1px solid var(--color-border); transition: box-shadow var(--transition); }
.site-header.is-stuck { position: sticky; top: 0; box-shadow: var(--shadow-sm); }
.site-header__main { min-height: 74px; display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.75rem); }

.brand-logo { display: inline-flex; align-items: center; flex: 0 0 auto; line-height: 1; }
.brand-logo__image { display: block; width: 172px; height: auto; }

.header-search { position: relative; display: flex; flex: 1 1 420px; max-width: 500px; }
.header-search .form-control { height: 48px; padding: 0 3.5rem 0 1.15rem; background: var(--color-background); border: 1px solid transparent; border-radius: 999px; box-shadow: none; }
.header-search .form-control:focus { background: #fff; border-color: var(--color-primary); box-shadow: 0 0 0 .2rem rgba(227,6,19,.08); }
.header-search > button { position: absolute; right: 5px; top: 5px; width: 38px; height: 38px; color: #fff; background: var(--color-primary); border: 0; border-radius: 50%; }
.search-suggestions { position: absolute; top: calc(100% + .5rem); left: 0; right: 0; min-height: 80px; background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-sm); box-shadow: var(--shadow-md); }

.header-actions { margin-left: auto; display: flex; align-items: center; gap: .35rem; }
.header-action { position: relative; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; gap: .55rem; padding: 0 .5rem; color: var(--color-text); background: transparent; border: 0; border-radius: .65rem; text-decoration: none; transition: color var(--transition), background var(--transition); }
.header-action:hover { color: var(--color-primary); background: var(--color-primary-light); }
.header-action i { font-size: 1.35rem; }
.header-action span:not(.cart-count) { display: grid; line-height: 1.1; text-align: left; font-size: .77rem; font-weight: 700; }
.header-action small { color: var(--color-text-muted); font-size: .66rem; font-weight: 500; }
.cart-count { position: absolute; top: 0; right: 0; min-width: 18px; height: 18px; padding: 0 4px; display: grid; place-items: center; color: #fff; background: var(--color-primary); border: 2px solid #fff; border-radius: 999px; font-size: .6rem; font-weight: 800; }

.main-navigation { min-height: 47px; display: flex; align-items: center; gap: clamp(1.2rem, 2.3vw, 2.25rem); border-top: 1px solid var(--color-border); }
.main-navigation a { color: var(--color-text); text-decoration: none; font-size: .88rem; font-weight: 650; transition: color var(--transition); }
.main-navigation a:hover { color: var(--color-primary); }
.main-navigation a i { font-size: .7rem; }

.mobile-menu { display: grid; align-content: start; gap: .25rem; }
.mobile-menu a { display: flex; align-items: center; gap: .75rem; padding: .85rem; border-radius: .65rem; text-decoration: none; font-weight: 650; }
.mobile-menu a:hover { background: var(--color-background); color: var(--color-primary); }
.mobile-menu__highlight { margin-top: 1rem; color: var(--color-primary); background: var(--color-primary-light); }

.mini-cart { --bs-offcanvas-width: min(430px, 100vw); }
.mini-cart .offcanvas-header { padding: 1.5rem; border-bottom: 1px solid var(--color-border); }
.mini-cart .offcanvas-title { font-size: 1.25rem; font-weight: 800; }
.mini-cart .offcanvas-title small { color: var(--color-text-muted); font-size: .75rem; font-weight: 500; }
.eyebrow { color: var(--color-primary); text-transform: uppercase; letter-spacing: .12em; font-size: .65rem; font-weight: 800; }
.mini-cart__empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; text-align: center; }
.mini-cart__icon { width: 88px; height: 88px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: 50%; font-size: 2rem; }
.mini-cart__empty h3 { margin: 1.4rem 0 .5rem; font-size: 1.15rem; font-weight: 800; }
.mini-cart__empty p { max-width: 280px; color: var(--color-text-muted); }

.site-footer { padding: 3.75rem 0 1.5rem; color: #d7d7dc; background: #12131a; border-top: 3px solid var(--color-primary); }
.site-footer a { color: #aeb0b8; text-decoration: none; transition: color var(--transition); }
.site-footer a:hover { color: #fff; }
.footer-highlight { display: flex; align-items: center; justify-content: space-between; gap: 3rem; padding-bottom: 2.5rem; border-bottom: 1px solid #30313a; }
.footer-highlight > div { max-width: 590px; }
.footer-highlight > div > span { display: block; margin-bottom: .45rem; color: #ef5b65; font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.site-footer .footer-highlight h2 { margin: 0; color: #fff; font-size: clamp(1.75rem, 3vw, 2.65rem); font-weight: 780; letter-spacing: -.045em; }
.site-footer .footer-highlight h2 strong { color: #f02d3a; font-weight: inherit; }
.footer-highlight p { margin: .5rem 0 0; color: #9fa1aa; font-size: .76rem; }
.footer-highlight nav { display: flex; flex: 0 0 auto; gap: .7rem; }
.footer-highlight nav a { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: .6rem; padding: .7rem 1.2rem; color: #fff; border: 1px solid #383a44; border-radius: 999px; font-size: .7rem; font-weight: 750; }
.footer-highlight nav a:hover { border-color: #fff; }
.footer-highlight nav .footer-highlight__primary { background: var(--color-primary); border-color: var(--color-primary); }
.footer-highlight nav .footer-highlight__primary:hover { background: #bd0712; border-color: #bd0712; }
.site-footer__main { display: grid; grid-template-columns: minmax(270px, 1.7fr) repeat(3, minmax(150px, 1fr)); gap: clamp(2rem, 5vw, 5rem); }
.site-footer__main { padding-top: 3rem; }
.site-footer .brand-logo { color: #fff; }
.site-footer__main .brand-logo__image { border-radius: .75rem; }
.site-footer__about { max-width: 390px; margin: 1.25rem 0; color: #a7a9b1; font-size: .8rem; line-height: 1.75; }
.site-footer h2 { margin-bottom: 1.15rem; color: #fff; font-size: .8rem; font-weight: 800; }
.footer-column a { width: max-content; max-width: 100%; display: block; margin: .72rem 0; font-size: .75rem; }
.footer-company-data { display: grid; gap: .4rem; color: #b8bac2; font-size: .68rem; }
.footer-company-data strong { color: #fff; }
.footer-company-data a { color: #d7d8de; }
.footer-contact-button { width: max-content; display: inline-flex; align-items: center; gap: .45rem; margin-top: 1.1rem; padding: .55rem .85rem; color: #fff !important; background: var(--color-primary); border-radius: 999px; font-size: .65rem; font-weight: 750; }
.footer-contact-button:hover { background: #bd0712; }
.footer-social-label { display: block; margin-top: 1.35rem; color: #878a94; font-size: .58rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.footer-social { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.25rem; }
.footer-social a, .footer-social > span { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: #292b34; border: 1px solid #353741; border-radius: 50%; font-size: 1rem; transition: color var(--transition), background var(--transition), border-color var(--transition), transform var(--transition); }
.footer-social a:hover { color: #fff; background: var(--color-primary); border-color: var(--color-primary); transform: translateY(-2px); }
.footer-social > span { color: #aaacb4; cursor: default; }
.footer-trust-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; margin-top: 2.75rem; padding: 1.2rem 0; color: #aeb0b8; border-top: 1px solid #30313a; border-bottom: 1px solid #30313a; font-size: .66rem; }
.footer-trust-strip > span, .footer-trust-strip > a { display: inline-flex; align-items: center; gap: .45rem; }
.footer-trust-strip > span > i, .footer-trust-strip > a > i:first-child { width: 32px; height: 32px; display: grid; place-items: center; color: #ff6973; background: #2b1d24; border-radius: .55rem; font-size: .85rem; }
.footer-trust-strip strong { color: #d9dae0; font-weight: 650; }
.footer-trust-strip > a { margin-left: 0; }
.footer-trust-strip > a > i:first-child { color: #83aaff; background: #1e2534; }
.footer-trust-strip > a > i:last-child { font-size: .58rem; }
.site-footer__bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding: 1.5rem 0; border-bottom: 1px solid #30313a; }
.site-footer__bottom > p { margin: 0; color: #80838d; text-align: right; font-size: .62rem; line-height: 1.6; }
.site-footer__bottom > p strong { color: #caccd2; }
.footer-label { display: block; margin-bottom: .65rem; color: #fff; font-size: .68rem; font-weight: 700; }
.payment-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.payment-list span { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .7rem; color: #282832; background: #fff; border-radius: .38rem; font-size: .62rem; font-weight: 800; }
.payment-list .payment-list__pix { color: #fff; background: #087f72; }
.payment-list .payment-list__mercado-pago { color: #fff; background: #168ad1; }
.site-footer__legal { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .8rem 2rem; align-items: start; padding-top: 1.2rem; color: #7f828b; font-size: .62rem; line-height: 1.65; }
.site-footer__legal p { margin-bottom: .25rem; }
.site-footer__legal p strong { color: #b9bbc2; }
.site-footer__legal nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 1rem; }
.site-footer__legal a { color: #a7a9b1; }
.site-footer__legal > small { grid-column: 1 / -1; padding-top: .5rem; border-top: 1px solid #24262e; }

@media (max-width: 991.98px) {
    .footer-highlight { align-items: flex-start; flex-direction: column; gap: 1.5rem; }
    .site-footer__main { grid-template-columns: 1.5fr repeat(3, 1fr); gap: 2rem; }
}

@media (max-width: 767.98px) {
    .site-footer { padding-top: 3rem; padding-bottom: calc(5rem + env(safe-area-inset-bottom)); }
    .site-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.25rem 1.5rem; }
    .footer-brand { grid-column: 1 / -1; }
    .site-footer__about { margin-bottom: 1rem; }
    .footer-highlight { padding-bottom: 2rem; }
    .footer-highlight nav { width: 100%; }
    .footer-highlight nav a { flex: 1; padding-inline: .8rem; }
    .footer-trust-strip { align-items: flex-start; flex-direction: column; gap: .8rem; }
    .footer-trust-strip > a { margin-left: 0; }
    .site-footer__bottom { align-items: flex-start; flex-direction: column; }
    .site-footer__bottom > p { text-align: left; }
    .site-footer__legal { grid-template-columns: 1fr; }
    .site-footer__legal nav { justify-content: flex-start; }
    .site-footer__legal > small { grid-column: auto; }
}

/* Catálogo administrativo */
.admin-catalog, .admin-product-editor { --admin-accent: #e61f2b; --admin-ink: #171923; --admin-muted: #747887; --admin-line: #e8e9ee; }
.admin-catalog__heading .admin-kicker, .product-editor-heading .admin-kicker { display: flex; align-items: center; gap: .45rem; }
.admin-primary-action--large { min-height: 46px; padding: 0 1.15rem; border-radius: .75rem; }
.catalog-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.catalog-metrics article { min-width: 0; display: flex; align-items: center; gap: .9rem; padding: 1.1rem; background: #fff; border: 1px solid var(--admin-line); border-radius: 1rem; box-shadow: 0 5px 20px rgba(24, 27, 38, .04); }
.catalog-metric__icon { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; color: #d51c28; background: #fff0f1; border-radius: .85rem; font-size: 1.05rem; }
.catalog-metric__icon.is-green { color: #11884b; background: #eaf8f0; }.catalog-metric__icon.is-amber { color: #b56a00; background: #fff5df; }.catalog-metric__icon.is-blue { color: #1768c4; background: #eaf3ff; }
.catalog-metric__icon.is-purple { color: #7443b3; background: #f3ecfc; }
.catalog-metrics article div { min-width: 0; display: grid; }.catalog-metrics small { color: var(--admin-muted); font-size: .68rem; font-weight: 650; }.catalog-metrics strong { margin: .1rem 0; color: var(--admin-ink); font-size: 1.5rem; line-height: 1.1; }.catalog-metrics article div span { color: #9699a5; font-size: .61rem; }
.catalog-table-card { padding: 0; overflow: hidden; border-radius: 1rem; }
.catalog-table-card__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.35rem; border-bottom: 1px solid var(--admin-line); }
.catalog-table-card__header h2 { margin: 0 0 .2rem; color: var(--admin-ink); font-size: .95rem; }.catalog-table-card__header p { margin: 0; color: var(--admin-muted); font-size: .67rem; }
.catalog-table-count { color: var(--admin-muted); font-size: .65rem; }.catalog-table-count strong { color: var(--admin-ink); }
.catalog-toolbar { display: grid; grid-template-columns: minmax(270px, 1fr) 210px 180px; gap: .75rem; padding: 1rem 1.35rem; background: #fbfbfc; border-bottom: 1px solid var(--admin-line); }
.catalog-search, .catalog-filter { min-width: 0; height: 42px; display: flex; align-items: center; gap: .65rem; padding: 0 .8rem; background: #fff; border: 1px solid #dedfe5; border-radius: .7rem; color: #898c98; transition: border-color .2s, box-shadow .2s; }
.catalog-search:focus-within, .catalog-filter:focus-within { border-color: #ed8d94; box-shadow: 0 0 0 3px rgba(230,31,43,.08); }
.catalog-search input, .catalog-filter select { min-width: 0; width: 100%; height: 100%; padding: 0; color: var(--admin-ink); background: transparent; border: 0; outline: 0; font-size: .68rem; }
.catalog-search kbd { padding: .18rem .35rem; color: #9a9ca5; background: #f4f4f6; border: 1px solid #e5e5e9; border-radius: .3rem; font: 550 .53rem inherit; white-space: nowrap; }
.catalog-inline-icon { width: 16px; height: 16px; flex: 0 0 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.catalog-search__action { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; padding: 0; color: #777b88; background: #f5f5f7; border: 1px solid #e2e3e7; border-radius: .48rem; cursor: pointer; transition: color .2s,background .2s,border-color .2s; }
.catalog-search__action:hover { color: #d51c28; background: #fff1f2; border-color: #efb0b5; }
.catalog-search__action svg { width: 15px; height: 15px; grid-area: 1 / 1; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; }
.catalog-search__action .is-clear { display: none; }.catalog-search__action.has-value .is-search { display: none; }.catalog-search__action.has-value .is-clear { display: block; }
.catalog-add-product { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: 0 1.05rem; color: #fff !important; background: #ed101f !important; border: 1px solid #ed101f !important; border-radius: .7rem; box-shadow: 0 6px 16px rgba(237,16,31,.18); font-size: .68rem; font-weight: 800; text-decoration: none; transition: transform .2s,background .2s,box-shadow .2s; }
.catalog-add-product:hover { color: #fff; background: #d90816 !important; box-shadow: 0 8px 20px rgba(237,16,31,.25); transform: translateY(-1px); }.catalog-add-product svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.catalog-table-wrap { min-height: 180px; }.catalog-table { min-width: 980px; }.catalog-table th { padding: .8rem 1rem; color: #858894; background: #fff; font-size: .58rem; text-transform: uppercase; letter-spacing: .035em; }
.catalog-table th button { display: inline-flex; align-items: center; gap: .35rem; padding: 0; color: inherit; background: none; border: 0; font: inherit; text-transform: inherit; cursor: pointer; }.catalog-table th button:hover { color: var(--admin-ink); }
.catalog-table td { padding: .75rem 1rem; vertical-align: middle; border-top: 1px solid #f0f0f3; font-size: .65rem; }.catalog-table tbody tr:hover td { background: #fdfdfd; }
.catalog-product { min-width: 230px; display: flex; align-items: center; gap: .75rem; }.catalog-product img { width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; padding: .2rem; background: #f7f7f8; border: 1px solid #ededf0; border-radius: .65rem; }
.catalog-product div { min-width: 0; display: grid; justify-items: start; }.catalog-product strong { max-width: 230px; overflow: hidden; color: var(--admin-ink); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }.catalog-product small { max-width: 210px; overflow: hidden; color: #a0a2ac; font-size: .55rem; text-overflow: ellipsis; white-space: nowrap; }.catalog-product div span { margin-top: .18rem; color: #a96c00; font-size: .52rem; }.catalog-product div span i { font-size: .48rem; }
.catalog-product__no-image { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; color: #a4a7b0; background: #f5f5f7; border: 1px dashed #d9dae0; border-radius: .65rem; font-size: .9rem; }
.catalog-category, .catalog-variations { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .5rem; color: #555967; background: #f3f4f6; border-radius: 2rem; white-space: nowrap; }.catalog-variations { color: #34618e; background: #eef5fc; }
.catalog-sku { padding: .25rem .4rem; color: #5e6270; background: transparent; font-size: .59rem; }.catalog-price { display: grid; white-space: nowrap; }.catalog-price strong { color: var(--admin-ink); font-size: .68rem; }.catalog-price del { color: #a0a3ad; font-size: .53rem; }
.catalog-stock, .catalog-status { display: inline-flex; align-items: center; gap: .38rem; white-space: nowrap; }.catalog-stock i, .catalog-status i { width: 7px; height: 7px; background: #1b9b59; border-radius: 50%; }.catalog-stock.is-low { color: #a86700; }.catalog-stock.is-low i { background: #ed9a18; }.catalog-stock.is-empty { color: #c42934; }.catalog-stock.is-empty i { background: #df3944; }
.catalog-status { padding: .3rem .5rem; color: #127444; background: #eaf8f0; border-radius: 2rem; font-size: .57rem; font-weight: 700; }.catalog-status.is-rascunho { color: #7a5d12; background: #fff5dc; }.catalog-status.is-rascunho i { background: #d69913; }.catalog-status.is-inativo { color: #666a76; background: #f0f1f3; }.catalog-status.is-inativo i { background: #8c8f98; }
.catalog-actions { display: flex; justify-content: flex-end; gap: .35rem; }.catalog-actions a { height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: 0 .55rem; color: #656976; background: #fff; border: 1px solid #e0e1e5; border-radius: .5rem; text-decoration: none; }.catalog-actions a.is-primary { color: #d51c28; border-color: #f0b8bc; }.catalog-actions a:hover { background: #f8f8fa; }.catalog-actions a span { font-size: .57rem; font-weight: 700; }
.category-toolbar { grid-template-columns: minmax(300px,1fr) 220px 185px; }
.category-table { min-width: 900px; }
.category-name { min-width: 210px; display: flex; align-items: center; gap: .7rem; }.category-name > span { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; color: #236cbb; background: #edf5fe; border-radius: .65rem; }.category-name > span.is-child { color: #7443b3; background: #f4edfc; }.category-name > div { display: grid; }.category-name strong { color: #242732; font-size: .68rem; }.category-name small { color: #999ca6; font-size: .52rem; }
.category-parent { display: inline-flex; align-items: center; gap: .4rem; color: #555966; font-size: .61rem; }.category-parent i { color: #a0a3ad; }.category-root { color: #a0a3ad; font-size: .58rem; }
.category-product-count { display: inline-flex; align-items: center; gap: .38rem; padding: .3rem .5rem; color: #246697; background: #eef6fc; border-radius: 2rem; white-space: nowrap; }.category-product-count.is-empty { color: #8c8f99; background: #f1f2f4; }.category-order { width: 29px; height: 29px; display: grid; place-items: center; color: #636774; background: #f5f5f7; border: 1px solid #e5e6e9; border-radius: .45rem; font-size: .57rem; font-weight: 750; }
.category-check-cell { width: 42px; padding-right: .25rem !important; text-align: center; }
.admin-table-check { width: 18px; height: 18px; display: inline-grid; place-items: center; position: relative; cursor: pointer; }.admin-table-check input { position: absolute; opacity: 0; pointer-events: none; }.admin-table-check span { width: 18px; height: 18px; display: grid; place-items: center; color: transparent; background: #fff; border: 1px solid #cfd1d7; border-radius: .3rem; transition: color .15s,background .15s,border-color .15s; }.admin-table-check span i { font-size: .55rem; }.admin-table-check input:checked + span,.admin-table-check input:indeterminate + span { color: #fff; background: #e81926; border-color: #e81926; }.admin-table-check input:focus-visible + span { box-shadow: 0 0 0 3px rgba(232,25,38,.12); }
.category-bulk-bar { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem 1.35rem; color: #343741; background: #fff7f7; border-bottom: 1px solid #f2c8cb; }.category-bulk-bar[hidden] { display: none !important; }.category-bulk-bar > div { display: flex; align-items: center; gap: .55rem; }.category-bulk-bar > div > span { width: 28px; height: 28px; display: grid; place-items: center; color: #fff; background: #e81926; border-radius: .45rem; }.category-bulk-bar strong { font-size: .61rem; }.category-bulk-bar strong b { color: #d50f1b; }.category-bulk-bar > div button { padding: .3rem .45rem; color: #767985; background: transparent; border: 0; font-size: .55rem; text-decoration: underline; cursor: pointer; }.category-bulk-bar > button { min-height: 34px; display: inline-flex; align-items: center; gap: .4rem; padding: 0 .7rem; color: #fff; background: #d70e1b; border: 0; border-radius: .5rem; font-size: .57rem; font-weight: 750; cursor: pointer; }.category-bulk-bar > button:hover { background: #bd0915; }
.category-icon-control { height: 44px; display: grid !important; grid-template-columns: 44px minmax(0,1fr); overflow: hidden; border: 1px solid #dddfe5; border-radius: .6rem; }.category-icon-control > span { display: grid; place-items: center; color: #d51c28; background: #fff1f2; border-right: 1px solid #ecdadd; font-size: 1rem; }.category-icon-control select { width: 100%; height: 100%; padding: 0 .7rem; background: #fff; border: 0 !important; outline: 0; font-size: .68rem; }
.attribute-create-card { margin-bottom: 1rem; scroll-margin-top: 1rem; }.attribute-create-card > header { align-items: center; }.attribute-create-card > header > div { display: flex; align-items: center; gap: .7rem; }.attribute-create-card > header h2 { margin: 0 0 .15rem; }.attribute-create-card > header p { margin: 0; color: #8d909b; font-size: .58rem; }.attribute-create-card > header > button { min-height: 34px; padding: 0 .65rem; color: #686b77; background: #fff; border: 1px solid #dedfe4; border-radius: .5rem; font-size: .56rem; cursor: pointer; }.attribute-create-card > header > button[hidden] { display: none !important; }
.attribute-form-grid { display: grid; grid-template-columns: 1fr 1fr .65fr 1.4fr .45fr; align-items: end; gap: .75rem; padding: 1rem 1.15rem 1.15rem; }.attribute-switch { min-height: 46px; padding: 0 .65rem; background: #fafafb; border: 1px solid #e4e5e9; border-radius: .6rem; }.attribute-save-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding: 0 .8rem; color: #fff; background: #e81926; border: 0; border-radius: .6rem; font-size: .61rem; font-weight: 750; cursor: pointer; }.attribute-save-button:hover { background: #d10e1b; }
.attribute-toolbar { grid-template-columns: minmax(300px,1fr) 190px 180px; }.attribute-table { min-width: 980px; }.attribute-name { min-width: 185px; display: flex; align-items: center; gap: .65rem; }.attribute-name > span { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; color: #7543b4; background: #f4edfc; border-radius: .65rem; }.attribute-name > div { min-width: 0; display: grid; }.attribute-name strong { color: #282b36; font-size: .67rem; }.attribute-name small { color: #9a9da7; font-size: .52rem; }
.attribute-type { display: inline-flex; padding: .3rem .5rem; color: #315f8a; background: #edf5fc; border-radius: 2rem; font-size: .55rem; font-weight: 700; }.attribute-type.is-cor { color: #884787; background: #faeef9; }.attribute-type.is-texto { color: #6d5d37; background: #faf5e9; }
.attribute-value-list { min-width: 210px; max-width: 330px; display: flex; align-items: center; gap: .3rem; overflow: hidden; }.attribute-value-list span { max-width: 90px; overflow: hidden; padding: .28rem .42rem; color: #606470; background: #f3f4f6; border-radius: .35rem; font-size: .51rem; text-overflow: ellipsis; white-space: nowrap; }.attribute-value-list b { color: #787b86; font-size: .52rem; }.attribute-value-list small { color: #9a9da7; font-size: .54rem; }
.attribute-usage { display: inline-flex; align-items: center; gap: .35rem; color: #8b8e98; white-space: nowrap; }.attribute-usage.is-used { color: #276a9f; }.attribute-boolean { display: inline-flex; align-items: center; gap: .25rem; color: #8c8f99; }.attribute-boolean.is-yes { color: #15834c; }.catalog-actions .attribute-edit-button { height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: 0 .55rem; color: #d51c28; background: #fff; border: 1px solid #f0b8bc; border-radius: .5rem; font-size: .57rem; font-weight: 700; cursor: pointer; }.catalog-actions .attribute-edit-button:hover { background: #fff5f5; }
.category-icon-field > input[type="hidden"] { display: none; }
.category-icon-picker { overflow: hidden; background: #fff; border: 1px solid #dddfe5; border-radius: .75rem; }
.category-icon-picker__toolbar { min-height: 66px; display: grid !important; grid-template-columns: 42px minmax(120px,.7fr) minmax(210px,1fr); align-items: center; gap: .7rem; padding: .65rem .75rem; background: #fafafb; border-bottom: 1px solid #e7e8eb; }
.category-icon-picker__toolbar > span { width: 42px; height: 42px; display: grid; place-items: center; color: #fff; background: #e81926; border-radius: .65rem; font-size: 1.1rem; box-shadow: 0 5px 12px rgba(232,25,38,.18); }.category-icon-picker__toolbar > div { min-width: 0; display: grid; }.category-icon-picker__toolbar strong { overflow: hidden; color: #30333e; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }.category-icon-picker__toolbar small { color: #9295a0; font-size: .52rem; }
.category-icon-picker__toolbar label { height: 38px; display: flex; align-items: center; gap: .55rem; padding: 0 .7rem; background: #fff; border: 1px solid #dfe0e5; border-radius: .55rem; }.category-icon-picker__toolbar label svg { width: 15px; height: 15px; flex: 0 0 15px; fill: none; stroke: #858995; stroke-width: 1.8; stroke-linecap: round; }.category-icon-picker__toolbar label input { min-width: 0; width: 100%; height: 100%; padding: 0; border: 0; outline: 0; font-size: .61rem; }
.category-icon-picker__grid { max-height: 330px; display: grid !important; grid-template-columns: repeat(8,minmax(0,1fr)); gap: .45rem; padding: .75rem; overflow-y: auto; }.category-icon-picker__grid button { min-width: 0; min-height: 72px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .35rem; padding: .45rem .25rem; color: #666a76; background: #fff; border: 1px solid #e5e6ea; border-radius: .58rem; cursor: pointer; transition: color .18s,background .18s,border-color .18s,transform .18s; }.category-icon-picker__grid button:hover { color: #d51c28; background: #fff7f7; border-color: #efb5b9; transform: translateY(-1px); }.category-icon-picker__grid button.is-selected { color: #fff; background: #e81926; border-color: #e81926; box-shadow: 0 5px 13px rgba(232,25,38,.18); }.category-icon-picker__grid button i { font-size: 1.05rem; }.category-icon-picker__grid button span { width: 100%; overflow: hidden; font-size: .46rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }.category-icon-picker__grid button[hidden] { display: none !important; }
.category-icon-picker__empty { padding: 1.5rem; color: #9295a0; text-align: center; font-size: .59rem; }.category-icon-picker__empty[hidden] { display: none !important; }
.catalog-empty { min-height: 230px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #9699a4; }.catalog-empty i { margin-bottom: .6rem; font-size: 1.5rem; }.catalog-empty strong { color: #3b3e49; font-size: .78rem; }.catalog-empty span { margin-top: .25rem; font-size: .62rem; }
.catalog-empty[hidden], .variation-empty[hidden], .product-gallery-empty[hidden], .product-gallery-new[hidden] { display: none !important; }
.catalog-pagination { min-height: 60px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; padding: .8rem 1.35rem; border-top: 1px solid var(--admin-line); color: var(--admin-muted); font-size: .61rem; }.catalog-pagination label { display: flex; align-items: center; gap: .4rem; }.catalog-pagination select { padding: .35rem .5rem; border: 1px solid #dedfe4; border-radius: .4rem; }.catalog-pagination nav { display: flex; justify-content: flex-end; gap: .25rem; }.catalog-pagination button { min-width: 31px; height: 31px; padding: 0 .4rem; color: #666a77; background: #fff; border: 1px solid #e1e2e6; border-radius: .45rem; cursor: pointer; }.catalog-pagination button.is-active { color: #fff; background: var(--admin-accent); border-color: var(--admin-accent); }.catalog-pagination button:disabled { opacity: .4; cursor: default; }

/* Editor de produto */
.product-editor-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.25rem; }.product-editor-heading__title > a { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: .8rem; color: #747887; font-size: .63rem; font-weight: 650; text-decoration: none; }.product-editor-heading h1 { margin: .15rem 0 .2rem; color: var(--admin-ink); font-size: 1.55rem; }.product-editor-heading p { margin: 0; color: var(--admin-muted); font-size: .68rem; }
.product-editor-heading__actions { display: flex; gap: .65rem; }.product-editor-heading__actions a, .product-editor-heading__actions button { min-height: 42px; display: inline-flex; align-items: center; gap: .45rem; padding: 0 .9rem; border-radius: .65rem; font-size: .64rem; font-weight: 750; text-decoration: none; cursor: pointer; }.product-editor-heading__actions a { color: #555967; background: #fff; border: 1px solid #dedfe4; }.product-editor-heading__actions button { color: #fff; background: var(--admin-accent); border: 1px solid var(--admin-accent); }
.product-editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 1.15rem; align-items: start; }.product-editor-main { min-width: 0; display: grid; gap: 1rem; }.product-editor-sidebar { min-width: 0; display: grid; gap: 1rem; position: sticky; top: 1rem; }
.product-editor-nav { display: flex; gap: .15rem; padding: .35rem; overflow-x: auto; background: #fff; border: 1px solid var(--admin-line); border-radius: .8rem; }.product-editor-nav a { min-height: 36px; display: inline-flex; align-items: center; gap: .4rem; padding: 0 .7rem; color: #747886; border-radius: .55rem; font-size: .61rem; font-weight: 700; text-decoration: none; white-space: nowrap; }.product-editor-nav a:hover, .product-editor-nav a.is-active { color: #d71c28; background: #fff0f1; }.product-editor-nav a span { min-width: 18px; padding: .1rem .3rem; color: inherit; background: rgba(255,255,255,.8); border-radius: 1rem; text-align: center; }
.product-form-card { padding: 0; overflow: hidden; scroll-margin-top: 1rem; border-radius: 1rem; }.product-form-card > header { display: flex; align-items: center; gap: .75rem; padding: 1rem 1.15rem; border-bottom: 1px solid var(--admin-line); }.product-form-card > header h2 { margin: 0 0 .15rem; color: var(--admin-ink); font-size: .84rem; }.product-form-card > header p { margin: 0; color: var(--admin-muted); font-size: .61rem; }.product-form-card__icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; color: #d71c28; background: #fff0f1; border-radius: .7rem; }.product-form-card__icon.is-purple { color: #7545b5; background: #f4edfd; }.product-form-card__icon.is-green { color: #14844c; background: #ebf8f1; }.product-form-card__icon.is-blue { color: #236cbb; background: #edf5fe; }
.product-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; padding: 1.15rem; }.product-form-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: .6rem; }.product-form-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top: .6rem; }
.product-field { min-width: 0; display: grid; align-content: start; gap: .38rem; color: #393c48; font-size: .62rem; font-weight: 700; }.product-field--wide { grid-column: 1 / -1; }.product-field > span b { color: var(--admin-accent); }.product-field > span small { color: #9699a3; font-weight: 500; }.product-field input, .product-field select, .product-field textarea { width: 100%; min-height: 42px; padding: .65rem .72rem; color: #222530; background: #fff; border: 1px solid #dddfe5; border-radius: .6rem; outline: 0; font: 500 .67rem/1.4 inherit; transition: border-color .2s, box-shadow .2s; }.product-field textarea { resize: vertical; }.product-field input:focus, .product-field select:focus, .product-field textarea:focus { border-color: #e8878e; box-shadow: 0 0 0 3px rgba(230,31,43,.07); }.product-field > small { color: #999ca6; font-size: .54rem; font-weight: 500; }
.product-field-prefix, .product-number { display: flex; align-items: stretch; overflow: hidden; background: #f7f7f8; border: 1px solid #dddfe5; border-radius: .6rem; }.product-field-prefix > span, .product-number > span { display: flex; align-items: center; padding: 0 .65rem; color: #858895; font-size: .61rem; white-space: nowrap; }.product-field-prefix input, .product-number input { min-width: 0; border: 0; border-left: 1px solid #e2e3e7; border-radius: 0; }.product-number.is-suffix input { border: 0; border-right: 1px solid #e2e3e7; }.product-field-prefix:focus-within, .product-number:focus-within { border-color: #e8878e; box-shadow: 0 0 0 3px rgba(230,31,43,.07); }.product-field-prefix input:focus, .product-number input:focus { box-shadow: none; }
.product-categories { margin: 0; padding: 0; border: 0; }.product-categories legend { margin-bottom: .55rem; color: #393c48; font-size: .62rem; font-weight: 700; }.product-categories legend small { margin-left: .3rem; color: #989ba5; font-weight: 500; }.product-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }.product-category-grid label input { position: absolute; opacity: 0; pointer-events: none; }.product-category-grid label > span { min-height: 50px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: .5rem; align-items: center; padding: .55rem .65rem; color: #686c78; background: #fff; border: 1px solid #e0e1e6; border-radius: .6rem; cursor: pointer; }.product-category-grid label i { grid-row: 1 / 3; }.product-category-grid label strong { overflow: hidden; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }.product-category-grid label small { color: #999ca6; font-size: .5rem; }.product-category-grid input:checked + span { color: #d51c28; background: #fff3f4; border-color: #efafb4; box-shadow: inset 0 0 0 1px #efafb4; }
.product-form-subtitle { display: flex; align-items: center; gap: .45rem; margin: .3rem 1.15rem 0; padding-top: .8rem; color: #555967; border-top: 1px solid #f0f0f2; font-size: .62rem; font-weight: 750; }.product-form-card > header + .product-form-subtitle { border-top: 0; }
.product-publish-card, .product-media-card, .product-completeness { padding: 1rem; border-radius: .9rem; }.product-publish-card > header, .product-media-card > header, .product-completeness > header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .85rem; }.product-publish-card h2, .product-media-card h2, .product-completeness h2 { margin: 0; color: var(--admin-ink); font-size: .75rem; }.product-publish-card > .product-field { margin-bottom: .75rem; }
.product-switch { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .7rem 0; border-top: 1px solid #eeeef1; cursor: pointer; }.product-switch span { display: grid; }.product-switch strong { color: #393d49; font-size: .59rem; }.product-switch small { color: #9699a4; font-size: .51rem; }.product-switch input { position: absolute; opacity: 0; }.product-switch > i { width: 35px; height: 20px; flex: 0 0 35px; position: relative; background: #d5d7dc; border-radius: 2rem; transition: background .2s; }.product-switch > i::after { content: ""; width: 14px; height: 14px; position: absolute; top: 3px; left: 3px; background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.18); transition: transform .2s; }.product-switch input:checked + i { background: #e2212d; }.product-switch input:checked + i::after { transform: translateX(15px); }
.featured-offer__product-image { z-index: 1; width: 82%; height: 82%; object-fit: contain; }
.featured-offer__image-missing { z-index: 1; max-width: 75%; display: grid; justify-items: center; gap: .55rem; color: #9b9ca5; text-align: center; }.featured-offer__image-missing > i { font-size: 3rem; }.featured-offer__image-missing > strong { color: #343640; font-size: 1rem; }.featured-offer__image-missing > small { font-size: .7rem; }
.product-publish-card > button { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: center; gap: .4rem; margin-top: .65rem; color: #fff; background: var(--admin-accent); border: 0; border-radius: .65rem; font-size: .64rem; font-weight: 750; cursor: pointer; }.product-save-note { display: flex; align-items: flex-start; gap: .35rem; margin-top: .65rem; color: #9295a0; font-size: .51rem; line-height: 1.45; }
.product-image-preview { aspect-ratio: 1 / .78; position: relative; display: grid; place-items: center; overflow: hidden; background: #f8f8f9; border: 1px solid #ebebee; border-radius: .7rem; }.product-image-preview img { width: 100%; height: 100%; object-fit: contain; padding: .5rem; }.product-image-preview > span { width: 26px; height: 26px; position: absolute; right: .5rem; bottom: .5rem; display: grid; place-items: center; color: #727682; background: rgba(255,255,255,.9); border-radius: .4rem; font-size: .58rem; }
.product-image-preview > div { display: grid; justify-items: center; gap: .35rem; color: #a0a3ad; }.product-image-preview > div i { font-size: 1.5rem; }.product-image-preview > div small { font-size: .55rem; }
.product-upload { display: flex; align-items: center; justify-content: center; gap: .55rem; margin-top: .65rem; padding: .65rem; color: #d51c28; background: #fff5f5; border: 1px dashed #efaeb3; border-radius: .6rem; cursor: pointer; text-decoration: none; }.product-upload input { display: none; }.product-upload > span { display: grid; }.product-upload strong { font-size: .58rem; }.product-upload small { color: #999ca6; font-size: .49rem; }
.product-gallery-content { display: grid; gap: 1rem; padding: 1.15rem; }
.product-gallery-dropzone { min-height: 112px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .85rem; padding: 1rem; color: #666a77; background: #fdfafa; border: 1.5px dashed #e5a5aa; border-radius: .8rem; cursor: pointer; transition: background .2s,border-color .2s; }
.product-gallery-dropzone:hover { background: #fff4f5; border-color: #dc4a54; }.product-gallery-dropzone input { position: absolute; opacity: 0; pointer-events: none; }
.product-gallery-dropzone__icon { width: 46px; height: 46px; display: grid; place-items: center; color: #d8202c; background: #fff; border: 1px solid #f0c7ca; border-radius: .75rem; }.product-gallery-dropzone__icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.product-gallery-dropzone > span:nth-child(3) { display: grid; }.product-gallery-dropzone strong { color: #323641; font-size: .68rem; }.product-gallery-dropzone small { margin-top: .15rem; color: #9295a0; font-size: .54rem; }.product-gallery-dropzone > b { padding: .55rem .7rem; color: #d51c28; background: #fff; border: 1px solid #efb4b8; border-radius: .5rem; font-size: .56rem; }
.product-gallery-existing { display: grid; gap: .75rem; }.product-gallery-title { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.product-gallery-title > div { display: grid; }.product-gallery-title strong { color: #373a46; font-size: .65rem; }.product-gallery-title small { color: #9295a0; font-size: .52rem; }.product-gallery-title > span { color: #8b8e99; font-size: .54rem; }.product-gallery-title > span b { color: #373a46; }
.product-gallery-grid, .product-gallery-new > div { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .65rem; }
.product-gallery-item { aspect-ratio: 1; position: relative; display: grid; place-items: center; overflow: hidden; background: #f7f7f8; border: 1px solid #e1e2e6; border-radius: .7rem; transition: opacity .2s,border-color .2s; }.product-gallery-item > img { width: 100%; height: 100%; object-fit: contain; padding: .35rem; }.product-gallery-item > div { position: absolute; top: .4rem; right: .4rem; display: flex; gap: .3rem; opacity: 0; transform: translateY(-3px); transition: opacity .2s,transform .2s; }.product-gallery-item:hover > div { opacity: 1; transform: none; }.product-gallery-item > div input { position: absolute; opacity: 0; }.product-gallery-item > div span,.product-gallery-item > div button { width: 28px; height: 28px; display: grid; place-items: center; color: #666a76; background: rgba(255,255,255,.94); border: 1px solid #e1e2e6; border-radius: .45rem; cursor: pointer; font-size: .55rem; }.product-gallery-item > div input:checked + span { color: #b67800; background: #fff8df; border-color: #efd88d; }.product-gallery-item > div button:hover { color: #d51c28; border-color: #efaeb3; }.product-gallery-item > small { position: absolute; left: .4rem; bottom: .4rem; padding: .25rem .4rem; color: #805f0b; background: rgba(255,248,218,.94); border-radius: .35rem; font-size: .47rem; font-weight: 750; }.product-gallery-item.is-deleted { opacity: .32; border-color: #e54c56; }.product-gallery-item.is-deleted::after { content: "Será removida"; position: absolute; padding: .3rem .45rem; color: #fff; background: #c92934; border-radius: .35rem; font-size: .48rem; font-weight: 750; }.product-gallery-item.is-deleted > div { opacity: 1; }
.product-gallery-new { display: grid; gap: .45rem; padding-top: .7rem; border-top: 1px solid #eeeef1; }.product-gallery-new > strong { color: #454854; font-size: .61rem; }.product-gallery-new > div span { aspect-ratio: 1; overflow: hidden; background: #f7f7f8; border: 1px solid #dfe0e5; border-radius: .65rem; }.product-gallery-new img { width: 100%; height: 100%; object-fit: contain; }.product-gallery-new > small { color: #9295a0; font-size: .51rem; }
.product-gallery-empty { min-height: 90px; display: flex; align-items: center; justify-content: center; gap: .5rem; color: #9a9da7; background: #fafafb; border: 1px dashed #dddfe4; border-radius: .65rem; font-size: .57rem; }
.product-completeness header strong { color: #16854d; font-size: .68rem; }.product-completeness > div { height: 6px; overflow: hidden; background: #eceef1; border-radius: 1rem; }.product-completeness > div i { width: 0; height: 100%; display: block; background: linear-gradient(90deg,#ef3b45,#23a55e); border-radius: inherit; transition: width .3s; }.product-completeness p { margin: .65rem 0 0; color: #9295a0; font-size: .53rem; line-height: 1.5; }
.product-variations > header > div { flex: 1; }.product-add-variation, .variation-empty button { min-height: 36px; display: inline-flex; align-items: center; gap: .35rem; padding: 0 .7rem; color: #d51c28; background: #fff; border: 1px solid #efb3b7; border-radius: .55rem; font-size: .58rem; font-weight: 750; cursor: pointer; }.variation-help { display: flex; align-items: center; gap: .55rem; margin: 1rem 1.15rem 0; padding: .65rem .75rem; color: #665b3f; background: #fff9e9; border: 1px solid #f3e4b6; border-radius: .6rem; font-size: .56rem; }.variation-help code { color: #665b3f; }
.product-variation-list { display: grid; gap: .8rem; padding: 1rem 1.15rem 1.15rem; }.admin-variation-row { overflow: hidden; background: #fcfcfd; border: 1px solid #e2e3e8; border-radius: .8rem; }.admin-variation-row > header { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: .65rem; padding: .7rem .8rem; background: #fff; border-bottom: 1px solid #e8e9ed; }.variation-number { width: 30px; height: 30px; display: grid; place-items: center; color: #d51c28; background: #fff0f1; border-radius: .5rem; font-size: .57rem; font-weight: 800; }.admin-variation-row > header div { display: grid; }.admin-variation-row > header strong { color: #30333e; font-size: .64rem; }.admin-variation-row > header small { color: #999ca6; font-size: .5rem; }.admin-variation-row > header button { width: 30px; height: 30px; color: #9a9da7; background: #fff; border: 1px solid #e3e4e8; border-radius: .45rem; cursor: pointer; }.admin-variation-row > header button:hover { color: #d51c28; border-color: #efb2b6; }
.variation-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; padding: .8rem; }.variation-fields + .variation-fields { padding-top: 0; }.variation-fields--identity { grid-template-columns: 1.5fr 1fr .7fr; }.variation-fields--four { grid-template-columns: repeat(4,minmax(0,1fr)); }.variation-fields--five { grid-template-columns: repeat(5,minmax(0,1fr)); padding: .8rem 0 0; }
.admin-variation-row details { margin: 0 .8rem .8rem; padding: .65rem .75rem; background: #fff; border: 1px solid #e9eaed; border-radius: .55rem; }.admin-variation-row summary { display: flex; align-items: center; gap: .4rem; color: #626674; font-size: .57rem; font-weight: 700; cursor: pointer; list-style: none; }.admin-variation-row summary i:last-child { margin-left: auto; transition: transform .2s; }.admin-variation-row details[open] summary i:last-child { transform: rotate(180deg); }
.variation-empty { min-height: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 1rem 1.15rem 1.15rem; color: #999ca6; background: #fafafb; border: 1px dashed #d9dbe0; border-radius: .75rem; }.variation-empty > i { margin-bottom: .5rem; font-size: 1.5rem; }.variation-empty strong { color: #454955; font-size: .7rem; }.variation-empty span { margin: .25rem 0 .7rem; font-size: .55rem; }

@media (max-width: 1199.98px) {
    .catalog-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .product-editor-layout { grid-template-columns: minmax(0,1fr) 245px; }
    .product-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .variation-fields--five { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .product-gallery-grid, .product-gallery-new > div { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .category-icon-picker__grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
    .attribute-form-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.attribute-values-field { grid-column: span 2; }
}
@media (max-width: 991.98px) {
    .catalog-toolbar { grid-template-columns: 1fr 1fr; }.catalog-search { grid-column: 1 / -1; }
    .product-editor-layout { grid-template-columns: 1fr; }.product-editor-sidebar { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }.product-completeness { grid-column: 1 / -1; }
    .category-toolbar { grid-template-columns: 1fr 1fr; }.category-toolbar .catalog-search { grid-column: 1 / -1; }
    .attribute-toolbar { grid-template-columns: 1fr 1fr; }.attribute-toolbar .catalog-search { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
    .admin-catalog, .admin-product-editor { padding-inline: .75rem; }
    .catalog-metrics { grid-template-columns: 1fr 1fr; gap: .65rem; }.catalog-metrics article { padding: .8rem; }.catalog-metric__icon { width: 38px; height: 38px; flex-basis: 38px; }.catalog-metrics strong { font-size: 1.1rem; }
    .catalog-table-card__header { align-items: flex-start; flex-direction: column; }.catalog-toolbar { grid-template-columns: 1fr; }.catalog-search { grid-column: auto; }.catalog-pagination { grid-template-columns: 1fr auto; }.catalog-pagination > span { grid-row: 2; grid-column: 1 / -1; text-align: center; }
    .product-editor-heading { align-items: flex-start; flex-direction: column; }.product-editor-heading__actions { width: 100%; }.product-editor-heading__actions > * { flex: 1; justify-content: center; }
    .product-form-grid, .product-form-grid--three, .product-form-grid--four { grid-template-columns: 1fr; }.product-field--wide { grid-column: auto; }.product-category-grid { grid-template-columns: 1fr; }
    .product-editor-sidebar { grid-template-columns: 1fr; }.product-completeness { grid-column: auto; }
    .product-variations > header { align-items: flex-start; flex-wrap: wrap; }.product-add-variation { width: 100%; justify-content: center; }
    .variation-fields, .variation-fields--identity, .variation-fields--four, .variation-fields--five { grid-template-columns: 1fr; }.admin-variation-row > header { grid-template-columns: auto 1fr auto; }.admin-variation-row > header .catalog-status { display: none; }
    .product-gallery-dropzone { grid-template-columns: auto 1fr; }.product-gallery-dropzone > b { grid-column: 1 / -1; text-align: center; }.product-gallery-grid, .product-gallery-new > div { grid-template-columns: repeat(2,minmax(0,1fr)); }.product-gallery-item > div { opacity: 1; transform: none; }
    .category-toolbar { grid-template-columns: 1fr; }.category-toolbar .catalog-search { grid-column: auto; }
    .category-icon-picker__toolbar { grid-template-columns: 42px 1fr; }.category-icon-picker__toolbar label { grid-column: 1 / -1; }.category-icon-picker__grid { grid-template-columns: repeat(4,minmax(0,1fr)); max-height: 380px; }
    .category-bulk-bar { align-items: stretch; flex-direction: column; }.category-bulk-bar > button { justify-content: center; }
    .attribute-toolbar,.attribute-form-grid { grid-template-columns: 1fr; }.attribute-toolbar .catalog-search,.attribute-values-field { grid-column: auto; }
}

/* Pedidos administrativos */
.admin-page-heading, .admin-order-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.admin-page-heading h1, .admin-order-heading h1 { margin: .2rem 0; font-size: 2rem; letter-spacing: -.045em; }
.admin-page-heading p { margin: 0; color: #777984; font-size: .86rem; }
.admin-page-heading > b { padding: .55rem .75rem; color: #555760; background: #fff; border: 1px solid #e2e3e7; border-radius: .6rem; font-size: .72rem; }
.admin-order-filters { display: flex; align-items: end; gap: .65rem; margin-bottom: 1rem; padding: 1rem; background: #fff; border: 1px solid #e7e8eb; border-radius: .85rem; }
.admin-order-filters label { display: grid; gap: .3rem; color: #777984; font-size: .66rem; }
.admin-order-filters input, .admin-order-filters select { height: 42px; padding: 0 .7rem; color: #373840; background: #fff; border: 1px solid #dedfe3; border-radius: .55rem; font-size: .76rem; outline: 0; }
.admin-order-search { position: relative; flex: 1; min-width: 220px; }.admin-order-search i { position: absolute; left: .8rem; bottom: 13px; color: #9798a0; }.admin-order-search input { width: 100%; padding-left: 2.2rem; }
.admin-order-filters button { height: 42px; padding: 0 1rem; color: #fff; background: var(--color-primary); border: 0; border-radius: .55rem; font-size: .74rem; font-weight: 750; }.admin-order-filters > a { height: 42px; display: grid; place-items: center; padding: 0 .5rem; color: #74757e; font-size: .7rem; }
.admin-orders-page-panel { min-height: 320px; }.admin-orders-table td > small, .admin-orders-table td > strong { display: block; }.admin-orders-table td > small { margin-top: .15rem; color: #92939b; font-size: .62rem; }.admin-orders-table td:first-child a { color: #24252c; font-weight: 800; text-decoration: none; }.admin-row-action { width: 30px; height: 30px; display: grid; place-items: center; color: #676871; background: #f4f4f6; border-radius: .45rem; text-decoration: none; }
.admin-payment-status { display: inline-block; padding: .25rem .45rem; color: #96610b; background: #fff4da; border-radius: 999px; font-size: .64rem; }.admin-payment-status--aprovado { color: #147344; background: #eaf8f0; }.admin-payment-status--recusado,.admin-payment-status--cancelado { color: #a42a36; background: #fff0f1; }
.admin-pagination { display: flex; justify-content: center; gap: .35rem; margin-top: 1rem; }.admin-pagination a { width: 34px; height: 34px; display: grid; place-items: center; color: #64656e; background: #fff; border: 1px solid #dedfe3; border-radius: .45rem; font-size: .7rem; text-decoration: none; }.admin-pagination a.is-active { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.admin-back { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: 1rem; color: #666872; font-size: .72rem; text-decoration: none; }
.admin-order-heading { align-items: center; }.admin-order-heading > div:first-child { display: grid; grid-template-columns: auto auto; align-items: center; justify-content: start; column-gap: .65rem; }.admin-order-heading .admin-kicker { grid-column: 1 / -1; display: block; margin-bottom: .25rem; }.admin-order-heading h1 { display: block; margin: 0; line-height: 1.1; }.admin-order-heading .admin-status { align-self: center; }.admin-order-actions { display: flex; gap: .5rem; }.admin-order-actions button { height: 40px; padding: 0 .75rem; color: #555760; background: #fff; border: 1px solid #dcdee2; border-radius: .55rem; font-size: .7rem; }.admin-order-actions button:disabled { opacity: .58; cursor: not-allowed; }
.admin-order-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .72fr); gap: 1rem; align-items: start; }.admin-order-layout > div, .admin-order-layout > aside { display: grid; gap: 1rem; }
.admin-order-section > header { align-items: center; }.admin-order-items { padding: 0 1.2rem; }.admin-order-items article { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: .75rem; padding: 1rem 0; border-bottom: 1px solid #ededf0; }.admin-order-items article > span { width: 44px; height: 44px; display: grid; place-items: center; color: var(--color-primary); background: #fff0f2; border-radius: .65rem; }.admin-order-items article div { display: grid; }.admin-order-items strong { font-size: .8rem; }.admin-order-items small { margin-top: .15rem; color: #858690; font-size: .67rem; }.admin-order-items article > b { font-size: .78rem; }
.admin-order-totals { width: min(360px,100%); margin: .5rem 1.2rem 1.2rem auto; }.admin-order-totals div { display: flex; justify-content: space-between; padding: .4rem 0; color: #747680; font-size: .72rem; }.admin-order-totals dd { margin: 0; color: #34353d; }.admin-order-totals div:last-child { margin-top: .35rem; padding-top: .75rem; color: #202129; border-top: 1px solid #dedfe3; font-size: .9rem; font-weight: 850; }
.admin-detail-list { margin: 0; padding: .65rem 1.2rem 1rem; }.admin-detail-list div { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem 0; font-size: .7rem; }.admin-detail-list dt { color: #858690; font-weight: 500; }.admin-detail-list dd { margin: 0; color: #34353d; font-weight: 700; text-align: right; overflow-wrap: anywhere; }
.admin-order-section address { margin: 0; padding: 1rem 1.2rem .35rem; color: #62646d; font-size: .72rem; font-style: normal; line-height: 1.65; }.admin-order-section address strong { color: #292a31; }
.admin-order-no-events { display: flex; align-items: center; gap: .5rem; padding: 1.2rem; color: #8d8e97; font-size: .7rem; }.admin-tracking { margin: 0; padding: 1rem 1.2rem; list-style: none; }.admin-tracking li { position: relative; display: grid; grid-template-columns: 12px 1fr; gap: .6rem; padding-bottom: 1rem; }.admin-tracking li > i { width: 10px; height: 10px; margin-top: .2rem; background: var(--color-primary); border: 2px solid #ffd8dc; border-radius: 50%; }.admin-tracking li:not(:last-child)::before { position: absolute; top: 12px; bottom: 0; left: 4px; width: 1px; content: ''; background: #e0e1e4; }.admin-tracking div { display: grid; }.admin-tracking strong { font-size: .7rem; }.admin-tracking p { margin: .15rem 0; color: #767780; font-size: .65rem; }.admin-tracking small { color: #999aa2; font-size: .58rem; }
@media (max-width: 1000px) { .admin-order-filters { flex-wrap: wrap; }.admin-order-search { flex-basis: 100%; }.admin-order-layout { grid-template-columns: 1fr; } }
@media (max-width: 767.98px) { .admin-page-heading, .admin-order-heading { align-items: flex-start; flex-direction: column; }.admin-order-actions { width: 100%; overflow-x: auto; }.admin-order-actions button { flex: 0 0 auto; }.admin-order-filters label { flex: 1 1 130px; }.admin-order-filters input,.admin-order-filters select { width: 100%; }.admin-order-filters button { flex: 1; }.admin-orders-page-panel { margin-inline: -1.1rem; border-radius: 0; }.admin-order-items { padding-inline: .9rem; }.admin-order-items article { grid-template-columns: 40px 1fr; }.admin-order-items article > b { grid-column: 2; }.admin-order-totals { padding-inline: 1rem; } }

/* Mercado Livre admin */
.ml-admin { --ml-yellow: #ffe600; --ml-blue: #3483fa; --ml-ink: #252733; }
.ml-heading { align-items: center; }.ml-heading .admin-kicker { display: flex; align-items: center; gap: .45rem; }.ml-connection-pill { display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .8rem; color: #146b40; background: #edf9f2; border: 1px solid #ccebd9; border-radius: 999px; font-size: .68rem; font-weight: 750; }.ml-connection-pill i,.ml-status i { width: 7px; height: 7px; background: #21a366; border-radius: 50%; box-shadow: 0 0 0 3px rgba(33,163,102,.12); }
.ml-connection-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; margin-bottom: 1rem; padding: 1.2rem; background: linear-gradient(120deg,#fff 55%,#fffdf0); border-color: #e7e3c9; box-shadow: 0 8px 28px rgba(41,43,55,.04); }.ml-connection-icon { width: 48px; height: 48px; display: grid; place-items: center; color: #6d6000; background: var(--ml-yellow); border-radius: .8rem; font-size: 1.25rem; box-shadow: 0 7px 18px rgba(255,230,0,.25); }.ml-connection-copy > small { color: #8b8d96; font-size: .58rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }.ml-connection-copy h2 { margin: .18rem 0; color: var(--ml-ink); font-size: 1.05rem; }.ml-connection-copy p { margin: 0; color: #7b7d86; font-size: .68rem; }.ml-connection-actions { display: flex; align-items: center; gap: .5rem; }.ml-button { min-height: 39px; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: 0 .85rem; border: 1px solid transparent; border-radius: .6rem; font-size: .66rem; font-weight: 750; text-decoration: none; cursor: pointer; }.ml-button.is-primary { color: #3e3900; background: var(--ml-yellow); }.ml-button.is-secondary { color: #fff; background: var(--ml-blue); }.ml-button.is-ghost { color: #6f717a; background: #fff; border-color: #dfe0e4; }
.ml-metrics { margin-bottom: 1rem; }.ml-products-card { box-shadow: 0 10px 34px rgba(36,38,49,.045); }.ml-toolbar { display: grid; grid-template-columns: minmax(280px,1.5fr) minmax(180px,.55fr) minmax(190px,.55fr); gap: .65rem; padding: .85rem 1.2rem; background: #fbfbfc; border-bottom: 1px solid #ececf0; }.ml-toolbar .catalog-search,.ml-toolbar .catalog-filter { height: 44px; }.ml-toolbar .catalog-search > i,.ml-toolbar .catalog-filter > i { font-size: .82rem; }.ml-toolbar .catalog-search__action { color: #9a9ca5; background: transparent; border: 0; cursor: pointer; }
.ml-table { min-width: 1250px; }.ml-table th { padding: .8rem 1rem; color: #8a8c96; background: #fff; font-size: .58rem; text-transform: uppercase; letter-spacing: .045em; }.ml-table td { padding: .85rem 1rem; vertical-align: middle; border-color: #eeeef1; }.ml-table tr:hover td { background: #fffef8; }.ml-table th:first-child { width: 27%; }.ml-table th:last-child { width: 46%; }.ml-product { display: flex; align-items: center; gap: .75rem; }.ml-product-image { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; overflow: hidden; color: #aaa; background: #f4f4f6; border: 1px solid #e8e8eb; border-radius: .7rem; }.ml-product-image img { width: 100%; height: 100%; object-fit: cover; }.ml-product strong,.ml-product small,.ml-product em { display: block; }.ml-product strong { max-width: 270px; color: #272934; font-size: .72rem; line-height: 1.3; }.ml-product small { margin-top: .15rem; color: #9597a0; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: .55rem; }.ml-product em { margin-top: .2rem; color: #a27600; font-size: .53rem; font-style: normal; }.ml-status { display: inline-flex; align-items: center; gap: .42rem; padding: .35rem .55rem; color: #146b40; background: #edf9f2; border-radius: 999px; font-size: .58rem; font-weight: 750; white-space: nowrap; }.ml-status.is-inativo,.ml-status.is-rascunho,.ml-status.is-unpublished { color: #747681; background: #f1f2f4; }.ml-status.is-inativo i,.ml-status.is-rascunho i,.ml-status.is-unpublished i { background: #a5a7af; box-shadow: none; }.ml-stock strong,.ml-stock small { display: block; }.ml-stock strong { color: #2e303a; font-size: .82rem; }.ml-stock small { color: #999ba3; font-size: .54rem; }.ml-listing-link { display: flex; flex-direction: column; gap: .18rem; color: var(--ml-blue); text-decoration: none; font-size: .61rem; font-weight: 750; }.ml-listing-link span { display: flex; gap: .35rem; }.ml-listing-link small { color: #8f919a; font-size: .53rem; font-weight: 500; text-transform: capitalize; }.ml-row-error { max-width: 210px; display: -webkit-box; margin-top: .35rem; overflow: hidden; color: #b42318; font-size: .52rem; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ml-publish-form { display: grid; grid-template-columns: 105px 90px 76px 70px auto; align-items: end; gap: .45rem; }.ml-publish-form label > span { display: block; margin-bottom: .25rem; color: #858791; font-size: .51rem; font-weight: 700; }.ml-publish-form input,.ml-publish-form select { width: 100%; height: 35px; padding: 0 .55rem; color: #373943; background: #fff; border: 1px solid #dcdee3; border-radius: .5rem; outline: 0; font-size: .6rem; }.ml-publish-form input:focus,.ml-publish-form select:focus { border-color: #f0c900; box-shadow: 0 0 0 3px rgba(255,230,0,.14); }.ml-input-suffix { position: relative; }.ml-input-suffix input { padding-right: 1.4rem; }.ml-input-suffix b { position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); color: #8a8c95; font-size: .55rem; }.ml-publish-form button { height: 35px; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: 0 .7rem; color: #3c3700; background: var(--ml-yellow); border: 0; border-radius: .5rem; font-size: .58rem; font-weight: 800; cursor: pointer; }.ml-publish-form button:hover { filter: brightness(.97); }.ml-publish-form button:disabled { color: #989aa2; background: #ececef; cursor: not-allowed; }.ml-pagination { margin: 0; }.ml-pagination nav { margin-left: auto; }
@media (max-width: 1100px) { .ml-toolbar { grid-template-columns: 1fr 1fr; }.ml-toolbar .catalog-search { grid-column: 1 / -1; }.ml-connection-card { grid-template-columns: auto 1fr; }.ml-connection-actions { grid-column: 1 / -1; justify-content: flex-end; } }
@media (max-width: 767.98px) { .ml-heading { align-items: flex-start; }.ml-connection-card { grid-template-columns: auto 1fr; }.ml-connection-actions { justify-content: stretch; }.ml-connection-actions form,.ml-connection-actions .ml-button { flex: 1; }.ml-toolbar { grid-template-columns: 1fr; }.ml-toolbar .catalog-search { grid-column: auto; }.ml-products-card { margin-inline: -1.1rem; border-radius: 0; }.ml-pagination { grid-template-columns: 1fr; }.ml-pagination nav { margin: 0; }.ml-pagination > span { grid-row: auto; grid-column: auto; } }
.admin-alert--success { color: #146b40; background: #eaf8f0; border-color: #c8ecd8; }
.admin-status-workflow { margin-bottom: 1rem; }.admin-status-workflow > header > i { color: var(--color-primary); font-size: 1.1rem; }.admin-status-workflow form { display: grid; grid-template-columns: minmax(190px,.65fr) minmax(260px,1.35fr) auto; align-items: end; gap: .7rem; padding: 1rem 1.2rem; }.admin-status-workflow label { display: grid; gap: .3rem; color: #71727b; font-size: .68rem; }.admin-status-workflow label span small { color: #a0a1a8; }.admin-status-workflow select,.admin-status-workflow input { width: 100%; height: 43px; padding: 0 .75rem; color: #35363e; background: #fff; border: 1px solid #dbdce1; border-radius: .55rem; font-size: .76rem; outline: 0; }.admin-status-workflow button { height: 43px; padding: 0 1rem; color: #fff; background: var(--color-primary); border: 0; border-radius: .55rem; font-size: .72rem; font-weight: 800; }.admin-status-final { display: flex; align-items: center; gap: .7rem; padding: 1rem 1.2rem; color: #28724d; }.admin-status-final > i { font-size: 1.25rem; }.admin-status-final span { display: grid; }.admin-status-final strong { font-size: .76rem; }.admin-status-final small { color: #758079; font-size: .66rem; }
.admin-order-history { margin: 0; padding: .8rem 1.2rem 1rem; list-style: none; }.admin-order-history li { display: grid; grid-template-columns: 34px 1fr; gap: .7rem; padding: .75rem 0; border-bottom: 1px solid #ededf0; }.admin-order-history li > span { width: 34px; height: 34px; display: grid; place-items: center; color: var(--color-primary); background: #fff0f2; border-radius: .55rem; }.admin-order-history li > div { display: grid; }.admin-order-history strong { font-size: .72rem; }.admin-order-history p { margin: .2rem 0; color: #686a73; font-size: .68rem; }.admin-order-history small { color: #999aa2; font-size: .6rem; }
@media (max-width: 767.98px) { .admin-status-workflow form { grid-template-columns: 1fr; }.admin-status-workflow button { width: 100%; } }
.admin-order-reconcile { margin-bottom: 1rem; border-color: #f1d7a0; }.admin-order-reconcile > header > i { color: #a96a00; font-size: 1.1rem; }.admin-reconcile-warning { display: flex; align-items: center; gap: .65rem; margin: .9rem 1.2rem 0; padding: .75rem; color: #795616; background: #fff8e8; border-radius: .6rem; }.admin-reconcile-warning > i { font-size: 1.05rem; }.admin-reconcile-warning span { display: grid; }.admin-reconcile-warning strong { font-size: .72rem; }.admin-reconcile-warning small { margin-top: .12rem; font-size: .63rem; }.admin-order-reconcile form { display: grid; grid-template-columns: minmax(160px,.7fr) minmax(160px,.7fr) minmax(260px,1.4fr) auto; align-items: end; gap: .7rem; padding: 1rem 1.2rem; }.admin-order-reconcile label { display: grid; gap: .3rem; color: #71727b; font-size: .68rem; }.admin-order-reconcile select,.admin-order-reconcile input { width: 100%; height: 43px; padding: 0 .75rem; color: #35363e; background: #fff; border: 1px solid #dbdce1; border-radius: .55rem; font-size: .74rem; }.admin-order-reconcile button { height: 43px; padding: 0 1rem; color: #fff; background: var(--color-primary); border: 0; border-radius: .55rem; font-size: .7rem; font-weight: 800; white-space: nowrap; }
@media (max-width: 1100px) { .admin-order-reconcile form { grid-template-columns: repeat(2,1fr); }.admin-reconcile-note { grid-column: 1 / -1; } }
@media (max-width: 767.98px) { .admin-order-reconcile form { grid-template-columns: 1fr; }.admin-reconcile-note { grid-column: auto; }.admin-order-reconcile button { width: 100%; } }

.admin-order-actions a { height: 40px; display: inline-flex; align-items: center; gap: .35rem; padding: 0 .75rem; color: #555760; background: #fff; border: 1px solid #dcdee2; border-radius: .55rem; font-size: .7rem; text-decoration: none; }.admin-order-actions a:hover { color: var(--color-primary); border-color: var(--color-primary); }
.admin-order-actions form { margin: 0; }.admin-order-actions form button { display: inline-flex; align-items: center; gap: .35rem; }.admin-label-state { height: 40px; display: inline-flex; align-items: center; gap: .4rem; padding: 0 .75rem; color: #146b40; background: #eaf8f0; border: 1px solid #c8ecd8; border-radius: .55rem; font-size: .7rem; font-weight: 750; }.admin-shipping-setup { display: flex; align-items: flex-start; gap: .7rem; margin-bottom: 1rem; padding: .9rem 1rem; color: #745414; background: #fff9e9; border: 1px solid #f2e4b8; border-radius: .75rem; }.admin-shipping-setup > i { font-size: 1.1rem; }.admin-shipping-setup div { display: grid; }.admin-shipping-setup strong { font-size: .78rem; }.admin-shipping-setup p { margin: .2rem 0 0; font-size: .68rem; line-height: 1.55; }.admin-shipping-setup code { color: inherit; }.admin-shipping-setup.is-ready { color: #146b40; background: #eaf8f0; border-color: #c8ecd8; }
.admin-print-body { min-height: 100vh; margin: 0; color: #202129; background: #eceef1; font-family: Arial,Helvetica,sans-serif; }
.admin-print-toolbar { position: sticky; z-index: 10; top: 0; min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 2rem; padding: .65rem 1rem; color: #62646d; background: #fff; border-bottom: 1px solid #dfe0e4; font-size: .78rem; }.admin-print-toolbar a { position: absolute; left: 1rem; color: #555760; text-decoration: none; }.admin-print-toolbar button { position: absolute; right: 1rem; height: 38px; padding: 0 1rem; color: #fff; background: var(--color-primary); border: 0; border-radius: .5rem; font-size: .75rem; font-weight: 750; cursor: pointer; }
.print-invoice { width: min(210mm,calc(100% - 2rem)); min-height: 297mm; margin: 1.5rem auto; padding: 16mm; background: #fff; box-shadow: 0 8px 35px rgba(30,31,38,.12); }.print-document-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding-bottom: 1rem; border-bottom: 2px solid #202129; }.print-brand { display: flex; align-items: center; gap: .75rem; }.print-brand img { width: 125px; max-height: 46px; object-fit: contain; }.print-brand > span { display: grid; }.print-brand small { color: #6f7078; font-size: .66rem; }.print-document-header > div:last-child { display: grid; text-align: right; }.print-document-header > div:last-child > span { color: var(--color-primary); font-size: .7rem; font-weight: 800; text-transform: uppercase; }.print-document-header > div:last-child > strong { margin: .2rem 0; font-size: 1.15rem; }.print-document-header > div:last-child > small { color: #777880; font-size: .65rem; }
.print-document-warning { display: flex; align-items: center; gap: .45rem; margin: 1rem 0; padding: .65rem .8rem; color: #745414; background: #fff9e9; border: 1px solid #f2e4b8; border-radius: .4rem; font-size: .68rem; }.print-invoice-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; margin-bottom: 1rem; }.print-invoice-meta article { padding: .85rem; background: #f7f7f8; border-radius: .4rem; }.print-invoice-meta article > span { display: block; margin-bottom: .45rem; color: #85868e; font-size: .58rem; font-weight: 800; text-transform: uppercase; }.print-invoice-meta article strong { font-size: .72rem; }.print-invoice-meta p { margin: .3rem 0 0; color: #62636b; font-size: .65rem; line-height: 1.55; }
.print-items-table { width: 100%; margin-top: 1.2rem; border-collapse: collapse; font-size: .68rem; }.print-items-table th { padding: .65rem; color: #fff; background: #202129; font-size: .58rem; text-align: left; text-transform: uppercase; }.print-items-table td { padding: .75rem .65rem; border-bottom: 1px solid #e3e4e7; }.print-items-table th:nth-child(n+3),.print-items-table td:nth-child(n+3) { text-align: right; }.print-invoice-bottom { display: grid; grid-template-columns: 1fr 270px; gap: 2rem; margin-top: 1rem; }.print-invoice-bottom > div { color: #777880; font-size: .65rem; }.print-invoice-bottom > div strong { color: #303139; }.print-invoice-bottom > div p { line-height: 1.55; }.print-invoice-bottom dl { margin: 0; }.print-invoice-bottom dl div { display: flex; justify-content: space-between; padding: .4rem 0; font-size: .68rem; }.print-invoice-bottom dd { margin: 0; font-weight: 700; }.print-invoice-bottom dl div:last-child { margin-top: .3rem; padding-top: .7rem; border-top: 2px solid #202129; font-size: .85rem; font-weight: 850; }.print-document-footer { display: flex; justify-content: space-between; margin-top: 2rem; padding-top: .65rem; color: #8d8e96; border-top: 1px solid #dedfe2; font-size: .58rem; }
.print-label-sheet { display: grid; place-items: center; min-height: calc(100vh - 58px); padding: 1.5rem; }.print-shipping-label { width: 100mm; min-height: 150mm; padding: 7mm; background: #fff; border: 1px solid #222; box-shadow: 0 8px 35px rgba(30,31,38,.14); }.print-shipping-label > header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 4mm; border-bottom: 2px solid #111; }.print-shipping-label .print-brand img { width: 35mm; }.print-shipping-label > header > span { padding: 1.5mm 2mm; border: 1px solid #222; font-size: 6pt; font-weight: 800; }.print-label-order { display: grid; grid-template-columns: 1fr auto; padding: 4mm 0; border-bottom: 1px solid #222; }.print-label-order small { grid-column: 1/-1; font-size: 6pt; }.print-label-order strong { font-size: 15pt; }.print-label-order span { align-self: end; font-size: 7pt; }.print-label-recipient { padding: 5mm 0; border-bottom: 2px solid #111; }.print-label-recipient > span,.print-label-items > span { font-size: 6pt; font-weight: 800; }.print-label-recipient h1 { margin: 2mm 0; font-size: 13pt; text-transform: uppercase; }.print-label-recipient p { margin: 0 0 3mm; font-size: 9pt; font-weight: 650; line-height: 1.45; text-transform: uppercase; }.print-label-recipient > strong { display: block; font-size: 14pt; letter-spacing: .06em; }.print-label-recipient > small { font-size: 7pt; }.print-label-service { display: grid; grid-template-columns: 1fr auto; gap: 4mm; padding: 4mm 0; border-bottom: 1px solid #222; }.print-label-service div { display: grid; }.print-label-service small { font-size: 6pt; }.print-label-service strong { margin-top: 1mm; font-size: 8pt; }.print-label-items { padding: 4mm 0; }.print-label-items > div { display: grid; grid-template-columns: 4mm 1fr auto; gap: 2mm; align-items: center; margin-top: 2mm; font-size: 7pt; }.print-label-items i { width: 3mm; height: 3mm; border: 1px solid #111; }.print-label-items small { color: #666; }.print-shipping-label > footer { display: flex; gap: 2mm; margin-top: 4mm; padding-top: 3mm; border-top: 1px dashed #555; font-size: 6pt; line-height: 1.35; }
@media (max-width:700px) { .admin-print-toolbar span { display:none; }.print-invoice { width:calc(100% - 1rem); margin:.5rem auto; padding:1rem; }.print-invoice-meta,.print-invoice-bottom { grid-template-columns:1fr; }.print-label-sheet { overflow-x:auto; place-items:start center; padding:.5rem; } }
@media print { @page { size:A4; margin:0; }.admin-print-toolbar { display:none!important; }.admin-print-body { background:#fff; }.print-invoice { width:210mm; min-height:297mm; margin:0; box-shadow:none; }.admin-print-body--label .print-label-sheet { min-height:0; padding:0; }.admin-print-body--label .print-shipping-label { width:100mm; min-height:150mm; margin:0; box-shadow:none; }.admin-print-body--label { width:100mm; } }

/* Configurações administrativas */
.admin-bootstrap-settings { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: .8rem; margin-bottom: 1rem; padding: 1rem; color: #45464e; background: #fff; border: 1px solid #e1e2e6; border-radius: .8rem; }.admin-bootstrap-settings > i { width: 42px; height: 42px; display: grid; place-items: center; color: #59606d; background: #f0f1f3; border-radius: .65rem; font-size: 1.05rem; }.admin-bootstrap-settings div { display: grid; }.admin-bootstrap-settings strong { font-size: .8rem; }.admin-bootstrap-settings p { margin: .2rem 0 0; color: #747680; font-size: .68rem; line-height: 1.5; }.admin-bootstrap-settings > span { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .55rem; border-radius: 999px; font-size: .65rem; }.admin-bootstrap-settings .is-ok { color: #146b40; background: #eaf8f0; }.admin-bootstrap-settings .is-error { color: #9e2833; background: #fff0f1; }
.admin-settings-form { display: grid; grid-template-columns: 205px minmax(0,1fr); gap: 1rem; align-items: start; }.admin-settings-tabs { position: sticky; top: 92px; display: grid; gap: .2rem; padding: .6rem; background: #fff; border: 1px solid #e1e2e6; border-radius: .8rem; }.admin-settings-tabs a { min-height: 40px; display: flex; align-items: center; gap: .45rem; padding: 0 .55rem; color: #64666f; border-radius: .5rem; font-size: .72rem; text-decoration: none; }.admin-settings-tabs a:hover { color: var(--color-primary); background: #fff1f2; }.admin-settings-tabs i { font-size: .55rem; }.admin-settings-sections { display: grid; gap: 1rem; }.admin-settings-section { scroll-margin-top: 1rem; }.admin-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem; padding: 1rem 1.2rem 1.2rem; }
.admin-settings-section > header { padding: 0; }
.admin-settings-accordion-toggle { width: 100%; min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.15rem; color: #24252c; background: transparent; border: 0; text-align: left; cursor: pointer; }
.admin-settings-accordion-toggle > span { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.admin-settings-accordion-toggle > span > i { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; color: var(--color-primary); background: #fff1f2; border-radius: .65rem; font-size: .9rem; }
.admin-settings-accordion-toggle h2 { margin: 0; font-size: .84rem; }
.admin-settings-accordion-toggle p { margin: .2rem 0 0; color: #81838c; font-size: .62rem; font-weight: 400; }
.admin-settings-accordion-toggle > i { color: #858791; transition: transform .2s ease; }
.admin-settings-section.is-open .admin-settings-accordion-toggle > i { color: var(--color-primary); transform: rotate(180deg); }
.admin-settings-section.is-open > header { border-bottom: 1px solid #ececf0; }
.admin-settings-accordion-toggle:hover { background: #fffafb; }
.admin-settings-accordion-toggle:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -3px; border-radius: .8rem; }
.admin-settings-grid[hidden] { display: none; }
.admin-setting-field { display: grid; align-content: start; gap: .35rem; }.admin-setting-field > span { display: flex; justify-content: space-between; color: #575962; font-size: .7rem; font-weight: 750; }.admin-setting-field em,.admin-setting-toggle em { padding: .15rem .35rem; color: #777984; background: #f0f1f3; border-radius: .3rem; font-size: .52rem; font-style: normal; font-weight: 600; }.admin-setting-field > div { height: 44px; display: flex; align-items: center; gap: .55rem; padding: 0 .75rem; background: #fff; border: 1px solid #dadbe0; border-radius: .55rem; }.admin-setting-field > div:focus-within { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(227,6,19,.08); }.admin-setting-field > div > i { color: #92949d; }.admin-setting-field input { width: 100%; height: 100%; min-width: 0; color: #34353d; background: transparent; border: 0; outline: 0; font-size: .76rem; }.admin-setting-field > small { color: #858690; font-size: .6rem; }
.admin-setting-field--textarea { grid-column: 1 / -1; }
.admin-setting-field--textarea > div { height: auto; padding: .65rem .75rem; }
.admin-setting-field textarea { width: 100%; min-height: 86px; color: #34353d; background: transparent; border: 0; outline: 0; resize: vertical; font: inherit; font-size: .76rem; line-height: 1.5; }
.admin-setting-field select { width: 100%; height: 100%; color: #34353d; background: transparent; border: 0; outline: 0; font-size: .76rem; }
.admin-theme-preview { --preview-primary:#E30613; --preview-background:#F7F7F8; --preview-surface:#FFFFFF; --preview-text:#17171F; --preview-muted:#696973; grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:1rem; padding:1rem; background:var(--preview-background); border:1px solid #e1e2e6; border-radius:.8rem; }
.admin-theme-preview__surface { padding:1rem; color:var(--preview-text); background:var(--preview-surface); border-radius:.7rem; box-shadow:0 8px 22px rgba(23,23,31,.08); }
.admin-theme-preview__surface > span { color:var(--preview-primary); font-size:.58rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.admin-theme-preview__surface h3 { margin:.3rem 0; font-size:1rem; }
.admin-theme-preview__surface p { margin:0 0 .8rem; color:var(--preview-muted); font-size:.68rem; }
.admin-theme-preview__surface > div { display:flex; align-items:center; gap:.8rem; }
.admin-theme-preview__surface button { min-height:36px; padding:0 .8rem; color:#fff; background:var(--preview-primary); border:0; border-radius:.55rem; font-size:.62rem; font-weight:800; }
.admin-theme-preview__surface a { color:var(--preview-primary); font-size:.65rem; font-weight:750; }
.admin-theme-reset { min-height:38px; padding:0 .75rem; color:#5f616a; background:#fff; border:1px solid #d9dae0; border-radius:.55rem; font-size:.62rem; font-weight:750; }
.admin-setting-color > div { padding-left:.45rem; }
.admin-setting-color input[type=color] { width:34px; height:30px; flex:0 0 34px; padding:0; overflow:hidden; background:none; border:0; border-radius:.4rem; cursor:pointer; }
.admin-setting-color input[type=color]::-webkit-color-swatch-wrapper { padding:0; }
.admin-setting-color input[type=color]::-webkit-color-swatch { border:1px solid #d6d7dc; border-radius:.35rem; }
.admin-setting-color input[type=text] { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; text-transform:uppercase; }
.admin-checkbox-grid { width: 100%; display: grid !important; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: .55rem; align-items: start !important; }
.admin-checkbox-grid label { display: flex; align-items: center; gap: .45rem; font-size: .72rem; }
.admin-variation-row { margin: 1rem 0; padding: 1rem; background: #f8f8fa; border: 1px solid #e2e3e7; border-radius: .8rem; }
.admin-variation-row + .admin-variation-row { margin-top: 1.2rem; }
.product-variations { display: grid; gap: .5rem; margin: 1rem 0; }
.product-variations label { font-size: .72rem; font-weight: 800; }
.product-variations select { min-height: 48px; padding: 0 .9rem; color: var(--color-text); background: #fff; border: 1px solid #dfe0e4; border-radius: .65rem; font-size: .82rem; }
.product-variations select:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(227,6,19,.08); outline: 0; }
.cart-item-variation { display: block; margin: .15rem 0; color: var(--color-text-muted); font-size: .68rem; }
.category-directory { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 1rem; }
.category-directory__card { padding: 1.25rem; background: #fff; border: 1px solid #e7e7ea; border-radius: 1rem; }
.category-directory__card > a { display: flex; align-items: center; gap: .8rem; color: var(--color-text); text-decoration: none; }
.category-directory__card > a > i { width: 44px; height: 44px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: .7rem; }
.category-directory__card span { display: grid; }.category-directory__card small { color: var(--color-text-muted); font-size: .68rem; }
.category-directory__card nav { display: grid; gap: .4rem; margin-top: 1rem; padding-top: .8rem; border-top: 1px solid #eee; }
.category-directory__card nav a { display: flex; justify-content: space-between; color: var(--color-text-muted); text-decoration: none; font-size: .75rem; }
.admin-setting-toggle { grid-column: 1/-1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; padding: .8rem; background: #f7f7f8; border-radius: .6rem; cursor: pointer; }.admin-setting-toggle input[type=hidden] { display: none; }.admin-setting-toggle input[type=checkbox] { width: 38px; height: 21px; appearance: none; background: #c7c8ce; border-radius: 999px; transition: .2s; }.admin-setting-toggle input[type=checkbox]::before { width: 17px; height: 17px; display: block; margin: 2px; content: ''; background: #fff; border-radius: 50%; transition: .2s; }.admin-setting-toggle input:checked { background: var(--color-primary); }.admin-setting-toggle input:checked::before { transform: translateX(17px); }.admin-setting-toggle > span { display: grid; }.admin-setting-toggle strong { font-size: .72rem; }.admin-setting-toggle small { color: #7f8088; font-size: .6rem; }
.admin-setting-toggle--maintenance { background: #fff8e8; border: 1px solid #f0dda5; }.admin-setting-toggle--maintenance:has(input:checked) { background: #fff0f1; border-color: #f1bec5; }.admin-setting-toggle--maintenance:has(input:checked) > em { color: #9e2833; background: #fff; }
.admin-setting-image { display: grid; gap: .4rem; }.admin-setting-image > span { display: flex; align-items: center; justify-content: space-between; }.admin-setting-image > span strong { color: #575962; font-size: .7rem; }.admin-setting-image > span em { padding: .15rem .35rem; color: #777984; background: #f0f1f3; border-radius: .3rem; font-size: .52rem; font-style: normal; }.admin-setting-image > div { position: relative; min-height: 125px; display: grid; grid-template-columns: minmax(120px,1fr) 1fr; align-items: center; gap: 1rem; overflow: hidden; padding: .9rem; background: #f7f7f8; border: 1px dashed #cfd0d5; border-radius: .65rem; cursor: pointer; }.admin-setting-image > div.is-dark { background: #171820; border-color: #3c3d46; }.admin-setting-image img { width: 100%; max-height: 90px; object-fit: contain; }.admin-setting-image div > span { display: grid; color: #656770; text-align: center; }.admin-setting-image .is-dark > span { color: #c1c2c9; }.admin-setting-image div > span i { margin-bottom: .2rem; color: var(--color-primary); font-size: 1.25rem; }.admin-setting-image div > span strong { font-size: .68rem; }.admin-setting-image div > span small,.admin-setting-image > small { color: #898a92; font-size: .58rem; }.admin-setting-image input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.admin-setting-image--banner { grid-column: 1/-1; }.admin-setting-image--banner > div { min-height: 210px; grid-template-columns: minmax(260px,1.7fr) 1fr; }.admin-setting-image--banner img { width: 100%; max-height: 180px; aspect-ratio: 16/9; object-fit: cover; border-radius: .55rem; }
.admin-banner-manager { grid-column:1/-1; display:grid; gap:1rem; }.admin-banner-manager>header { display:flex; align-items:center; justify-content:space-between; gap:1rem; }.admin-banner-manager>header div { display:grid; }.admin-banner-manager>header strong { font-size:.78rem; }.admin-banner-manager>header small { color:#858792; font-size:.58rem; }.admin-banner-manager>header button { min-height:38px; padding:0 .8rem; color:#fff; background:var(--color-primary); border:0; border-radius:.55rem; font-size:.62rem; font-weight:800; }.admin-banner-list { display:grid; gap:1rem; }.admin-banner-card { overflow:hidden; background:#fff; border:1px solid #e2e3e7; border-radius:.8rem; }.admin-banner-card>header { display:flex; align-items:center; justify-content:space-between; padding:.7rem .85rem; background:#f7f7f9; border-bottom:1px solid #e5e6e9; }.admin-banner-card>header span { display:flex; align-items:center; gap:.45rem; font-size:.68rem; }.admin-banner-card>header div { display:flex; gap:.25rem; }.admin-banner-card>header button { width:30px; height:30px; color:#666975; background:#fff; border:1px solid #dedfe4; border-radius:.4rem; }.admin-banner-card>header button.is-danger { color:#bd2531; }.admin-banner-images { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; padding:.85rem; }.admin-banner-images label { display:grid; gap:.35rem; color:#5f626c; font-size:.59rem; font-weight:750; }.admin-banner-images label>div { aspect-ratio:16/9; position:relative; display:grid; place-items:center; overflow:hidden; background:#f2f3f5; border:1px dashed #cfd1d7; border-radius:.6rem; cursor:pointer; }.admin-banner-images img { width:100%; height:100%; object-fit:cover; }.admin-banner-images b { position:absolute; padding:.4rem .6rem; color:#fff; background:rgba(20,21,28,.72); border-radius:.4rem; font-size:.56rem; }.admin-banner-images input { position:absolute; inset:0; opacity:0; cursor:pointer; }.admin-banner-placeholder { color:#a2a4ac; font-size:1.5rem; }.admin-banner-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; padding:.85rem; border-top:1px solid #eeeef1; }.admin-banner-fields>label { display:grid; gap:.3rem; color:#626570; font-size:.58rem; font-weight:750; }.admin-banner-fields>label.is-wide,.admin-banner-active { grid-column:1/-1; }.admin-banner-fields input,.admin-banner-fields textarea { width:100%; min-height:39px; padding:.55rem .65rem; border:1px solid #dadce1; border-radius:.5rem; font-size:.65rem; }.admin-banner-active { display:flex!important; grid-template-columns:auto 1fr; align-items:center; }.admin-banner-active input { width:auto; min-height:0; accent-color:var(--color-primary); }.admin-banner-empty { display:grid; justify-items:center; gap:.25rem; padding:2rem; color:#92949e; border:1px dashed #d7d8dd; border-radius:.7rem; text-align:center; }.admin-banner-empty[hidden]{display:none}.admin-banner-empty strong{color:#555863;font-size:.7rem}.admin-banner-empty span{font-size:.58rem}
@media(max-width:600px){.admin-banner-manager>header{align-items:flex-start;flex-direction:column}.admin-banner-manager>header button{width:100%}.admin-banner-images,.admin-banner-fields{grid-template-columns:1fr}.admin-banner-fields>label.is-wide,.admin-banner-active{grid-column:1}}
.motoboy-fields { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .9rem; }.motoboy-coverage { grid-column: 1/-1; overflow: hidden; border: 1px solid #e1e2e6; border-radius: .75rem; }.motoboy-coverage > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; background: #f8f8fa; border-bottom: 1px solid #e6e7ea; }.motoboy-coverage > header div { display: grid; }.motoboy-coverage > header strong { font-size: .75rem; }.motoboy-coverage > header small { margin-top: .15rem; color: #7e8089; font-size: .6rem; }.motoboy-coverage > header button { height: 36px; display: inline-flex; align-items: center; gap: .35rem; padding: 0 .75rem; color: #fff; background: var(--color-primary); border: 0; border-radius: .5rem; font-size: .65rem; font-weight: 800; cursor: pointer; }.motoboy-range-list { display: grid; gap: .7rem; padding: .8rem; }.motoboy-range { padding: .8rem; background: #fff; border: 1px solid #e4e5e9; border-radius: .65rem; box-shadow: 0 3px 12px rgba(28,29,35,.04); }.motoboy-range__title { display: flex; align-items: center; gap: .45rem; margin-bottom: .7rem; }.motoboy-range__title > i { color: var(--color-primary); }.motoboy-range__title strong { flex: 1; font-size: .7rem; }.motoboy-range__title button { width: 30px; height: 30px; display: grid; place-items: center; color: #a12a35; background: #fff1f2; border: 0; border-radius: .4rem; cursor: pointer; }.motoboy-range__fields { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: .65rem; }.motoboy-range__fields label { display: grid; gap: .3rem; }.motoboy-range__fields span { color: #666872; font-size: .61rem; font-weight: 750; }.motoboy-range__fields input { width: 100%; height: 40px; padding: 0 .65rem; color: #34353d; background: #fff; border: 1px solid #dadbe0; border-radius: .5rem; outline: 0; font-size: .72rem; }.motoboy-range__fields input:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(227,6,19,.08); }.motoboy-range__options { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: .7rem; padding-top: .65rem; border-top: 1px solid #eeeeef; }.motoboy-range__options label { display: flex; align-items: center; gap: .35rem; color: #60626b; font-size: .62rem; cursor: pointer; }.motoboy-range__options input[type=hidden] { display: none; }.motoboy-range__options input[type=checkbox] { accent-color: var(--color-primary); }.motoboy-empty { display: grid; justify-items: center; gap: .25rem; padding: 2rem; color: #858791; text-align: center; }.motoboy-empty[hidden] { display: none; }.motoboy-empty i { color: #b5b6bd; font-size: 1.5rem; }.motoboy-empty strong { color: #555760; font-size: .72rem; }.motoboy-empty span { font-size: .61rem; }
.admin-settings-save { position: sticky; z-index: 5; bottom: 1rem; grid-column: 2; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; color: #fff; background: #181920; border-radius: .75rem; box-shadow: 0 10px 30px rgba(24,25,32,.22); }.admin-settings-save > div { display: flex; align-items: center; gap: .6rem; }.admin-settings-save > div > i { color: #5cda92; font-size: 1.1rem; }.admin-settings-save span { display: grid; }.admin-settings-save strong { font-size: .72rem; }.admin-settings-save small { color: #9d9fa8; font-size: .58rem; }.admin-settings-save button { height: 40px; padding: 0 1rem; color: #fff; background: var(--color-primary); border: 0; border-radius: .5rem; font-size: .7rem; font-weight: 800; }
@media (max-width:900px) { .admin-settings-form { grid-template-columns:1fr; }.admin-settings-tabs { position:static; grid-template-columns:repeat(3,1fr); }.admin-settings-save { grid-column:1; }.admin-settings-grid { grid-template-columns:1fr; }.admin-theme-preview { grid-template-columns:1fr; }.admin-theme-reset { width:100%; }.motoboy-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .admin-bootstrap-settings { grid-template-columns:42px 1fr; }.admin-bootstrap-settings > span { grid-column:1/-1; justify-self:start; }.admin-settings-tabs { display:flex; overflow-x:auto; }.admin-settings-tabs a { flex:0 0 auto; }.admin-settings-save > div { display:none; }.admin-settings-save button { width:100%; }.motoboy-fields,.motoboy-range__fields { grid-template-columns:1fr; }.motoboy-coverage > header { align-items:flex-start; flex-direction:column; }.motoboy-coverage > header button { width:100%; justify-content:center; }.admin-setting-image--banner > div { min-height:0; grid-template-columns:1fr; } }

/* Admin */
.admin-body { min-height: 100vh; margin: 0; color: #202129; background: #f5f6f8; font-family: Inter, system-ui, sans-serif; }
.admin-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; width: 245px; display: flex; flex-direction: column; padding: 1.5rem 1rem; color: #d8d9df; background: #111219; }
.admin-brand { display: flex; align-items: center; gap: .6rem; padding: 0 .5rem 1.5rem; color: #fff; text-decoration: none; }
.admin-brand img { width: 36px; height: 36px; flex: 0 0 36px; object-fit: contain; border-radius: .45rem; }
.admin-brand > span { position: relative; font-size: 1.05rem; font-weight: 800; }.admin-brand strong { color: var(--color-primary); }.admin-brand small { position: absolute; top: 1.25rem; left: 0; color: #858792; font-size: .5rem; letter-spacing: .12em; text-transform: uppercase; }
.admin-sidebar nav { display: grid; gap: .3rem; margin-top: 1rem; }
.admin-sidebar nav > a, .admin-sidebar nav > span, .admin-sidebar__bottom a, .admin-sidebar__bottom button { min-height: 46px; display: flex; align-items: center; gap: .75rem; padding: 0 .8rem; color: #9b9da8; background: transparent; border: 0; border-radius: .65rem; font-size: .7rem; text-decoration: none; }
.admin-sidebar nav > a.is-active { color: #fff; background: var(--color-primary); }.admin-sidebar nav > span { opacity: .65; }.admin-sidebar nav small { margin-left: auto; font-size: .45rem; text-transform: uppercase; }
.admin-sidebar__bottom { display: grid; margin-top: auto; padding-top: 1rem; border-top: 1px solid #2a2b34; }.admin-sidebar__bottom button { width: 100%; cursor: pointer; }
.admin-main { min-height: 100vh; margin-left: 245px; }
.admin-topbar { height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 2rem; background: #fff; border-bottom: 1px solid #e5e6e9; }
.admin-topbar > div { display: flex; align-items: center; gap: .8rem; }.admin-topbar button { display: none; }.admin-topbar span { display: grid; }.admin-topbar small { color: #8a8b94; font-size: .55rem; }.admin-topbar strong { font-size: .78rem; }
.admin-profile > span { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: var(--color-primary); border-radius: .65rem; font-weight: 800; }.admin-profile div { display: grid; }.admin-profile div strong { font-size: .68rem; }.admin-profile div small { font-size: .55rem; }
.admin-content { max-width: 1500px; margin: auto; padding: 2rem; }
.admin-welcome { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 1.5rem; }.admin-kicker { color: var(--color-primary); font-size: .58rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.admin-welcome h1 { margin: .25rem 0; font-size: 1.75rem; letter-spacing: -.04em; }.admin-welcome p { margin: 0; color: #777984; font-size: .7rem; }.admin-welcome time { display: flex; gap: .45rem; padding: .6rem .8rem; color: #6d6f78; background: #fff; border: 1px solid #e1e2e6; border-radius: .6rem; font-size: .62rem; }
.admin-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1rem; }.admin-metrics article { display: flex; align-items: center; gap: .85rem; padding: 1.1rem; background: #fff; border: 1px solid #e7e8eb; border-radius: .85rem; }.admin-metrics article > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: .7rem; font-size: 1.05rem; }.admin-metrics .is-red { color: #d91f34; background: #fff0f2; }.admin-metrics .is-blue { color: #2673d9; background: #edf5ff; }.admin-metrics .is-green { color: #16834a; background: #ebf9f1; }.admin-metrics .is-orange { color: #c66a14; background: #fff4e8; }.admin-metrics article div { display: grid; min-width: 0; }.admin-metrics small { color: #858690; font-size: .55rem; }.admin-metrics strong { margin: .1rem 0; font-size: 1.05rem; }.admin-metrics em { overflow: hidden; color: #999aa2; font-size: .5rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.admin-dashboard-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(270px, .75fr); gap: 1rem; }.admin-panel { overflow: hidden; background: #fff; border: 1px solid #e7e8eb; border-radius: .85rem; }.admin-panel > header { display: flex; justify-content: space-between; padding: 1.1rem 1.2rem; border-bottom: 1px solid #ededf0; }.admin-panel h2 { margin: 0 0 .15rem; font-size: .8rem; }.admin-panel header p { margin: 0; color: #8b8c95; font-size: .55rem; }
.admin-table { overflow-x: auto; }.admin-table table { width: 100%; border-collapse: collapse; font-size: .6rem; }.admin-table th { padding: .7rem 1rem; color: #92939c; background: #fafafb; font-size: .5rem; text-align: left; text-transform: uppercase; }.admin-table td { padding: .8rem 1rem; border-top: 1px solid #f0f0f2; white-space: nowrap; }.admin-status { display: inline-block; padding: .25rem .45rem; color: #9a6812; background: #fff6df; border-radius: 999px; font-size: .5rem; }.admin-status--pago,.admin-status--entregue { color: #147344; background: #eaf8f0; }.admin-status--cancelado,.admin-status--reembolsado { color: #a42a36; background: #fff0f1; }
.admin-stock-list { padding: .35rem 1rem; }.admin-stock-list article { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: .6rem; padding: .75rem 0; border-bottom: 1px solid #eeeeF1; }.admin-stock-list article > span { width: 38px; height: 38px; display: grid; place-items: center; color: #c66a14; background: #fff4e8; border-radius: .6rem; }.admin-stock-list div { display: grid; min-width: 0; }.admin-stock-list strong { overflow: hidden; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }.admin-stock-list small { color: #9697a0; font-size: .48rem; }.admin-stock-list b { color: #ad3e25; font-size: .58rem; }
.admin-empty { min-height: 230px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #92939b; text-align: center; }.admin-empty i { margin-bottom: .5rem; color: #b5b6bd; font-size: 1.6rem; }.admin-empty strong { color: #55565f; font-size: .7rem; }.admin-empty small { margin-top: .2rem; font-size: .55rem; }.admin-alert { display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem; padding: .75rem; color: #9e2833; background: #fff0f1; border: 1px solid #ffd9dd; border-radius: .65rem; font-size: .62rem; }
.admin-login { min-height: 100vh; display: grid; grid-template-columns: minmax(380px, .9fr) 1.1fr; background: #fff; }.admin-login__visual { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 2.5rem; color: #fff; background: linear-gradient(145deg,#16171f 0%,#0c0d12 70%); }.admin-login__visual::after { position: absolute; right: -130px; bottom: -160px; width: 430px; height: 430px; content: ''; background: radial-gradient(circle,rgba(227,6,19,.45),transparent 68%); }.admin-login__visual > a { z-index: 1; color: #c2c3c9; font-size: .65rem; text-decoration: none; }.admin-login__visual > div { z-index: 1; }.admin-login__visual div > span { width: 56px; height: 56px; display: grid; place-items: center; background: var(--color-primary); border-radius: 1rem; font-size: 1.4rem; }.admin-login__visual h1 { margin: 1.3rem 0 .7rem; font-size: clamp(2rem,4vw,3.8rem); letter-spacing: -.06em; line-height: 1; }.admin-login__visual p { max-width: 430px; color: #a8a9b1; font-size: .75rem; }.admin-login__visual > small { z-index: 1; color: #686a74; font-size: .55rem; }
.admin-login__form { display: grid; place-items: center; padding: 2rem; }.admin-login__form form { width: min(400px,100%); }.admin-login__mark { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 1rem; color: #fff; background: var(--color-primary); border-radius: .85rem; font-size: 1.2rem; }.admin-login__form h2 { margin: .35rem 0; font-size: 1.5rem; }.admin-login__form > form > p { margin: 0 0 1.5rem; color: #7d7e87; font-size: .68rem; }.admin-login__form label { display: grid; gap: .35rem; margin-top: .85rem; font-size: .6rem; font-weight: 750; }.admin-login__form label > div { height: 50px; display: flex; align-items: center; gap: .6rem; padding: 0 .8rem; border: 1px solid #dedfe3; border-radius: .65rem; }.admin-login__form label i { color: #93949c; }.admin-login__form input { width: 100%; height: 100%; border: 0; outline: 0; font-size: .68rem; }.admin-login__form form > button { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: 1.2rem; color: #fff; background: var(--color-primary); border: 0; border-radius: .65rem; font-size: .68rem; font-weight: 800; cursor: pointer; }.admin-login__form form > small { display: block; margin-top: 1rem; color: #9697a0; font-size: .5rem; text-align: center; }
@media (max-width: 1100px) { .admin-metrics { grid-template-columns: repeat(2,1fr); }.admin-dashboard-grid { grid-template-columns: 1fr; } }
@media (max-width: 767.98px) { .admin-sidebar { display: none; width: min(285px,85vw); box-shadow: 15px 0 45px rgba(0,0,0,.28); }.admin-sidebar.is-open { display: flex; }.admin-main { margin-left: 0; }.admin-topbar { height: 66px; padding: 0 1rem; }.admin-topbar button { display: block; color: #33343b; background: transparent; border: 0; font-size: 1.2rem; }.admin-profile div { display: none; }.admin-content { padding: 1.1rem; }.admin-welcome { align-items: flex-start; }.admin-welcome time { display: none; }.admin-metrics { grid-template-columns: 1fr 1fr; gap: .65rem; }.admin-metrics article { align-items: flex-start; flex-direction: column; padding: .85rem; }.admin-login { grid-template-columns: 1fr; }.admin-login__visual { min-height: 230px; padding: 1.5rem; }.admin-login__visual h1 { font-size: 2rem; }.admin-login__visual > small { display: none; }.admin-login__form { padding: 2rem 1.25rem; } }

/* Escala tipográfica do painel administrativo */
.admin-sidebar nav > a, .admin-sidebar nav > span,
.admin-sidebar__bottom a, .admin-sidebar__bottom button { font-size: .86rem; }
.admin-sidebar nav small { font-size: .58rem; }
.admin-brand > span { font-size: 1.18rem; }
.admin-brand small { top: 1.45rem; font-size: .62rem; }
.admin-topbar small { font-size: .68rem; }
.admin-topbar strong { font-size: .92rem; }
.admin-profile div strong { font-size: .82rem; }
.admin-profile div small { font-size: .68rem; }
.admin-kicker { font-size: .7rem; }
.admin-welcome h1 { font-size: 2rem; }
.admin-welcome p { font-size: .88rem; }
.admin-welcome time { font-size: .76rem; }
.admin-metrics small { font-size: .7rem; }
.admin-metrics strong { font-size: 1.35rem; }
.admin-metrics em { font-size: .65rem; }
.admin-panel h2 { font-size: 1rem; }
.admin-panel header p { font-size: .7rem; }
.admin-table table { font-size: .76rem; }
.admin-table th { font-size: .64rem; }
.admin-table td { padding-block: .95rem; }
.admin-status { font-size: .64rem; }
.admin-stock-list strong { font-size: .75rem; }
.admin-stock-list small { font-size: .62rem; }
.admin-stock-list b { font-size: .72rem; }
.admin-empty strong { font-size: .86rem; }
.admin-empty small { font-size: .7rem; }
.admin-alert { font-size: .76rem; }
.admin-login__visual > a { font-size: .8rem; }
.admin-login__visual p { font-size: .92rem; line-height: 1.65; }
.admin-login__visual > small { font-size: .68rem; }
.admin-login__form h2 { font-size: 1.75rem; }
.admin-login__form > form > p { font-size: .84rem; }
.admin-login__form label { font-size: .76rem; }
.admin-login__form input { font-size: .84rem; }
.admin-login__form form > button { font-size: .84rem; }
.admin-login__form form > small { font-size: .64rem; }

@media (max-width: 767.98px) {
    .admin-welcome h1 { font-size: 1.75rem; }
    .admin-welcome p { font-size: .8rem; }
    .admin-metrics small { font-size: .68rem; }
    .admin-metrics strong { font-size: 1.2rem; }
    .admin-metrics em { font-size: .62rem; white-space: normal; }
    .admin-table table { font-size: .72rem; }
}

@media (max-width: 374.98px) {
    .site-footer__main { grid-template-columns: 1fr; }
    .footer-brand { grid-column: auto; }
}

.mobile-bottom-nav { position: fixed; z-index: 1030; left: 0; right: 0; bottom: 0; min-height: 64px; display: grid; grid-template-columns: repeat(5, 1fr); padding-bottom: env(safe-area-inset-bottom); background: #fff; border-top: 1px solid var(--color-border); box-shadow: 0 -8px 24px rgba(23,23,31,.07); }
.mobile-bottom-nav a, .mobile-bottom-nav button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .15rem; color: var(--color-text-muted); background: transparent; border: 0; text-decoration: none; font-size: .6rem; }
.mobile-bottom-nav i { font-size: 1.15rem; }
.mobile-bottom-nav a:hover, .mobile-bottom-nav button:hover { color: var(--color-primary); }

/* Home */
.home-page { overflow: hidden; background: #fff; }
.home-hero { position: relative; min-height: clamp(540px, 42vw, 680px); isolation: isolate; }
.home-hero__media { position: absolute; z-index: -1; inset: 0; background: #fff; }
.home-hero__container { min-height: inherit; display: flex; align-items: center; }
.home-hero__content { width: min(48%, 650px); padding: 3.5rem 0 6.5rem; }
.hero-kicker { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: 1rem; color: var(--color-primary); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hero-kicker i { font-size: 1rem; }
.home-hero h1 { margin: 0; color: #10111d; font-size: clamp(3rem, 4.35vw, 5rem); font-weight: 830; letter-spacing: -.065em; line-height: .98; }
.home-hero h1 strong { color: var(--color-primary); font-weight: inherit; }
.home-hero__content > p { max-width: 590px; margin: 1.5rem 0 1.75rem; color: var(--color-text-muted); font-size: clamp(1rem, 1.25vw, 1.22rem); line-height: 1.55; }
.home-hero__actions { display: flex; flex-wrap: wrap; gap: .85rem; }
.home-hero__actions .btn { min-width: 175px; min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: .75rem; border-radius: 999px; font-size: .9rem; }
.home-hero__actions .btn-outline-primary { --bs-btn-color: var(--color-primary); --bs-btn-border-color: var(--color-primary); --bs-btn-hover-bg: var(--color-primary); --bs-btn-hover-border-color: var(--color-primary); font-weight: 750; }
.hero-trust { margin-top: 2rem; display: flex; align-items: center; gap: .65rem; font-size: .74rem; }
.hero-trust__avatars { display: flex; }
.hero-trust__avatars i { width: 29px; height: 29px; display: block; margin-left: -7px; background: linear-gradient(145deg, #fbd1d4, #e30613); border: 2px solid #fff; border-radius: 50%; }
.hero-trust__avatars i:first-child { margin-left: 0; background: linear-gradient(145deg, #d6e4ec, #5a7485); }
.hero-trust__avatars i:last-child { background: linear-gradient(145deg, #fde7c9, #b87035); }
.hero-trust > span:nth-child(2) { display: grid; line-height: 1.2; }
.hero-trust small { color: var(--color-text-muted); }
.hero-trust__rating { margin-left: .35rem; padding-left: .8rem; border-left: 1px solid var(--color-border); font-weight: 800; }
.hero-trust__rating i { color: var(--color-rating); }

.benefits-panel { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: -62px; padding: 1.35rem 1.55rem; background: rgba(255,255,255,.97); border: 1px solid rgba(232,232,236,.85); border-radius: 1.35rem; box-shadow: 0 20px 55px rgba(23,23,31,.11); backdrop-filter: blur(12px); }
.benefits-panel article { min-width: 0; display: flex; align-items: center; gap: .95rem; padding: .3rem 1.3rem; border-right: 1px solid var(--color-border); }
.benefits-panel article:first-child { padding-left: .3rem; }
.benefits-panel article:last-child { padding-right: .3rem; border: 0; }
.benefits-panel__icon { width: 50px; height: 50px; flex: 0 0 50px; display: grid; place-items: center; color: var(--color-primary); background: #fff; border: 1px solid #f0dadd; border-radius: 50%; box-shadow: 0 8px 20px rgba(227,6,19,.07); font-size: 1.35rem; }
.benefits-panel article > span:last-child { display: grid; gap: .22rem; }
.benefits-panel strong { font-size: .84rem; }
.benefits-panel small { color: var(--color-text-muted); font-size: .7rem; line-height: 1.45; }

.home-section { padding: 4.5rem 0 0; }
.categories-section { padding-top: 4.2rem; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.55rem; }
.section-heading__eyebrow { display: block; margin-bottom: .35rem; color: var(--color-primary); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.section-heading h2 { margin: 0; color: #11121d; font-size: clamp(1.65rem, 2.2vw, 2.25rem); font-weight: 820; letter-spacing: -.045em; }
.section-heading > a { flex: 0 0 auto; color: var(--color-primary); text-decoration: none; font-size: .8rem; font-weight: 800; }
.section-heading > a i { margin-left: .35rem; transition: transform var(--transition); }
.section-heading > a:hover i { display: inline-block; transform: translateX(4px); }

.category-grid { display: grid; grid-template-columns: repeat(8, minmax(105px, 1fr)); gap: .9rem; }
.category-card { min-height: 126px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .8rem; color: var(--color-text); background: #fff; border: 1px solid var(--color-border); border-radius: 1rem; text-decoration: none; transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition); }
.category-card > span { width: 52px; height: 52px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: 15px; font-size: 1.45rem; transition: color var(--transition), background var(--transition), transform var(--transition); }
.category-card strong { font-size: .76rem; font-weight: 700; text-align: center; }
.category-card:hover { color: var(--color-primary); border-color: #f3b7bd; box-shadow: 0 14px 32px rgba(23,23,31,.08); transform: translateY(-4px); }
.category-card:hover > span { color: #fff; background: var(--color-primary); transform: rotate(-4deg); }

.products-section { padding-bottom: 5.5rem; background: linear-gradient(#fff 0, #fafafa 28%); }
.products-showcase { display: grid; grid-template-columns: minmax(0, 3fr) minmax(250px, 1fr); gap: 1.1rem; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; }
.product-card { overflow: hidden; background: #fff; border: 1px solid var(--color-border); border-radius: 1rem; transition: transform var(--transition), box-shadow var(--transition); }
.product-card:hover { box-shadow: 0 18px 42px rgba(23,23,31,.09); transform: translateY(-4px); }
.product-card__visual { position: relative; min-height: 230px; display: grid; place-items: end center; overflow: hidden; padding: 1rem; background: linear-gradient(145deg, #f8f8fa, #fff); }
.product-card__visual::after { content: ''; position: absolute; bottom: 16px; width: 65%; height: 17px; background: rgba(23,23,31,.12); border-radius: 50%; filter: blur(9px); }
.discount-badge { position: absolute; z-index: 2; top: .75rem; left: .75rem; padding: .32rem .52rem; color: #fff; background: var(--color-primary); border-radius: .45rem; font-size: .62rem; font-weight: 800; }
.product-card__favorite { position: absolute; z-index: 2; top: .62rem; right: .62rem; width: 34px; height: 34px; display: grid; place-items: center; color: var(--color-text); background: rgba(255,255,255,.92); border: 1px solid var(--color-border); border-radius: 50%; }
.product-card__favorite:hover { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.product-pack { position: relative; z-index: 1; width: 100px; height: 170px; filter: drop-shadow(0 14px 12px rgba(23,23,31,.16)); transition: transform 250ms ease; }
.product-card:hover .product-pack { transform: translateY(-5px) rotate(1deg); }
.product-pack__lid { position: absolute; z-index: 2; top: 0; left: 2px; right: 2px; height: 31px; background: linear-gradient(90deg, #b2000b, #f42430 50%, #b2000b); border-radius: 10px 10px 4px 4px; box-shadow: inset 0 -5px 0 rgba(90,0,0,.1); }
.product-pack__body { position: absolute; inset: 25px 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--color-primary); background: linear-gradient(100deg, #eee, #fff 40%, #e8e8e8); border-radius: 5px 5px 15px 15px; box-shadow: inset -8px 0 15px rgba(0,0,0,.05); }
.product-pack__body::before { content: ''; position: absolute; inset: 48px 0 28px; background: linear-gradient(135deg, #fff0f1, #fff); border-top: 1px solid #f5d8da; border-bottom: 1px solid #f5d8da; }
.product-pack__body i, .product-pack__body small { position: relative; z-index: 1; font-style: normal; font-weight: 900; }
.product-pack__body i { font-size: 1.7rem; letter-spacing: -.15em; }
.product-pack__body small { margin-top: .3rem; color: #42424a; font-size: .38rem; letter-spacing: .15em; }
.product-pack--white .product-pack__lid { background: linear-gradient(90deg, #ddd, #fff 50%, #d5d5d5); }
.product-pack--tub { width: 118px; height: 150px; }
.product-pack--tub .product-pack__body { border-radius: 4px 4px 9px 9px; }
.product-pack--bottle { width: 78px; height: 170px; }
.product-pack--bottle .product-pack__lid { height: 35px; border-radius: 5px; }
.product-pack--bottle .product-pack__body { inset: 30px 0 0; border-radius: 9px 9px 17px 17px; }
.product-card__body { padding: 1rem; }
.product-card__body > small { color: var(--color-primary); font-size: .62rem; font-weight: 750; text-transform: uppercase; }
.product-card h3 { min-height: 38px; margin: .35rem 0 .4rem; font-size: .84rem; font-weight: 750; line-height: 1.35; }
.product-card h3 a { text-decoration: none; }
.product-rating { display: flex; gap: .1rem; color: var(--color-rating); font-size: .57rem; }
.product-rating span { margin-left: .25rem; color: var(--color-text-muted); }
.product-card del { min-height: 17px; display: block; margin-top: .7rem; color: #9999a1; font-size: .67rem; }
.product-card__price { display: block; font-size: 1.05rem; }
.product-card__pix { display: block; margin-top: .15rem; color: var(--color-success); font-size: .62rem; font-weight: 750; }
.product-card__buy { width: 100%; margin-top: .85rem; padding: .62rem; font-size: .72rem; opacity: 0; transform: translateY(6px); transition: opacity var(--transition), transform var(--transition); }
.product-card:hover .product-card__buy, .product-card:focus-within .product-card__buy { opacity: 1; transform: translateY(0); }

.collection-card { position: relative; min-height: 100%; overflow: hidden; padding: 2rem; color: #fff; background: linear-gradient(145deg, #e30613, #a9000b); border-radius: 1rem; }
.collection-card::before { content: ''; position: absolute; top: -25%; right: -35%; width: 100%; aspect-ratio: 1; border: 45px solid rgba(255,255,255,.09); border-radius: 50%; }
.collection-card > div { position: relative; z-index: 2; }
.collection-card__eyebrow { font-size: .63rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; opacity: .8; }
.collection-card h3 { max-width: 250px; margin: .7rem 0; font-size: clamp(1.55rem, 2.2vw, 2.15rem); font-weight: 820; letter-spacing: -.045em; line-height: 1.05; }
.collection-card p { max-width: 240px; font-size: .78rem; line-height: 1.5; opacity: .85; }
.collection-card a { display: inline-flex; align-items: center; gap: .5rem; margin-top: .65rem; padding: .72rem 1rem; color: var(--color-primary); background: #fff; border-radius: 999px; text-decoration: none; font-size: .7rem; font-weight: 800; }
.collection-card__symbol { position: absolute; right: -1rem; bottom: -2.5rem; color: rgba(255,255,255,.15); font-size: 12rem; transform: rotate(-9deg); }

@media (max-width: 991.98px) {
    .benefit-bar__track { justify-content: flex-start; overflow: hidden; }
    .benefit-bar__track span { display: none; }
    .benefit-bar__track span:first-child { display: inline; margin-inline: auto; }
    .site-header__main { min-height: 68px; gap: .75rem; }
    .site-header__main > .header-search { display: none; }
    .brand-logo__image { width: 158px; }
    .header-search--mobile { display: flex; max-width: none; padding-bottom: .75rem; }
    .header-search--mobile .form-control { height: 44px; }
    .header-search--mobile > button { top: 5px; right: 5px; width: 34px; height: 34px; }
    .home-hero { min-height: 650px; }
    .home-hero__media { background-position: 57% center; opacity: .42; }
    .home-hero__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #fff 15%, rgba(255,255,255,.95) 40%, rgba(255,255,255,.18) 100%); }
    .home-hero__content { width: 65%; }
    .benefits-panel { grid-template-columns: repeat(2, 1fr); margin-top: -50px; }
    .benefits-panel article { padding: .8rem 1rem; }
    .benefits-panel article:nth-child(2) { border-right: 0; }
    .benefits-panel article:nth-child(-n+2) { border-bottom: 1px solid var(--color-border); }
    .category-grid { grid-template-columns: repeat(4, 1fr); }
    .products-showcase { grid-template-columns: 1fr; }
    .collection-card { min-height: 320px; }
}

@media (max-width: 767.98px) {
    body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
    .site-footer { padding-top: 3.5rem; }
    .site-footer__main { --bs-gutter-x: 1.5rem; }
    .footer-security { justify-content: flex-start; flex-wrap: wrap; gap: .75rem; }
    .home-hero { min-height: auto; padding-bottom: 0; background: #fff; }
    .home-hero__media { position: relative; min-height: 335px; background-position: 68% center; opacity: 1; }
    .home-hero__media::after { background: linear-gradient(180deg, rgba(255,255,255,0) 65%, #fff 100%); }
    .home-hero__container { min-height: auto; }
    .home-hero__content { width: 100%; margin-top: -35px; padding: 0 0 5.8rem; text-align: center; }
    .hero-kicker { margin-bottom: .7rem; }
    .home-hero h1 { font-size: clamp(2.6rem, 12vw, 4rem); }
    .home-hero__content > p { margin: 1.2rem auto 1.5rem; font-size: .95rem; }
    .home-hero__actions { justify-content: center; }
    .home-hero__actions .btn { min-width: 155px; min-height: 50px; padding-inline: 1rem; }
    .hero-trust { justify-content: center; }
    .benefits-panel { width: calc(100% - 1.5rem); grid-template-columns: 1fr; margin-top: -45px; padding: .6rem 1rem; border-radius: 1rem; }
    .benefits-panel article, .benefits-panel article:first-child, .benefits-panel article:last-child { padding: .85rem .2rem; border-right: 0; border-bottom: 1px solid var(--color-border); }
    .benefits-panel article:last-child { border-bottom: 0; }
    .benefits-panel__icon { width: 44px; height: 44px; flex-basis: 44px; }
    .benefits-panel small { font-size: .67rem; }
    .home-section, .categories-section { padding-top: 3.5rem; }
    .category-grid { display: flex; overflow-x: auto; margin-inline: calc(var(--bs-gutter-x) * -.5); padding: .25rem calc(var(--bs-gutter-x) * .5) 1rem; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .category-card { min-width: 112px; min-height: 112px; scroll-snap-align: start; }
    .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-card__visual { min-height: 190px; }
    .product-pack { transform: scale(.85); transform-origin: bottom; }
    .product-card:hover .product-pack { transform: scale(.85) translateY(-4px); }
    .product-card__buy { opacity: 1; transform: none; }
}

@media (max-width: 374.98px) {
    .container { --bs-gutter-x: 1.25rem; }
    .brand-logo__image { width: 132px; }
    .site-header__main { gap: .3rem; }
    .header-action { min-width: 40px; padding: 0 .3rem; }
    .home-hero__actions { display: grid; }
    .home-hero__actions .btn { width: 100%; }
    .hero-trust { font-size: .65rem; }
    .product-card__visual { min-height: 170px; }
    .product-pack { transform: scale(.75); }
    .product-card:hover .product-pack { transform: scale(.75) translateY(-4px); }
    .product-card__body { padding: .75rem; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Fintech visual direction */
.site-header--fintech { position: absolute; top: 0; left: 0; right: 0; color: var(--color-text); background: rgba(255,255,255,.72); border: 0; backdrop-filter: blur(22px) saturate(160%); }
.site-header--fintech.is-stuck { position: fixed; background: rgba(255,255,255,.92); box-shadow: 0 1px 0 rgba(23,23,31,.07); }
.header-shell { padding-inline: clamp(1.25rem, 4vw, 5rem); }
.site-header--fintech .site-header__main { min-height: 84px; }
.site-header--fintech .brand-logo { margin-right: clamp(1.2rem, 3vw, 3.5rem); }
.fintech-nav { align-items: center; gap: clamp(1rem, 2vw, 2.2rem); }
.fintech-nav a { position: relative; padding: 2rem 0; color: #34343b; text-decoration: none; font-size: .79rem; font-weight: 650; }
.fintech-nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 19px; height: 2px; background: var(--color-primary); transition: right var(--transition); }
.fintech-nav a:hover, .fintech-nav a.is-active { color: #0d0d13; }
.fintech-nav a:hover::after, .fintech-nav a.is-active::after { right: 0; }
.header-login { align-items: center; gap: .4rem; margin-inline: .25rem .7rem; color: var(--color-text); text-decoration: none; font-size: .8rem; font-weight: 750; }
.header-login i { color: var(--color-primary); }
.site-header--fintech .header-action { border-radius: 50%; }
.header-search-layer { position: absolute; top: 100%; left: 0; right: 0; padding: 1.25rem 0; background: rgba(255,255,255,.98); border-top: 1px solid var(--color-border); box-shadow: 0 20px 50px rgba(23,23,31,.1); opacity: 0; transform: translateY(-8px); transition: opacity var(--transition), transform var(--transition); }
.header-search-layer.is-open { opacity: 1; transform: translateY(0); }
.header-search-layer__form { display: flex; align-items: center; gap: 1rem; }
.header-search-layer__form > i { color: var(--color-primary); font-size: 1.3rem; }
.header-search-layer__form input { flex: 1; padding: .55rem 0; background: transparent; border: 0; outline: 0; font-size: clamp(1.15rem, 2vw, 1.7rem); font-weight: 600; letter-spacing: -.03em; }
.header-search-layer__form button { width: 42px; height: 42px; background: var(--color-background); border: 0; border-radius: 50%; }

.home-hero { min-height: min(820px, 88vh); padding-top: 84px; }
.home-hero__media { background-position: 50% center; }
.home-hero__content { width: min(48%, 670px); padding-bottom: 3rem; }
.hero-kicker { padding: .55rem .8rem; color: #282832; background: rgba(255,255,255,.74); border: 1px solid rgba(23,23,31,.08); border-radius: 999px; backdrop-filter: blur(10px); letter-spacing: 0; text-transform: none; }
.hero-kicker i { color: var(--color-primary); }
.home-hero h1 { max-width: 720px; font-size: clamp(3.7rem, 5.7vw, 6.8rem); line-height: .91; }
.home-hero__content > p { max-width: 510px; font-size: clamp(1.05rem, 1.3vw, 1.3rem); }
.home-hero__actions .btn { min-width: auto; padding-inline: 1.5rem; border-width: 1.5px; }
.hero-proof { width: fit-content; display: flex; align-items: center; gap: .8rem; margin-top: 2rem; color: var(--color-text); text-decoration: none; }
.hero-proof > span:first-child { width: 48px; height: 48px; display: grid; place-items: center; align-content: center; color: #fff; background: #16161e; border-radius: 50%; font-size: .72rem; font-weight: 800; }
.hero-proof > span:first-child i { color: var(--color-rating); font-size: .55rem; }
.hero-proof > span:last-child { padding-right: 1rem; color: #4e4e56; font-size: .68rem; line-height: 1.35; border-right: 1px solid #cfcfd4; }

.benefits-panel { margin-top: -40px; padding: 1.1rem; border: 0; border-radius: 1.75rem; box-shadow: 0 28px 80px rgba(20,20,28,.12); }
.benefits-panel article { min-height: 90px; padding-inline: 1.35rem; }
.benefits-panel__icon { background: var(--color-primary-light); border: 0; box-shadow: none; border-radius: 16px; }

.brand-statement { margin-top: 7rem; padding: clamp(5rem, 9vw, 9rem) 0; color: #fff; background: var(--color-primary); }
.brand-statement .container { display: grid; grid-template-columns: 1fr 3fr; gap: 2rem; align-items: start; }
.brand-statement span { font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .78; }
.brand-statement h2 { max-width: 1000px; margin: 0; font-size: clamp(2.7rem, 5vw, 5.8rem); font-weight: 780; letter-spacing: -.065em; line-height: .98; }
.brand-statement a { grid-column: 2; width: fit-content; display: inline-flex; align-items: center; gap: .65rem; margin-top: 1rem; padding: .8rem 1rem; color: #fff; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; text-decoration: none; font-size: .75rem; font-weight: 750; }
.brand-statement a:hover { color: var(--color-primary); background: #fff; }

.categories-section { padding-top: 7rem; }
.section-heading { margin-bottom: 2.2rem; }
.section-heading__eyebrow { color: #85858e; letter-spacing: .04em; text-transform: none; }
.section-heading h2 { font-size: clamp(2.2rem, 3.6vw, 4.2rem); }
.category-grid { gap: .75rem; }
.category-card { min-height: 150px; background: var(--color-background); border: 0; border-radius: 1.5rem; }
.category-card > span { width: 58px; height: 58px; background: #fff; border-radius: 50%; }
.category-card:hover { background: var(--color-primary-light); border: 0; box-shadow: none; transform: translateY(-5px); }

.products-section { padding-top: 8rem; padding-bottom: 8rem; background: #fff; }
.product-card { background: var(--color-background); border: 0; border-radius: 1.5rem; }
.product-card__visual { min-height: 260px; background: #f0f0f2; }
.product-card__body { padding: 1.25rem; }
.product-card:hover { box-shadow: none; transform: translateY(-6px); }
.product-card__buy { border-radius: 999px; }
.collection-card { border-radius: 1.5rem; }

.mobile-menu__label { margin: .75rem .85rem; color: var(--color-text-muted); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.mobile-menu > a { justify-content: space-between; padding: .85rem; font-size: 1.25rem; letter-spacing: -.03em; }
.mobile-menu > a i { font-size: .9rem; }
.mobile-menu__install { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: .5rem; padding: .9rem; color: #fff; background: #17171f; border: 0; border-radius: .8rem; font-size: .82rem; font-weight: 750; }
.mobile-menu__install[hidden] { display: none; }
.header-install { align-items: center; gap: .45rem; padding: .55rem .8rem; color: var(--color-primary); background: #fff4f5; border: 1px solid #ffd4d8; border-radius: .7rem; font-size: .78rem; font-weight: 800; }
.header-install:hover { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.header-install[hidden] { display: none !important; }
.install-app-modal { border: 0; border-radius: 1rem; box-shadow: 0 1.25rem 4rem rgba(23,23,31,.22); }
.install-app-modal .modal-body { padding: 1.5rem; text-align: center; }
.install-app-modal__icon { display: grid; place-items: center; width: 4rem; height: 4rem; margin: 0 auto 1rem; color: #fff; background: var(--color-primary); border-radius: 1rem; font-size: 1.8rem; }
.install-app-modal p { margin: 0; line-height: 1.6; }

@media (max-width: 991.98px) {
    .site-header--fintech { position: absolute; }
    .site-header--fintech .site-header__main { min-height: 72px; }
    .home-hero { padding-top: 72px; }
    .brand-statement .container { grid-template-columns: 1fr; }
    .brand-statement a { grid-column: 1; }
}

@media (max-width: 767.98px) {
    .header-shell { padding-inline: .75rem; }
    .site-header--fintech .brand-logo { margin: 0; }
    .home-hero { padding-top: 72px; }
    .home-hero__media { min-height: 390px; }
    .home-hero__content { margin-top: -55px; padding-bottom: 5.5rem; }
    .home-hero h1 { font-size: clamp(3rem, 14vw, 4.5rem); }
    .hero-proof { margin-inline: auto; text-align: left; }
    .benefits-panel { margin-top: -32px; border-radius: 1.35rem; }
    .brand-statement { margin-top: 5rem; }
    .brand-statement h2 { font-size: clamp(2.7rem, 12vw, 4rem); }
    .categories-section, .products-section { padding-top: 5.5rem; }
    .category-card { min-height: 130px; border-radius: 1.25rem; }
}

/* Reference-aligned storefront layout */
.container { max-width: 1408px; }

.site-header--fintech {
    position: relative;
    min-height: 76px;
    background: #fff;
    border-bottom: 1px solid #ececf0;
    backdrop-filter: none;
}
.site-header--fintech.is-stuck {
    position: sticky;
    background: rgba(255,255,255,.97);
    box-shadow: 0 5px 18px rgba(18,19,28,.05);
    backdrop-filter: blur(12px);
}
.header-shell { max-width: 1408px; margin-inline: auto; padding-inline: 1.25rem; }
.site-header--fintech .site-header__main { min-height: 75px; gap: 0; }
.site-header--fintech .brand-logo { margin-right: 5.2rem; }
.fintech-nav { gap: 2.25rem; }
.fintech-nav a { padding: 1.8rem 0 1.65rem; color: #11121c; font-size: .82rem; font-weight: 520; }
.fintech-nav a::after { bottom: 10px; height: 2px; }
.site-header--fintech .header-actions { gap: 1rem; }
.site-header--fintech .header-action { width: 42px; height: 42px; padding: 0; }
.site-header--fintech .header-action i { font-size: 1.4rem; }
.site-header--fintech .header-action:hover { color: #11121c; background: #f5f5f6; }
.header-login { gap: .45rem; margin: 0 .2rem; font-size: .8rem; font-weight: 600; }
.header-login i { color: #11121c; font-size: 1.45rem; }
.cart-count { top: -1px; right: -2px; border: 2px solid #fff; }

.home-page { background: #fff; }
.home-hero {
    min-height: 470px;
    height: 470px;
    padding: 0;
    background: #fff;
}
.home-hero__media {
    background-color: #fff;
    background-size: auto 600px;
    background-position: right center;
    background-repeat: no-repeat;
}
.home-hero__container { min-height: 470px; height: 470px; }
.home-hero__content { width: 49%; padding: 0 0 1rem; }
.home-hero h1 {
    max-width: 670px;
    margin: 0;
    color: #0e1220;
    font-size: clamp(3.25rem, 4.1vw, 4.25rem);
    font-weight: 790;
    letter-spacing: -.055em;
    line-height: 1.02;
}
.home-hero h1 strong { color: #e20b18; }
.home-hero__content > p {
    max-width: 505px;
    margin: 1.35rem 0 1.75rem;
    color: #666971;
    font-size: 1.08rem;
    line-height: 1.55;
}
.home-hero__actions { gap: .85rem; }
.home-hero__actions .btn {
    min-width: 180px;
    min-height: 53px;
    padding: .75rem 1.35rem;
    border-radius: 999px;
    font-size: .88rem;
}
.home-hero__actions .btn-outline-primary { min-width: 205px; background: rgba(255,255,255,.82); }
.home-hero__actions .btn-outline-primary:hover { background: var(--color-primary); }

.benefits-panel {
    min-height: 124px;
    margin-top: 0;
    padding: 1.25rem 1.45rem;
    background: #fff;
    border: 1px solid #ececf0;
    border-radius: 1.25rem;
    box-shadow: 0 16px 38px rgba(26,28,38,.07);
    transform: translateY(-1px);
}
.benefits-panel article { min-height: 76px; gap: 1rem; padding: .3rem 1.35rem; }
.benefits-panel__icon {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    color: #e30613;
    background: #fff;
    border: 1px solid #ececf0;
    border-radius: 50%;
    font-size: 1.5rem;
}
.benefits-panel strong { color: #11121c; font-size: .82rem; font-weight: 700; }
.benefits-panel small { color: #5f626a; font-size: .7rem; line-height: 1.55; }

.home-section, .categories-section { padding-top: 2.25rem; }
.section-heading { margin-bottom: 1rem; }
.section-heading h2 { color: #111522; font-size: 1.72rem; font-weight: 750; letter-spacing: -.035em; }
.section-heading > a { color: #e30613; font-size: .76rem; font-weight: 700; }

.category-grid { grid-template-columns: repeat(9, 1fr); gap: .85rem; }
.category-card {
    min-height: 116px;
    gap: .65rem;
    background: #fff;
    border: 1px solid #e8e8ec;
    border-radius: .75rem;
}
.category-card > span {
    width: 48px;
    height: 48px;
    color: #e30613;
    background: transparent;
    border-radius: .65rem;
    font-size: 1.6rem;
}
.category-card strong { color: #11121c; font-size: .72rem; font-weight: 600; }
.category-card:hover { background: #fff; border-color: #e30613; box-shadow: 0 10px 24px rgba(26,28,38,.07); transform: translateY(-3px); }
.category-card:hover > span { color: #e30613; background: #fff0f1; transform: none; }

.products-section { padding-top: 2.4rem; padding-bottom: 6rem; background: #fff; }
.products-showcase { grid-template-columns: minmax(0, 2fr) minmax(310px, 1fr); gap: 1rem; }
.product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.product-card { background: #fff; border: 1px solid #e8e8ec; border-radius: .75rem; }
.product-card__visual { min-height: 245px; background: linear-gradient(155deg, #fafafa, #f4f4f5); }
.product-card__body { padding: 1rem; }
.product-card:hover { box-shadow: 0 14px 30px rgba(23,23,31,.08); transform: translateY(-3px); }
.product-card:nth-child(4) { display: none; }
.product-card__buy { opacity: 1; transform: none; }
.collection-card { min-height: 100%; border-radius: .75rem; }

@media (min-width: 1600px) {
    .container, .header-shell { max-width: 1450px; }
    .home-hero { height: 500px; min-height: 500px; }
    .home-hero__container { height: 500px; min-height: 500px; }
    .home-hero__media { background-size: auto 640px; }
}

@media (max-width: 1199.98px) {
    .site-header--fintech .brand-logo { margin-right: 2.5rem; }
    .fintech-nav { gap: 1.25rem; }
    .home-hero h1 { font-size: 3.3rem; }
    .benefits-panel article { padding-inline: .8rem; }
    .benefits-panel__icon { width: 50px; height: 50px; flex-basis: 50px; }
    .category-grid { gap: .65rem; }
}

@media (max-width: 991.98px) {
    .site-header--fintech { position: relative; min-height: 68px; }
    .site-header--fintech .site-header__main { min-height: 68px; }
    .site-header--fintech .brand-logo { margin: 0; }
    .home-hero { height: 500px; min-height: 500px; }
    .home-hero__container { height: 500px; min-height: 500px; }
    .home-hero__media { background-position: 56% center; }
    .home-hero__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #fff 6%, rgba(255,255,255,.93) 43%, rgba(255,255,255,.08) 100%); }
    .home-hero__content { width: 62%; }
    .home-hero h1 { font-size: 3rem; }
    .home-hero__content > p { font-size: .98rem; }
    .benefits-panel { grid-template-columns: repeat(2, 1fr); height: auto; }
    .category-grid { grid-template-columns: repeat(4, 1fr); }
    .products-showcase { grid-template-columns: 1fr; }
    .product-grid { grid-template-columns: repeat(3, 1fr); }
    .collection-card { min-height: 290px; }
}

@media (max-width: 767.98px) {
    .header-shell { padding-inline: .75rem; }
    .site-header--fintech .brand-logo__image { width: 145px; }
    .home-hero { height: auto; min-height: 0; display: flex; flex-direction: column; }
    .home-hero__media {
        position: relative;
        order: 2;
        width: 100%;
        min-height: 285px;
        background-size: cover;
        background-position: 68% center;
    }
    .home-hero__media::after { background: linear-gradient(180deg, #fff 0, rgba(255,255,255,0) 28%); }
    .home-hero__container { order: 1; height: auto; min-height: 0; padding-top: 2.6rem; padding-bottom: 1.5rem; }
    .home-hero__content { width: 100%; margin: 0; padding: 0; text-align: left; }
    .home-hero h1 { font-size: clamp(2.7rem, 12vw, 3.7rem); line-height: .98; }
    .home-hero__content > p { max-width: 94%; margin: 1rem 0 1.35rem; font-size: .94rem; }
    .home-hero__actions { justify-content: flex-start; }
    .home-hero__actions .btn { min-width: 0; min-height: 48px; padding-inline: 1.1rem; font-size: .78rem; }
    .benefits-panel {
        width: calc(100% - 1.5rem);
        grid-template-columns: 1fr;
        margin-top: 1rem;
        padding: .4rem 1rem;
        border-radius: 1rem;
        transform: none;
    }
    .benefits-panel article, .benefits-panel article:first-child, .benefits-panel article:last-child { min-height: 74px; padding: .7rem 0; }
    .benefits-panel__icon { width: 44px; height: 44px; flex-basis: 44px; border-radius: 50%; font-size: 1.2rem; }
    .home-section, .categories-section { padding-top: 2.8rem; }
    .section-heading h2 { font-size: 1.55rem; }
    .category-grid { display: flex; gap: .65rem; }
    .category-card { min-width: 108px; min-height: 105px; }
    .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-card:nth-child(4) { display: block; }
    .product-card__visual { min-height: 180px; }
    .collection-card { min-height: 300px; }
}

@media (max-width: 374.98px) {
    .home-hero__actions { grid-template-columns: 1fr 1fr; width: 100%; }
    .home-hero__actions .btn { width: 100%; padding-inline: .65rem; }
    .home-hero__media { min-height: 240px; }
    .product-card__visual { min-height: 165px; }
}

/* Responsive hero carousel */
.hero-swiper { display: block; overflow: hidden; }
.hero-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) { display: none; }
.hero-swiper .swiper-wrapper, .hero-swiper .swiper-slide { height: 100%; }
.hero-slide { position: relative; overflow: hidden; background: #fff; }
.hero-slide .home-hero__media { overflow: hidden; }
.hero-slide .home-hero__media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.hero-slide__eyebrow { display: inline-flex; margin-bottom: .75rem; color: var(--color-primary); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hero-slide h2 { max-width: 670px; margin: 0; color: #0e1220; font-size: clamp(3.25rem, 4.1vw, 4.25rem); font-weight: 790; letter-spacing: -.055em; line-height: 1.02; }
.hero-slide h2 strong { color: #e20b18; }
.hero-slider-ui { position: absolute; z-index: 5; left: 50%; bottom: 24px; display: flex; align-items: center; justify-content: space-between; pointer-events: none; transform: translateX(-50%); }
.hero-pagination { width: auto !important; display: flex; align-items: center; gap: .4rem; pointer-events: auto; }
.hero-pagination .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 !important; padding: 0; background: #909098; border: 0; border-radius: 999px; opacity: .6; transition: width var(--transition), background var(--transition), opacity var(--transition); }
.hero-pagination .swiper-pagination-bullet-active { width: 26px; background: var(--color-primary); opacity: 1; }
.hero-slider-actions { display: flex; gap: .4rem; pointer-events: auto; }
.hero-slider-actions button { width: 36px; height: 36px; display: grid; place-items: center; color: #17171f; background: rgba(255,255,255,.88); border: 1px solid rgba(23,23,31,.12); border-radius: 50%; backdrop-filter: blur(8px); transition: color var(--transition), background var(--transition); }
.hero-slider-actions button:hover { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.hero-slider-toggle { width: 30px !important; height: 30px !important; align-self: center; font-size: .75rem; }

@media (max-width: 991.98px) {
    .hero-slide h2 { font-size: 3rem; }
}

@media (max-width: 767.98px) {
    .hero-swiper { display: block; height: 658px; min-height: 658px; }
    .hero-swiper .swiper-wrapper, .hero-swiper .swiper-slide { height: 100%; }
    .hero-slide { display: flex; flex-direction: column; }
    .hero-slide .home-hero__container { order: 1; flex: 0 0 380px; padding-top: 2.6rem; padding-bottom: 1rem; }
    .hero-slide .home-hero__media { order: 2; flex: 1 1 auto; min-height: 278px; }
    .hero-slide h2 { font-size: clamp(2.7rem, 12vw, 3.7rem); line-height: .98; }
    .hero-slide__eyebrow { margin-bottom: .55rem; font-size: .62rem; }
    .hero-slider-ui { bottom: 13px; padding-inline: 1.15rem; }
    .hero-slider-ui { left: 0; right: 0; width: 100%; transform: none; }
    .hero-slider-actions { position: absolute; right: auto; bottom: 0; left: 5.1rem; }
    .hero-slider-actions .hero-slider-prev, .hero-slider-actions .hero-slider-next { display: none; }
    .hero-slider-actions button { width: 32px; height: 32px; }
}

@media (max-width: 374.98px) {
    .hero-swiper { height: 625px; min-height: 625px; }
    .hero-slide .home-hero__container { flex-basis: 380px; }
    .hero-slide .home-hero__media { min-height: 245px; }
}

/* Hero em formato de card nativo no mobile */
@media (max-width: 767.98px) {
    .hero-swiper { height: auto; min-height: 0; padding: .75rem 0 0; }
    .hero-swiper .swiper-wrapper, .hero-swiper .swiper-slide { height: auto; }
    .hero-slide { display: flex; flex-direction: column; }
    .hero-slide .home-hero__media {
        order: 1;
        z-index: 0;
        width: calc(100% - 2rem);
        aspect-ratio: 16 / 9;
        min-height: 0;
        flex: none;
        margin: 0 1rem;
        background: #f6f6f7;
        border: 1px solid rgba(19,20,27,.07);
        border-radius: 1.25rem;
        box-shadow: 0 12px 30px rgba(24,26,36,.09);
    }
    .hero-slide .home-hero__media::after { content: none; }
    .hero-slide .home-hero__media img { object-position: center; }
    .hero-slide .home-hero__container { order: 2; flex: none; padding: 2.5rem 1rem 1.4rem; }
    .hero-slide .home-hero__content { width: 100%; }
    .hero-slide h1, .hero-slide h2 { max-width: 92%; font-size: clamp(2rem,9vw,2.7rem); line-height: 1; }
    .hero-slide__eyebrow { margin-bottom: .45rem; }
    .hero-slide .home-hero__content > p { display: -webkit-box; max-width: 100%; margin: .8rem 0 1rem; overflow: hidden; font-size: .88rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
    .hero-slide .home-hero__actions { display: grid; grid-template-columns: 1fr; gap: .35rem; }
    .hero-slide .home-hero__actions .btn { width: 100%; min-height: 48px; }
    .hero-slide .home-hero__actions .btn-outline-primary { min-height: 38px; color: #686a73; background: transparent; border-color: transparent; }
    .hero-slider-ui { top: calc(56.25vw + .55rem); bottom: auto; left: 0; right: 0; width: 100%; justify-content: center; padding: 0; transform: none; }
    .hero-slider-actions { display: none; }
    .hero-pagination { justify-content: center; }
}

/* Image-only, edge-to-edge home banners */
.home-page .hero-swiper { width: calc(100% - 2rem); max-width: 1408px; height: auto; min-height: 0; margin-inline: auto; padding: 0; overflow: hidden; }
.home-page .hero-swiper .swiper-wrapper,
.home-page .hero-swiper .swiper-slide { height: auto; }
@media (min-width: 768px) {
    .home-page .hero-swiper .swiper-wrapper { margin-top: 20px; margin-bottom: 20px; }
}
.home-page .hero-slide .home-hero__media { position: relative; z-index: auto; inset: auto; order: initial; width: 100%; height: auto; min-height: 0; aspect-ratio: 1450 / 484; display: block; flex: none; margin: 0; overflow: hidden; background: #fff; border: 0; border-radius: 12px; box-shadow: none; opacity: 1; }
.home-page .hero-slide .home-hero__media::after { content: none; }
.home-page .hero-slide .home-hero__media img { width: 100%; height: 100%; max-width: none; display: block; object-fit: contain; object-position: center; }
.home-page .hero-slide__link { display: block; color: inherit; text-decoration: none; }
.home-page .hero-slide__link:focus-visible { outline: 3px solid var(--color-primary); outline-offset: -3px; border-radius: 12px; }
.admin-banner-fields--image-only { grid-template-columns: 1fr; }
.admin-banner-images { grid-template-columns: minmax(0,1.5fr) minmax(0,.65fr); align-items: start; }
.admin-banner-image { min-width: 0; display: grid; gap: .45rem; }
.admin-banner-image > span { color: #5f626c; font-size: .62rem; font-weight: 750; }
.admin-banner-thumb { width: 100%; height: 118px; display: grid; place-items: center; position: relative; overflow: hidden; padding: 0; background: #f5f5f7; border: 1px solid #d9dbe1; border-radius: .6rem; cursor: zoom-in; }
.admin-banner-thumb:disabled { cursor: default; }
.admin-banner-thumb img { width: 100%; height: 100%; display: block; object-fit: contain; }
.admin-banner-thumb > span:not(.admin-banner-placeholder) { position: absolute; right: .4rem; bottom: .4rem; padding: .3rem .45rem; color: #fff; background: rgba(22,23,29,.76); border-radius: .35rem; font-size: .6rem; }
.admin-banner-upload { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: .35rem; padding: .42rem .6rem; color: #565963; background: #fff; border: 1px solid #d9dbe1; border-radius: .45rem; font-size: .62rem; font-weight: 750; cursor: pointer; }
.admin-banner-upload:hover { color: var(--color-primary); border-color: var(--color-primary); }
.admin-banner-upload input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.admin-banner-url { width: 100%; }
.admin-banner-url small { color: #858792; font-size: .6rem; font-weight: 400; }
.admin-banner-dialog { max-width: min(96vw, 1500px); max-height: 92vh; padding: 2.5rem .75rem .75rem; background: #fff; border: 0; border-radius: .8rem; box-shadow: 0 24px 80px rgba(0,0,0,.3); }
.admin-banner-dialog::backdrop { background: rgba(15,16,22,.72); }
.admin-banner-dialog img { max-width: 100%; max-height: calc(92vh - 3.25rem); display: block; margin: auto; object-fit: contain; }
.admin-banner-dialog > button { position: absolute; top: .4rem; right: .5rem; width: 2rem; height: 2rem; color: #34363e; background: #f0f1f3; border: 0; border-radius: 50%; }
@media (max-width: 600px) { .admin-banner-images { grid-template-columns: 1fr; }.admin-banner-thumb { height: 145px; } }

@media (max-width: 767.98px) {
    .home-page .hero-swiper { width: 100%; max-width: none; padding-top: 0; }
    .home-page .hero-slide .home-hero__media { height: auto; aspect-ratio: auto; overflow: visible; border-radius: 0; }
    .home-page .hero-slide .home-hero__media img { height: auto; object-fit: contain; }
    .home-page .hero-slider-ui { top: auto; bottom: 12px; }
    .home-page .hero-slider-actions { display: none; }
}

@media (min-width: 1600px) {
    .home-page .hero-swiper { max-width: 1450px; }
}

/* Weekly promotion */
.weekly-promotion { padding: 0 0 7rem; background: #fff; }
.weekly-promotion__heading { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.8rem; padding-bottom: .9rem; border-bottom: 1px solid var(--color-border); }
.weekly-promotion__heading > span { width: 25px; height: 25px; display: grid; place-items: center; border: 2px solid var(--color-primary); border-radius: 50%; }
.weekly-promotion__heading > span i { width: 9px; height: 9px; display: block; background: var(--color-primary); border-radius: 50%; }
.weekly-promotion__heading h2 { margin: 0; color: #111522; font-size: clamp(1.4rem, 2vw, 1.9rem); font-weight: 800; letter-spacing: -.035em; text-transform: uppercase; }
.weekly-promotion__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(310px, .95fr); gap: 1.35rem; }

.featured-offer { min-height: 515px; display: grid; grid-template-columns: minmax(280px, .95fr) minmax(360px, 1.05fr); gap: 1.35rem; padding: 1.4rem; overflow: hidden; background: linear-gradient(135deg, #fff5f6 0%, #fffafb 62%, #f3fff8 100%); border: 1px solid #f0dfe1; border-radius: 1.8rem; }
.featured-offer__visual { position: relative; min-height: 465px; display: grid; place-items: center; overflow: hidden; background: #fff; border-radius: 1.4rem; }
.featured-offer__visual::before { content: ''; position: absolute; width: 320px; height: 320px; background: radial-gradient(circle, rgba(227,6,19,.09), transparent 68%); border-radius: 50%; }
.featured-offer__visual::after { content: ''; position: absolute; bottom: 48px; width: 190px; height: 23px; background: rgba(23,23,31,.13); border-radius: 50%; filter: blur(11px); }
.featured-offer__label { position: absolute; z-index: 3; top: 1rem; left: 1rem; padding: .55rem .8rem; color: var(--color-primary); background: var(--color-primary-light); border: 1px solid #f2c8cc; border-radius: 999px; font-size: .65rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.featured-offer__discount { position: absolute; z-index: 3; top: 1rem; right: 1rem; width: 52px; height: 52px; display: grid; place-items: center; color: #fff; background: var(--color-primary); border-radius: 50%; box-shadow: 0 10px 24px rgba(227,6,19,.25); font-size: .75rem; font-weight: 850; }
.featured-product-pack { position: relative; z-index: 2; width: 190px; height: 305px; margin-top: 2.5rem; filter: drop-shadow(0 22px 18px rgba(23,23,31,.18)); }
.featured-product-pack__lid { position: absolute; z-index: 2; top: 0; left: 3px; right: 3px; height: 53px; background: repeating-linear-gradient(90deg, #aa0009 0 3px, #ec1824 3px 6px); border-radius: 16px 16px 6px 6px; box-shadow: inset 0 -8px 0 rgba(90,0,0,.12); }
.featured-product-pack__body { position: absolute; inset: 45px 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; color: #fff; background: linear-gradient(105deg, #f2f2f2, #fff 43%, #dedede); border-radius: 7px 7px 25px 25px; box-shadow: inset -14px 0 24px rgba(0,0,0,.06); }
.featured-product-pack__body::before { content: ''; position: absolute; left: 0; right: 0; top: 63px; height: 130px; background: linear-gradient(145deg, #b8000c, #f21d29); transform: skewY(-6deg); }
.featured-product-pack__body i, .featured-product-pack__body strong, .featured-product-pack__body small { position: relative; z-index: 1; font-style: normal; }
.featured-product-pack__body i { margin-top: 38px; font-size: 2.3rem; font-weight: 950; letter-spacing: -.16em; }
.featured-product-pack__body strong { margin-top: .5rem; font-size: .78rem; letter-spacing: .08em; }
.featured-product-pack__body small { margin-top: .3rem; font-size: .46rem; letter-spacing: .08em; opacity: .9; }

.featured-offer__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 1.25rem .65rem 1.25rem 0; }
.featured-offer__eyebrow { display: inline-flex; padding: .5rem .7rem; color: var(--color-primary); background: #fff; border: 1px solid #f0dfe1; border-radius: 999px; font-size: .62rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.featured-offer__content h3 { max-width: 520px; margin: 1rem 0 .8rem; color: #191925; font-size: clamp(1.8rem, 2.45vw, 2.65rem); font-weight: 820; letter-spacing: -.045em; line-height: 1.05; }
.featured-offer__description { max-width: 550px; margin: 0; color: var(--color-text-muted); font-size: .9rem; line-height: 1.65; }
.featured-offer__description > :first-child { margin-top: 0; }
.featured-offer__description > :last-child { margin-bottom: 0; }
.featured-offer__price { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: .15rem .8rem; margin-top: 1rem; }
.featured-offer__price del { color: #9a9aa2; font-size: .8rem; }
.featured-offer__price strong { grid-row: span 2; color: var(--color-primary); font-size: clamp(2.2rem, 3.2vw, 3.25rem); font-weight: 900; letter-spacing: -.055em; line-height: .95; }
.featured-offer__price span { color: #55555e; font-size: .72rem; }
.featured-offer__benefits { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.2rem; }
.featured-offer__benefits span { display: inline-flex; align-items: center; gap: .35rem; padding: .55rem .7rem; color: #44444d; background: rgba(255,255,255,.85); border: 1px solid #eee0e2; border-radius: 999px; font-size: .65rem; font-weight: 650; }
.featured-offer__benefits i { color: var(--color-primary); }
.featured-offer__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.2rem; }
.featured-offer__actions .btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding-inline: 1.15rem; border-radius: 999px; font-size: .72rem; }
.featured-offer__cart { color: var(--color-primary); background: #fff; border: 1px solid #f0c9cd; font-weight: 750; }
.featured-offer__cart:hover { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }

.more-offers { padding: 1.4rem; background: #fff; border: 1px solid #f0dfe1; border-radius: 1.8rem; }
.more-offers__heading h3 { margin: 0; color: #17171f; font-size: 1.25rem; font-weight: 820; letter-spacing: -.025em; }
.more-offers__heading p { margin: .35rem 0 1rem; color: var(--color-text-muted); font-size: .75rem; }
.more-offers__list { display: grid; gap: .65rem; }
.mini-offer { min-height: 90px; display: grid; grid-template-columns: 66px minmax(0, 1fr) 24px; align-items: center; gap: .8rem; padding: .7rem; color: #17171f; background: #fff7f8; border: 1px solid #f4e2e4; border-radius: 1rem; text-decoration: none; transition: border-color var(--transition), transform var(--transition), box-shadow var(--transition); }
.mini-offer:hover { color: #17171f; border-color: #efb7bc; box-shadow: 0 10px 22px rgba(23,23,31,.06); transform: translateX(-3px); }
.mini-offer__visual { width: 66px; height: 66px; display: grid; place-items: center; background: #fff; border-radius: .8rem; }
.mini-offer__visual img { width: 100%; height: 100%; display: block; padding: .3rem; object-fit: contain; border-radius: inherit; }
.mini-pack { position: relative; width: 27px; height: 47px; display: grid; place-items: center; background: linear-gradient(90deg, #eee, #fff, #ddd); border-radius: 3px 3px 7px 7px; box-shadow: 0 5px 8px rgba(23,23,31,.12); }
.mini-pack::before { content: ''; position: absolute; top: -5px; left: 1px; right: 1px; height: 8px; background: var(--color-primary); border-radius: 3px; }
.mini-pack i { position: absolute; inset: 15px 0 7px; background: var(--color-primary-light); border-top: 1px solid #f1cbd0; border-bottom: 1px solid #f1cbd0; }
.mini-pack b { position: relative; z-index: 1; color: var(--color-primary); font-size: .45rem; }
.mini-pack--bottle { width: 22px; height: 51px; border-radius: 4px 4px 8px 8px; }
.mini-offer__content { min-width: 0; display: grid; }
.mini-offer__content small { color: var(--color-primary); font-size: .56rem; font-weight: 750; text-transform: uppercase; }
.mini-offer__content strong { overflow: hidden; margin: .15rem 0 .25rem; font-size: .75rem; font-weight: 760; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.mini-offer__content b { color: var(--color-primary); font-size: .72rem; }
.mini-offer__arrow { color: #a7a7af; font-size: .75rem; }

@media (max-width: 1199.98px) {
    .weekly-promotion__grid { grid-template-columns: minmax(0, 1.7fr) minmax(290px, .8fr); }
    .featured-offer { grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.2fr); }
    .featured-product-pack { transform: scale(.9); }
}

@media (max-width: 991.98px) {
    .weekly-promotion__grid { grid-template-columns: 1fr; }
    .featured-offer { grid-template-columns: minmax(260px, .85fr) minmax(360px, 1.15fr); }
    .more-offers__list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767.98px) {
    .weekly-promotion { padding-bottom: 5.5rem; }
    .weekly-promotion__heading { margin-bottom: 1rem; }
    .weekly-promotion__heading h2 { font-size: 1.25rem; }
    .weekly-promotion__grid { gap: .9rem; }
    .featured-offer { min-height: 0; grid-template-columns: 1fr; gap: 0; padding: .75rem; border-radius: 1.25rem; }
    .featured-offer__visual { min-height: 370px; border-radius: 1rem; }
    .featured-product-pack { margin-top: 2rem; transform: scale(.9); }
    .featured-offer__content { padding: 1.4rem .65rem 1rem; }
    .featured-offer__content h3 { font-size: 1.9rem; }
    .featured-offer__price strong { font-size: 2.4rem; }
    .featured-offer__actions { display: grid; grid-template-columns: 1fr; width: 100%; }
    .featured-offer__actions .btn { width: 100%; }
    .more-offers { padding: 1rem; border-radius: 1.25rem; }
    .more-offers__list { grid-template-columns: 1fr; }
}

@media (max-width: 374.98px) {
    .featured-offer__visual { min-height: 340px; }
    .featured-product-pack { transform: scale(.8); }
    .featured-offer__benefits span { font-size: .58rem; }
}

/* Quality and transparency */
.quality-section { padding: clamp(5rem, 8vw, 8rem) 0; background: #f7f7f8; }
.quality-section .container { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.quality-section__intro > span, .reviews-section__heading > div:first-child > span, .faq-section__intro > span { display: block; margin-bottom: .65rem; color: var(--color-primary); font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.quality-section__intro h2 { max-width: 520px; margin: 0; color: #11121c; font-size: clamp(2.5rem, 4.2vw, 4.8rem); font-weight: 820; letter-spacing: -.065em; line-height: .98; }
.quality-section__intro p { max-width: 500px; margin: 1.4rem 0; color: var(--color-text-muted); font-size: .95rem; line-height: 1.7; }
.quality-section__intro a, .faq-section__intro a { display: inline-flex; align-items: center; gap: .55rem; color: var(--color-primary); text-decoration: none; font-size: .75rem; font-weight: 800; }
.quality-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem; }
.quality-card { position: relative; min-height: 245px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; overflow: hidden; padding: 1.5rem; background: #fff; border: 1px solid #ececf0; border-radius: 1.35rem; }
.quality-card::before { content: ''; position: absolute; top: -65px; right: -65px; width: 150px; height: 150px; background: var(--color-primary-light); border-radius: 50%; }
.quality-card > i { position: absolute; z-index: 1; top: 1.4rem; left: 1.4rem; width: 48px; height: 48px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: 14px; font-size: 1.25rem; }
.quality-card__number { position: absolute; z-index: 1; top: 1.5rem; right: 1.5rem; color: #a4a4ac; font-size: .65rem; font-weight: 800; }
.quality-card h3 { position: relative; z-index: 1; margin: 0 0 .55rem; font-size: 1.05rem; font-weight: 800; }
.quality-card p { position: relative; z-index: 1; margin: 0; color: var(--color-text-muted); font-size: .73rem; line-height: 1.6; }
.quality-card--featured { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.quality-card--featured::before { background: rgba(255,255,255,.11); }
.quality-card--featured > i { color: var(--color-primary); background: #fff; }
.quality-card--featured .quality-card__number, .quality-card--featured p { color: rgba(255,255,255,.76); }
.quality-card--dark { color: #fff; background: #17171f; border-color: #17171f; }
.quality-card--dark::before { background: rgba(255,255,255,.07); }
.quality-card--dark > i { color: #fff; background: rgba(255,255,255,.11); }
.quality-card--dark .quality-card__number, .quality-card--dark p { color: #aaaab2; }

/* Reviews */
.reviews-section { padding: clamp(5rem, 8vw, 7.5rem) 0; background: #fff; }
.reviews-section__heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.reviews-section__heading h2 { margin: 0; color: #11121c; font-size: clamp(2.3rem, 3.8vw, 4rem); font-weight: 820; letter-spacing: -.06em; }
.reviews-summary { display: flex; align-items: center; gap: .8rem; }
.reviews-summary > strong { font-size: 2.9rem; font-weight: 900; letter-spacing: -.07em; line-height: 1; }
.reviews-summary > span { display: grid; grid-template-columns: repeat(5, auto); gap: .12rem; color: var(--color-rating); font-size: .7rem; }
.reviews-summary small { grid-column: 1 / -1; margin-top: .25rem; color: var(--color-text-muted); font-size: .62rem; }
.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.review-card { min-height: 285px; display: flex; flex-direction: column; padding: 1.45rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1.35rem; transition: transform var(--transition), box-shadow var(--transition); }
.review-card:hover { box-shadow: 0 16px 35px rgba(23,23,31,.08); transform: translateY(-4px); }
.review-card__top { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: .7rem; }
.review-card__avatar { width: 44px; height: 44px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #e30613, #a9000b); border-radius: 50%; font-size: .68rem; font-weight: 850; }
.review-card__top > span:nth-child(2) { display: grid; }
.review-card__top strong { font-size: .78rem; }
.review-card__top small { margin-top: .15rem; color: var(--color-success); font-size: .58rem; font-weight: 700; }
.review-card__stars { display: flex; gap: .1rem; color: var(--color-rating); font-size: .58rem; }
.review-card blockquote { flex: 1; margin: 1.35rem 0; color: #3f3f48; font-size: .9rem; line-height: 1.65; }
.review-card > a { display: flex; align-items: center; gap: .45rem; padding-top: 1rem; color: #17171f; border-top: 1px solid var(--color-border); text-decoration: none; font-size: .7rem; font-weight: 750; }
.review-card > a small { display: block; margin-right: auto; color: var(--color-text-muted); font-size: .56rem; font-weight: 600; }
.review-card > a i { color: var(--color-primary); }
.reviews-section__notice { margin: 1rem 0 0; color: #9999a1; font-size: .6rem; text-align: right; }

/* FAQ */
.faq-section { padding: clamp(5rem, 8vw, 7.5rem) 0; background: #fff7f8; }
.faq-section__layout { display: grid; grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: start; }
.faq-section__intro { position: sticky; top: 110px; }
.faq-section__intro h2 { margin: 0; color: #11121c; font-size: clamp(2.4rem, 4vw, 4.2rem); font-weight: 820; letter-spacing: -.06em; line-height: 1; }
.faq-section__intro p { max-width: 390px; margin: 1.2rem 0; color: var(--color-text-muted); font-size: .9rem; line-height: 1.7; }
.faq-accordion { border-top: 1px solid #e7d5d7; }
.faq-accordion .accordion-item { background: transparent; border: 0; border-bottom: 1px solid #e7d5d7; }
.faq-accordion .accordion-button { gap: 1rem; padding: 1.4rem .25rem; color: #17171f; background: transparent; border: 0; box-shadow: none; font-size: .92rem; font-weight: 750; }
.faq-accordion .accordion-button > span { color: var(--color-primary); font-size: .62rem; font-weight: 850; }
.faq-accordion .accordion-button::after { width: 32px; height: 32px; margin-left: auto; background: none; content: '+'; display: grid; place-items: center; color: var(--color-primary); border: 1px solid #efc8cc; border-radius: 50%; font-size: 1.1rem; transform: none; }
.faq-accordion .accordion-button:not(.collapsed)::after { content: '−'; color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.faq-accordion .accordion-body { max-width: 720px; padding: 0 3.5rem 1.5rem 3.4rem; color: var(--color-text-muted); font-size: .82rem; line-height: 1.7; }

@media (max-width: 991.98px) {
    .quality-section .container { grid-template-columns: 1fr; }
    .quality-section__intro { max-width: 700px; }
    .reviews-grid { grid-template-columns: repeat(2, 1fr); }
    .review-card:last-child { grid-column: 1 / -1; }
    .faq-section__layout { grid-template-columns: 1fr; gap: 2rem; }
    .faq-section__intro { position: static; }
}

@media (max-width: 767.98px) {
    .quality-section { padding: 4.5rem 0; }
    .quality-section__intro h2 { font-size: 2.8rem; }
    .quality-grid { gap: .7rem; }
    .quality-card { min-height: 220px; padding: 1.15rem; border-radius: 1rem; }
    .quality-card > i { top: 1rem; left: 1rem; }
    .quality-card__number { top: 1.2rem; right: 1.2rem; }
    .reviews-section { padding: 4.5rem 0; }
    .reviews-section__heading { align-items: flex-start; }
    .reviews-section__heading h2 { font-size: 2.6rem; }
    .reviews-summary { display: none; }
    .reviews-grid { display: flex; overflow-x: auto; margin-inline: calc(var(--bs-gutter-x) * -.5); padding: .2rem calc(var(--bs-gutter-x) * .5) 1rem; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .review-card, .review-card:last-child { min-width: min(84vw, 330px); min-height: 290px; scroll-snap-align: start; }
    .reviews-section__notice { text-align: left; }
    .faq-section { padding: 4.5rem 0; }
    .faq-section__intro h2 { font-size: 2.7rem; }
    .faq-accordion .accordion-button { padding-block: 1.2rem; font-size: .83rem; }
    .faq-accordion .accordion-body { padding-left: 2.1rem; padding-right: .5rem; }
}

@media (max-width: 479.98px) {
    .quality-grid { grid-template-columns: 1fr; }
    .quality-card { min-height: 205px; }
}

/* Store catalog, product and cart */
.catalog-page, .product-page, .cart-page { overflow: hidden; background: #fff; }
.store-eyebrow { display: block; margin-bottom: .65rem; color: var(--color-primary); font-size: .66rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.store-breadcrumb { display: flex; align-items: center; gap: .55rem; overflow: hidden; color: #8a8a93; font-size: .72rem; white-space: nowrap; }
.store-breadcrumb a { text-decoration: none; }
.store-breadcrumb a:hover { color: var(--color-primary); }
.store-breadcrumb i { flex: 0 0 auto; font-size: .55rem; }
.store-breadcrumb span { overflow: hidden; text-overflow: ellipsis; }

.catalog-hero { padding: 2rem 0 3rem; background: linear-gradient(130deg, #f7f7f8 0%, #fff 55%, #fff0f1 100%); border-bottom: 1px solid var(--color-border); }
.catalog-hero__content { display: flex; align-items: end; justify-content: space-between; gap: 3rem; padding-top: 3rem; }
.catalog-hero__content > div { max-width: 720px; }
.catalog-hero h1, .cart-page__header h1 { margin: 0; color: #11121c; font-size: clamp(2.7rem, 5vw, 5.2rem); font-weight: 850; letter-spacing: -.065em; line-height: .95; }
.catalog-hero p { max-width: 650px; margin: 1.2rem 0 0; color: var(--color-text-muted); line-height: 1.7; }
.catalog-search { width: min(430px, 100%); min-height: 58px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; padding: .35rem .4rem .35rem 1.1rem; background: #fff; border: 1px solid #e1e1e5; border-radius: 999px; box-shadow: 0 16px 38px rgba(23,23,31,.08); }
.catalog-search i { color: var(--color-primary); }
.catalog-search input { min-width: 0; border: 0; outline: 0; }
.catalog-search button { align-self: stretch; padding: 0 1.4rem; color: #fff; background: var(--color-primary); border: 0; border-radius: 999px; font-size: .75rem; font-weight: 800; }

.catalog-section { padding: 2rem 0 7rem; }
.catalog-toolbar { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--color-border); }
.catalog-toolbar p { margin: 0; color: var(--color-text-muted); font-size: .82rem; }
.catalog-toolbar p strong { color: var(--color-text); }
.catalog-order { display: flex; align-items: center; gap: .65rem; }
.catalog-order label { color: var(--color-text-muted); font-size: .72rem; }
.catalog-order select, .catalog-filter-group select { min-height: 42px; padding: 0 2.2rem 0 .8rem; background-color: #fff; border: 1px solid var(--color-border); border-radius: .65rem; font-size: .78rem; }
.catalog-filter-trigger { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid var(--color-border); border-radius: 999px; font-size: .75rem; font-weight: 750; }
.catalog-layout { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 2.5rem; align-items: start; }
.catalog-filters { position: sticky; top: 94px; }
.catalog-filters .offcanvas-body { display: block; padding: 0; }
.catalog-filter-group { padding: 1.3rem 0; border-bottom: 1px solid var(--color-border); }
.catalog-filter-group:first-child { padding-top: 0; }
.catalog-filter-group h3 { margin: 0 0 1rem; font-size: .82rem; font-weight: 820; }
.catalog-filter-group select { width: 100%; }
.filter-option { min-height: 34px; display: flex; align-items: center; gap: .65rem; cursor: pointer; color: #4b4b54; font-size: .76rem; }
.filter-option input { accent-color: var(--color-primary); }
.filter-option small { margin-left: auto; color: #9999a2; font-size: .65rem; }
.price-filter { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.price-filter label { color: var(--color-text-muted); font-size: .62rem; }
.price-filter input { width: 100%; min-height: 42px; display: block; margin-top: .35rem; padding: 0 .65rem; border: 1px solid var(--color-border); border-radius: .6rem; font-size: .75rem; }
.catalog-filter-submit { width: 100%; margin-top: 1.2rem; border-radius: 999px; font-size: .76rem; }
.catalog-filter-clear { display: block; margin-top: .8rem; color: var(--color-text-muted); text-align: center; font-size: .7rem; }
.catalog-results { min-width: 0; }
.active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-bottom: 1rem; }
.active-filters span { padding: .45rem .7rem; color: #55555e; background: #f7f7f8; border-radius: 999px; font-size: .66rem; }
.active-filters a { margin-left: auto; color: var(--color-primary); font-size: .68rem; font-weight: 750; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.catalog-grid .product-card:nth-child(4) { display: block; }
.catalog-product-card { display: flex; flex-direction: column; }
.catalog-product-card .product-card__body { flex: 1; display: flex; flex-direction: column; }
.catalog-product-card .product-card__body .product-card__buy { margin-top: auto; }
.catalog-product-card .product-card__visual { min-height: 0; aspect-ratio: 1 / 1; }
.product-card__visual > a { position: absolute; inset: 1rem; display: block; overflow: hidden; padding: 0; background: #fff; border-radius: 1rem; clip-path: inset(0 round 1rem); text-decoration: none; }
.product-card__visual > a > .product-card__image { position: absolute; z-index: 1; inset: 0; width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; display: block; object-fit: contain !important; object-position: center; border-radius: inherit; transition: transform 250ms ease; }
.product-card:hover .product-card__image { transform: translateY(-5px) scale(1.02); }
.product-carousel-section { overflow: hidden; }
.product-carousel-heading { align-items: center; }
.product-carousel-actions { display: flex; align-items: center; gap: .55rem; }
.product-carousel-actions > a { display: inline-flex; align-items: center; gap: .55rem; margin-right: .35rem; color: var(--color-primary); font-size: .82rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.product-carousel-actions > a i { font-size: .9rem; transition: transform 180ms ease; }
.product-carousel-actions > a:hover,
.product-carousel-actions > a:focus-visible { color: #b9000b; text-decoration: none; }
.product-carousel-actions > a:hover i,
.product-carousel-actions > a:focus-visible i { transform: translateX(3px); }
.product-carousel-actions button { display: grid; place-items: center; width: 2.45rem; height: 2.45rem; color: #22222a; background: #fff; border: 1px solid #dedee3; border-radius: 50%; transition: 180ms ease; }
.product-carousel-actions button:hover:not(:disabled) { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.product-carousel-actions button:disabled { opacity: .35; cursor: default; }
.product-carousel { overflow: hidden; padding: .25rem .1rem 2rem; }
.product-carousel .swiper-slide { height: auto; }
.product-carousel .product-card { height: 100%; }
.product-carousel-pagination { display: flex; justify-content: center; gap: .25rem; margin-top: 1.1rem; }
.product-carousel-pagination .swiper-pagination-bullet-active { background: var(--color-primary); }

@media (max-width: 575.98px) {
    .product-carousel-heading { align-items: flex-end; }
    .product-carousel-actions > a { display: none; }
    .product-carousel-actions button { width: 2.25rem; height: 2.25rem; }
}
.product-card__price-spacer { min-height: 17px; display: block; margin-top: .7rem; }
.catalog-pagination { display: flex; justify-content: center; gap: .45rem; margin-top: 2.5rem; }
.catalog-pagination a { width: 42px; height: 42px; display: grid; place-items: center; color: var(--color-text); border: 1px solid var(--color-border); border-radius: 50%; text-decoration: none; font-size: .78rem; font-weight: 750; }
.catalog-pagination a.is-active, .catalog-pagination a:hover { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.catalog-empty { min-height: 430px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; background: #f8f8f9; border-radius: 1.5rem; text-align: center; }
.catalog-empty > i { width: 72px; height: 72px; display: grid; place-items: center; color: var(--color-primary); background: #fff; border-radius: 50%; font-size: 1.6rem; }
.catalog-empty h2 { margin: 1rem 0 .4rem; font-size: 1.35rem; font-weight: 820; }
.catalog-empty p { color: var(--color-text-muted); }

.product-breadcrumb { padding: 1.5rem 0; }
.admin-product-preview-bar { color:#59420b; background:#fff5d8; border-bottom:1px solid #ead69d; }
.admin-product-preview-bar .container { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:.65rem; }
.admin-product-preview-bar span { display:flex; align-items:center; gap:.45rem; font-size:.72rem; }
.admin-product-preview-bar span > i { font-size:1rem; }
.admin-product-preview-bar a { display:inline-flex; align-items:center; gap:.4rem; flex:none; padding:.45rem .65rem; color:#59420b; background:#fff; border:1px solid #dec98d; border-radius:.55rem; font-size:.65rem; font-weight:800; text-decoration:none; }
.product-preview-purchase-disabled { width:100%; display:flex; align-items:center; gap:.7rem; margin-top:1.25rem; padding:1rem; color:#5f4a18; background:#fff8e5; border:1px solid #ead9a9; border-radius:.85rem; }
.product-preview-purchase-disabled > i { font-size:1.1rem; }
.product-preview-purchase-disabled span { display:grid; }
.product-preview-purchase-disabled strong { font-size:.76rem; }
.product-preview-purchase-disabled small { margin-top:.15rem; font-size:.62rem; }
@media (max-width:767.98px) { .admin-product-preview-bar .container { align-items:stretch; flex-direction:column; }.admin-product-preview-bar span { align-items:flex-start; flex-wrap:wrap; }.admin-product-preview-bar a { justify-content:center; } }
.product-detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr); gap: clamp(2rem, 4vw, 4rem); padding: 1rem 0 5.5rem; }
.product-gallery { min-width: 0; display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 1rem; }
.product-gallery__thumbs { display: grid; align-content: start; gap: .7rem; }
.product-gallery__thumbs button { position: relative; width: 100%; height: 92px; min-width: 0; display: block; overflow: hidden; padding: 0; background: #f7f7f8; border: 1px solid transparent; border-radius: .9rem !important; isolation: isolate; }
.product-gallery__thumbs button.is-active { border-color: var(--color-primary); }
.product-gallery__thumbs button > img { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; min-height: 0; display: block; padding: .45rem; background: #f7f7f8; object-fit: contain; object-position: center; border-radius: inherit !important; clip-path: inset(0 round .9rem); }
.product-gallery__thumbs .product-pack { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.33); transform-origin: center; }
.product-gallery__thumbs button:nth-child(2) .product-pack { transform: translate(-50%, -50%) scale(.33) rotate(7deg); }
.product-gallery__thumbs button:nth-child(3) .product-pack { transform: translate(-50%, -50%) scale(.33) rotate(-8deg); }
.product-gallery__stage { position: relative; width: 100%; aspect-ratio: 1 / 1; min-height: 0; max-height: 620px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 45%, #fff 0 22%, #f5f5f6 68%, #eeeef0 100%); border-radius: 1.8rem; }
.product-gallery__stage::after { position: absolute; bottom: 15%; width: 44%; height: 28px; content: ''; background: rgba(23,23,31,.14); border-radius: 50%; filter: blur(15px); }
.product-gallery__image { position: relative; z-index: 1; width: 82%; height: 82%; max-width: 520px; max-height: 520px; object-fit: contain; border-radius: 1.15rem; transition: transform var(--transition); }
.product-pack--detail { z-index: 1; transform: scale(2.05); transition: transform 240ms ease; }
.product-gallery__badge { position: absolute; z-index: 2; top: 1.3rem; left: 1.3rem; padding: .55rem .75rem; color: #fff; background: var(--color-primary); border-radius: 999px; font-size: .68rem; font-weight: 850; }
.product-gallery__zoom { position: absolute; z-index: 2; right: 1.2rem; bottom: 1.2rem; width: 44px; height: 44px; color: #33333b; background: rgba(255,255,255,.9); border: 1px solid var(--color-border); border-radius: 50%; }
.product-purchase { min-width: 0; align-self: start; padding-top: 1.5rem; }
.product-purchase h1 { max-width: 620px; margin: 0; font-size: clamp(2rem, 2.8vw, 3.25rem); font-weight: 850; letter-spacing: -.045em; line-height: 1.02; }
.product-detail__rating { display: flex; align-items: center; gap: .55rem; margin-top: 1.1rem; font-size: .72rem; }
.product-detail__rating > span { color: var(--color-rating); }
.product-detail__rating a { color: var(--color-text-muted); }
.product-detail__summary { max-width: 560px; margin: 1.4rem 0 .5rem; color: var(--color-text-muted); font-size: .95rem; line-height: 1.7; }
.product-detail__sku { color: #a0a0a8; font-size: .62rem; }
.product-detail__price { display: grid; justify-items: start; margin-top: 1.7rem; padding: 1.4rem 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.product-detail__price del { color: #9999a2; font-size: .8rem; }
.product-detail__price strong { color: var(--color-primary); font-size: 2.7rem; font-weight: 900; letter-spacing: -.055em; line-height: 1.1; }
.product-detail__price span { color: var(--color-success); font-size: .8rem; font-weight: 800; }
.product-detail__price small { margin-top: .2rem; color: var(--color-text-muted); font-size: .68rem; }
.product-stock { display: flex; align-items: center; gap: .65rem; margin-top: 1.3rem; }
.product-stock > i { color: var(--color-success); }
.product-stock span { display: grid; }
.product-stock strong { font-size: .76rem; }
.product-stock small { color: var(--color-text-muted); font-size: .65rem; }
.product-buy-row { display: grid; grid-template-columns: 116px 1fr; gap: .7rem; margin-top: 1.25rem; }
.quantity-selector { min-height: 52px; display: grid; grid-template-columns: 36px 1fr 36px; align-items: center; overflow: hidden; border: 1px solid var(--color-border); border-radius: .8rem; }
.quantity-selector button { align-self: stretch; background: #f8f8f9; border: 0; font-size: 1.1rem; }
.quantity-selector input { width: 100%; text-align: center; border: 0; outline: 0; -moz-appearance: textfield; }
.quantity-selector input::-webkit-inner-spin-button { appearance: none; }
.product-add-cart { min-height: 52px; border-radius: .8rem; }
.product-purchase__trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin-top: 1rem; }
.product-purchase__trust span { display: flex; align-items: center; gap: .35rem; color: #62626b; font-size: .62rem; }
.product-purchase__trust i { color: var(--color-primary); }
.shipping-simulator { margin-top: 1.5rem; padding: 1.5rem; background: #f7f7f8; border: 1px solid #eeeeF1; border-radius: 1.2rem; }
.shipping-simulator label { display: block; margin-bottom: .8rem; color: #17171f; font-size: .9rem; font-weight: 850; }
.shipping-simulator__form { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.shipping-simulator input { min-width: 0; height: 52px; padding: 0 1rem; background: #fff; border: 1px solid var(--color-border); border-radius: .75rem 0 0 .75rem; outline: 0; font-size: .95rem; }
.shipping-simulator input:focus { position: relative; z-index: 1; border-color: var(--color-primary); box-shadow: 0 0 0 .2rem rgba(227,6,19,.08); }
.shipping-simulator button { min-width: 112px; padding: 0 1.35rem; color: #fff; background: #17171f; border: 0; border-radius: 0 .75rem .75rem 0; font-size: .78rem; font-weight: 800; }
.shipping-simulator button:disabled { cursor: wait; opacity: .7; }
.shipping-simulator small { display: block; margin-top: .5rem; color: var(--color-text-muted); font-size: .61rem; }
.shipping-simulator__result { width: 100%; min-height: 24px; margin-top: 1rem; color: var(--color-text-muted); font-size: .76rem; }
.shipping-simulator__result.is-loading { display: flex; align-items: center; gap: .5rem; }
.shipping-simulator__result.is-error { padding: .65rem .75rem; color: var(--color-primary-dark); background: var(--color-primary-light); border-radius: .6rem; }
.shipping-simulator__heading { display: flex; align-items: center; gap: .45rem; margin-bottom: .8rem; color: #17171f; font-size: .82rem; font-weight: 850; }
.shipping-simulator__heading::before { width: 7px; height: 7px; content: ''; background: var(--color-success); border-radius: 50%; }
.shipping-simulator__options { width: 100%; display: grid; gap: .75rem; }
.shipping-simulator__options article { width: 100%; min-height: 82px; display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: .95rem 1.1rem; background: #fff; border: 1px solid #dddde2; border-radius: .95rem; box-shadow: 0 5px 16px rgba(23,23,31,.045); transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition); }
.shipping-simulator__options article:hover { border-color: #efb2b6; box-shadow: 0 8px 22px rgba(23,23,31,.07); transform: translateY(-1px); }
.shipping-simulator__options article > i { width: 52px; height: 52px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: .8rem; font-size: 1.3rem; }
.shipping-simulator__options article > span { min-width: 0; display: grid; }
.shipping-simulator__options article strong { color: #17171f; font-size: .88rem; font-weight: 800; }
.shipping-simulator__options article small { margin: .25rem 0 0; font-size: .7rem; line-height: 1.4; }
.shipping-simulator__options article b { color: #17171f; font-size: 1rem; font-weight: 850; white-space: nowrap; }

@media (max-width: 479.98px) {
    .shipping-simulator { padding: 1rem; }
    .shipping-simulator input { height: 48px; font-size: .86rem; }
    .shipping-simulator button { min-width: 88px; padding-inline: .8rem; }
    .shipping-simulator__options article { min-height: 74px; grid-template-columns: 44px minmax(0, 1fr) auto; gap: .7rem; padding: .75rem; }
    .shipping-simulator__options article > i { width: 44px; height: 44px; font-size: 1.1rem; }
    .shipping-simulator__options article strong { font-size: .76rem; }
    .shipping-simulator__options article small { font-size: .61rem; }
    .shipping-simulator__options article b { font-size: .82rem; }
}

.product-information { padding: 6rem 0; border-top: 1px solid var(--color-border); }
.product-information__intro { max-width: 780px; }
.product-information__intro h2, .related-products h2, .product-reviews h2 { margin: 0; font-size: clamp(2.2rem, 4vw, 4rem); font-weight: 850; letter-spacing: -.06em; }
.product-information__intro p { margin: 1.2rem 0 0; color: var(--color-text-muted); line-height: 1.8; }
.product-information__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2.5rem; }
.product-information__cards article { min-height: 250px; padding: 1.5rem; background: #f7f7f8; border-radius: 1.2rem; }
.product-information__cards i { width: 46px; height: 46px; display: grid; place-items: center; color: var(--color-primary); background: #fff; border-radius: .8rem; }
.product-information__cards h3 { margin: 2.2rem 0 .7rem; font-size: 1rem; font-weight: 820; }
.product-information__cards p { margin: 0; color: var(--color-text-muted); font-size: .78rem; line-height: 1.7; }
.product-benefits { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.5rem; }
.product-benefits h3 { width: 100%; margin: 0 0 .2rem; font-size: .85rem; }
.product-benefits span { padding: .55rem .75rem; color: #494952; border: 1px solid var(--color-border); border-radius: 999px; font-size: .68rem; }
.product-benefits i { margin-right: .35rem; color: var(--color-success); }
.product-reviews { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding: 5rem 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.product-reviews__score { display: flex; align-items: center; gap: .9rem; }
.product-reviews__score > strong { font-size: 3.5rem; font-weight: 900; letter-spacing: -.07em; line-height: 1; }
.product-reviews__score > span { display: flex; flex-wrap: wrap; max-width: 230px; color: var(--color-rating); font-size: .75rem; }
.product-reviews__score small { width: 100%; margin-top: .3rem; color: var(--color-text-muted); font-size: .58rem; }
.related-products { padding: 5rem 0 7rem; }
.catalog-grid--related { grid-template-columns: repeat(4, 1fr); margin-top: 1.5rem; }
.mobile-buy-bar { position: fixed; z-index: 1029; left: 0; right: 0; bottom: calc(64px + env(safe-area-inset-bottom)); min-height: 72px; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem .8rem; background: rgba(255,255,255,.96); border-top: 1px solid var(--color-border); box-shadow: 0 -10px 30px rgba(23,23,31,.08); backdrop-filter: blur(12px); }
.mobile-buy-bar > span { display: grid; }
.mobile-buy-bar small { color: var(--color-text-muted); font-size: .58rem; }
.mobile-buy-bar strong { font-size: .95rem; }
.mobile-buy-bar .btn { min-width: 180px; border-radius: 999px; font-size: .72rem; }

.mini-cart__filled { display: flex; flex-direction: column; padding: 0; }
.mini-cart__items { flex: 1; overflow-y: auto; padding: .5rem 1.2rem; }
.mini-cart-item { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: .8rem; padding: 1rem 0; border-bottom: 1px solid var(--color-border); }
.mini-cart-item__visual { height: 78px; display: grid; place-items: center; background: #f7f7f8; border-radius: .8rem; }
.cart-product-image { width: 100%; height: 100%; display: block; object-fit: contain; }
.mini-cart-item__content { min-width: 0; display: grid; align-content: center; }
.mini-cart-item__content > a { overflow: hidden; font-size: .76rem; font-weight: 780; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.mini-cart-item__content > small { margin-top: .15rem; color: var(--color-text-muted); font-size: .65rem; }
.cart-item-actions { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-top: .55rem; }
.quantity-selector--small { width: 92px; min-height: 32px; grid-template-columns: 30px 1fr 30px; border-radius: .55rem; }
.quantity-selector--small span { text-align: center; font-size: .7rem; }
.quantity-selector--small button { font-size: .85rem; }
.cart-remove { color: #9999a2; background: transparent; border: 0; font-size: .7rem; }
.cart-remove span { margin-left: .3rem; }
.mini-cart__footer { padding: 1.2rem 1.5rem 1.5rem; border-top: 1px solid var(--color-border); box-shadow: 0 -8px 24px rgba(23,23,31,.04); }
.mini-cart__footer > div { display: flex; justify-content: space-between; }
.mini-cart__footer > div strong { font-size: 1.2rem; }
.mini-cart__footer > small { display: block; margin: .35rem 0 1rem; color: var(--color-text-muted); font-size: .62rem; }
.mini-cart__footer .btn { width: 100%; border-radius: 999px; }
.mini-cart__footer > button { width: 100%; margin-top: .7rem; color: var(--color-text-muted); background: transparent; border: 0; font-size: .65rem; }
.mobile-cart-count { min-width: 15px; height: 15px; display: inline-grid; place-items: center; margin-left: .15rem; color: #fff; background: var(--color-primary); border-radius: 50%; font-size: .5rem; }
.cart-toast { position: fixed; z-index: 2000; right: 1rem; bottom: 1rem; max-width: min(390px, calc(100vw - 2rem)); display: flex; align-items: center; gap: .7rem; padding: 1rem 1.2rem; color: #fff; background: #17171f; border-radius: 1rem; box-shadow: var(--shadow-md); font-size: .75rem; opacity: 0; pointer-events: none; transform: translateY(20px); transition: opacity var(--transition), transform var(--transition); }
.cart-toast i { color: #65d98a; font-size: 1.1rem; }
.cart-toast.is-visible { opacity: 1; transform: none; }
.cart-added-modal .modal-dialog { max-width: 540px; }
.cart-added-modal .modal-content { position: relative; overflow: hidden; border: 0; border-radius: 1.4rem; box-shadow: 0 28px 80px rgba(23,23,31,.24); }
.cart-added-modal .modal-content::before { position: absolute; top: 0; left: 0; right: 0; height: 5px; content: ''; background: var(--color-primary); }
.cart-added-modal .modal-body { padding: 2.25rem; text-align: center; }
.cart-added-modal__close { position: absolute; z-index: 2; top: .9rem; right: .9rem; width: 38px; height: 38px; display: grid; place-items: center; color: #6a6b73; background: #f5f5f6; border: 0; border-radius: 50%; }
.cart-added-modal__close:hover { color: #17171f; background: #ececee; }
.cart-added-modal__icon { width: 70px; height: 70px; display: grid; place-items: center; margin: 0 auto 1.1rem; color: #fff; background: #16834a; border-radius: 50%; box-shadow: 0 10px 26px rgba(22,131,74,.22); font-size: 2rem; }
.cart-added-modal .modal-body > small { color: #16834a; font-size: .65rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.cart-added-modal h2 { margin: .45rem 0 .65rem; color: #17171f; font-size: 1.55rem; font-weight: 850; letter-spacing: -.04em; }
.cart-added-modal p { margin: 0 auto; color: var(--color-text-muted); font-size: .78rem; line-height: 1.6; }
.cart-added-modal p strong { color: #34353d; }
.cart-added-modal__actions { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.6rem; }
.cart-added-modal__actions .btn { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; border-radius: 999px; font-size: .72rem; font-weight: 800; }

.cart-page__header { padding: 2rem 0 3rem; background: #f7f7f8; }
.cart-page__header .store-eyebrow { margin-top: 2.5rem; }
.cart-page__header p { margin: 1rem 0 0; color: var(--color-text-muted); }
.cart-page__content { min-height: 520px; padding: 3rem 0 7rem; }
.cart-page__empty { min-height: 420px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.cart-page__empty > i { width: 88px; height: 88px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: 50%; font-size: 2rem; }
.cart-page__empty h2 { margin: 1.3rem 0 .4rem; font-size: 1.5rem; font-weight: 830; }
.cart-page__empty p { color: var(--color-text-muted); }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, .65fr); gap: 2.5rem; align-items: start; }
.cart-list-heading { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid var(--color-border); }
.cart-list-heading h2, .cart-summary h2 { margin: 0; font-size: 1.2rem; font-weight: 830; }
.cart-list-heading button { color: var(--color-text-muted); background: transparent; border: 0; font-size: .68rem; }
.cart-line { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 1.2rem; align-items: center; padding: 1.2rem 0; border-bottom: 1px solid var(--color-border); }
.cart-line__visual { height: 125px; display: grid; place-items: center; overflow: hidden; background: #f7f7f8; border-radius: 1rem; }
.cart-line__visual .product-pack { transform: scale(.58); }
.cart-line__content > a { display: block; font-size: .9rem; font-weight: 800; text-decoration: none; }
.cart-line__content > small { color: var(--color-text-muted); font-size: .66rem; }
.cart-line__content .cart-item-actions { justify-content: flex-start; }
.cart-line__total { font-size: .9rem; }
.cart-summary { position: sticky; top: 94px; padding: 1.5rem; background: #f7f7f8; border-radius: 1.3rem; }
.cart-summary dl { margin: 1.5rem 0 1rem; }
.cart-summary dl > div { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 0; color: var(--color-text-muted); font-size: .75rem; }
.cart-summary dd { margin: 0; color: var(--color-text); text-align: right; }
.cart-summary .cart-summary__total { margin-top: .5rem; padding-top: 1.1rem; border-top: 1px solid #dddde1; font-size: .95rem; font-weight: 850; }
.cart-summary > small { display: block; color: var(--color-text-muted); font-size: .62rem; line-height: 1.55; }
.cart-summary > .btn { width: 100%; margin-top: 1rem; border-radius: 999px; }
.cart-summary > a.btn-primary, .cart-summary > a.btn-primary:hover, .cart-summary > a.btn-primary:focus { color: #fff; }
.cart-summary > a { display: block; margin-top: .9rem; color: var(--color-text-muted); text-align: center; font-size: .67rem; }
.cart-summary > div:last-child { display: flex; justify-content: center; gap: 1rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #dddde1; color: #66666f; font-size: .58rem; }
.cart-summary > div:last-child i { color: var(--color-success); }

@media (max-width: 991.98px) {
    .catalog-hero__content { align-items: stretch; flex-direction: column; gap: 1.7rem; }
    .catalog-layout { grid-template-columns: 1fr; }
    .catalog-filters { position: fixed; top: 0; bottom: 0; --bs-offcanvas-width: min(360px, 92vw); }
    .catalog-filters .offcanvas-body { padding: 0 1.2rem 1.5rem; }
    .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-detail { grid-template-columns: 1fr; }
    .product-gallery__stage { min-height: 0; max-height: 540px; }
    .product-purchase { padding-top: 0; }
    .product-information__cards { grid-template-columns: 1fr; }
    .product-information__cards article { min-height: 200px; }
    .catalog-grid--related { grid-template-columns: repeat(2, 1fr); }
    .cart-layout { grid-template-columns: 1fr; }
    .cart-summary { position: static; }
}

@media (max-width: 767.98px) {
    .catalog-hero { padding: 1.2rem 0 2rem; }
    .catalog-hero__content { padding-top: 2rem; }
    .catalog-hero h1, .cart-page__header h1 { font-size: 2.8rem; }
    .catalog-search { min-height: 52px; }
    .catalog-search button { padding-inline: 1rem; }
    .catalog-section { padding-top: 1rem; }
    .catalog-toolbar { display: grid; grid-template-columns: auto 1fr; }
    .catalog-toolbar p { text-align: right; }
    .catalog-order { grid-column: 1 / -1; justify-content: space-between; padding-top: .8rem; border-top: 1px solid var(--color-border); }
    .catalog-order select { flex: 1; }
    .catalog-grid { gap: .65rem; }
    .catalog-grid .product-card__visual { min-height: 180px; }
    .catalog-grid .product-card__body { padding: .8rem; }
    .product-breadcrumb { padding-block: 1rem; }
    .product-detail { gap: 1.8rem; padding-top: 0; }
    .product-gallery { grid-template-columns: 1fr; }
    .product-gallery__thumbs { grid-row: 2; grid-template-columns: repeat(3, 1fr); }
    .product-gallery__thumbs button { height: auto; aspect-ratio: 4 / 3; }
    .product-gallery__stage { min-height: 0; max-height: none; border-radius: 1.2rem; }
    .product-pack--detail { transform: scale(1.5); }
    .product-purchase h1 { font-size: 2.55rem; }
    .product-purchase h1 { overflow-wrap: anywhere; }
    .product-detail__price strong { font-size: 2.35rem; }
    .product-purchase__trust { gap: .3rem; }
    .product-purchase__trust span { align-items: flex-start; font-size: .56rem; }
    .product-information { padding: 4.5rem 0; }
    .product-information__intro h2, .related-products h2, .product-reviews h2 { font-size: 2.45rem; }
    .product-reviews { align-items: flex-start; flex-direction: column; padding: 4rem 0; }
    .related-products { padding: 4rem 0 7rem; }
    .mobile-buy-bar { display: flex !important; }
    .product-page { padding-bottom: 72px; }
    .cart-toast { bottom: calc(72px + env(safe-area-inset-bottom)); }
    .cart-added-modal .modal-dialog { margin: .75rem; }
    .cart-added-modal .modal-body { padding: 2rem 1.15rem 1.25rem; }
    .cart-added-modal__actions { grid-template-columns: 1fr; }
    .cart-added-modal__actions .btn-outline-primary { order: 2; }
    .cart-page__header { padding: 1.2rem 0 2.5rem; }
    .cart-page__header .store-eyebrow { margin-top: 2rem; }
    .cart-page__content { padding-top: 1.5rem; }
    .cart-line { grid-template-columns: 88px minmax(0, 1fr); gap: .8rem; }
    .cart-line__visual { height: 100px; }
    .cart-line__total { grid-column: 2; justify-self: end; margin-top: -1.8rem; }
}

@media (max-width: 479.98px) {
    .catalog-grid .product-card h3 { min-height: 46px; font-size: .76rem; }
    .catalog-grid .product-card__visual { min-height: 165px; }
    .catalog-grid .product-pack { transform: scale(.72); }
    .catalog-grid .product-card__buy { padding-inline: .35rem; font-size: .64rem; }
    .product-buy-row { grid-template-columns: 104px 1fr; }
    .product-add-cart { padding-inline: .6rem; font-size: .72rem; }
    .catalog-grid--related { display: flex; overflow-x: auto; margin-inline: -.75rem; padding-inline: .75rem; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .catalog-grid--related .product-card { min-width: 72vw; scroll-snap-align: start; }
    .cart-summary { padding: 1.2rem; }
}

/* Checkout */
.checkout-page, .order-page { overflow: hidden; background: #f7f7f8; }
.checkout-header { padding: 1.5rem 0 2.5rem; background: #fff; border-bottom: 1px solid var(--color-border); }
.checkout-header .store-breadcrumb { margin-bottom: 2.3rem; }
.checkout-header h1 { margin: 0; font-size: clamp(2.5rem, 4vw, 4.4rem); font-weight: 850; letter-spacing: -.06em; line-height: .95; }
.checkout-header p { margin: .8rem 0 0; color: var(--color-text-muted); }
.checkout-content { min-height: 650px; padding: 2.5rem 0 7rem; }
.checkout-alert { display: flex; align-items: flex-start; gap: .8rem; margin-bottom: 1.5rem; padding: 1rem 1.2rem; color: #7b2027; background: #fff0f1; border: 1px solid #f3c7cb; border-radius: 1rem; font-size: .75rem; }
.checkout-alert > i { color: var(--color-primary); font-size: 1.1rem; }
.checkout-alert ul { margin: .35rem 0 0; padding-left: 1rem; }
.checkout-empty { min-height: 480px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.checkout-empty > i { width: 88px; height: 88px; display: grid; place-items: center; color: var(--color-primary); background: #fff; border-radius: 50%; font-size: 2rem; }
.checkout-empty h2 { margin: 1.3rem 0 .4rem; font-size: 1.5rem; font-weight: 830; }
.checkout-empty p { color: var(--color-text-muted); }
.checkout-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr); gap: 2rem; align-items: start; }
.checkout-main { min-width: 0; }
.checkout-progress { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 1.2rem; padding: 0; list-style: none; }
.checkout-progress li { position: relative; display: grid; justify-items: center; gap: .4rem; color: #9a9aa3; font-size: .62rem; }
.checkout-progress li::before { position: absolute; z-index: 0; top: 16px; left: 0; width: 100%; height: 1px; content: ''; background: #dddde2; }
.checkout-progress li:first-child::before { left: 50%; width: 50%; }
.checkout-progress li:last-child::before { width: 50%; }
.checkout-progress span { position: relative; z-index: 1; width: 33px; height: 33px; display: grid; place-items: center; background: #fff; border: 1px solid #dddde2; border-radius: 50%; font-size: .7rem; font-weight: 800; }
.checkout-progress li.is-active { color: var(--color-primary); font-weight: 750; }
.checkout-progress li.is-active span { color: #fff; background: var(--color-primary); border-color: var(--color-primary); box-shadow: 0 0 0 5px rgba(227,6,19,.08); }
.checkout-progress li.is-complete span { color: #fff; background: #17171f; border-color: #17171f; }
.checkout-progress li.is-complete::before { background: #17171f; }
.checkout-step { padding: 1.7rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1.35rem; }
.checkout-step__heading { display: flex; align-items: flex-start; gap: 1rem; padding-bottom: 1.4rem; border-bottom: 1px solid var(--color-border); }
.checkout-step__heading > span { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; color: var(--color-primary); background: var(--color-primary-light); border-radius: .75rem; font-size: .68rem; font-weight: 850; }
.checkout-step__heading h2 { margin: 0; font-size: 1.2rem; font-weight: 830; }
.checkout-step__heading p { margin: .3rem 0 0; color: var(--color-text-muted); font-size: .72rem; line-height: 1.55; }
.checkout-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.checkout-field { min-width: 0; }
.checkout-field > span { display: flex; justify-content: space-between; margin-bottom: .4rem; color: #3d3d46; font-size: .68rem; font-weight: 750; }
.checkout-field em { color: #9999a2; font-size: .58rem; font-style: normal; font-weight: 500; }
.checkout-field input, .checkout-field select { width: 100%; height: 48px; padding: 0 .85rem; background: #fff; border: 1px solid #dcdce1; border-radius: .7rem; outline: 0; font-size: .78rem; transition: border-color var(--transition), box-shadow var(--transition); }
.checkout-field input:focus, .checkout-field select:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(227,6,19,.08); }
.checkout-field input:user-invalid, .checkout-field select:user-invalid { border-color: #d63844; }
.checkout-field > small { display: none; }
.checkout-field--full { grid-column: 1 / -1; }
.checkout-field--wide { grid-column: span 1; }
.checkout-field--narrow { max-width: 150px; }
.checkout-zip-help { align-self: end; padding-bottom: .85rem; color: var(--color-text-muted); font-size: .65rem; }
.checkout-zip-help i { margin-right: .3rem; color: var(--color-primary); }
.checkout-step__actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.7rem; padding-top: 1.3rem; border-top: 1px solid var(--color-border); }
.checkout-step__actions > a, .checkout-step__actions > button:not(.btn) { display: inline-flex; align-items: center; gap: .4rem; color: var(--color-text-muted); background: transparent; border: 0; text-decoration: none; font-size: .7rem; }
.checkout-step__actions .btn { min-width: 180px; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border-radius: 999px; font-size: .72rem; }
.checkout-options { display: grid; gap: .7rem; margin-top: 1.5rem; }
.checkout-options legend { margin-bottom: .7rem; font-size: .76rem; font-weight: 820; }
.shipping-quote-state { padding: 1rem; color: var(--color-text-muted); background: #fafafa; border: 1px dashed var(--color-border); border-radius: .9rem; font-size: .72rem; }
.shipping-quote-state.is-loading { color: var(--color-text); }
.shipping-quote-state.is-error { color: var(--color-primary-dark); background: var(--color-primary-light); border-color: rgba(227,6,19,.25); }
.shipping-quote-state:has(.checkout-option) { display: grid; gap: .7rem; padding: 0; background: transparent; border: 0; }
.checkout-option { position: relative; min-height: 78px; display: grid; grid-template-columns: auto 42px minmax(0, 1fr) auto; align-items: center; gap: .8rem; padding: .85rem 1rem; cursor: pointer; background: #fafafa; border: 1px solid var(--color-border); border-radius: .9rem; transition: border-color var(--transition), background var(--transition); }
.checkout-option:has(input:checked) { background: #fff5f6; border-color: var(--color-primary); }
.checkout-option input { accent-color: var(--color-primary); }
.checkout-option > i { width: 42px; height: 42px; display: grid; place-items: center; color: var(--color-primary); background: #fff; border-radius: .7rem; font-size: 1.05rem; }
.checkout-option > span { display: grid; }
.checkout-option strong { font-size: .76rem; }
.checkout-option small { margin-top: .18rem; color: var(--color-text-muted); font-size: .63rem; }
.checkout-option > b { color: #35353e; font-size: .7rem; }
.checkout-option--payment { min-height: 92px; }
.checkout-option--payment > b { color: var(--color-primary); }
.checkout-option.is-disabled { cursor: not-allowed; opacity: .55; background: #f3f3f4; }
.checkout-option__radio { width: 13px; height: 13px; border: 1px solid #a6a6ad; border-radius: 50%; }
.checkout-homologation, .order-homologation { display: flex; align-items: flex-start; gap: .8rem; margin-top: 1.2rem; padding: 1rem; color: #6d5414; background: #fff9e8; border: 1px solid #f0dda5; border-radius: .85rem; }
.checkout-homologation > i, .order-homologation > i { font-size: 1.1rem; }
.checkout-homologation strong, .order-homologation strong { font-size: .72rem; }
.checkout-homologation p, .order-homologation p { margin: .25rem 0 0; font-size: .65rem; line-height: 1.55; }
.checkout-payment-ready { display: flex; align-items: flex-start; gap: .8rem; margin-top: 1.2rem; padding: 1rem; color: #116936; background: #effaf3; border: 1px solid #bde7cb; border-radius: .85rem; }
.checkout-payment-ready > i { font-size: 1.1rem; }
.checkout-payment-ready strong { font-size: .72rem; }
.checkout-payment-ready p { margin: .25rem 0 0; font-size: .65rem; line-height: 1.55; }
.checkout-card-payment { margin-top: 1rem; padding: 1.25rem; overflow: hidden; background: #fff; border: 1px solid #e1e2e6; border-radius: 1rem; box-shadow: 0 8px 24px rgba(25,27,35,.04); }.checkout-card-payment__heading { display: flex; align-items: center; gap: .7rem; margin-bottom: 1rem; padding-bottom: .9rem; border-bottom: 1px solid var(--color-border); }.checkout-card-payment__heading > i { width: 38px; height: 38px; display: grid; place-items: center; color: #137144; background: #eaf8f0; border-radius: .65rem; }.checkout-card-payment__heading span { display: grid; }.checkout-card-payment__heading strong { font-size: .8rem; }.checkout-card-payment__heading small { margin-top: .15rem; color: var(--color-text-muted); font-size: .65rem; }.checkout-card-payment #cardPaymentBrick_container { width: 100%; min-height: 420px; }.checkout-card-error { margin-top: .7rem; padding: .7rem .8rem; color: #a42a36; background: #fff0f1; border-radius: .6rem; font-size: .67rem; }.checkout-submit[hidden] { display: none !important; }
.checkout-installments-help { display: flex; align-items: center; gap: .7rem; margin: 0 0 1rem; padding: .75rem .85rem; color: #5f4b13; background: #fff9e8; border: 1px solid #f0dda5; border-radius: .75rem; }
.checkout-installments-help > i { font-size: 1rem; }.checkout-installments-help > span { display: grid; }.checkout-installments-help strong { font-size: .7rem; }.checkout-installments-help small { margin-top: .15rem; font-size: .62rem; line-height: 1.45; }
.checkout-installments-help.is-ready { color: #116936; background: #eefaf2; border-color: #bde7cb; }
.checkout-installments-help.is-error { color: #8f1e2d; background: #fff0f2; border-color: #f1bec5; }
.checkout-installments-select { display: grid; gap: .4rem; margin: 0 0 1rem; padding: .9rem; background: #fafafa; border: 1px solid #dedfe4; border-radius: .75rem; }
.checkout-installments-select[hidden] { display: none; }.checkout-installments-select > span { font-size: .7rem; font-weight: 800; }.checkout-installments-select select { width: 100%; height: 46px; padding: 0 .8rem; color: #24252c; background: #fff; border: 1px solid #d7d8de; border-radius: .65rem; font-size: .74rem; }.checkout-installments-select small { color: #777983; font-size: .6rem; }
@media (max-width: 767.98px) { .checkout-card-payment { padding: .9rem; }.checkout-card-payment #cardPaymentBrick_container { min-height: 520px; } }
.checkout-terms { display: flex; align-items: flex-start; gap: .55rem; margin-top: 1.2rem; color: var(--color-text-muted); font-size: .67rem; line-height: 1.55; }
.checkout-terms input { margin-top: .18rem; accent-color: var(--color-primary); }
.checkout-terms a { color: var(--color-primary); }
.checkout-summary { position: sticky; top: 94px; padding: 1.4rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1.35rem; }
.checkout-summary__heading { position: relative; }
.checkout-summary__heading h2 { margin: 0; font-size: 1.15rem; font-weight: 830; }
.checkout-summary__heading button { display: none; }
.checkout-summary__items { max-height: 270px; overflow-y: auto; margin: 1.2rem 0; padding-block: .2rem; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.checkout-summary-item { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: .7rem; padding: .7rem 0; }
.checkout-summary-item > span { position: relative; width: 58px; height: 58px; display: grid; place-items: center; background: #f7f7f8; border-radius: .7rem; }
.checkout-summary-item > span > b { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; display: grid; place-items: center; color: #fff; background: var(--color-primary); border-radius: 50%; font-size: .52rem; }
.checkout-summary-item > div { min-width: 0; display: grid; }
.checkout-summary-item strong { overflow: hidden; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.checkout-summary-item small { color: var(--color-text-muted); font-size: .58rem; }
.checkout-summary-item em { font-size: .66rem; font-style: normal; font-weight: 750; }
.checkout-summary dl { margin: 0; }
.checkout-summary dl > div { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem 0; color: var(--color-text-muted); font-size: .7rem; }
.checkout-summary dd { margin: 0; color: var(--color-text); text-align: right; }
.checkout-summary dd.is-discount, .order-card dd.is-discount { color: var(--color-success); }
.checkout-summary .checkout-summary__total { margin-top: .5rem; padding-top: 1rem; border-top: 1px solid var(--color-border); color: var(--color-text); font-size: .95rem; font-weight: 850; }
.checkout-summary__total dd { color: var(--color-primary); font-size: 1.25rem; }
.checkout-summary__trust { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: .58rem; }
.checkout-summary__trust i { color: var(--color-success); }

/* Order confirmation */
.order-hero { padding: 5.5rem 0 4rem; background: #fff; text-align: center; }
.order-success-icon { width: 78px; height: 78px; display: grid; place-items: center; margin: 0 auto 1.3rem; color: #fff; background: var(--color-success); border-radius: 50%; box-shadow: 0 0 0 12px rgba(21,153,71,.08); font-size: 2rem; }
.order-hero h1 { margin: 0; font-size: clamp(2.7rem, 5vw, 5rem); font-weight: 850; letter-spacing: -.065em; }
.order-hero p { margin: 1rem 0; color: var(--color-text-muted); }
.order-hero p strong { color: var(--color-text); }
.order-status { display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .8rem; color: #795e16; background: #fff8df; border-radius: 999px; font-size: .67rem; font-weight: 750; }
.order-status span { width: 7px; height: 7px; background: #e0a300; border-radius: 50%; }
.order-status.is-paid { color: #116936; background: #eaf8ef; }
.order-status.is-paid span { background: var(--color-success); }
.order-status.is-failed { color: #8f1e2d; background: #fff0f2; }
.order-status.is-failed span { background: var(--color-primary); }
.order-content { padding: 3rem 0 7rem; }
.order-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr); gap: 1.5rem; align-items: start; }
.order-layout > aside { display: grid; gap: 1rem; }
.order-homologation { margin: 0 0 1rem; }
.order-payment-error, .order-paid-message { display: flex; align-items: flex-start; gap: .85rem; margin: 0 0 1rem; padding: 1rem; border-radius: .9rem; }
.order-payment-error { color: #8f1e2d; background: #fff0f2; border: 1px solid #f1bec5; }
.order-paid-message { color: #116936; background: #eaf8ef; border: 1px solid #bde7cb; }
.order-payment-error > i, .order-paid-message > i { font-size: 1.2rem; }
.order-payment-error strong, .order-paid-message strong { font-size: .76rem; }
.order-payment-error p, .order-paid-message p { margin: .25rem 0 0; font-size: .66rem; line-height: 1.55; }
.order-payment-error form { margin-top: .8rem; }
.order-payment-error .btn { padding: .65rem .9rem; border-radius: .65rem; font-size: .64rem; }
.three-ds-challenge { margin: 0 0 1rem; overflow: hidden; background: #fff; border: 1px solid #e2e3e8; border-radius: 1rem; }
.three-ds-challenge__heading { display: flex; gap: .9rem; align-items: flex-start; padding: 1.15rem; background: #fff7f8; border-bottom: 1px solid #f2dadd; }
.three-ds-challenge__heading > i { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; color: var(--color-primary); background: #fff; border-radius: .75rem; font-size: 1.15rem; }
.three-ds-challenge__heading h2 { margin: .15rem 0 .25rem; font-size: 1rem; }
.three-ds-challenge__heading p { margin: 0; color: #666b76; font-size: .7rem; line-height: 1.55; }
#three-ds-frame { display: block; width: 100%; height: 600px; border: 0; background: #fff; }
@media (max-width: 980px) { #three-ds-frame { height: 440px; } }
.pix-payment { margin-bottom: 1rem; padding: 1.6rem; background: linear-gradient(145deg, #fff 55%, #fff5f6); border: 1px solid #efc9ce; border-radius: 1.25rem; box-shadow: 0 18px 60px rgba(130, 16, 31, .08); }
.pix-payment__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--color-border); }
.pix-payment__heading h2 { margin: .15rem 0 .35rem; font-size: clamp(1.25rem, 2vw, 1.65rem); font-weight: 850; letter-spacing: -.035em; }
.pix-payment__heading p { margin: 0; color: var(--color-text-muted); font-size: .7rem; }
.pix-payment__brand { flex: none; display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .7rem; color: #116936; background: #eaf8ef; border-radius: 999px; font-size: .6rem; font-weight: 800; }
.pix-payment__body { display: grid; grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr); gap: 1.5rem; align-items: center; padding-top: 1.4rem; }
.pix-payment__qr { display: grid; justify-items: center; gap: .7rem; padding: 1rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1rem; }
.pix-payment__qr img { width: min(100%, 260px); height: auto; aspect-ratio: 1; object-fit: contain; }
.pix-payment__qr > i { display: grid; place-items: center; width: 220px; max-width: 100%; aspect-ratio: 1; color: var(--color-primary); font-size: 8rem; }
.pix-payment__qr small { color: var(--color-text-muted); font-size: .58rem; text-align: center; }
.pix-payment__copy > span { display: block; margin-bottom: .5rem; font-size: .67rem; font-weight: 800; }
.pix-code { max-height: 86px; overflow: hidden auto; padding: .8rem; color: #54545d; background: #f5f5f6; border: 1px solid var(--color-border); border-radius: .7rem; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .58rem; line-height: 1.45; overflow-wrap: anywhere; }
.pix-payment__copy .btn { width: 100%; margin-top: .8rem; border-radius: .75rem; }
.pix-payment__copy .btn.is-copied { background: var(--color-success); border-color: var(--color-success); }
.pix-expiration { display: flex; align-items: center; gap: .5rem; margin-top: .9rem; color: var(--color-text-muted); font-size: .65rem; }
.pix-expiration i, .pix-expiration strong { color: var(--color-primary); }
.pix-expiration.is-expired { color: var(--color-primary); }
.pix-payment__copy > p { margin: .65rem 0 0; color: var(--color-text-muted); font-size: .62rem; line-height: 1.5; }
.payment-live-dot { display: inline-block; width: .55rem; height: .55rem; margin-right: .18rem; vertical-align: -.03rem; background: var(--color-success); border-radius: 50%; box-shadow: 0 0 0 0 rgba(21, 153, 71, .35); animation: payment-live-pulse 1.6s ease-out infinite; }
@keyframes payment-live-pulse { 70%, 100% { box-shadow: 0 0 0 .45rem rgba(21, 153, 71, 0); } }
.pix-payment.is-paid { border-color: #9fdab2; box-shadow: 0 18px 60px rgba(21, 153, 71, .1); }
.order-card { padding: 1.5rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1.2rem; }
.order-card__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--color-border); }
.order-card__heading > span { color: var(--color-text-muted); font-size: .65rem; }
.order-card h2 { margin: 0; font-size: 1.12rem; font-weight: 830; }
.order-items article { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: .8rem; padding: 1rem 0; border-bottom: 1px solid var(--color-border); }
.order-item-quantity { width: 34px; height: 34px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: .6rem; font-size: .65rem; font-weight: 850; }
.order-items article > div { display: grid; }
.order-items strong { font-size: .75rem; }
.order-items small { color: var(--color-text-muted); font-size: .58rem; }
.order-items article > b { font-size: .72rem; }
.order-card dl { margin: 1rem 0 0; }
.order-card dl > div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; color: var(--color-text-muted); font-size: .7rem; }
.order-card dd { margin: 0; color: var(--color-text); }
.order-card .order-total { margin-top: .4rem; padding-top: 1rem; color: var(--color-text); border-top: 1px solid var(--color-border); font-size: .95rem; font-weight: 850; }
.order-card .order-total dd { color: var(--color-primary); font-size: 1.15rem; }
.order-card address { margin: 1.2rem 0; color: var(--color-text-muted); font-size: .74rem; font-style: normal; line-height: 1.75; }
.order-card address strong { color: var(--color-text); }
.order-delivery-estimate, .order-storage { display: flex; align-items: flex-start; gap: .5rem; padding-top: 1rem; color: var(--color-text-muted); border-top: 1px solid var(--color-border); font-size: .62rem; line-height: 1.5; }
.order-delivery-estimate i, .order-storage i { color: var(--color-primary); }
.order-payment-copy { margin: 1rem 0; color: var(--color-text-muted); font-size: .7rem; }
.order-home-link { border-radius: 999px; }

@media (max-width: 991.98px) {
    .checkout-layout, .order-layout { grid-template-columns: 1fr; }
    .checkout-summary { position: static; grid-row: 1; }
    .checkout-summary__heading button { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; gap: .35rem; color: var(--color-primary); background: transparent; border: 0; font-size: .65rem; font-weight: 750; }
    .checkout-summary__items { display: none; }
    .checkout-summary.is-open .checkout-summary__items { display: block; }
    .checkout-summary.is-open .checkout-summary__heading i { transform: rotate(180deg); }
}

@media (max-width: 767.98px) {
    .checkout-header { padding: 1.2rem 0 2rem; }
    .checkout-header .store-breadcrumb { margin-bottom: 1.8rem; }
    .checkout-header h1 { font-size: 2.75rem; }
    .checkout-content { padding: 1rem 0 6rem; }
    .checkout-progress { position: sticky; z-index: 10; top: 0; margin-inline: -.75rem; padding: .8rem .4rem; background: rgba(247,247,248,.96); backdrop-filter: blur(10px); }
    .checkout-progress small { font-size: .52rem; }
    .checkout-step { padding: 1rem; border-radius: 1rem; }
    .checkout-step__heading > span { width: 38px; height: 38px; }
    .checkout-fields { grid-template-columns: 1fr; gap: .8rem; }
    .checkout-field--full, .checkout-field--wide { grid-column: auto; }
    .checkout-field--narrow { max-width: none; }
    .checkout-zip-help { padding-bottom: 0; }
    .checkout-option { grid-template-columns: auto 38px minmax(0, 1fr); gap: .6rem; padding: .75rem; }
    .checkout-option > i { width: 38px; height: 38px; }
    .checkout-option > b { grid-column: 3; justify-self: start; }
    .checkout-step__actions .btn { min-width: 155px; padding-inline: .9rem; }
    .checkout-summary { padding: 1rem; border-radius: 1rem; }
    .order-hero { padding: 4rem 0 3rem; }
    .order-hero h1 { font-size: 2.8rem; }
    .order-content { padding: 1.5rem 0 6rem; }
    .order-card { padding: 1rem; }
    .pix-payment { padding: 1rem; border-radius: 1rem; }
    .pix-payment__heading { display: grid; }
    .pix-payment__brand { width: max-content; }
    .pix-payment__body { grid-template-columns: 1fr; gap: 1rem; }
    .pix-payment__qr img { width: min(72vw, 250px); }
}

@media (max-width: 479.98px) {
    .checkout-step__actions { align-items: stretch; flex-direction: column-reverse; }
    .checkout-step__actions .btn, .checkout-step__actions > a, .checkout-step__actions > button:not(.btn) { width: 100%; justify-content: center; }
    .order-items article { grid-template-columns: 30px minmax(0, 1fr); }
    .order-items article > b { grid-column: 2; }
}

/* Preliminary legal pages */
.legal-page { background: #f7f7f8; }
.legal-page > header { padding: 2rem 0 4rem; background: #fff; }
.legal-page > header .store-breadcrumb { margin-bottom: 3rem; }
.legal-page h1 { margin: 0; font-size: clamp(2.7rem, 5vw, 5rem); font-weight: 850; letter-spacing: -.065em; }
.legal-page > header p { max-width: 760px; margin: 1.2rem 0 0; color: var(--color-text-muted); line-height: 1.75; }
.legal-page > section { padding: 3rem 0 7rem; }
.legal-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 2rem; align-items: start; }
.legal-layout > article, .legal-layout > aside { padding: 1.7rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1.2rem; }
.legal-layout > article section + section { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--color-border); }
.legal-layout h2 { font-size: 1.1rem; font-weight: 830; }
.legal-layout p { margin: .7rem 0 0; color: var(--color-text-muted); font-size: .8rem; line-height: 1.75; }
.legal-layout > aside { position: sticky; top: 94px; display: grid; justify-items: start; }
.legal-layout > aside > i { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 1rem; color: var(--color-primary); background: var(--color-primary-light); border-radius: .8rem; }
.legal-layout > aside strong { font-size: .85rem; }
.legal-layout > aside a { margin-top: 1rem; color: var(--color-primary); font-size: .68rem; font-weight: 750; }
@media (max-width: 767.98px) {
    .legal-page > header { padding: 1.2rem 0 3rem; }
    .legal-page > header .store-breadcrumb { margin-bottom: 2rem; }
    .legal-page h1 { font-size: 2.8rem; }
    .legal-layout { grid-template-columns: 1fr; }
    .legal-layout > aside { position: static; }
}

/* Minha conta */
.account-page { min-height: 70vh; background: #f7f7f8; }
.account-access { padding: 1.5rem 0 6rem; background: radial-gradient(circle at 15% 60%, rgba(227,6,19,.07), transparent 34%), #f7f7f8; }
.account-access__layout { display: grid; grid-template-columns: minmax(0, .92fr) minmax(470px, 1.08fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.account-access__intro .store-breadcrumb { margin-bottom: 4rem; }
.account-access__intro h1 { margin: .6rem 0 1.2rem; color: #11121c; font-size: clamp(3.4rem, 5.5vw, 5.8rem); font-weight: 850; letter-spacing: -.07em; line-height: .88; }
.account-access__intro h1 strong { color: var(--color-primary); font-weight: inherit; }
.account-access__intro > p { max-width: 510px; margin: 0; color: var(--color-text-muted); font-size: 1rem; line-height: 1.7; }
.account-access__benefits { display: grid; gap: .8rem; margin-top: 2.2rem; }
.account-access__benefits article { display: flex; align-items: center; gap: .85rem; }
.account-access__benefits article > i { width: 43px; height: 43px; flex: 0 0 43px; display: grid; place-items: center; color: var(--color-primary); background: #fff; border: 1px solid #ececf0; border-radius: .75rem; }
.account-access__benefits article > span { display: grid; }
.account-access__benefits strong { color: #262730; font-size: .76rem; }
.account-access__benefits small { margin-top: .12rem; color: var(--color-text-muted); font-size: .65rem; }
.account-access__card { padding: 1.15rem 2rem 2rem; background: #fff; border: 1px solid #e6e6ea; border-radius: 1.4rem; box-shadow: 0 24px 70px rgba(23,23,31,.1); }
.account-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: .35rem; margin-bottom: 1.5rem; padding: .3rem; background: #f4f4f5; border-radius: .8rem; }
.account-tabs button { min-height: 42px; color: #72737b; background: transparent; border: 0; border-radius: .6rem; font-size: .72rem; font-weight: 750; }
.account-tabs button.is-active { color: #17171f; background: #fff; box-shadow: 0 3px 10px rgba(23,23,31,.08); }
.account-panel { display: none; }
.account-panel.is-active { display: block; animation: account-panel-in .2s ease both; }
@keyframes account-panel-in { from { opacity: 0; transform: translateY(5px); } }
.account-panel__heading { margin-bottom: 1.3rem; }
.account-panel__heading h2 { margin: 0; color: #17171f; font-size: 1.45rem; font-weight: 850; letter-spacing: -.04em; }
.account-panel__heading p { margin: .3rem 0 0; color: var(--color-text-muted); font-size: .72rem; }
.account-panel form { display: grid; gap: .85rem; }
.account-field { display: grid; gap: .38rem; }
.account-field > span { display: flex; justify-content: space-between; color: #3d3e46; font-size: .65rem; font-weight: 750; }
.account-field > span a { color: var(--color-primary); font-weight: 650; }
.account-field > div { min-height: 48px; display: grid; grid-template-columns: 36px minmax(0, 1fr) 38px; align-items: center; background: #fafafa; border: 1px solid #dedee3; border-radius: .7rem; transition: border-color var(--transition), box-shadow var(--transition); }
.account-field > div:focus-within { background: #fff; border-color: var(--color-primary); box-shadow: 0 0 0 .18rem rgba(227,6,19,.07); }
.account-field > div > i { color: #9899a0; text-align: center; }
.account-field input { min-width: 0; height: 46px; padding: 0 .35rem; background: transparent; border: 0; outline: 0; font-size: .76rem; }
.account-field button { width: 38px; height: 38px; color: #74757d; background: transparent; border: 0; }
.account-field:not(:has(button)) > div { grid-template-columns: 36px minmax(0, 1fr); }
.account-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.account-consent { display: flex; align-items: flex-start; gap: .5rem; color: var(--color-text-muted); font-size: .61rem; line-height: 1.5; }
.account-consent input { margin-top: .16rem; accent-color: var(--color-primary); }
.account-consent a { color: var(--color-primary); }
.account-submit { min-height: 50px; display: flex; align-items: center; justify-content: center; gap: .6rem; margin-top: .2rem; border-radius: 999px; font-size: .75rem; font-weight: 800; }
.account-privacy { display: flex; align-items: center; justify-content: center; gap: .35rem; margin-top: 1rem; color: #83848c; font-size: .58rem; }
.account-privacy i { color: #16834a; }
.account-alert { display: flex; align-items: flex-start; gap: .55rem; margin-bottom: 1rem; padding: .75rem .85rem; color: #3e4148; background: #eef4ff; border: 1px solid #d9e5fb; border-radius: .7rem; font-size: .68rem; }
.account-alert--error { color: #8c1820; background: #fff1f2; border-color: #f5d2d5; }
.account-alert--success { color: #146238; background: #edf9f2; border-color: #cdebd9; }

.account-dashboard { padding: 1.5rem 0 7rem; }
.account-dashboard > .container > .store-breadcrumb { margin-bottom: 2.5rem; }
.account-dashboard__header { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.account-dashboard__header h1 { margin: .35rem 0 0; color: #11121c; font-size: clamp(2.5rem, 4vw, 4.5rem); font-weight: 850; letter-spacing: -.065em; }
.account-dashboard__header p { margin: .5rem 0 0; color: var(--color-text-muted); }
.account-avatar { width: 68px; height: 68px; display: grid; place-items: center; color: #fff; background: var(--color-primary); border-radius: 50%; font-size: 1.5rem; font-weight: 850; box-shadow: 0 10px 25px rgba(227,6,19,.2); }
.account-dashboard__layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.account-sidebar { display: grid; padding: .65rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1rem; }
.account-sidebar > a, .account-sidebar > span, .account-sidebar button { min-height: 48px; display: flex; align-items: center; gap: .7rem; padding: 0 .75rem; color: #62636b; background: transparent; border: 0; border-radius: .7rem; text-decoration: none; font-size: .7rem; text-align: left; }
.account-sidebar > a:hover, .account-sidebar > a.is-active { color: var(--color-primary); background: var(--color-primary-light); }
.account-sidebar > span { opacity: .65; }
.account-sidebar > span > span { display: flex; align-items: center; gap: .4rem; }
.account-sidebar small { padding: .15rem .3rem; color: #777881; background: #ececee; border-radius: .25rem; font-size: .48rem; text-transform: uppercase; }
.account-sidebar form { margin-top: .4rem; padding-top: .4rem; border-top: 1px solid var(--color-border); }
.account-sidebar button { width: 100%; color: #8b252c; cursor: pointer; }

.address-book, .address-form { margin-bottom: 1.25rem; }
.address-book { padding: 1.35rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1rem; }
.address-book__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.15rem; }
.address-book__heading h2 { margin: 0 0 .2rem; font-size: 1rem; }
.address-book__heading p { margin: 0; color: #777881; font-size: .68rem; }
.address-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.address-card { display: flex; flex-direction: column; min-height: 220px; padding: 1.05rem; border: 1px solid #dedee2; border-radius: .9rem; }
.address-card.is-primary { border-color: rgba(231, 29, 54, .4); box-shadow: inset 3px 0 var(--color-primary); }
.address-card__top { display: flex; align-items: center; gap: .75rem; }
.address-card__icon { display: grid; place-items: center; width: 40px; height: 40px; color: var(--color-primary); background: var(--color-primary-light); border-radius: .7rem; }
.address-card h3 { margin: 0; font-size: .8rem; }
.address-primary-badge { display: inline-flex; gap: .25rem; margin-top: .2rem; color: #16854f; font-size: .58rem; }
.address-card > p { flex: 1; margin: .85rem 0; color: #5f6068; font-size: .68rem; line-height: 1.7; }
.address-card__actions { display: flex; align-items: center; gap: .5rem; padding-top: .7rem; border-top: 1px solid #ededf0; }
.address-card__actions a, .address-card__actions button { padding: .35rem .5rem; color: #4c4d54; background: none; border: 0; font-size: .62rem; text-decoration: none; cursor: pointer; }
.address-card__actions form:nth-last-child(2) { margin-left: auto; }
.address-card__actions button.is-danger { color: #b4232d; }
.address-empty { padding: 2.5rem 1rem; text-align: center; color: #74757d; border: 1px dashed #d7d7dc; border-radius: .8rem; }
.address-empty > i { font-size: 1.8rem; color: var(--color-primary); }
.address-empty h3 { margin: .55rem 0 .25rem; color: #24252b; font-size: .85rem; }
.address-empty p { margin: 0; font-size: .68rem; }
.address-zip-status { align-self: end; min-height: 48px; display: flex; align-items: center; gap: .4rem; color: #686972; font-size: .62rem; }
.address-primary-check { display: flex; align-items: center; gap: .65rem; margin-top: 1rem; padding: .85rem; background: #f7f7f8; border-radius: .75rem; cursor: pointer; }
.address-primary-check > span { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .15rem .4rem; font-size: .68rem; }
.address-primary-check small { grid-column: 2; color: #72737b; }
.checkout-saved-addresses { margin-bottom: 1.2rem; padding: 1rem; background: #f8f8f9; border-radius: .9rem; }
.checkout-saved-addresses__heading { display: flex; justify-content: space-between; margin-bottom: .7rem; font-size: .7rem; }
.checkout-saved-addresses__heading a { color: var(--color-primary); }
.checkout-saved-addresses__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.checkout-saved-address { display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: .6rem; padding: .75rem; text-align: left; background: #fff; border: 1px solid #dddde1; border-radius: .7rem; cursor: pointer; }
.checkout-saved-address > i:first-child { display: grid; place-items: center; width: 35px; height: 35px; color: var(--color-primary); background: var(--color-primary-light); border-radius: .55rem; }
.checkout-saved-address > i:last-child { color: var(--color-primary); opacity: 0; }
.checkout-saved-address span { display: grid; min-width: 0; }
.checkout-saved-address strong { font-size: .65rem; }
.checkout-saved-address small { overflow: hidden; color: #71727a; font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.checkout-saved-address.is-selected { border-color: var(--color-primary); box-shadow: 0 0 0 1px var(--color-primary); }
.checkout-saved-address.is-selected > i:last-child { opacity: 1; }
.checkout-saved-address--new { grid-template-columns: 35px 1fr; }

@media (max-width: 767.98px) {
    .address-book { padding: 1rem; }
    .address-book__heading { align-items: flex-start; }
    .address-book__heading .btn { padding-inline: .75rem; }
    .address-grid, .checkout-saved-addresses__grid { grid-template-columns: 1fr; }
    .address-card { min-height: 0; }
}
.account-dashboard__content { min-width: 0; }
.account-overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.account-overview-grid > * { min-height: 150px; display: flex; align-items: flex-start; gap: .8rem; padding: 1.15rem; color: #17171f; background: #fff; border: 1px solid var(--color-border); border-radius: 1rem; text-decoration: none; }
.account-overview-grid > * > i { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: .7rem; }
.account-overview-grid > * > span { min-width: 0; display: grid; gap: .2rem; }
.account-overview-grid small { color: var(--color-text-muted); font-size: .57rem; }
.account-overview-grid strong { overflow: hidden; color: #22232b; font-size: .75rem; text-overflow: ellipsis; }
.account-overview-grid b { margin-top: 1.1rem; color: var(--color-primary); font-size: .58rem; }
.account-recent-orders, .account-orders { margin-top: .9rem; padding: 1.25rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1rem; }
.account-recent-orders > div:first-child, .account-orders__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.account-recent-orders h2, .account-orders h2 { margin: 0; font-size: 1rem; font-weight: 830; }
.account-recent-orders > div > a { color: var(--color-primary); font-size: .62rem; font-weight: 750; }
.account-orders__heading p { margin: .25rem 0 0; color: var(--color-text-muted); font-size: .66rem; }
.account-orders__heading .btn { border-radius: 999px; font-size: .65rem; }
.account-empty { min-height: 270px; display: grid; place-items: center; align-content: center; padding: 2rem; text-align: center; }
.account-empty > i { width: 60px; height: 60px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: 50%; font-size: 1.35rem; }
.account-empty h3 { margin: 1rem 0 .35rem; font-size: .9rem; font-weight: 820; }
.account-empty p { margin: 0 0 1rem; color: var(--color-text-muted); font-size: .7rem; }
.account-empty .btn { border-radius: 999px; font-size: .65rem; }
.account-order-list { display: grid; gap: .6rem; margin-top: 1.2rem; }
.account-order-list > a { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1.2fr auto; gap: 1rem; align-items: center; padding: 1rem; color: #25262e; background: #fafafa; border: 1px solid var(--color-border); border-radius: .8rem; text-decoration: none; }
.account-order-list span { display: grid; }
.account-order-list small { color: var(--color-text-muted); font-size: .55rem; }
.account-order-list strong { font-size: .68rem; }
.account-order-list b { color: #16834a; font-size: .62rem; }

@media (max-width: 991.98px) {
    .account-access__layout { grid-template-columns: 1fr; gap: 2.5rem; }
    .account-access__intro .store-breadcrumb { margin-bottom: 2.5rem; }
    .account-access__intro h1 { font-size: 4.5rem; }
    .account-access__benefits { grid-template-columns: repeat(3, 1fr); }
    .account-access__card { width: min(100%, 680px); }
    .account-dashboard__layout { grid-template-columns: 1fr; }
    .account-sidebar { display: flex; overflow-x: auto; }
    .account-sidebar > a, .account-sidebar > span { flex: 0 0 auto; }
    .account-sidebar form { margin: 0 0 0 auto; padding: 0 0 0 .4rem; border-top: 0; border-left: 1px solid var(--color-border); }
}

@media (max-width: 767.98px) {
    .account-access { padding-top: .5rem; padding-bottom: 5rem; }
    .account-access__intro h1 { font-size: 3.35rem; }
    .account-access__intro > p { font-size: .85rem; }
    .account-access__benefits { grid-template-columns: 1fr; }
    .account-access__card { padding: .8rem 1rem 1.2rem; border-radius: 1rem; }
    .account-field-row { grid-template-columns: 1fr; }
    .account-dashboard { padding-top: .7rem; padding-bottom: 6rem; }
    .account-dashboard__header { align-items: flex-start; }
    .account-avatar { width: 54px; height: 54px; }
    .account-overview-grid { grid-template-columns: 1fr; }
    .account-overview-grid > * { min-height: 110px; }
    .account-sidebar button { min-width: max-content; }
    .account-order-list > a { grid-template-columns: 1fr 1fr auto; }
    .account-order-list > a span:nth-child(2) { display: none; }
    .account-order-list > a b { grid-column: 1 / 3; }
}

/* Recuperação de senha */
.password-reset-page { min-height: 720px; padding: 1.5rem 0 6rem; background: radial-gradient(circle at 25% 50%, rgba(227,6,19,.08), transparent 30%), #f7f7f8; }
.password-reset-page > .container > .store-breadcrumb { margin-bottom: 3rem; }
.password-reset-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, .72fr); gap: clamp(3rem, 9vw, 9rem); align-items: center; max-width: 1160px; margin: 0 auto; }
.password-reset-intro__icon { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 1.5rem; color: #fff; background: var(--color-primary); border-radius: 1rem; box-shadow: 0 14px 28px rgba(227,6,19,.22); font-size: 1.65rem; }
.password-reset-intro h1 { max-width: 650px; margin: .65rem 0 1rem; color: #11121c; font-size: clamp(3.1rem, 5vw, 5.3rem); font-weight: 850; letter-spacing: -.07em; line-height: .92; }
.password-reset-intro > p { max-width: 530px; margin: 0; color: var(--color-text-muted); font-size: .95rem; line-height: 1.7; }
.password-reset-security { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; }
.password-reset-security > span { display: grid; grid-template-columns: 38px auto; grid-template-rows: auto auto; column-gap: .65rem; }
.password-reset-security > span > i { grid-row: 1 / 3; width: 38px; height: 38px; display: grid; place-items: center; color: #16834a; background: #fff; border-radius: .65rem; }
.password-reset-security strong { align-self: end; font-size: .68rem; }
.password-reset-security small { color: var(--color-text-muted); font-size: .58rem; }
.password-reset-card { position: relative; padding: 2rem; background: #fff; border: 1px solid #e4e4e8; border-radius: 1.3rem; box-shadow: 0 24px 70px rgba(23,23,31,.11); }
.password-reset-card__step { position: absolute; top: 1.5rem; right: 1.5rem; color: #e2e2e5; font-size: 2.2rem; font-weight: 900; }
.password-reset-card h2 { max-width: 80%; margin: 0; color: #17171f; font-size: 1.45rem; font-weight: 850; letter-spacing: -.04em; }
.password-reset-card > p { margin: .45rem 0 1.4rem; color: var(--color-text-muted); font-size: .72rem; line-height: 1.6; }
.password-reset-card form { display: grid; gap: .9rem; }
.password-reset-back { display: flex; align-items: center; justify-content: center; gap: .4rem; margin-top: 1.2rem; color: #6f7078; font-size: .64rem; font-weight: 700; text-decoration: none; }
.password-reset-back:hover { color: var(--color-primary); }
.password-reset-card__invalid { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 1.2rem; color: var(--color-primary); background: var(--color-primary-light); border-radius: 50%; font-size: 1.6rem; }

@media (max-width: 991.98px) {
    .password-reset-layout { grid-template-columns: 1fr; gap: 2.5rem; }
    .password-reset-intro h1 { font-size: 4.2rem; }
    .password-reset-card { width: min(100%, 620px); }
}

@media (max-width: 767.98px) {
    .password-reset-page { min-height: 0; padding-top: .5rem; padding-bottom: 5rem; }
    .password-reset-page > .container > .store-breadcrumb { margin-bottom: 2rem; }
    .password-reset-intro__icon { width: 52px; height: 52px; margin-bottom: 1.1rem; font-size: 1.35rem; }
    .password-reset-intro h1 { font-size: 3rem; }
    .password-reset-intro > p { font-size: .82rem; }
    .password-reset-security { gap: .8rem; }
    .password-reset-card { padding: 1.25rem; border-radius: 1rem; }
}

/* Meus dados */
.account-profile-page .account-dashboard__header { margin-bottom: 1.6rem; }
.profile-form { display: grid; gap: .9rem; }
.profile-section { padding: 1.35rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1rem; }
.profile-section > header { display: flex; align-items: center; gap: .8rem; padding-bottom: 1rem; border-bottom: 1px solid var(--color-border); }
.profile-section > header > span { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-light); border-radius: .7rem; }
.profile-section h2 { margin: 0; color: #20212a; font-size: .92rem; font-weight: 830; }
.profile-section header p { margin: .2rem 0 0; color: var(--color-text-muted); font-size: .63rem; }
.profile-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding-top: 1.1rem; }
.profile-field { min-width: 0; display: grid; align-content: start; gap: .4rem; }
.profile-field--wide { grid-column: 1 / -1; }
.profile-field > span { display: flex; align-items: center; gap: .4rem; color: #41424a; font-size: .65rem; font-weight: 750; }
.profile-field > span small { padding: .12rem .3rem; color: #898a92; background: #f0f0f2; border-radius: .25rem; font-size: .48rem; font-weight: 650; text-transform: uppercase; }
.profile-field input, .profile-field select { width: 100%; min-height: 48px; padding: 0 .8rem; color: #25262e; background: #fafafa; border: 1px solid #dedee3; border-radius: .7rem; outline: 0; font-size: .72rem; }
.profile-field input:focus, .profile-field select:focus { background: #fff; border-color: var(--color-primary); box-shadow: 0 0 0 .18rem rgba(227,6,19,.07); }
.profile-field > small { display: flex; align-items: center; gap: .3rem; color: #85868e; font-size: .55rem; }
.profile-field > small i { color: #16834a; }
.profile-notification-toggle{display:block;margin-top:1rem;cursor:pointer}.profile-notification-toggle>input{position:absolute;opacity:0}.profile-notification-toggle>span{display:flex;align-items:center;gap:.75rem;padding:.85rem;color:#30323a;background:#f6faf8;border:1px solid #dcebe2;border-radius:.8rem}.profile-notification-toggle>span>i{width:38px;height:38px;display:grid;place-items:center;flex:none;color:#168a4c;background:#e7f7ee;border-radius:.65rem;font-size:1rem}.profile-notification-toggle strong{display:grid;flex:1;font-size:.67rem}.profile-notification-toggle small{margin-top:.2rem;color:#777b83;font-size:.57rem;font-weight:500;line-height:1.45}.profile-notification-toggle b{position:relative;width:40px;height:22px;flex:none;background:#c9cdd2;border-radius:999px;transition:.18s}.profile-notification-toggle b:after{position:absolute;top:3px;left:3px;width:16px;height:16px;content:'';background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:.18s}.profile-notification-toggle:has(input:checked) b{background:#168a4c}.profile-notification-toggle:has(input:checked) b:after{transform:translateX(18px)}.profile-notification-toggle:focus-within>span{box-shadow:0 0 0 3px rgba(22,138,76,.09)}
.abandoned-carts{display:grid;gap:1rem}.abandoned-cart-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.abandoned-cart-metrics article{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--admin-line);border-radius:.9rem}.abandoned-cart-metrics i{width:40px;height:40px;display:grid;place-items:center;color:#168a4c;background:#eaf8f0;border-radius:.68rem}.abandoned-cart-metrics span{display:grid}.abandoned-cart-metrics small{color:var(--admin-muted);font-size:.56rem}.abandoned-cart-metrics strong{font-size:1.15rem}.abandoned-cart-card{padding:0;overflow:hidden;border-radius:1rem}.abandoned-cart-card>header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid var(--admin-line)}.abandoned-cart-card>header h2{margin:0;font-size:.82rem}.abandoned-cart-card>header p{margin:.18rem 0 0;color:var(--admin-muted);font-size:.59rem}.abandoned-cart-card>header>span{color:#777b83;font-size:.58rem}.abandoned-cart-filters{display:grid;grid-template-columns:minmax(230px,1.5fr) 170px 145px 145px auto auto;align-items:end;gap:.65rem;padding:.9rem 1.1rem;background:#fafbfb;border-bottom:1px solid var(--admin-line)}.abandoned-cart-filters label{display:grid;gap:.32rem;color:#555962;font-size:.57rem;font-weight:800}.abandoned-cart-filters input,.abandoned-cart-filters select{width:100%;height:40px;padding:0 .7rem;background:#fff;border:1px solid #d9dce1;border-radius:.58rem;font:inherit;font-size:.63rem}.abandoned-cart-filters .is-search div{position:relative}.abandoned-cart-filters .is-search i{position:absolute;top:50%;left:.7rem;transform:translateY(-50%);color:#92959c}.abandoned-cart-filters .is-search input{padding-left:2rem}.abandoned-cart-filters button{height:40px;padding:0 .85rem;color:#fff;background:#168a4c;border:0;border-radius:.55rem;font-size:.61rem;font-weight:800}.abandoned-cart-filters>a{height:40px;display:grid;place-items:center;color:#666a73;text-decoration:none;font-size:.61rem}.abandoned-cart-card .admin-table-wrap{border:0;border-radius:0}.abandoned-cart-table td{vertical-align:middle}.abandoned-customer,.abandoned-cart-total,.abandoned-date,.abandoned-recovery{display:grid;gap:.15rem}.abandoned-customer strong,.abandoned-cart-total strong,.abandoned-date strong{font-size:.61rem}.abandoned-customer small,.abandoned-cart-total small,.abandoned-date small,.abandoned-recovery small{color:#858993;font-size:.53rem}.abandoned-products{max-width:270px;display:block;overflow:hidden;color:#555963;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.abandoned-consent,.abandoned-recovery>span{display:inline-flex;align-items:center;gap:.35rem;width:max-content;padding:.3rem .48rem;border-radius:999px;font-size:.53rem;font-weight:800}.abandoned-consent{color:#167344;background:#eaf8ef}.abandoned-consent.is-off{color:#8b5f18;background:#fff6df}.abandoned-consent i{width:6px;height:6px;background:currentColor;border-radius:50%}.abandoned-recovery>span{color:#59606b;background:#f0f2f4}.abandoned-recovery>span.is-enviado,.abandoned-recovery>span.is-convertido{color:#137445;background:#eaf8ef}.abandoned-recovery>span.is-erro{color:#a52736;background:#fff0f2}.abandoned-recovery>span.is-agendado{color:#285fa5;background:#edf5fe}.abandoned-recovery .is-error{max-width:190px;overflow:hidden;color:#a52736;text-overflow:ellipsis;white-space:nowrap}.abandoned-view-customer{width:32px;height:32px;display:grid;place-items:center;color:#168a4c;background:#ecf8f1;border-radius:.5rem;text-decoration:none}.abandoned-cart-details td{padding-top:.45rem!important;padding-bottom:.65rem!important;color:#747983;background:#fafbfb;font-size:.53rem}.abandoned-cart-details td>i{margin-right:.25rem;color:#168a4c}.abandoned-cart-details td>span{margin-left:1rem}.abandoned-cart-footer{display:flex;align-items:center;gap:1rem;padding:.75rem 1.1rem;background:#fafbfb;border-top:1px solid var(--admin-line);color:#747780;font-size:.57rem}.abandoned-cart-footer>span{margin-right:auto}.abandoned-cart-footer label{display:flex;align-items:center;gap:.35rem}.abandoned-cart-footer select{height:34px;border:1px solid #d9dce1;border-radius:.48rem}.abandoned-cart-footer nav{display:flex;gap:.3rem}.abandoned-cart-footer nav a{width:34px;height:34px;display:grid;place-items:center;color:#555962;background:#fff;border:1px solid #d9dce1;border-radius:.48rem;text-decoration:none}.abandoned-cart-footer nav a.is-active{color:#fff;background:#168a4c;border-color:#168a4c}.abandoned-cart-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:.35rem;color:#858993}.abandoned-cart-empty i{font-size:1.4rem}.abandoned-cart-empty strong{color:#333740;font-size:.72rem}.abandoned-cart-empty span{font-size:.59rem}@media(max-width:1100px){.abandoned-cart-metrics{grid-template-columns:repeat(2,1fr)}.abandoned-cart-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.abandoned-cart-metrics,.abandoned-cart-filters{grid-template-columns:1fr}.abandoned-cart-footer{align-items:flex-start;flex-direction:column}.abandoned-cart-details td>span{display:block;margin:.3rem 0 0}}
.abandoned-cart-card .admin-table-wrap{width:100%;overflow-x:auto}.abandoned-cart-table{width:100%;min-width:1180px;border-collapse:collapse;table-layout:auto}.abandoned-cart-table th:nth-child(1){width:19%}.abandoned-cart-table th:nth-child(2){width:10%}.abandoned-cart-table th:nth-child(3){width:16%}.abandoned-cart-table th:nth-child(4){width:14%}.abandoned-cart-table th:nth-child(5){width:12%}.abandoned-cart-table th:nth-child(6){width:17%}.abandoned-cart-table th:nth-child(7){width:64px}.abandoned-cart-table th{padding:1rem 1.15rem;font-size:.67rem;letter-spacing:.025em}.abandoned-cart-table td{padding:1.15rem;font-size:.72rem}.abandoned-customer,.abandoned-cart-total,.abandoned-date,.abandoned-recovery{gap:.3rem}.abandoned-customer strong,.abandoned-cart-total strong,.abandoned-date strong{font-size:.76rem;line-height:1.3}.abandoned-customer small,.abandoned-cart-total small,.abandoned-date small,.abandoned-recovery small{font-size:.65rem;line-height:1.35}.abandoned-products{max-width:330px;font-size:.71rem;line-height:1.45}.abandoned-consent,.abandoned-recovery>span{padding:.42rem .65rem;font-size:.64rem}.abandoned-consent i{width:7px;height:7px}.abandoned-view-customer{width:40px;height:40px;font-size:.92rem}.abandoned-cart-details td{width:100%;padding:.75rem 1.15rem!important;font-size:.64rem;line-height:1.45}.abandoned-cart-details td>i{font-size:.78rem}.abandoned-cart-card>header{padding:1.2rem 1.3rem}.abandoned-cart-card>header h2{font-size:1rem}.abandoned-cart-card>header p,.abandoned-cart-card>header>span{font-size:.68rem}.abandoned-cart-filters{padding:1.1rem 1.3rem}.abandoned-cart-filters label{font-size:.66rem}.abandoned-cart-filters input,.abandoned-cart-filters select,.abandoned-cart-filters button,.abandoned-cart-filters>a{font-size:.7rem}.abandoned-cart-footer{min-height:64px;padding:.85rem 1.3rem;font-size:.66rem}
.profile-form__actions { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; padding: .4rem 0; }
.profile-form__actions > a { color: #73747c; font-size: .65rem; font-weight: 700; text-decoration: none; }
.profile-form__actions .btn { min-width: 180px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: 999px; font-size: .7rem; font-weight: 800; }
.profile-security { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .9rem; padding: 1rem 1.2rem; background: #fff; border: 1px solid var(--color-border); border-radius: 1rem; }
.profile-security > div { display: flex; align-items: center; gap: .7rem; }
.profile-security > div > i { width: 38px; height: 38px; display: grid; place-items: center; color: #16834a; background: #edf9f2; border-radius: .65rem; }
.profile-security span { display: grid; }
.profile-security strong { font-size: .72rem; }
.profile-security small { margin-top: .15rem; color: var(--color-text-muted); font-size: .58rem; }
.profile-security > a { display: flex; align-items: center; gap: .4rem; color: var(--color-primary); font-size: .63rem; font-weight: 750; text-decoration: none; white-space: nowrap; }

@media (max-width: 767.98px) {
    .profile-section { padding: 1rem; }
    .profile-fields { grid-template-columns: 1fr; }
    .profile-field--wide { grid-column: auto; }
    .profile-form__actions { align-items: stretch; flex-direction: column-reverse; }
    .profile-form__actions .btn { width: 100%; }
    .profile-form__actions > a { padding: .6rem; text-align: center; }
    .profile-security { align-items: flex-start; flex-direction: column; }
}

/* Busca instantânea do cabeçalho */
.header-search-layer {
    max-height: min(680px, calc(100vh - 76px));
    overflow-y: auto;
}
.header-search-results { padding-top: 1rem; }
.search-results-heading { display: flex; align-items: center; justify-content: space-between; padding-bottom: .65rem; color: #11121c; }
.search-results-heading strong { font-size: .82rem; }
.search-results-heading span { color: var(--color-text-muted); font-size: .68rem; }
.search-results-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .65rem; }
.search-result-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: .65rem;
    align-items: center;
    padding: .6rem;
    color: var(--color-text);
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: .8rem;
    text-decoration: none;
    transition: border-color var(--transition), box-shadow var(--transition);
}
.search-result-item:hover { color: var(--color-text); border-color: #f0a8ad; box-shadow: var(--shadow-sm); }
.search-result-item__image { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; background: #f7f7f8; border-radius: .6rem; }
.search-result-item__image img { width: 100%; height: 100%; object-fit: contain; }
.search-result-item__content { min-width: 0; display: grid; gap: .1rem; }
.search-result-item__content small { overflow: hidden; color: var(--color-text-muted); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.search-result-item__content strong { overflow: hidden; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.search-result-item__content b { color: var(--color-primary); font-size: .68rem; }
.search-result-item > i { display: none; }
.search-results-all { width: max-content; display: flex; align-items: center; gap: .45rem; margin: .8rem 0 0 auto; color: var(--color-primary); font-size: .7rem; font-weight: 750; text-decoration: none; }
.search-results-loading, .search-results-empty { min-height: 86px; display: flex; align-items: center; justify-content: center; gap: .6rem; color: var(--color-text-muted); font-size: .74rem; }

@media (max-width: 767.98px) {
    body.search-is-open { overflow: hidden; }
    .header-search-layer {
        position: fixed;
        z-index: 1040;
        top: 68px;
        bottom: 0;
        max-height: none;
        padding: 0;
        background: #fff;
        border-top: 1px solid #ececf0;
        box-shadow: none;
        transform: translateY(-6px);
    }
    .header-search-layer__form { min-height: 78px; gap: .75rem; padding-inline: .75rem; border-bottom: 1px solid #ececf0; }
    .header-search-layer__form > i { font-size: 1.15rem; }
    .header-search-layer__form input { min-width: 0; padding-block: .65rem; font-size: 1rem; font-weight: 600; letter-spacing: -.02em; }
    .header-search-layer__form input::placeholder { color: #777980; opacity: 1; }
    .header-search-layer__form button { width: 40px; height: 40px; flex: 0 0 40px; font-size: 1.1rem; }
    .header-search-results { padding: 1rem .75rem 5.5rem; }
    .search-results-list { display: grid; grid-template-columns: 1fr; gap: .55rem; }
    .search-result-item { grid-template-columns: 72px minmax(0, 1fr) auto; padding: .65rem; border-radius: .9rem; }
    .search-result-item__image { width: 72px; height: 72px; }
    .search-result-item__content small { font-size: .62rem; }
    .search-result-item__content strong { font-size: .78rem; white-space: normal; }
    .search-result-item__content b { margin-top: .15rem; font-size: .76rem; }
    .search-result-item > i { display: block; color: #a0a1a6; font-size: .75rem; }
    .search-results-all { width: 100%; justify-content: center; margin-top: .9rem; padding: .8rem; background: #fff2f3; border-radius: .75rem; }
}

/* Ajustes finais do editor e da DataTable (após os estilos administrativos legados) */
.catalog-table { width: 100%; border-collapse: collapse; }
.catalog-table-card > .catalog-table-card__header { align-items: center; padding: 1.2rem 1.35rem; }
.product-form-card > header { align-items: center; justify-content: flex-start; gap: .75rem; padding: 1rem 1.15rem; }
.product-form-card > header h2 { font-size: .84rem; }
.product-form-card > header p { font-size: .61rem; }
.product-variations > header > .product-add-variation { margin-left: auto; }
.product-publish-card > header, .product-media-card > header, .product-completeness > header { padding: 0; border: 0; }
.admin-setting-field > .category-icon-picker { width: 100%; height: auto; display: block !important; padding: 0; overflow: hidden; background: #fff; border: 1px solid #dddfe5; border-radius: .75rem; }
.admin-setting-field > .category-icon-picker:focus-within { border-color: #ed8d94; box-shadow: 0 0 0 3px rgba(230,31,43,.06); }
.admin-back-button { width: max-content; min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; margin-bottom: .7rem; padding: 0 .75rem; color: #d80f1c; background: #fff; border: 1px solid #efb0b5; border-radius: .6rem; box-shadow: 0 3px 10px rgba(35,37,45,.04); font-size: .65rem; font-weight: 750; text-decoration: none; transition: color .2s,background .2s,border-color .2s,transform .2s; }
.admin-back-button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.admin-back-button:hover { color: #fff; background: #e81926; border-color: #e81926; transform: translateX(-2px); }
.category-icon-picker > .category-icon-picker__toolbar { width: 100%; min-height: 66px; display: grid !important; grid-template-columns: 42px minmax(150px,.55fr) minmax(260px,1fr); align-items: center; gap: .7rem; padding: .65rem .75rem; box-sizing: border-box; }
.category-icon-picker > .category-icon-picker__grid { width: 100%; display: grid !important; grid-template-columns: repeat(10,minmax(0,1fr)); box-sizing: border-box; }
.customer-toolbar { grid-template-columns: minmax(330px,1fr) 180px 200px; }.customer-table { min-width: 1120px; }.customer-name { min-width: 210px; display: flex; align-items: center; gap: .65rem; }.customer-name > span,.customer-summary__avatar { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#ec1c29,#b80d18); border-radius: .7rem; font-size: .62rem; font-weight: 800; }.customer-name > div,.customer-contact,.customer-activity { min-width: 0; display: grid; }.customer-name strong,.customer-contact strong,.customer-activity strong { color: #30333e; font-size: .62rem; }.customer-name small,.customer-contact small,.customer-activity small { color: #9598a3; font-size: .51rem; }.customer-contact strong i { margin-left: .25rem; color: #16884f; }.customer-orders { display: inline-flex; align-items: center; gap: .3rem; color: #737681; }.customer-orders b { color: #246b9f; }.customer-spent { color: #20232d; font-size: .65rem; }.catalog-status.is-bloqueado { color: #a62832; background: #fff0f1; }.catalog-status.is-bloqueado i { background: #d63742; }
.customer-bulk-actions { margin-left: auto; }.customer-bulk-actions select { min-height: 34px; padding: 0 .6rem; color: #4b4e59; background: #fff; border: 1px solid #e1b9bc; border-radius: .45rem; font-size: .57rem; }.customer-bulk-actions button { min-height: 34px; padding: 0 .7rem !important; color: #fff !important; background: #d70e1b !important; border-radius: .45rem; text-decoration: none !important; font-weight: 750; }
.customer-editor-layout { display: grid; grid-template-columns: minmax(0,1fr) 270px; gap: 1rem; align-items: start; }.customer-editor-main { min-width: 0; display: grid; gap: 1rem; }.customer-editor-sidebar { position: sticky; top: 1rem; }.customer-access-section { display: grid; grid-template-columns: 1fr 220px 260px; align-items: center; gap: 1rem; margin: 0 1.15rem 1.15rem; padding: 1rem; background: #fafafb; border: 1px solid #e8e9ed; border-radius: .7rem; }.customer-access-section h3 { margin: 0 0 .15rem; font-size: .7rem; }.customer-access-section p { margin: 0; color: #9295a0; font-size: .54rem; }.customer-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1.15rem; background: #fafafb; border-top: 1px solid #e8e9ed; }.customer-form-actions span { color: #8c8f99; font-size: .54rem; }.customer-form-actions button,.customer-address-form footer > button { min-height: 40px; padding: 0 .9rem; color: #fff; background: #e81926; border: 0; border-radius: .55rem; font-size: .61rem; font-weight: 750; cursor: pointer; }
.customer-summary { display: grid; justify-items: center; padding: 1.15rem; text-align: center; }.customer-summary__avatar { width: 58px; height: 58px; margin-bottom: .65rem; border-radius: 1rem; font-size: .8rem; }.customer-summary h2 { max-width: 100%; margin: 0; overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }.customer-summary > p { max-width: 100%; margin: .2rem 0 .65rem; overflow: hidden; color: #8d909b; font-size: .54rem; text-overflow: ellipsis; white-space: nowrap; }.customer-summary > div { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #ececef; }.customer-summary > div span { display: grid; gap: .12rem; padding: .55rem; background: #fafafb; border-radius: .55rem; }.customer-summary > div small { color: #9295a0; font-size: .48rem; }.customer-summary > div strong { color: #343741; font-size: .57rem; }
.customer-address-list { display: grid; gap: .6rem; padding: 1rem 1.15rem; }.customer-address-list article { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto auto; align-items: center; gap: .65rem; padding: .75rem; background: #fafafb; border: 1px solid #e6e7eb; border-radius: .65rem; }.customer-address-list article > span { width: 36px; height: 36px; display: grid; place-items: center; color: #16834c; background: #eaf8f0; border-radius: .55rem; }.customer-address-list article > div { min-width: 0; }.customer-address-list strong { font-size: .61rem; }.customer-address-list p { margin: .12rem 0; color: #5f626d; font-size: .55rem; }.customer-address-list small { color: #91949e; font-size: .5rem; }.customer-address-list article > b { padding: .25rem .4rem; color: #147546; background: #eaf8f0; border-radius: 1rem; font-size: .47rem; }.customer-address-list article > button,.customer-address-list article form button { width: 30px; height: 30px; color: #70737e; background: #fff; border: 1px solid #dedfe4; border-radius: .45rem; cursor: pointer; }.customer-address-list article form button { color: #c92b35; }.customer-no-address { padding: 1.5rem; color: #9699a3; background: #fafafb; border: 1px dashed #dddfe4; border-radius: .65rem; text-align: center; font-size: .57rem; }
.customer-address-form { margin: 0 1.15rem 1.15rem; overflow: hidden; border: 1px solid #e2e3e7; border-radius: .7rem; }.customer-address-form > header { display: flex; justify-content: space-between; padding: .75rem 1rem; background: #fafafb; border-bottom: 1px solid #e6e7eb; }.customer-address-form > header strong { font-size: .64rem; }.customer-address-form > header button { color: #777a85; background: transparent; border: 0; font-size: .53rem; cursor: pointer; }.customer-address-form > header button[hidden] { display: none; }.customer-address-form footer { display: flex; align-items: center; justify-content: space-between; padding: .7rem 1rem; background: #fafafb; border-top: 1px solid #e6e7eb; }.customer-address-form footer .product-switch { min-width: 220px; }
.customer-order-list { display: grid; }.customer-order-list > a { display: grid; grid-template-columns: 1fr auto 110px auto; align-items: center; gap: .7rem; padding: .8rem 1.15rem; color: #424550; border-top: 1px solid #eeeef1; text-decoration: none; }.customer-order-list > a:first-child { border-top: 0; }.customer-order-list > a:hover { background: #fafafb; }.customer-order-list > a > span:first-child { display: grid; }.customer-order-list strong { font-size: .61rem; }.customer-order-list small { color: #9497a1; font-size: .5rem; }.customer-order-list b { font-size: .61rem; text-align: right; }
.catalog-toolbar .catalog-search { height: 52px; min-height: 52px; position: relative; display: flex; align-items: center; gap: .7rem; padding: 0 54px 0 1rem; border-color: #f19ba1; border-radius: 999px; box-shadow: 0 0 0 3px rgba(237,16,31,.05); }
.catalog-toolbar .catalog-search:focus-within { border-color: #ed101f; box-shadow: 0 0 0 4px rgba(237,16,31,.08); }
.catalog-toolbar .catalog-search__action { width: 42px; height: 38px; min-width: 42px; min-height: 38px; position: absolute; top: 50%; right: 6px; display: grid; align-self: auto; padding: 0; color: #fff; background: #ed101f; border: 0; border-radius: 999px; box-sizing: border-box; transform: translateY(-50%); }
.catalog-toolbar .catalog-search__action:hover { color: #fff; background: #d90816; border-color: transparent; }
.catalog-toolbar .catalog-search__action svg { width: 16px; height: 16px; stroke-width: 2.1; }

@media (max-width: 767.98px) {
    .catalog-table-card > .catalog-table-card__header { align-items: flex-start; }
    .product-variations > header { align-items: flex-start; }
    .product-variations > header > .product-add-variation { margin-left: 0; }
    .category-icon-picker > .category-icon-picker__toolbar { grid-template-columns: 42px 1fr; }
    .category-icon-picker > .category-icon-picker__toolbar label { grid-column: 1 / -1; }
    .category-icon-picker > .category-icon-picker__grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 1100px) { .customer-editor-layout { grid-template-columns: 1fr; }.customer-editor-sidebar { position: static; }.customer-access-section { grid-template-columns: 1fr 1fr; }.customer-access-section > div { grid-column: 1 / -1; }.customer-toolbar { grid-template-columns: 1fr 1fr; }.customer-toolbar .catalog-search { grid-column: 1 / -1; } }
@media (max-width: 767.98px) { .customer-toolbar,.customer-access-section { grid-template-columns: 1fr; }.customer-toolbar .catalog-search,.customer-access-section > div { grid-column: auto; }.customer-bulk-actions { width: 100%; margin-left: 0; }.customer-bulk-actions select { flex: 1; }.customer-address-list article { grid-template-columns: auto 1fr auto auto; }.customer-address-list article > b { grid-column: 2; width: max-content; }.customer-form-actions,.customer-address-form footer { align-items: stretch; flex-direction: column; }.customer-order-list > a { grid-template-columns: 1fr auto; }.customer-order-list > a b { text-align: left; }.customer-order-list > a > i { display: none; } }
.delivery-toolbar { grid-template-columns: minmax(330px,1fr) 200px 190px; }.delivery-table { min-width: 1160px; }.delivery-order,.delivery-service,.delivery-destination,.delivery-deadline { display: grid; }.delivery-order strong,.delivery-service strong,.delivery-destination strong,.delivery-deadline strong { color: #30333e; font-size: .61rem; }.delivery-order small,.delivery-service small,.delivery-destination small,.delivery-deadline small { color: #9295a0; font-size: .5rem; }.delivery-tracking { padding: .3rem .4rem; color: #315e86; background: #edf5fc; border-radius: .35rem; font-size: .53rem; }.delivery-muted { color: #a0a3ac; font-size: .52rem; }.delivery-deadline.is-overdue strong,.delivery-deadline.is-overdue small { color: #c42a35; }.delivery-label-status { display: inline-flex; padding: .3rem .5rem; color: #6d707c; background: #f1f2f4; border-radius: 2rem; font-size: .51rem; font-weight: 700; white-space: nowrap; }.delivery-label-status.is-liberada,.delivery-label-status.is-paga { color: #147646; background: #eaf8f0; }.delivery-label-status.is-rascunho,.delivery-label-status.is-carrinho { color: #8a6211; background: #fff5dd; }.delivery-label-status.is-erro,.delivery-label-status.is-cancelada { color: #a92b35; background: #fff0f1; }
.delivery-status { display: inline-flex; align-items: center; gap: .35rem; padding: .32rem .5rem; border-radius: 2rem; font-size: .52rem; font-weight: 700; white-space: nowrap; }.delivery-status i { width: 6px; height: 6px; border-radius: 50%; }.delivery-status.is-aguardando { color: #8a6211; background: #fff5dd; }.delivery-status.is-aguardando i { background: #d49918; }.delivery-status.is-postado,.delivery-status.is-em_transito,.delivery-status.is-saiu_entrega { color: #246595; background: #edf5fc; }.delivery-status.is-postado i,.delivery-status.is-em_transito i,.delivery-status.is-saiu_entrega i { background: #2c77ae; }.delivery-status.is-entregue { color: #147646; background: #eaf8f0; }.delivery-status.is-entregue i { background: #169451; }.delivery-status.is-falha { color: #a92b35; background: #fff0f1; }.delivery-status.is-falha i { background: #d43843; }
.delivery-progress { display: grid; grid-template-columns: repeat(6,1fr); gap: .35rem; margin-bottom: 1rem; padding: .65rem; background: #fff; border: 1px solid #e5e6ea; border-radius: .8rem; }.delivery-progress span { min-height: 62px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .3rem; color: #9a9da7; background: #fafafb; border-radius: .55rem; }.delivery-progress span i { font-size: .85rem; }.delivery-progress span small { font-size: .5rem; }.delivery-progress span.is-current { color: #fff; background: #e81926; box-shadow: 0 5px 15px rgba(232,25,38,.18); }.delivery-progress span.is-complete { color: #157749; background: #eaf8f0; }
.delivery-editor-grid { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 1rem; align-items: start; }.delivery-editor-main { min-width: 0; display: grid; gap: 1rem; }.delivery-editor-sidebar { position: sticky; top: 1rem; display: grid; gap: 1rem; }.delivery-timeline { display: grid; padding: 1rem 1.15rem; }.delivery-timeline article { display: grid; grid-template-columns: 12px 1fr; gap: .65rem; position: relative; padding: 0 0 1rem; }.delivery-timeline article::before { content: ""; width: 1px; position: absolute; top: 10px; bottom: -4px; left: 4px; background: #e0e2e6; }.delivery-timeline article:last-child::before { display: none; }.delivery-timeline article > i { width: 9px; height: 9px; z-index: 1; margin-top: .2rem; background: #e81926; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px #f3b4b8; }.delivery-timeline strong { font-size: .61rem; }.delivery-timeline p { margin: .12rem 0; color: #666a76; font-size: .56rem; }.delivery-timeline small { color: #9699a3; font-size: .49rem; }.delivery-event-form { margin: 0 1.15rem 1.15rem; overflow: hidden; background: #fafafb; border: 1px solid #e4e5e9; border-radius: .7rem; }.delivery-event-form footer { display: flex; justify-content: flex-end; padding: .65rem 1rem; border-top: 1px solid #e4e5e9; }.delivery-event-form footer button,.delivery-primary-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: 0 .8rem; color: #fff; background: #e81926; border: 0; border-radius: .52rem; font-size: .58rem; font-weight: 750; text-decoration: none; cursor: pointer; }.delivery-primary-button:disabled { opacity: .45; cursor: not-allowed; }
.delivery-items { display: grid; }.delivery-items article { display: flex; align-items: center; gap: .65rem; padding: .7rem 1.15rem; border-top: 1px solid #eeeef1; }.delivery-items article:first-child { border: 0; }.delivery-items article > span { width: 30px; height: 30px; display: grid; place-items: center; color: #d51c28; background: #fff0f1; border-radius: .45rem; font-size: .54rem; font-weight: 750; }.delivery-items article > div { display: grid; }.delivery-items strong { font-size: .6rem; }.delivery-items small { color: #9295a0; font-size: .49rem; }
.delivery-side-card { padding: 1rem; }.delivery-side-card > header { align-items: center; padding: 0 0 .75rem; }.delivery-side-card h2 { margin: 0; font-size: .7rem; }.delivery-side-card > strong { display: block; font-size: .63rem; }.delivery-side-card > small { display: block; margin-top: .3rem; color: #8d909b; font-size: .5rem; line-height: 1.5; }.delivery-side-card address { margin: .75rem 0 0; padding: .7rem; color: #595d68; background: #fafafb; border-radius: .55rem; font-size: .55rem; font-style: normal; line-height: 1.6; }.delivery-side-card > p { color: #747783; font-size: .55rem; }.delivery-side-card form .delivery-primary-button,.delivery-side-card > .delivery-primary-button { width: 100%; }.delivery-side-card dl { display: grid; gap: .4rem; margin: .7rem 0; }.delivery-side-card dl div { display: flex; justify-content: space-between; gap: .5rem; font-size: .52rem; }.delivery-side-card dt { color: #9295a0; }.delivery-side-card dd { margin: 0; color: #343741; }.delivery-warning { color: #a66b0d !important; background: #fff7e5; padding: .5rem; border-radius: .45rem; }
@media (max-width:1100px) { .delivery-editor-grid { grid-template-columns:1fr; }.delivery-editor-sidebar { position:static;grid-template-columns:1fr 1fr; }.delivery-toolbar { grid-template-columns:1fr 1fr; }.delivery-toolbar .catalog-search { grid-column:1/-1; } }
@media (max-width:767.98px) { .delivery-toolbar,.delivery-editor-sidebar { grid-template-columns:1fr; }.delivery-toolbar .catalog-search { grid-column:auto; }.delivery-progress { grid-template-columns:repeat(3,1fr); }.delivery-editor .product-editor-heading__actions { overflow-x:auto; }.delivery-editor .product-editor-heading__actions > * { flex:0 0 auto; } }
/* Waconnect e recuperação de carrinho */
.customer-editor-layout .customer-whatsapp-card{grid-column:1/-1;width:100%;margin-top:0}
.order-whatsapp-card{margin-top:1.15rem;padding:0;overflow:hidden;border-radius:1rem}.order-whatsapp-card>header{min-height:72px;display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;background:linear-gradient(90deg,#fbfffc,#fff);border-bottom:1px solid #e4ece7}.order-whatsapp-card>header>span{width:40px;height:40px;display:grid;place-items:center;flex:none;color:#11864a;background:#e9f8ef;border-radius:.72rem;font-size:1rem}.order-whatsapp-card>header>div{min-width:0;flex:1}.order-whatsapp-card>header h2{margin:0;font-size:.84rem}.order-whatsapp-card>header p{margin:.16rem 0 0;color:#7b7e87;font-size:.61rem}.order-whatsapp-card>header>b{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .55rem;color:#147846;background:#edf9f1;border-radius:999px;font-size:.55rem}.order-whatsapp-card>header>b>i{width:6px;height:6px;background:#1aaa5a;border-radius:50%}.order-whatsapp-card>form{display:grid;gap:.9rem;padding:1.05rem 1.1rem 1.1rem}.order-whatsapp-recipient{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;background:#f7f9f8;border:1px solid #e4e9e6;border-radius:.7rem}.order-whatsapp-recipient>span{width:34px;height:34px;display:grid;place-items:center;flex:none;color:#168a4c;background:#fff;border:1px solid #dfe8e2;border-radius:.6rem}.order-whatsapp-recipient>div{min-width:0;display:grid;flex:1}.order-whatsapp-recipient small{color:#92959d;font-size:.5rem;font-weight:850;letter-spacing:.08em}.order-whatsapp-recipient strong{font-size:.68rem}.order-whatsapp-recipient em{color:#767a83;font-size:.57rem;font-style:normal}.order-whatsapp-recipient>b{padding:.32rem .5rem;color:#5f626b;background:#fff;border:1px solid #e0e2e6;border-radius:.5rem;font-size:.55rem}.order-whatsapp-card form>label{display:grid;gap:.38rem}.order-whatsapp-card form>label>span{font-size:.62rem;font-weight:800}.order-whatsapp-card textarea{width:100%;min-height:92px;padding:.75rem .8rem;border:1px solid #d7d9df;border-radius:.68rem;outline:0;font-family:inherit;font-size:.7rem;line-height:1.55;resize:vertical}.order-whatsapp-card textarea:focus{border-color:#168a4c;box-shadow:0 0 0 3px rgba(22,138,76,.09)}.order-whatsapp-card form>label>small,.order-whatsapp-card footer>span{color:#7d8089;font-size:.55rem}.order-whatsapp-card footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem;border-top:1px solid #eceef0}.order-whatsapp-card footer>span i{margin-right:.3rem;color:#168a4c}.order-whatsapp-card footer>button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .9rem;color:#fff;background:#168a4c;border:0;border-radius:.58rem;font-size:.63rem;font-weight:800}.order-whatsapp-card footer>button:hover{background:#11723e}@media(max-width:600px){.order-whatsapp-card>header>b{display:none}.order-whatsapp-recipient{flex-wrap:wrap}.order-whatsapp-recipient>b{margin-left:41px}.order-whatsapp-card footer{align-items:stretch;flex-direction:column}.order-whatsapp-card footer>button{width:100%}}
.admin-nav-child{margin-left:1.25rem;font-size:.9rem}.admin-integration{display:grid;gap:1.15rem}.cart-recovery-consent{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid #dce8df;border-radius:10px;background:#f7fbf8;font-size:.9rem}.cart-recovery-consent input{margin-top:.2rem}

/* Avaliações de produtos */
.admin-review-metrics{grid-template-columns:repeat(3,1fr)}.admin-filters{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto;gap:.7rem;margin-bottom:1rem}.admin-filters input,.admin-filters select{min-height:42px;padding:0 .75rem;border:1px solid #d9dbe1;border-radius:.6rem;background:#fff;font:inherit}.admin-review-list{display:grid;gap:0}.admin-review-card{padding:1.15rem;border-bottom:1px solid var(--admin-line)}.admin-review-card:last-child{border:0}.admin-review-card header,.admin-review-card footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-review-card header>div{display:grid}.admin-review-card header small,.admin-review-card footer small{color:#858892;font-size:.58rem}.admin-review-stars{margin:.8rem 0 .4rem;color:var(--color-rating)}.admin-review-card h2{margin:.25rem 0;font-size:.76rem}.admin-review-card p{margin:.35rem 0 1rem;color:#555963;font-size:.68rem;line-height:1.65}.admin-review-card footer>div,.admin-review-card footer form{display:flex;gap:.45rem;margin:0}.admin-review-card footer .btn{min-height:36px;padding:.4rem .75rem;font-size:.58rem}.admin-status--pendente{color:#8a6211;background:#fff5dd}.admin-status--aprovada{color:#147646;background:#eaf8f0}.admin-status--rejeitada{color:#a92b35;background:#fff0f1}
.account-review-list{display:grid;gap:1rem}.account-review-card{padding:1.2rem;background:#fff;border:1px solid var(--color-border);border-radius:1rem}.account-review-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.account-review-card header>div{display:grid}.account-review-card h2{margin:.15rem 0;font-size:1rem}.account-review-card header small,.account-review-card header span{color:var(--color-text-muted);font-size:.65rem}.account-review-card header>b{padding:.35rem .55rem;color:#666;background:#f2f3f5;border-radius:999px;font-size:.6rem}.account-review-card form{display:grid;gap:.8rem}.account-review-card textarea{width:100%;padding:.75rem;border:1px solid #d8dae0;border-radius:.65rem;font:inherit;resize:vertical}.review-rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.2rem;padding:0;border:0}.review-rating legend{width:100%;margin-bottom:.35rem;font-size:.68rem;font-weight:750}.review-rating input{position:absolute;opacity:0}.review-rating label{color:#d5d7dc;font-size:1.35rem;cursor:pointer}.review-rating input:checked~label,.review-rating label:hover,.review-rating label:hover~label{color:var(--color-rating)}.account-review-saved{display:grid;gap:.5rem}.account-review-saved>span{color:var(--color-rating)}.account-review-saved p{margin:0;color:#555963;line-height:1.6}.product-review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem 0 5rem}.product-review-list .review-card{min-height:240px}
@media(max-width:767.98px){.admin-review-metrics,.admin-filters,.product-review-list{grid-template-columns:1fr}.admin-review-card footer{align-items:flex-start;flex-direction:column}.admin-review-card footer>div{width:100%}.admin-review-card footer form,.admin-review-card footer button{flex:1}.admin-review-card footer button{width:100%}}
.waconnect-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.35rem 1.5rem;color:#fff;background:linear-gradient(125deg,#101e18,#153c2a);border-radius:1rem;box-shadow:0 12px 30px rgba(18,53,37,.13)}.waconnect-hero__identity{display:flex;align-items:center;gap:1rem}.waconnect-hero__identity>span{width:54px;height:54px;display:grid;place-items:center;flex:none;color:#fff;background:#20b864;border-radius:.9rem;font-size:1.55rem;box-shadow:0 8px 20px rgba(32,184,100,.25)}.waconnect-hero small{color:#91baa4;font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.waconnect-hero h1{margin:.15rem 0;font-size:1.45rem;letter-spacing:-.035em}.waconnect-hero p{margin:0;color:#bdd0c5;font-size:.68rem}.waconnect-hero__actions{display:flex;align-items:center;gap:.65rem}.waconnect-hero__actions>a,.waconnect-connection{min-height:38px;display:inline-flex;align-items:center;gap:.45rem;padding:0 .75rem;border-radius:.55rem;font-size:.64rem;font-weight:750}.waconnect-hero__actions>a{color:#fff;background:#ffffff14;border:1px solid #ffffff26;text-decoration:none}.waconnect-hero__actions>a:hover{background:#ffffff22}.waconnect-connection{color:#ffd5d8;background:#d13b4726}.waconnect-connection.is-connected{color:#b8f2cf;background:#1aaa5a24}.waconnect-connection>i,.waconnect-message-status>i{width:7px;height:7px;background:currentColor;border-radius:50%}
.waconnect-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.15rem;align-items:stretch}.waconnect-card{padding:0;overflow:hidden;border-radius:1rem}.waconnect-card__header{min-height:72px;display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--admin-line)}.waconnect-card__header>span{width:38px;height:38px;display:grid;place-items:center;flex:none;color:#14844c;background:#ebf8f1;border-radius:.7rem}.waconnect-card__header>span.is-blue{color:#236cbb;background:#edf5fe}.waconnect-card__header>span.is-purple{color:#7545b5;background:#f4edfd}.waconnect-card__header>span.is-amber{color:#a66d10;background:#fff5df}.waconnect-card__header>div{min-width:0;flex:1}.waconnect-card__header h2{margin:0;color:var(--admin-ink);font-size:.82rem}.waconnect-card__header p{margin:.15rem 0 0;color:var(--admin-muted);font-size:.61rem}.waconnect-card__body{display:grid;gap:.9rem;padding:1.1rem}.waconnect-card__body>label,.waconnect-fields>label,.waconnect-fields__row>label,.waconnect-template__message{display:grid;gap:.38rem;color:#41434b;font-size:.61rem;font-weight:750}.waconnect-card input:not([type=checkbox]),.waconnect-card textarea{width:100%;padding:.68rem .75rem;color:#292a31;background:#fff;border:1px solid #d9dbe1;border-radius:.62rem;outline:0;font:inherit;font-size:.7rem;transition:.18s}.waconnect-card input:not([type=checkbox]){height:42px}.waconnect-card textarea{resize:vertical;line-height:1.5}.waconnect-card input:focus,.waconnect-card textarea:focus{border-color:#168a4c;box-shadow:0 0 0 3px rgba(22,138,76,.09)}.waconnect-enable{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;background:#f5faf7;border:1px solid #dcebe2;border-radius:.7rem}.waconnect-enable>span{display:grid}.waconnect-enable strong{font-size:.7rem}.waconnect-enable small{margin-top:.15rem;color:#747982;font-size:.58rem;font-weight:500}.waconnect-enable input[type=checkbox],.waconnect-template__toggle input{position:absolute;opacity:0}.waconnect-enable>i,.waconnect-template__toggle>i{position:relative;width:36px;height:20px;flex:none;background:#c9ccd2;border-radius:20px;transition:.18s}.waconnect-enable>i:after,.waconnect-template__toggle>i:after{position:absolute;top:3px;left:3px;width:14px;height:14px;content:'';background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:.18s}.waconnect-enable:has(input:checked)>i,.waconnect-template__toggle:has(input:checked)>i{background:#1b9c57}.waconnect-enable:has(input:checked)>i:after,.waconnect-template__toggle:has(input:checked)>i:after{transform:translateX(16px)}.waconnect-fields{display:grid;gap:.8rem}.waconnect-fields__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.waconnect-fields label>small{color:#7d8089;font-size:.56rem;font-weight:500}.waconnect-fields label>small i{margin-right:.3rem;color:#168a4c}.waconnect-input-suffix,.waconnect-phone{position:relative}.waconnect-input-suffix input{padding-right:3.2rem!important}.waconnect-input-suffix b{position:absolute;top:50%;right:.7rem;color:#8a8c94;font-size:.58rem;transform:translateY(-50%)}.waconnect-phone i{position:absolute;z-index:1;top:50%;left:.75rem;color:#168a4c;transform:translateY(-50%)}.waconnect-phone input{padding-left:2.1rem!important}.waconnect-primary,.waconnect-secondary,.waconnect-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:.55rem;font-size:.63rem;font-weight:800;cursor:pointer}.waconnect-primary{min-height:40px;padding:0 .9rem;color:#fff;background:#168a4c}.waconnect-primary:hover{background:#11723e}.waconnect-secondary{min-height:36px;padding:0 .75rem;color:#3d4048;background:#f5f5f7;border:1px solid #dcdee3}.waconnect-icon-button{width:32px;height:32px;color:#62656e;background:#f2f3f5}.waconnect-test .waconnect-primary{justify-self:start}.waconnect-variables{display:flex;align-items:center;gap:.7rem;margin:1rem 1.1rem;padding:.7rem .8rem;color:#5c4b75;background:#f7f3fc;border:1px solid #e7ddf3;border-radius:.65rem}.waconnect-variables>i{font-size:1rem}.waconnect-variables>span{display:grid}.waconnect-variables strong{font-size:.63rem}.waconnect-variables small{margin-top:.15rem;color:#766886;font-size:.57rem}.waconnect-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #eceef1}.waconnect-template{display:grid;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid #eceef1}.waconnect-template:nth-child(odd){border-right:1px solid #eceef1}.waconnect-template__toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer}.waconnect-template__toggle>span{display:grid}.waconnect-template__toggle strong{font-size:.68rem}.waconnect-template__toggle small{color:#9698a0;font-size:.53rem;text-transform:capitalize}.waconnect-template__message>span{font-size:.56rem}.waconnect-templates>footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;background:#fafafb}.waconnect-templates>footer>span{color:#777a83;font-size:.58rem}.waconnect-templates>footer i{margin-right:.25rem}.waconnect-history .admin-table-wrap{border:0;border-radius:0}.waconnect-message-status{display:inline-flex;align-items:center;gap:.38rem;padding:.3rem .5rem;color:#7d6214;background:#fff8dc;border-radius:999px;font-size:.55rem;font-weight:800}.waconnect-message-status.is-enviado{color:#137445;background:#eaf8ef}.waconnect-message-status.is-erro{color:#a52736;background:#fff0f2}.waconnect-message-status.is-processando{color:#285fa5;background:#edf5fe}.waconnect-empty{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center}.waconnect-empty>span{width:48px;height:48px;display:grid;place-items:center;color:#8c8f98;background:#f2f3f5;border-radius:50%;font-size:1.1rem}.waconnect-empty strong{margin-top:.7rem;font-size:.72rem}.waconnect-empty p{margin:.2rem 0 0;color:#8a8c94;font-size:.61rem}
.waconnect-history-filters{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(145px,.75fr) minmax(140px,.7fr) minmax(140px,.7fr) auto auto;align-items:end;gap:.7rem;padding:1rem 1.1rem;background:#fafbfb;border-bottom:1px solid var(--admin-line)}.waconnect-history-filters label{display:grid;gap:.35rem;color:#545760;font-size:.58rem;font-weight:800}.waconnect-history-filters input,.waconnect-history-filters select{width:100%;height:40px;padding:0 .7rem;color:#30323a;background:#fff;border:1px solid #d9dce1;border-radius:.58rem;outline:0;font:inherit;font-size:.65rem}.waconnect-history-filters input:focus,.waconnect-history-filters select:focus{border-color:#168a4c;box-shadow:0 0 0 3px rgba(22,138,76,.08)}.waconnect-history-filters .is-search div{position:relative}.waconnect-history-filters .is-search i{position:absolute;top:50%;left:.72rem;color:#8c9098;transform:translateY(-50%)}.waconnect-history-filters .is-search input{padding-left:2rem}.waconnect-filter-clear{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:0 .65rem;color:#686b73;text-decoration:none;font-size:.61rem;font-weight:750}.waconnect-history .admin-table th{white-space:nowrap}.waconnect-history .admin-table td{vertical-align:middle}.waconnect-history-date,.waconnect-history-event{display:grid;gap:.15rem}.waconnect-history-date strong,.waconnect-history-event strong{font-size:.62rem}.waconnect-history-date small,.waconnect-history-event small{color:#8a8e97;font-size:.54rem}.waconnect-history-destination{white-space:nowrap}.waconnect-history-destination i{margin-right:.35rem;color:#168a4c}.waconnect-attempts{display:inline-flex;align-items:baseline;color:#464951;font-size:.66rem;font-weight:800}.waconnect-attempts small{color:#a0a3aa;font-size:.5rem}.waconnect-history-detail{max-width:260px}.waconnect-history-detail span{display:flex;align-items:center;gap:.35rem;overflow:hidden;color:#727680;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.waconnect-history-detail .is-error{color:#a52736}.waconnect-history-footer{min-height:62px;display:flex;align-items:center;gap:1rem;padding:.75rem 1.1rem;color:#747780;background:#fafbfb;border-top:1px solid var(--admin-line);font-size:.58rem}.waconnect-history-footer>span{margin-right:auto}.waconnect-page-size label{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.waconnect-page-size select{height:34px;padding:0 .55rem;background:#fff;border:1px solid #dadde2;border-radius:.5rem;font:inherit}.waconnect-pagination{display:flex;gap:.3rem}.waconnect-pagination a{width:34px;height:34px;display:grid;place-items:center;color:#555962;background:#fff;border:1px solid #dadde2;border-radius:.48rem;text-decoration:none;font-size:.59rem;font-weight:800}.waconnect-pagination a:hover,.waconnect-pagination a.is-active{color:#fff;background:#168a4c;border-color:#168a4c}.waconnect-message-status.is-cancelado{color:#676b74;background:#f0f1f3}
@media(max-width:1100px){.waconnect-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.waconnect-history-filters .waconnect-primary,.waconnect-filter-clear{width:100%}.waconnect-history-footer{flex-wrap:wrap}.waconnect-history-footer>span{width:100%;margin:0}}
@media(max-width:900px){.waconnect-overview{grid-template-columns:1fr}.waconnect-template-list{grid-template-columns:1fr}.waconnect-template:nth-child(odd){border-right:0}.waconnect-hero{align-items:flex-start;flex-direction:column}.waconnect-hero__actions{width:100%;flex-wrap:wrap}.waconnect-card__header>.waconnect-primary{display:none}}
@media(max-width:640px){.waconnect-history-filters{grid-template-columns:1fr}.waconnect-history-footer{align-items:flex-start;flex-direction:column}.waconnect-pagination{width:100%;justify-content:flex-start}}
@media(max-width:560px){.waconnect-hero{padding:1.1rem}.waconnect-hero__identity{align-items:flex-start}.waconnect-hero__identity>span{width:44px;height:44px}.waconnect-hero__actions>a,.waconnect-connection{flex:1;justify-content:center}.waconnect-fields__row{grid-template-columns:1fr}.waconnect-variables small{line-height:1.6}.waconnect-templates>footer{align-items:stretch;flex-direction:column}.waconnect-templates>footer .waconnect-primary{width:100%}}
.waconnect-modal-open{overflow:hidden}.waconnect-send-modal[hidden]{display:none}.waconnect-send-modal{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:1rem;opacity:0;transition:opacity .18s ease}.waconnect-send-modal.is-open{opacity:1}.waconnect-send-modal__backdrop{position:absolute;inset:0;background:rgba(12,18,15,.68);backdrop-filter:blur(5px)}.waconnect-send-modal>section{position:relative;width:min(430px,100%);display:grid;justify-items:center;padding:2.1rem 2rem 1.7rem;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.45);border-radius:1.25rem;box-shadow:0 28px 90px rgba(3,23,13,.3);text-align:center;transform:translateY(14px) scale(.97);transition:transform .22s ease}.waconnect-send-modal.is-open>section{transform:none}.waconnect-send-visual{position:relative;width:110px;height:84px;display:grid;place-items:center;margin-bottom:1.1rem}.waconnect-light-orbit{position:relative;z-index:2;width:58px;height:58px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#21bd69,#118647);border-radius:50%;box-shadow:0 0 0 10px rgba(27,163,88,.09),0 10px 30px rgba(20,143,75,.28);font-size:1.25rem;animation:waconnect-flight 1.25s ease-in-out infinite}.waconnect-light-trail{position:absolute;width:92px;height:2px;background:linear-gradient(90deg,transparent,rgba(29,177,94,.75),transparent);filter:blur(.3px);animation:waconnect-trail .8s linear infinite}.waconnect-light-trail:before,.waconnect-light-trail:after{position:absolute;left:8px;width:65px;height:1px;content:'';background:linear-gradient(90deg,transparent,rgba(29,177,94,.45),transparent)}.waconnect-light-trail:before{top:-15px}.waconnect-light-trail:after{top:15px}.waconnect-send-copy small{color:#168a4c;font-size:.56rem;font-weight:850;letter-spacing:.12em}.waconnect-send-copy h2{margin:.45rem 0 .55rem;color:#20232a;font-size:1.25rem;letter-spacing:-.035em}.waconnect-send-copy p{max-width:330px;margin:0;color:#737781;font-size:.69rem;line-height:1.6}.waconnect-send-code{display:inline-flex;margin-top:.85rem;padding:.3rem .55rem;color:#666a73;background:#f1f2f4;border-radius:999px;font-family:ui-monospace,monospace;font-size:.58rem}.waconnect-send-modal>section>.waconnect-primary{min-width:120px;margin-top:1.2rem}.waconnect-send-modal.is-success .waconnect-send-visual>span,.waconnect-send-modal.is-error .waconnect-send-visual>span{width:64px;height:64px;display:grid;place-items:center;color:#fff;border-radius:50%;font-size:1.4rem;animation:waconnect-result .42s ease-out}.waconnect-send-modal.is-success .waconnect-send-visual>span{background:#159653;box-shadow:0 0 0 10px rgba(21,150,83,.1)}.waconnect-send-modal.is-error .waconnect-send-visual>span{background:#d33545;box-shadow:0 0 0 10px rgba(211,53,69,.1)}.waconnect-send-modal.is-error .waconnect-send-copy small{color:#c52c3b}.waconnect-send-modal.is-error .waconnect-send-code{color:#a22533;background:#fff0f2}@keyframes waconnect-flight{0%,100%{transform:translateX(-8px) rotate(-4deg)}50%{transform:translateX(8px) rotate(4deg);box-shadow:0 0 0 14px rgba(27,163,88,.04),0 12px 35px rgba(20,143,75,.32)}}@keyframes waconnect-trail{from{transform:translateX(-18px);opacity:.2}50%{opacity:1}to{transform:translateX(18px);opacity:.2}}@keyframes waconnect-result{from{opacity:0;transform:scale(.55) rotate(-15deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.waconnect-light-orbit,.waconnect-light-trail,.waconnect-send-modal.is-success .waconnect-send-visual>span,.waconnect-send-modal.is-error .waconnect-send-visual>span{animation:none}}
/* Integração de inteligência artificial */
.ai-admin .admin-content{max-width:1240px}.ai-hero{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding:24px 28px;border-radius:20px;background:linear-gradient(125deg,#111827,#26213d);color:#fff}.ai-hero>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#7458ff,#ec4899);font-size:25px}.ai-hero div{flex:1}.ai-hero small{color:#c4b5fd;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ai-hero h1{margin:3px 0;font-size:30px}.ai-hero p{margin:0;color:#d1d5db}.ai-hero>b{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#ffffff14}.ai-hero>b i{width:8px;height:8px;border-radius:50%;background:#22c55e}.ai-hero>b.is-off i{background:#94a3b8}.ai-settings{display:grid;gap:18px}.ai-provider-choice,.ai-config-card,.ai-save-bar,.ai-test-card{padding:22px}.ai-provider-choice header>div,.ai-config-card header,.ai-test-card header{display:flex;align-items:center;gap:12px}.ai-provider-choice h2,.ai-config-card h2,.ai-test-card h2{margin:0;font-size:18px}.ai-provider-choice p,.ai-config-card p,.ai-test-card p{margin:3px 0 0;color:#64748b}.ai-card-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#fff1f2;color:#e30613;font-size:19px}.ai-card-icon.is-green{background:#ecfdf5;color:#059669}.ai-card-icon.is-purple{background:#f5f3ff;color:#7c3aed}.ai-card-icon.is-blue{background:#eff6ff;color:#2563eb}.ai-provider-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.ai-provider-options label>input{position:absolute;opacity:0}.ai-provider-options label>span{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:2px 12px;padding:16px;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:.18s}.ai-provider-options label>span>i{grid-row:1/4;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#f8fafc;font-size:18px}.ai-provider-options strong{font-size:14px}.ai-provider-options small{color:#64748b}.ai-provider-options b{font-size:11px;color:#94a3b8}.ai-provider-options b i{display:inline-block;width:7px;height:7px;margin-right:5px;border:2px solid #cbd5e1;border-radius:50%}.ai-provider-options input:checked+span{border-color:#e30613;box-shadow:0 0 0 3px #e3061310;background:#fffafa}.ai-provider-options input:checked+span b{color:#e30613}.ai-provider-options input:checked+span b i{border-color:#e30613;background:#e30613}.ai-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ai-config-card{opacity:.72;transition:.18s}.ai-config-card.is-selected{opacity:1;border-color:#e3061345;box-shadow:0 8px 28px #0f172a0b}.ai-config-card header{margin-bottom:18px}.ai-config-card header>div{flex:1}.ai-config-card header em{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:10px;font-style:normal;font-weight:800}.ai-config-card>label,.ai-test-card form label{display:block;margin-top:14px}.ai-config-card>label>span,.ai-test-card form label>span,.ai-save-bar label>span{display:block;margin-bottom:6px;font-size:12px;font-weight:800}.ai-config-card label>div{display:flex;align-items:center;border:1px solid #dbe2ea;border-radius:10px}.ai-config-card label>div i{padding-left:12px;color:#94a3b8}.ai-config-card input{width:100%;padding:11px;border:0;background:transparent;outline:0}.ai-config-card label small{display:block;margin-top:5px;color:#94a3b8}.ai-save-bar{display:flex;align-items:end;justify-content:space-between}.ai-save-bar label>div{display:flex;align-items:center;gap:8px}.ai-save-bar input{width:85px;padding:10px;border:1px solid #dbe2ea;border-radius:9px}.ai-save-bar b{color:#64748b;font-size:12px}.ai-save-bar button,.ai-test-card button{padding:12px 18px;border:0;border-radius:10px;background:#e30613;color:#fff;font-weight:800;cursor:pointer}.ai-test-card{margin-top:18px}.ai-test-card form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.ai-test-card textarea{width:100%;padding:12px;border:1px solid #dbe2ea;border-radius:10px;resize:vertical}.ai-test-card button:disabled{opacity:.45;cursor:not-allowed}.ai-test-result{margin-top:16px;padding:16px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.ai-test-result span{color:#7c3aed;font-size:12px;font-weight:800}.ai-test-result p{margin:8px 0 0;color:#334155;white-space:normal}@media(max-width:850px){.ai-provider-options,.ai-provider-grid{grid-template-columns:1fr}.ai-hero{align-items:flex-start;flex-wrap:wrap}.ai-hero div{min-width:calc(100% - 76px)}.ai-test-card form{grid-template-columns:1fr}.ai-save-bar{align-items:stretch;flex-direction:column;gap:14px}}
.catalog-subcategories{padding:30px 0 4px;background:#fff}.catalog-subcategories__heading h2{margin:3px 0 16px;font-size:clamp(1.25rem,2vw,1.75rem)}.catalog-subcategories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.catalog-subcategories__grid>a{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e2e5ea;border-radius:13px;color:#111827;background:#fff;text-decoration:none;transition:.18s}.catalog-subcategories__grid>a:hover{border-color:#e30613;box-shadow:0 8px 22px rgba(15,23,42,.07);transform:translateY(-1px)}.catalog-subcategories__grid>a>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#fff1f2;color:#e30613;font-size:18px}.catalog-subcategories__grid>a>div{display:flex;flex:1;flex-direction:column}.catalog-subcategories__grid strong{font-size:.88rem}.catalog-subcategories__grid small{margin-top:2px;color:#7b8494}.catalog-subcategories__grid>a>i{color:#a0a8b5}@media(max-width:600px){.catalog-subcategories__grid{grid-template-columns:1fr}}
.ml-admin .ml-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0;padding:.8rem 1.35rem;border-top:1px solid var(--admin-line)}.ml-admin .ml-pagination nav{display:flex;justify-content:flex-end;margin-left:auto}.ml-admin .ml-pagination button{width:auto;min-width:31px;height:31px;border-radius:.45rem}.ml-admin .ml-pagination button.is-active{color:#fff;background:var(--admin-accent);border-color:var(--admin-accent)}@media(max-width:767.98px){.ml-admin .ml-pagination{grid-template-columns:1fr}.ml-admin .ml-pagination nav{margin:0}}
.ml-category-control{display:grid;grid-template-columns:1fr 34px;align-items:end;gap:4px}.ml-category-search{width:34px;padding:0!important;color:#735f00!important;background:#fff8cf!important;border:1px solid #ead569!important}.ml-modal-open{overflow:hidden}.ml-category-modal[hidden]{display:none}.ml-category-modal{position:fixed;z-index:3200;inset:0;display:grid;place-items:center;padding:1rem}.ml-category-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.62);backdrop-filter:blur(5px)}.ml-category-modal>section{position:relative;width:min(620px,100%);max-height:min(680px,90vh);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 30px 100px rgba(15,23,42,.35)}.ml-category-modal header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #eceef2}.ml-category-modal header>div{display:flex;align-items:center;gap:12px}.ml-category-modal header>div>span{width:42px;height:42px;display:grid;place-items:center;color:#675800;background:#ffe600;border-radius:12px}.ml-category-modal header small{color:#918500;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.ml-category-modal h2{margin:2px 0 0;color:#20232b;font-size:19px}.ml-category-modal header>button{width:35px;height:35px;color:#777b85;background:#f5f6f8;border:0;border-radius:9px;cursor:pointer}.ml-category-modal form{padding:18px 22px;background:#fafbfc;border-bottom:1px solid #eceef2}.ml-category-modal form label>span{display:block;margin-bottom:6px;color:#3c4049;font-size:12px;font-weight:800}.ml-category-modal form label>div{display:grid;grid-template-columns:1fr auto;gap:8px}.ml-category-modal form input{min-width:0;height:43px;padding:0 12px;border:1px solid #dce0e6;border-radius:10px;outline:0}.ml-category-modal form input:focus{border-color:#e0c600;box-shadow:0 0 0 3px rgba(255,230,0,.15)}.ml-category-modal form button{display:flex;align-items:center;gap:7px;padding:0 16px;color:#3f3900;background:#ffe600;border:0;border-radius:10px;font-size:12px;font-weight:850;cursor:pointer}.ml-category-modal form button:disabled{opacity:.55}.ml-category-modal form label>small{display:block;margin-top:6px;color:#8b909a;font-size:10px}.ml-category-results{min-height:210px;padding:14px 22px 22px;overflow:auto}.ml-category-results>button{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-top:8px;padding:14px;text-align:left;background:#fff;border:1px solid #e3e6eb;border-radius:12px;cursor:pointer;transition:.16s}.ml-category-results>button:hover{border-color:#e2c900;background:#fffef5;transform:translateY(-1px)}.ml-category-results>button span strong,.ml-category-results>button span small{display:block}.ml-category-results>button strong{color:#2c3038;font-size:13px}.ml-category-results>button small{margin-top:3px;color:#8b9099;font-size:10px}.ml-category-results>button b{padding:5px 8px;color:#665b00;background:#fff8c8;border-radius:7px;font-family:ui-monospace,monospace;font-size:10px}.ml-category-results>button>i{color:#a0a4ad}.ml-category-hint,.ml-category-loading,.ml-category-error{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b9099;text-align:center}.ml-category-hint i,.ml-category-error i{font-size:24px}.ml-category-hint p,.ml-category-loading p,.ml-category-error p{max-width:380px;margin:9px 0 0;font-size:12px}.ml-category-error{color:#b42318}.ml-category-loading span{width:28px;height:28px;border:3px solid #f0e8a5;border-top-color:#d1b900;border-radius:50%;animation:ml-spin .7s linear infinite}@keyframes ml-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.ml-category-modal form label>div{grid-template-columns:1fr}.ml-category-modal form button{height:42px;justify-content:center}.ml-category-modal>section{max-height:94vh}}
.ml-required-control{display:flex;align-items:center;gap:7px;grid-column:1/-1}.ml-data-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:800}.ml-data-status.is-pending{color:#9a5200;background:#fff3dc}.ml-data-status.is-complete{color:#087443;background:#e9f8f0}.ml-required-button{height:30px!important;padding:0 10px!important;color:#344054!important;background:#fff!important;border:1px solid #d8dce3!important;border-radius:8px!important;font-size:10px!important}.ml-attributes-modal>section{width:min(680px,100%)}.ml-attributes-modal form{overflow:auto}.ml-attributes-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ml-attributes-fields label{min-width:0}.ml-attributes-fields label>span b{color:#d92d20}.ml-attributes-fields input,.ml-attributes-fields select{width:100%;height:43px;padding:0 12px;color:#30343b;background:#fff;border:1px solid #dce0e6;border-radius:10px;outline:0}.ml-attributes-fields select:focus{border-color:#e0c600;box-shadow:0 0 0 3px rgba(255,230,0,.15)}.ml-attributes-modal form>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.ml-attributes-modal form>footer button{height:40px}.ml-attributes-modal form>footer .is-ghost{color:#555b65;background:#eef0f3}@media(max-width:600px){.ml-attributes-fields{grid-template-columns:1fr}.ml-required-control{align-items:flex-start;flex-direction:column}}