```
/* ============================================================
   LEBRANT SEMIJOIAS | FOLHA DE ESTILOS PRINCIPAL
   Organização: cada seção corresponde a uma área do site.
   ============================================================ */

/* 01. CORES E CONFIGURAÇÕES GERAIS ============================ */
:root {
    --cream: #f8f5ee;
    --ink: #1a1714;
    --muted: #77716a;
    --gold: #9c7446;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--cream);
    color: var(--ink);
    font-family: 'DM Sans', sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

/* 02. CABEÇALHO, NAVEGAÇÃO E LOGO ============================= */
.header {
    height: 110px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    padding: 0 5%;
    position: absolute;
    z-index: 20;
    top: 0;
    width: 100%;
    color: white;
}

.header nav {
    display: flex;
    gap: 36px;
    align-items: center;
    font-size: 12px;
    letter-spacing: 2px;
}

/* Menu direito: somente busca e carrinho. */
.header .nav-right {
    justify-content: flex-end;
    gap: 28px;
    line-height: 1;
}

/* Ícones SVG do cabeçalho. */
.nav-search,
.nav-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    transition: opacity 0.2s ease;
}

.nav-search:hover,
.nav-cart:hover {
    opacity: 0.7;
}

.nav-search svg,
.nav-cart svg {
    display: block;
}

/* Logo central: mantém o tamanho aprovado. */
.brand {
    width: 200px;
    height: 105px;
    display: grid;
    place-items: center;
    overflow: visible;
}

.brand img,
.site-logo {
    display: block;
    width: 200px; /* TAMANHO DA LOGO NO DESKTOP */
    height: auto;
    max-height: 105px;
    object-fit: contain;
    mix-blend-mode: normal;
    filter: none;
}

/* 03. CARROSSEL PRINCIPAL (HERO) ============================== */
.hero {
    height: min(900px, 100vh);
    min-height: 650px;
    position: relative;
    color: white;
    overflow: hidden;
}

.slides,
.slide,
.hero-shade {
    position: absolute;
    inset: 0;
}

.slide {
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: opacity 1s ease;
}

.slide.active {
    opacity: 1;
}

.hero-shade {
    background: linear-gradient(
        90deg,
        rgba(12, 7, 3, 0.77) 0%,
        rgba(12, 7, 3, 0.27) 52%,
        rgba(12, 7, 3, 0.04) 100%
    );
}

.hero-copy {
    position: absolute;
    top: 26%;
    left: 7.6%;
    max-width: 670px;
}

.eyebrow {
    font-size: 12px;
    letter-spacing: 4px;
    color: #eee3d7;
}

.eyebrow.dark {
    color: #736c62;
}

.hero h1,
h2,
.footer-brand {
    font-family: Italiana, Georgia, serif;
    font-weight: 400;
}

.hero h1 {
    font-size: clamp(54px, 5.1vw, 93px);
    line-height: 0.99;
    margin: 25px 0;
}

.hero p {
    font-size: 18px;
    line-height: 1.65;
    max-width: 410px;
    margin-bottom: 34px;
}

/* 04. BOTÕES E CONTROLES DO CARROSSEL ========================= */
.outline {
    border: 1px solid #736e67;
    display: inline-flex;
    align-items: center;
    gap: 22px;
    padding: 19px 26px;
    font-size: 12px;
    letter-spacing: 2px;
    transition: 0.2s;
}

.outline:hover {
    background: #211d19;
    color: white;
}

.outline.light {
    border-color: #e4d6c5;
    color: white;
}

.outline.light:hover {
    background: white;
    color: #24190f;
}

.slide-controls {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 55px;
}

.slide-dot {
    background: none;
    border: 0;
    color: #c4bfb9;
    padding: 0;
    font-size: 14px;
    letter-spacing: 2px;
}

.slide-dot.active {
    color: white;
}

.control-line {
    height: 1px;
    background: #d2c7bb;
    width: 95px;
    margin-left: 10px;
}

/* 05. SEÇÃO DE COLEÇÕES ====================================== */
.collections {
    padding: 90px 5.5%;
    display: grid;
    grid-template-columns: 32% 1fr;
    gap: 3.5%;
    align-items: center;
}

.collection-intro h2,
.section-heading h2 {
    font-size: clamp(44px, 4.2vw, 72px);
    line-height: 1.05;
    margin: 24px 0;
}

.collection-intro p {
    font-size: 17px;
    line-height: 1.65;
    color: #635f5b;
    margin-bottom: 32px;
}

.collection-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.collection-cards > a {
    font-size: 13px;
    letter-spacing: 2px;
}

.collection-photo {
    height: clamp(280px, 30vw, 510px);
    background-image: url('images/referencia-colecoes.png');
    background-repeat: no-repeat;
    background-size: 460% 140%;
    margin-bottom: 20px;
}

.photo-ear {
    background-position: 42% 35%;
}

.photo-neck {
    background-position: 68% 35%;
}

.photo-ring {
    background-position: 96% 35%;
}

/* 06. CATÁLOGO E FILTROS ===================================== */
.catalog {
    padding: 90px 6% 110px;
    background: #fff;
}

.section-heading {
    text-align: center;
}

.section-heading h2 {
    margin: 15px 0;
}

.section-heading p {
    color: var(--muted);
}

.catalog-tools {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    margin: 50px 0 30px;
}

.filters {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.filters button {
    border: 0;
    background: transparent;
    padding: 8px 0;
    color: #777;
    letter-spacing: 1px;
    font-size: 12px;
}

.filters button.selected {
    color: #17120f;
    border-bottom: 1px solid #17120f;
}

.catalog-tools input {
    padding: 12px;
    border: 1px solid #ddd;
    min-width: 190px;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.product-card {
    cursor: pointer;
}

.product-card img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    background: #f0ece5;
}

.product-card h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0 5px;
}

.product-card p {
    font-size: 13px;
    color: #777;
    margin: 0 0 8px;
}

.product-card strong {
    font-weight: 500;
}

.catalog-message {
    text-align: center;
    color: #7d756c;
    padding: 15px;
}

/* 07. SOBRE A MARCA ========================================== */
.about {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #322318;
    color: white;
    min-height: 530px;
}

.about-image {
    background: url('images/slide01.png') center / cover;
}

.about-content {
    padding: 14% 11%;
    background: linear-gradient(120deg, #463022, #21150f);
}

.about-content h2 {
    font-size: clamp(42px, 4vw, 70px);
    line-height: 1.06;
}

.about-content p {
    line-height: 1.8;
    max-width: 450px;
}

/* 08. RODAPÉ ================================================= */
footer {
    background: #1a1511;
    color: #eee5d8;
    padding: 65px 7%;
    text-align: center;
}

.footer-brand {
    font-size: 50px;
}

footer p {
    color: #b4a596;
}

footer div:last-of-type {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 35px 0;
    font-size: 13px;
}

footer small {
    color: #948a80;
}

/* 09. JANELA DE DETALHES DOS PRODUTOS ======================== */
dialog {
    border: 0;
    max-width: 850px;
    width: 92%;
    padding: 30px;
    background: #fff;
}

dialog::backdrop {
    background: #0009;
}

.dialog-close {
    float: right;
    background: none;
    border: 0;
    font-size: 30px;
}

.detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    align-items: center;
}

.detail img {
    width: 100%;
    max-height: 550px;
    object-fit: cover;
}

.detail h2 {
    font-size: 48px;
}

.detail p {
    line-height: 1.7;
    color: #666;
}

.detail .price {
    font-size: 22px;
    color: #1b1816;
}

/* 10. PAINEL ADMINISTRATIVO ================================== */
.admin-body {
    background: #f5f2ec;
}

.admin-header {
    padding: 20px 6%;
    background: #201a15;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.admin-header a {
    letter-spacing: 2px;
}

.admin-wrap {
    max-width: 1100px;
    margin: 50px auto;
    padding: 0 20px;
}

.admin-wrap h1 {
    font: 48px Italiana, serif;
}

.panel {
    background: #fff;
    padding: 30px;
    margin: 25px 0;
    border: 1px solid #e8e2d9;
}

.admin-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field.full {
    grid-column: 1 / -1;
}

.field input,
.field select,
.field textarea {
    padding: 12px;
    border: 1px solid #d6d1c8;
    background: #fff;
    width: 100%;
}

.field textarea {
    min-height: 120px;
}

.primary {
    background: #1b1713;
    color: white;
    border: 0;
    padding: 15px 26px;
    letter-spacing: 1px;
}

.secondary {
    background: transparent;
    border: 1px solid #888;
    padding: 13px 22px;
}

.admin-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}

.admin-list {
    display: grid;
    gap: 12px;
}

.admin-item {
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.admin-item img {
    width: 75px;
    height: 80px;
    object-fit: cover;
}

.admin-item div {
    flex: 1;
}

.admin-item button {
    padding: 8px 12px;
    background: white;
    border: 1px solid #aaa;
}

.hint {
    color: #81766c;
    font-size: 13px;
}

.hidden {
    display: none !important;
}

/* 11. RESPONSIVIDADE: TABLETS E CELULARES ==================== */
@media (max-width: 850px) {
    .header {
        height: 80px;
        padding: 0 4%;
    }

    .header .nav-left {
        gap: 13px;
        font-size: 10px;
    }

    .header .nav-left a:nth-child(3) {
        display: none;
    }

    /* Os dois ícones permanecem visíveis no celular. */
    .header .nav-right {
        gap: 12px;
    }

    .nav-search svg,
    .nav-cart svg {
        width: 22px;
        height: 22px;
    }

    .brand {
        width: 100px;
        height: 75px;
    }

    .brand img,
    .site-logo {
        width: 100px;
        height: auto;
        max-height: 75px;
    }

    .hero {
        height: 780px;
    }

    .hero-copy {
        left: 6%;
        top: 31%;
        right: 6%;
    }

    .hero h1 {
        font-size: clamp(46px, 10vw, 75px);
    }

    .hero p {
        font-size: 16px;
    }

    .hero-side {
        display: none;
    }

    .collections {
        grid-template-columns: 1fr;
        padding: 65px 5%;
        gap: 35px;
    }

    .collection-photo {
        height: 38vw;
    }

    .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .catalog-tools {
        flex-direction: column;
        align-items: stretch;
    }

    .filters {
        gap: 12px;
    }

    .about {
        grid-template-columns: 1fr;
    }

    .about-image {
        height: 350px;
    }

    .about-content {
        padding: 60px 7%;
    }

    .detail {
        grid-template-columns: 1fr;
    }

    .admin-form {
        grid-template-columns: 1fr;
    }
}

/* 12. RESPONSIVIDADE: CELULARES PEQUENOS ===================== */
@media (max-width: 480px) {
    .header .nav-left a:nth-child(2) {
        display: none;
    }

    .hero {
        min-height: 700px;
    }

    .hero h1 {
        font-size: 48px;
    }

    .collection-cards {
        gap: 8px;
    }

    .collection-photo {
        height: 35vw;
    }

    .collection-cards > a {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .catalog {
        padding: 70px 5%;
    }

    .product-grid {
        gap: 12px;
    }
}


/* LE BRANT — AJUSTES VISUAIS 2026 */
@font-face {
  font-family: 'Voga';
  src: url('fonts/Voga-Medium.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root { --cream: #F8F2DA; }
body, .collections, .catalog { background-color: #F8F2DA; }
.header {
  position: relative;
  top: auto;
  background: #F8F2DA;
  color: #4A3520;
}
.nav-search, .nav-cart { color: #4A3520; }
.brand img { max-height: 100px; object-fit: contain; }
.hero h1, h1, h2, .footer-brand { font-family: 'Voga', Georgia, serif; }
.collections .collection-cards { grid-template-columns: repeat(4, minmax(0,1fr)); }
.collection-photo {
  background-size: cover;
  background-position: center;
  border-radius: 22px;
  overflow: hidden;
  transition: transform .45s ease;
}
.collection-cards a:hover .collection-photo { transform: scale(1.035); }
.photo-ear { background-image: url('images/brincos.png'); }
.photo-neck { background-image: url('images/colares.png'); }
.photo-ring { background-image: url('images/aneis.png'); }
.photo-bracelet { background-image: url('images/pulseiras.png'); }
.about { background: #F8F2DA; color: #4A3520; }
.about-image { background-image: url('images/Joias Douradas à Luz do Sol.png'); }
.about-content { background: #F8F2DA; }
.about .eyebrow { color: #705840; }
.about .outline.light { color: #4A3520; border-color: #4A3520; }
@media (max-width: 850px) {
  .collections .collection-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px) {
  .header { grid-template-columns: 1fr auto 1fr; }
  .brand, .brand img { width: 90px; }
  .collections .collection-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Separação sutil entre produtos e história da marca */
.brand-divider {
  display:flex; align-items:center; justify-content:center; gap:22px;
  background:#F8F2DA; padding:28px 6%;
}
.brand-divider > span:not(.divider-diamond) {
  width:min(160px,25vw); height:1px; background:#BBAA8C; opacity:.75;
}
.brand-divider .divider-diamond { font-size:10px; color:#9C7446; }
/* Logo oficial sobre o fundo bege também no rodapé */
.site-footer .footer-logo { display:inline-block; background:#F8F2DA; padding:8px; }
.site-footer .footer-logo img { display:block; width:130px; height:auto; }

/* CABEÇALHO SOBRE A FOTO, SEM FAIXA BEGE */
.header {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 20;
 background: transparent;
 color: #fff;
}
.header .nav-search, .header .nav-cart { color: #fff; }
.header .brand img { background: transparent; }
/* Mantém o banner ocupando toda a entrada */
.hero { min-height: 650px; }
@media (max-width:850px) {
 .header { position:absolute; background:transparent; }
}

/* 15. FOTOS DOS PRODUTOS — CANTOS ARREDONDADOS, SEM ZOOM ===== */
.product-photo {
    border-radius: 20px;
    overflow: hidden;
}

.product-card .product-photo img,
.product-card img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: 20px;
    transform: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
}

.product-card:hover .product-photo img,
.product-card:hover img,
.product-open:hover img,
.product-photo:hover img {
    transform: none !important;
    scale: 1 !important;
}

/* 16. LE BRANT — CABEÇALHO, SOBRE MARROM E ASSINATURA ORA */
/* Cabeçalho transparente sobre o primeiro slide, sem faixa clara. */
html, body { margin: 0; padding: 0; }
.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: transparent;
    color: #fff;
    box-shadow: none;
}
.header .nav-search,
.header .nav-cart { color: #fff; }
.header .brand,
.header .brand img { background: transparent; }

/* Fundo vinho contínuo, inclusive nas laterais da seção centralizada. */
.about {
    position: relative;
    isolation: isolate;
    background: #684735;
    color: #f8f2da;
}
.about::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #684735;
}
.about-content { background: transparent; }
.about .eyebrow { color: #e2c9b2; }
.about .outline.light {
    color: #f8f2da;
    border-color: #e2c9b2;
}
.about .outline.light:hover {
    color: #684735;
    background: #f8f2da;
}

/* Crédito da Hora dentro do rodapé, sem alterar os links existentes. */
.site-footer .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
}
.site-footer .footer-credit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    color: #b4a596;
    font-size: 12px;
}
.site-footer .footer-credit img {
    display: block;
    width: auto;
    max-width: 95px;
    max-height: 36px;
    object-fit: contain;
}
@media (max-width: 850px) {
    .site-footer .footer-bottom { justify-content: center; }
}

/* 17. AJUSTES FINAIS: LOGOS BRANCAS E FUNDO MARROM */
/* Mantém a logo03 no cabeçalho, sem faixa clara. */
.header { background-color: transparent !important; }
.header .brand img { display: block; background: transparent; }
/* Preserva a logo03 também no rodapé, sem fundo criado pelo CSS. */
.site-footer .footer-logo,
.site-footer .footer-logo img {
    background: transparent !important;
    opacity: 1;
    visibility: visible;
}
.site-footer .footer-logo img {
    width: 130px;
    height: auto;
    object-fit: contain;
}
/* Assinatura ORA no rodapé. */
.site-footer .footer-credit { display: inline-flex; align-items: center; }
.site-footer .footer-credit img { max-width: 110px; max-height: 42px; }


/* LOGO ORA — ASSINATURA DO RODAPÉ */
.site-footer .ora-logo,
.site-footer .footer-credit img,
.site-footer .footer-developer img {
    width: 110px;
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
}
/* ASSINATURA ORA — ALINHAMENTO DO RODAPÉ */

.site-footer .footer-credit,
.site-footer .footer-developer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.site-footer .footer-credit img,
.site-footer .footer-developer img {
    width: 110px;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
}

/* ASSINATURA ORA — TEXTO ACIMA DA LOGO */

.site-footer .footer-credit,
.site-footer .footer-developer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}

.site-footer .footer-credit img,
.site-footer .footer-developer img {
    width: 110px;
    height: auto;
    max-width: none;
    object-fit: contain;
}

/* 18. VITRINE MAIS COMPACTA — LE BRANT | 2026 */
@media (min-width: 1101px) {
  .catalog .product-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 28px;
  }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .catalog .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }
}
.catalog .product-card h3 {
  font-size: 14px;
  line-height: 1.4;
  margin: 11px 0 4px;
}
.catalog .product-card p {
  font-size: 12px;
  margin-bottom: 6px;
}
.catalog .product-card strong { font-size: 14px; }
.catalog .product-card .product-photo img,
.catalog .product-card img { border-radius: 14px; }
.catalog .product-card button {
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 11px;
}
@media (max-width: 760px) {
  .catalog .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .catalog .product-card h3 { font-size: 13px; }
  .catalog .product-card button { font-size: 10px; padding: 10px 5px; }
}


/* Preços promocionais: mantém o layout original dos cartões. */
.lb-promo-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 9px; }
.lb-promo-price del { color: #8b8176; font-size: 12px; font-weight: 400; }
.lb-promo-price strong { color: #1a1714; font-weight: 700; }
.lb-discount-badge { display: inline-block; padding: 3px 6px; border-radius: 3px; background: #eee3d4; color: #725137; font-size: 10px; font-weight: 700; white-space: nowrap; }
.product-card .lb-promo-price { margin: 2px 0 7px; }
.detail .lb-promo-price strong { font-size: 22px; }

/* LE BRANT — preços e botões alinhados na vitrine */
.catalog .product-grid .product-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.catalog .product-grid .product-card .lb-price-slot {
    min-height: 34px;
    display: flex;
    align-items: flex-start;
    margin: 2px 0 8px;
}
.catalog .product-grid .product-card .lb-price-slot > strong {
    display: block;
}
.catalog .product-grid .product-card .lb-promo-price {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px 5px;
}
.catalog .product-grid .product-card > .add-to-cart {
    margin-top: auto;
    width: 100%;
}
.lb-discount-badge {
    background: #d9f1df;
    color: #146b37;
    border: 1px solid #a7d7b3;
    font-weight: 700;
}
@media (max-width: 480px) {
    .catalog .product-grid .product-card .lb-price-slot { min-height: 50px; }
}


/* LE BRANT — ACESSO ADMINISTRATIVO NO CENTRO EXATO DO RODAPÉ
   O link fica independente da largura do copyright e da assinatura ORA. */
.site-footer .footer-bottom {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    min-height: 70px;
}

.site-footer .footer-bottom > .admin-access {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    white-space: nowrap;
    text-align: center;
}

.site-footer .footer-bottom > small {
    margin-right: auto;
}

.site-footer .footer-bottom > .footer-credit {
    margin-left: auto !important;
}

@media (max-width: 850px) {
    .site-footer .footer-bottom {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 20px;
    }
    .site-footer .footer-bottom > .admin-access {
        position: static !important;
        transform: none !important;
        order: 2;
    }
    .site-footer .footer-bottom > small {
        margin: 0 !important;
        order: 1;
    }
    .site-footer .footer-bottom > .footer-credit {
        margin: 0 !important;
        order: 3;
    }
}

````
/* LE BRANT | Cabeçalho inteligente */
.header.lb-smart-header{position:fixed!important;inset:0 0 auto 0;z-index:1000;width:100%;height:110px;background:transparent!important;color:#fff;box-shadow:none;transform:translateY(0);transition:transform .34s cubic-bezier(.2,.75,.2,1),height .32s ease,background-color .32s ease,box-shadow .32s ease,color .32s ease}
.header.lb-smart-header .nav-search,.header.lb-smart-header .nav-cart{color:inherit}
.header.lb-smart-header .brand .lb-logo-compact{display:none}
.header.lb-smart-header.lb-compact{height:68px;background:#F8F2DA!important;color:#4A3520;border-bottom:1px solid rgba(105,79,51,.14);box-shadow:0 5px 24px rgba(50,34,20,.055)}
.header.lb-smart-header.lb-compact .brand{height:65px}
.header.lb-smart-header.lb-compact .brand .lb-logo-hero{display:none}
.header.lb-smart-header.lb-compact .brand .lb-logo-compact{display:block;width:125px;max-height:60px;object-fit:contain;filter:none;mix-blend-mode:normal}
.header.lb-smart-header.lb-compact .nav-left,.header.lb-smart-header.lb-compact .nav-right{font-size:10px;letter-spacing:1.65px}
.header.lb-smart-header.lb-compact .nav-search,.header.lb-smart-header.lb-compact .nav-cart{color:#4A3520}
.header.lb-smart-header.lb-hidden{transform:translateY(-105%);pointer-events:none}
.header.lb-smart-header .nav-right{position:relative;padding-right:21px}
.header.lb-smart-header .lb-quiet-admin{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:16px;height:22px;color:inherit;opacity:.35;transition:opacity .2s ease}
.header.lb-smart-header .lb-quiet-admin:hover,.header.lb-smart-header .lb-quiet-admin:focus-visible{opacity:1}
.header.lb-smart-header .lb-quiet-admin:focus-visible{outline:1px solid currentColor;outline-offset:3px}
@media(max-width:850px){.header.lb-smart-header{height:80px}.header.lb-smart-header.lb-compact{height:60px}.header.lb-smart-header.lb-compact .brand{height:58px;width:100px}.header.lb-smart-header.lb-compact .brand .lb-logo-compact{width:94px;max-height:55px}.header.lb-smart-header .nav-right{padding-right:15px}.header.lb-smart-header .lb-quiet-admin{width:12px}}
@media(prefers-reduced-motion:reduce){.header.lb-smart-header{transition:none}}

/* LE BRANT - barra bege fixa desde o primeiro carregamento */
html body .header.lb-smart-header,
html body .header.lb-smart-header.lb-compact {
  position:fixed!important;
  top:0;left:0;right:0;
  height:72px;
  padding:0 5%;
  background:#F8F2DA!important;
  color:#4A3520!important;
  border-bottom:1px solid rgba(113,84,55,.16);
  box-shadow:0 3px 18px rgba(59,39,20,.055);
  transform:translateY(0);
}
html body .header.lb-smart-header.lb-hidden {transform:translateY(-110%);}
html body .header.lb-smart-header .brand,
html body .header.lb-smart-header.lb-compact .brand {
  width:136px;height:70px;display:grid;place-items:center;
}
html body .header.lb-smart-header .brand .lb-logo-hero,
html body .header.lb-smart-header.lb-compact .brand .lb-logo-hero {
  display:block!important;width:132px;height:auto;max-height:64px;object-fit:contain;
  filter:none;mix-blend-mode:normal;
}
html body .header.lb-smart-header .nav-search,
html body .header.lb-smart-header .nav-cart {color:#4A3520!important;}
html body .header.lb-smart-header nav {font-size:10px;letter-spacing:1.6px;}
html body main {padding-top:72px;}
@media(max-width:850px) {
  html body .header.lb-smart-header,
  html body .header.lb-smart-header.lb-compact {height:62px;padding:0 3%;}
  html body .header.lb-smart-header .brand,
  html body .header.lb-smart-header.lb-compact .brand {height:60px;width:105px;}
  html body .header.lb-smart-header .brand .lb-logo-hero,
  html body .header.lb-smart-header.lb-compact .brand .lb-logo-hero {width:100px;max-height:55px;}
  html body main {padding-top:62px;}
}

/* Refinamento final: mais respiro abaixo da logo e acesso oculto em traço */
html body .header.lb-smart-header,
html body .header.lb-smart-header.lb-compact {height:88px; padding-bottom:10px;}
html body .header.lb-smart-header .brand,
html body .header.lb-smart-header.lb-compact .brand {height:70px;}
html body main {padding-top:88px;}
/* Reverte o espaço extra reservado para o antigo cadeado ao lado da sacola */
html body .header.lb-smart-header .nav-right {padding-right:0;}
/* Traço vertical da mesma cor da identidade visual, logo após SHOP */
html body .header.lb-smart-header .nav-left {gap:30px;}
html body .header.lb-smart-header .lb-admin-mark {
  display:inline-flex;align-items:center;justify-content:center;
  width:12px;height:28px;flex:0 0 12px;
  margin-left:-15px;margin-right:-10px;
  color:#775333;opacity:.62;text-decoration:none;
  transition:opacity .2s ease;
}
html body .header.lb-smart-header .lb-admin-mark span {
  width:1px;height:13px;background:currentColor;display:block;
}
html body .header.lb-smart-header .lb-admin-mark:hover,
html body .header.lb-smart-header .lb-admin-mark:focus-visible {opacity:1;}
html body .header.lb-smart-header .lb-admin-mark:focus-visible {outline:1px solid #775333;outline-offset:3px;}
@media(max-width:850px){
 html body .header.lb-smart-header,
 html body .header.lb-smart-header.lb-compact {height:74px;padding-bottom:8px;}
 html body main {padding-top:74px;}
 html body .header.lb-smart-header .nav-left {gap:16px;}
 html body .header.lb-smart-header .lb-admin-mark {margin-left:-8px;margin-right:-5px;width:10px;flex-basis:10px;}
}

/* Segundo traço decorativo: mesma aparência, sem clique */
html body .header.lb-smart-header .lb-decor-mark { pointer-events:none; cursor:default; opacity:.62; }

/* Le Brant | vitrine editorial de estilos, sem alterar as demais seções */
.lb-styles{padding:66px 0 76px;background:#f6eee4;color:#402a20}
.lb-styles-heading{text-align:center;padding:0 20px 30px}
.lb-styles-kicker{display:inline-flex;align-items:center;gap:20px;font:600 10px 'DM Sans',sans-serif;letter-spacing:.4em;color:#745c4a}
.lb-styles-kicker:before,.lb-styles-kicker:after{content:"";display:block;width:55px;height:1px;background:#b9a799}
.lb-styles h2{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(42px,5.3vw,72px);line-height:1.05;color:#402a20;margin:13px 0 10px}
.lb-styles-heading>p{font:500 10px 'DM Sans',sans-serif;letter-spacing:.24em;color:#766457;margin:0}
.lb-styles-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bca796 transparent;padding:0 3% 12px}
.lb-styles-grid{display:flex;gap:7px;max-width:none;margin:0}
.lb-style-item{position:relative;display:flex;align-items:flex-end;flex:0 0 clamp(205px,19vw,290px);min-height:410px;aspect-ratio:0.58;overflow:hidden;scroll-snap-align:start;text-align:left;text-decoration:none;color:#2e211b;background-size:cover;background-position:center;isolation:isolate;transition:filter .25s ease}
.lb-style-item:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(249,239,228,.12) 57%,rgba(248,238,227,.95) 100%);z-index:-1}
.lb-style-item:hover,.lb-style-item:focus-visible{filter:brightness(1.05)}
.lb-style-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 19px;width:100%}
.lb-style-name{font:400 clamp(25px,2.4vw,34px)/1.05 Italiana,Georgia,serif;color:#34231c}
.lb-style-rule{height:1px;width:34px;background:#9e806b}
.lb-style-description{font:500 9px/1.8 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.18em;max-width:185px;min-height:36px}
.lb-style-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #745a49;border-radius:50%;font:18px Georgia,serif;transition:background .2s,color .2s}
.lb-style-item:hover .lb-style-arrow{background:#513a2e;color:white}
/* Imagens já presentes na pasta images do projeto; substituíveis futuramente por editoriais da marca. */
.lb-style-1{background-image:url('images/colares.png')}
.lb-style-2{background-image:url('images/aliança.png')}
.lb-style-3{background-image:url('images/pulseiras.png')}
.lb-style-4{background-image:url('images/Aneis.png')}
.lb-style-5{background-image:url('images/Brincos.png')}
.lb-style-6{background-image:url('images/slide02.png')}
.lb-style-7{background-image:url('images/slide03.png')}
@media(max-width:700px){.lb-styles{padding:48px 0 52px}.lb-styles-heading{padding-bottom:25px}.lb-styles-heading>p{font-size:9px;line-height:1.7;letter-spacing:.13em}.lb-styles-scroll{padding-left:14px;padding-right:14px}.lb-style-item{flex-basis:72vw;max-width:285px;min-height:390px}.lb-style-content{padding:22px 18px}}

/* Navegação lateral discreta: sem scrollbar visível */
.lb-styles-carousel{position:relative}
.lb-styles-scroll{scrollbar-width:none!important;-ms-overflow-style:none!important;padding-bottom:0!important;scroll-behavior:smooth}
.lb-styles-scroll::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.lb-styles-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(84,57,42,.4);border-radius:50%;background:rgba(250,244,236,.9);color:#422b21;font-size:24px;cursor:pointer;box-shadow:0 3px 14px rgba(45,30,20,.12);transition:background .2s,transform .2s,opacity .2s}
.lb-styles-nav:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.08)}
.lb-styles-prev{left:12px}.lb-styles-next{right:12px}
.lb-styles-nav:disabled{opacity:0;pointer-events:none}
.lb-style-name{font-size:clamp(29px,2.7vw,39px)!important;font-weight:500!important;line-height:1.08!important;color:#241711!important;text-shadow:0 1px 12px rgba(255,249,242,.8)}
.lb-style-item:before{background:linear-gradient(180deg,transparent 35%,rgba(249,239,228,.22) 55%,rgba(248,238,227,.97) 100%)}
.lb-style-item{transition:filter .25s ease,transform .25s ease}
.lb-style-item:hover,.lb-style-item:focus-visible{filter:brightness(1.07);transform:translateY(-3px)}
@media(max-width:700px){.lb-styles-nav{width:37px;height:37px;font-size:20px}.lb-styles-prev{left:6px}.lb-styles-next{right:6px}.lb-style-name{font-size:32px!important}}

/* Setas simples, sempre visíveis nas duas laterais do carrossel */
.lb-styles-carousel .lb-styles-nav{width:38px;height:54px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#342219!important;font-family:Arial,sans-serif;font-size:32px;font-weight:300;opacity:1!important;pointer-events:auto!important;text-shadow:0 1px 8px rgba(255,255,255,.95);transition:transform .2s ease,color .2s ease}
.lb-styles-carousel .lb-styles-nav:hover{transform:translateY(-50%) scale(1.16)!important;color:#8b634a}
.lb-styles-carousel .lb-styles-prev{left:6px}
.lb-styles-carousel .lb-styles-next{right:6px}
.lb-styles-carousel .lb-styles-nav:disabled{opacity:1!important;pointer-events:auto!important}

/* Ajuste final: mesma cor do fundo do site e controles fora da area rolavel */
.lb-styles{background:var(--cream, #F8F2DA)!important}
.lb-styles-carousel{position:relative;isolation:isolate}
.lb-styles-carousel>.lb-styles-nav{position:absolute;z-index:20;top:50%;display:grid!important;visibility:visible!important;opacity:1!important;transform:translateY(-50%);background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.lb-styles-carousel>.lb-styles-prev{left:8px!important}
.lb-styles-carousel>.lb-styles-next{right:8px!important}
.lb-styles-scroll{scrollbar-width:none!important;-ms-overflow-style:none!important}
.lb-styles-scroll::-webkit-scrollbar{display:none!important}