/* Tema original da Lavique + identidade rosa da Lliely. */
:root {
    --ag-rose: #cc3679;
    --ag-rose-dark: #a72462;
    --ag-rose-soft: #fce8f1;
    --ag-title: #b32969;
    --ag-gold: #b32969;
    --ag-gold-dark: #942454;
    --ag-gold-grad: linear-gradient(90deg, #b32969 0%, #db568f 50%, #b32969 100%);
    --ag-pink: #f6acd0;
    --ag-green: #b32969;
    --ag-line: #efdee6;
    --teal-dark: #a72462;
    --blue: #b32969;
    --blue-soft: #fff3f8;
}
.ag-logo img { height: 100px; width: 155px; max-width: 170px; object-fit: contain; }
.lliely-store .lliely-hero { background: #c63f7c linear-gradient(110deg, #9f245d 0%, #c63f7c 55%, #e283ad 100%); }
.lliely-hero.is-on { display: grid; place-items: center; min-height: clamp(300px, 32vw, 460px); }
.lliely-hero .ag-caption { max-width: 1040px; margin: auto; padding: 48px 24px; text-align: center; }
.lliely-hero .ag-caption h1 { font-size: clamp(38px, 5vw, 72px); }
.lliely-hero::before { background: none; }
.ag-menu a:hover, .ag-menu a.is-active { color: #fff; }
.ag-card-img { background: #fff4f8; }
.ag-noimg { background: linear-gradient(160deg, #fff3f8, #f6d9e7); }
.ag-buy:hover, .ag-wabtn:hover { background: var(--ag-rose-dark); }
.ag-wabtn { background: var(--ag-rose-dark); }
.ag-dot { background: #d393af; }
.ag-dot.is-on { background: var(--ag-rose-dark); }
.ag-search:focus-within { border-color: var(--ag-rose); }
.ag-search input:focus-visible { outline: none; }
.lliely-products { margin-top: 38px; scroll-margin-top: 160px; }
.ag-railbox.is-static .ag-rail { justify-content: center; }
.lliely-product-page { padding-bottom: 46px; }
.ag-footer p { margin: 0; line-height: 1.8; }
.ag-empty .ag-btn { margin-top: 20px; }
.wpp { background: var(--ag-rose-dark); box-shadow: 0 5px 18px #a7246240; color: #fff; }
.wpp i { font-size: 30px; }
.mobile-nav-head img { object-fit: contain; }
:focus-visible { outline: 2px solid var(--ag-rose-dark); outline-offset: 4px; }
@media (max-width: 860px) {
    .ag-logo img { width: 120px; height: 76px; }
    .ag-search input { font-size: 16px; }
    .lliely-hero .ag-caption h1 { font-size: clamp(36px, 8vw, 54px); }
    .ag-header.is-scrolled .ag-logo img { height: 52px; }
    .ag-benefit, .ag-benefit small { font-size: 10px; }
    .ag-card-buy { opacity: 1; transform: none; }
    .wpp { bottom: 22px; }
}
@media (prefers-reduced-motion: reduce) {
    html, .ag-rail { scroll-behavior: auto; }
    .ag-slide.is-on { animation: none; }
}