/*
 * Aavero Clarity 6.0
 * A quiet-luxury conversion layer: less decoration, fewer competing choices,
 * stronger hierarchy, compact sections, predictable responsive behaviour.
 */

:root {
  --clarity-bg: #fbf8f2;
  --clarity-surface: #fffdf9;
  --clarity-soft: #f4ede3;
  --clarity-line: #e4d8c8;
  --clarity-ink: #211b17;
  --clarity-muted: #71675f;
  --clarity-gold: #a9792f;
  --clarity-gold-dark: #76531e;
  --clarity-rose: #a96e68;
  --clarity-radius: 18px;
  --clarity-shadow: 0 18px 50px rgba(50,38,28,.08);
  --clarity-max: 1280px;
}

.aavero-clarity {
  color: var(--clarity-ink);
  background: var(--clarity-bg);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.aavero-clarity h1,
.aavero-clarity h2,
.aavero-clarity h3,
.aavero-clarity .price,
.aavero-clarity .clarity-card__price {
  font-family: "Cormorant Garamond", Georgia, serif;
}

.aavero-clarity .wrap { width:min(calc(100% - 36px), var(--clarity-max)); margin-inline:auto; }
.aavero-clarity img { max-width:100%; }
.aavero-clarity a { text-underline-offset:3px; }
.aavero-clarity .curtain,
.aavero-clarity .spine { display:none !important; }

/* ---------- header ---------- */
.clarity-header { position:sticky; top:0; z-index:300; background:rgba(251,248,242,.96); border-bottom:1px solid var(--clarity-line); backdrop-filter:blur(14px); }
.admin-bar .clarity-header { top:32px; }
.clarity-announcement { background:var(--clarity-ink); color:#f8f0e4; font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
.clarity-announcement .wrap { height:31px; display:flex; align-items:center; justify-content:center; gap:14px; white-space:nowrap; overflow:hidden; }
.clarity-announcement i { color:var(--clarity-gold); font-style:normal; }
.clarity-header__bar { height:78px; display:grid; grid-template-columns:auto 1fr auto auto; gap:30px; align-items:center; }
.clarity-brand { width:76px; height:60px; display:flex; align-items:center; }
.clarity-brand img { width:100%; height:100%; object-fit:contain; }
.clarity-nav { display:flex; align-items:center; justify-content:center; gap:28px; }
.clarity-nav a { color:var(--clarity-ink); font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; position:relative; white-space:nowrap; }
.clarity-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-7px; height:1px; background:var(--clarity-gold); transition:right .25s ease; }
.clarity-nav a:hover::after { right:0; }
.clarity-tools { display:flex; align-items:center; gap:2px; }
.clarity-tools .tool { width:42px; height:42px; border:0; background:transparent; color:var(--clarity-ink); display:grid; place-items:center; position:relative; border-radius:50%; }
.clarity-tools .tool:hover { background:var(--clarity-soft); }
.clarity-tools .tool__count { position:absolute !important; top:-3px !important; right:-3px !important; min-width:17px !important; height:17px !important; padding:0 4px !important; display:grid !important; place-items:center !important; border-radius:99px !important; background:var(--clarity-rose) !important; color:white !important; border:2px solid var(--clarity-bg) !important; font:600 9px/1 Manrope,sans-serif !important; }
.clarity-burger { display:none; }

/* ---------- mobile drawer / search ---------- */
.clarity-mobile-nav { background:var(--clarity-surface); padding:24px; }
.clarity-mobile-nav__links { display:grid; gap:0; margin-top:42px; }
.clarity-mobile-nav__links a,
.clarity-mobile-nav__links button { width:100%; padding:17px 0; border:0; border-bottom:1px solid var(--clarity-line); background:transparent; color:var(--clarity-ink); text-align:left; text-decoration:none; font:500 25px/1.15 "Cormorant Garamond",serif; cursor:pointer; }
.clarity-mobile-nav .mobile-nav__foot { display:grid; gap:8px; margin-top:26px; }
.clarity-mobile-nav .mobile-nav__foot a { color:var(--clarity-muted); text-decoration:none; font-size:13px; }
.clarity-search { background:rgba(251,248,242,.985); }
.clarity-search__inner { padding-top:12vh; position:relative; }
.clarity-search__inner .drawer__close { position:absolute; right:0; top:6vh; }
.clarity-search input[type=search] { width:100%; background:transparent; border:0; border-bottom:1px solid var(--clarity-ink); border-radius:0; padding:16px 0; color:var(--clarity-ink); font:400 clamp(28px,5vw,54px)/1.1 "Cormorant Garamond",serif; }
.clarity-search input:focus { outline:0; border-color:var(--clarity-gold); }
.clarity-search .search-suggest { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.clarity-search .search-suggest a { padding:9px 14px; border:1px solid var(--clarity-line); border-radius:99px; color:var(--clarity-ink); text-decoration:none; font-size:12px; }

/* ---------- homepage ---------- */
.clarity-home { overflow:hidden; }
.clarity-hero { padding:34px 0 30px; }
.clarity-hero__grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); min-height:min(620px,72vh); background:var(--clarity-surface); border:1px solid var(--clarity-line); border-radius:24px; overflow:hidden; box-shadow:var(--clarity-shadow); }
.clarity-hero__copy { padding:clamp(42px,6vw,82px); display:flex; flex-direction:column; justify-content:center; }
.clarity-kicker { margin:0 0 14px; color:var(--clarity-gold-dark); font-size:11px; line-height:1.5; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.clarity-hero h1 { margin:0; max-width:600px; color:var(--clarity-ink); font-size:clamp(55px,6.5vw,94px); line-height:.91; font-weight:400; letter-spacing:-.035em; }
.clarity-lede { max-width:600px; margin:24px 0 0; color:var(--clarity-muted); font-size:clamp(16px,1.6vw,20px); line-height:1.7; }
.clarity-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:32px; }
.clarity-btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 23px; border:1px solid transparent; border-radius:999px; text-decoration:none; font-size:12px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; transition:.2s ease; }
.clarity-btn--primary { background:var(--clarity-ink); color:white; }
.clarity-btn--primary:hover { background:var(--clarity-gold-dark); color:white; transform:translateY(-1px); }
.clarity-btn--text { color:var(--clarity-ink); border-color:var(--clarity-line); background:transparent; }
.clarity-btn--text:hover { border-color:var(--clarity-gold); background:var(--clarity-soft); }
.clarity-proof { display:flex; flex-wrap:wrap; gap:22px; margin-top:36px; padding-top:24px; border-top:1px solid var(--clarity-line); }
.clarity-proof span { min-width:120px; display:grid; gap:2px; color:var(--clarity-muted); font-size:11px; }
.clarity-proof b { color:var(--clarity-ink); font:500 22px/1 "Cormorant Garamond",serif; }
.clarity-hero__media { min-height:480px; background:var(--clarity-soft); }
.clarity-hero__media img { width:100%; height:100%; object-fit:cover; object-position:center; }

.clarity-section { padding:72px 0; }
.clarity-section--first { padding-top:52px; }
.clarity-section--soft { background:var(--clarity-soft); }
.clarity-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:30px; }
.clarity-heading h2,
.clarity-budget h2,
.clarity-gifts h2,
.clarity-trust h2,
.clarity-faq h2,
.clarity-page-hero h1,
.clarity-tealight-note h2 { margin:0; color:var(--clarity-ink); font-size:clamp(38px,4vw,58px); line-height:.98; font-weight:400; letter-spacing:-.02em; }
.clarity-link { color:var(--clarity-ink); text-decoration:none; font-size:12px; font-weight:600; white-space:nowrap; }
.clarity-link:hover { color:var(--clarity-gold-dark); }

.clarity-collections { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.clarity-collection { min-width:0; background:var(--clarity-surface); border:1px solid var(--clarity-line); border-radius:var(--clarity-radius); overflow:hidden; text-decoration:none; color:var(--clarity-ink); transition:transform .2s ease, box-shadow .2s ease; }
.clarity-collection:hover { transform:translateY(-3px); box-shadow:var(--clarity-shadow); }
.clarity-collection__image { aspect-ratio:4/3; overflow:hidden; background:var(--clarity-soft); }
.clarity-collection__image img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.clarity-collection:hover img { transform:scale(1.025); }
.clarity-collection__copy { padding:20px 20px 22px; }
.clarity-collection h3 { margin:0; font-size:28px; line-height:1.05; font-weight:500; }
.clarity-collection p { min-height:72px; margin:10px 0 18px; color:var(--clarity-muted); font-size:13px; line-height:1.6; }
.clarity-collection span { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--clarity-gold-dark); }

.clarity-products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.clarity-products > :nth-child(n+5) { display:none; }
.clarity-products--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.clarity-products--three > :nth-child(n+4) { display:none; }

/* Product cards: deliberately quiet. */
.clarity-card { position:relative; min-width:0; margin:0 !important; padding:0 !important; background:var(--clarity-surface); border:1px solid var(--clarity-line); border-radius:var(--clarity-radius); overflow:hidden; list-style:none; transition:transform .2s ease, box-shadow .2s ease; }
.clarity-card:hover { transform:translateY(-3px); box-shadow:var(--clarity-shadow); }
.clarity-card__media { display:block; aspect-ratio:4/5; overflow:hidden; background:#eee5d8; }
.clarity-card__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.clarity-card:hover .clarity-card__media img { transform:scale(1.025); }
.clarity-card__badge { position:absolute; top:12px; left:12px; padding:6px 9px; border-radius:99px; background:var(--clarity-gold-dark); color:#fff; font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.clarity-card__wish { position:absolute; z-index:3; top:12px; right:12px; width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.85); border-radius:50%; background:rgba(255,253,249,.92); color:var(--clarity-ink); backdrop-filter:blur(8px); }
.clarity-card__wish svg { width:17px; height:17px; }
.clarity-card__wish.is-on,
.clarity-card__wish[aria-pressed=true] { color:var(--clarity-rose); }
.clarity-card__body { padding:18px 18px 20px; }
.clarity-card h3 { margin:0; min-height:48px; font-size:24px; line-height:1.02; font-weight:500; }
.clarity-card h3 a { color:var(--clarity-ink); text-decoration:none; }
.clarity-card__meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:15px; padding-top:13px; border-top:1px solid var(--clarity-line); }
.clarity-card__price { color:var(--clarity-ink); font-size:22px; line-height:1; }
.clarity-card__price del { color:#9a918a; font-size:.8em; }
.clarity-card__rating { color:var(--clarity-muted); font-size:11px; display:flex; align-items:center; gap:3px; }
.clarity-card__rating svg { width:12px; height:12px; color:var(--clarity-gold); }

.clarity-budget { background:var(--clarity-ink); color:#fff; }
.clarity-budget__grid { display:grid; grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr); gap:70px; align-items:center; }
.clarity-budget .clarity-kicker { color:#dfc796; }
.clarity-budget h2 { color:#fff; }
.clarity-budget__intro p:last-child { max-width:520px; color:rgba(255,255,255,.66); font-size:15px; line-height:1.7; }
.clarity-budget__links { display:grid; border-top:1px solid rgba(255,255,255,.18); }
.clarity-budget__links a { display:grid; grid-template-columns:150px 1fr auto; gap:18px; align-items:center; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.18); color:#fff; text-decoration:none; }
.clarity-budget__links span { font:500 27px/1 "Cormorant Garamond",serif; }
.clarity-budget__links small { color:rgba(255,255,255,.6); font-size:12px; }
.clarity-budget__links b { color:#dfc796; font-size:18px; transition:transform .2s ease; }
.clarity-budget__links a:hover b { transform:translateX(5px); }

.clarity-gifts__panel { display:grid; grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr); gap:38px; padding:34px; border:1px solid var(--clarity-line); border-radius:24px; background:var(--clarity-surface); }
.clarity-gifts__copy { padding:18px 12px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.clarity-gifts__copy p:not(.clarity-kicker) { color:var(--clarity-muted); font-size:14px; line-height:1.75; margin:18px 0 24px; }
.clarity-gifts__products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }

.clarity-trust { padding-top:58px; padding-bottom:58px; }
.clarity-trust__grid { display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr); gap:70px; align-items:start; }
.clarity-trust ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; border-top:1px solid var(--clarity-line); }
.clarity-trust li { padding:22px 22px 22px 0; border-bottom:1px solid var(--clarity-line); }
.clarity-trust li:nth-child(odd) { border-right:1px solid var(--clarity-line); padding-right:28px; }
.clarity-trust li:nth-child(even) { padding-left:28px; }
.clarity-trust b { display:block; margin-bottom:6px; font:500 25px/1 "Cormorant Garamond",serif; }
.clarity-trust span { color:var(--clarity-muted); font-size:13px; line-height:1.6; }

.clarity-faq { background:var(--clarity-soft); }
.clarity-faq__grid { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); gap:70px; }
.clarity-faq__items { border-top:1px solid var(--clarity-line); }
.clarity-faq details { border-bottom:1px solid var(--clarity-line); padding:0; }
.clarity-faq summary { cursor:pointer; list-style:none; padding:20px 0; font:500 24px/1.15 "Cormorant Garamond",serif; }
.clarity-faq summary::-webkit-details-marker { display:none; }
.clarity-faq summary::after { content:"+"; float:right; color:var(--clarity-gold-dark); font-family:Manrope,sans-serif; font-size:18px; }
.clarity-faq details[open] summary::after { content:"−"; }
.clarity-faq details p { margin:-3px 0 20px; max-width:720px; color:var(--clarity-muted); font-size:13px; line-height:1.7; }

/* ---------- compact landing pages ---------- */
.clarity-page-hero { padding:72px 0 48px; }
.clarity-page-hero__grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr); gap:70px; align-items:end; }
.clarity-page-hero__note { display:grid; gap:9px; padding:22px; background:var(--clarity-surface); border:1px solid var(--clarity-line); border-radius:var(--clarity-radius); }
.clarity-page-hero__note b { margin-bottom:4px; font-size:11px; letter-spacing:.13em; text-transform:uppercase; color:var(--clarity-gold-dark); }
.clarity-page-hero__note span { color:var(--clarity-muted); font-size:13px; }
.clarity-tealight-note { padding-top:50px; padding-bottom:50px; }
.clarity-tealight-note__grid { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:28px 32px; background:var(--clarity-ink); color:#fff; border-radius:22px; }
.clarity-tealight-note h2 { color:#fff; font-size:clamp(32px,3vw,45px); }
.clarity-tealight-note .clarity-kicker { color:#dfc796; }
.clarity-tealight-note .clarity-btn { background:#fff; color:var(--clarity-ink); flex:none; }

/* ---------- shop / archive ---------- */
.aavero-clarity .shop-hero,
.aavero-clarity .archive-hero,
.aavero-clarity .woocommerce-products-header { padding-block:44px 26px !important; }
.aavero-clarity .grid-products,
.aavero-clarity ul.products { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:18px !important; }
.aavero-clarity ul.products::before,
.aavero-clarity ul.products::after { display:none !important; }
.aavero-clarity ul.products li.product { width:auto !important; float:none !important; margin:0 !important; }
.aavero-clarity .shop-toolbar,
.aavero-clarity .woocommerce-ordering,
.aavero-clarity .woocommerce-result-count { font-size:12px; }

/* ---------- product page: keep functionality, reduce visual noise ---------- */
.aavero-clarity .breadcrumb { font-size:11px; color:var(--clarity-muted); }
.aavero-clarity .pdp { gap:clamp(28px,4vw,58px) !important; padding-bottom:60px !important; }
.aavero-clarity .pdp__stage { border-radius:20px; overflow:hidden; background:var(--clarity-soft); }
.aavero-clarity .pdp__stage img { width:100%; height:auto; display:block; }
.aavero-clarity .pdp__thumbs button { border-radius:10px; overflow:hidden; }
.aavero-clarity .pdp__summary { padding-top:8px; }
.aavero-clarity .pdp__title { font-size:clamp(42px,4.6vw,68px) !important; line-height:.96 !important; margin-bottom:16px !important; }
.aavero-clarity .pdp__price { font-size:31px !important; margin:18px 0 !important; }
.aavero-clarity .pdp__actions { margin-top:22px !important; }
.aavero-clarity .accordion { margin-top:22px !important; }
.aavero-clarity .acc-item button { padding-block:15px !important; }
.aavero-clarity .reco { padding-top:44px !important; }

/* ---------- cart / checkout / account ---------- */
.aavero-clarity .woocommerce-cart-form,
.aavero-clarity .cart_totals,
.aavero-clarity .checkout,
.aavero-clarity .woocommerce-MyAccount-content,
.aavero-clarity .woocommerce-MyAccount-navigation { border-color:var(--clarity-line) !important; box-shadow:none !important; }
.aavero-clarity button.button,
.aavero-clarity a.button,
.aavero-clarity .checkout-button,
.aavero-clarity #place_order { border-radius:999px !important; background:var(--clarity-ink) !important; color:#fff !important; border:1px solid var(--clarity-ink) !important; min-height:48px; }
.aavero-clarity button.button:hover,
.aavero-clarity a.button:hover,
.aavero-clarity .checkout-button:hover,
.aavero-clarity #place_order:hover { background:var(--clarity-gold-dark) !important; }
.aavero-clarity input.input-text,
.aavero-clarity textarea,
.aavero-clarity select { border-radius:10px !important; border-color:var(--clarity-line) !important; background:var(--clarity-surface) !important; }

/* ---------- cart drawer ---------- */
.aavero-clarity .cart-drawer,
.aavero-clarity #cart-drawer { background:var(--clarity-surface); }
.aavero-clarity #cart-drawer .drawer__head { padding-block:20px; }
.aavero-clarity #cart-drawer .drawer__foot { padding:20px 26px 24px; }
.aavero-clarity #cart-drawer .drawer__body { padding:18px 26px; }

/* ---------- compact footer ---------- */
.clarity-service-strip { border-top:1px solid var(--clarity-line); border-bottom:1px solid var(--clarity-line); background:var(--clarity-soft); }
.clarity-service-strip .wrap { min-height:64px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; }
.clarity-service-strip span { display:flex; align-items:center; justify-content:center; gap:9px; color:var(--clarity-ink); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.clarity-service-strip svg { width:18px; color:var(--clarity-gold-dark); }
.clarity-footer { background:var(--clarity-ink); color:#efe8df; padding:42px 0 20px; }
.clarity-footer a { color:inherit; text-decoration:none; }
.clarity-footer__top { display:grid; grid-template-columns:minmax(240px,1.3fr) repeat(3,minmax(140px,.7fr)); gap:42px; align-items:start; }
.clarity-footer__brand img { width:112px; height:112px; object-fit:contain; filter:none; }
.clarity-footer__brand p { max-width:320px; margin:10px 0 12px; color:rgba(255,255,255,.58); font-size:12px; line-height:1.65; }
.clarity-whatsapp { color:#dfc796 !important; font-size:12px; font-weight:700; }
.clarity-footer__col { display:grid; align-content:start; gap:9px; }
.clarity-footer__col h4 { margin:3px 0 8px; color:#dfc796; font-family:Manrope,sans-serif; font-size:10px; letter-spacing:.17em; text-transform:uppercase; }
.clarity-footer__col a { color:rgba(255,255,255,.68); font-size:12px; line-height:1.5; }
.clarity-footer__col a:hover { color:#fff; }
.clarity-footer__contact { display:flex; flex-wrap:wrap; gap:12px 22px; padding:22px 0 18px; margin-top:26px; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); }
.clarity-footer__contact a { color:rgba(255,255,255,.55); font-size:10.5px; line-height:1.5; }
.clarity-footer__contact a:last-child { flex:1 1 420px; }
.clarity-footer__bottom { display:flex; justify-content:space-between; gap:20px; padding-top:16px; color:rgba(255,255,255,.44); font-size:9.5px; line-height:1.5; }

/* Hide old global footer structures if a plugin or cached fragment injects them. */
.aavero-clarity .footer-trust-strip:not(.clarity-service-strip),
.aavero-clarity .news-band { display:none !important; }

/* Help button: visible but not dominant. */
.aavero-clarity .assistant-fab,
.aavero-clarity [data-assistant-open] { transform:scale(.88); transform-origin:bottom right; }

/* ---------- responsive ---------- */
@media (max-width:1100px) {
  .clarity-nav { gap:18px; }
  .clarity-nav a { font-size:11px; }
  .clarity-collections { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .clarity-products { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .clarity-products > :nth-child(n+4) { display:none; }
  .clarity-footer__top { grid-template-columns:1.2fr repeat(3,.8fr); gap:26px; }
  .aavero-clarity .grid-products,
  .aavero-clarity ul.products { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}

@media (max-width:900px) {
  .admin-bar .clarity-header { top:46px; }
  .clarity-header__bar { height:66px; grid-template-columns:auto 1fr auto; gap:16px; }
  .clarity-brand { width:64px; height:52px; }
  .clarity-nav { display:none; }
  .clarity-tools .tool--wish { display:none; }
  .clarity-tools .tool { width:39px; height:39px; }
  .clarity-burger { display:grid; width:40px; height:40px; padding:10px; gap:4px; border:0; background:transparent; }
  .clarity-burger span { display:block; height:1px; background:var(--clarity-ink); }

  .clarity-hero { padding:22px 0 26px; }
  .clarity-hero__grid { grid-template-columns:1fr; min-height:0; }
  .clarity-hero__copy { padding:44px 34px 38px; }
  .clarity-hero h1 { font-size:clamp(52px,10vw,76px); }
  .clarity-hero__media { min-height:380px; max-height:480px; }
  .clarity-section { padding:58px 0; }
  .clarity-budget__grid,
  .clarity-gifts__panel,
  .clarity-trust__grid,
  .clarity-faq__grid,
  .clarity-page-hero__grid { grid-template-columns:1fr; gap:32px; }
  .clarity-gifts__panel { padding:26px; }
  .clarity-footer__top { grid-template-columns:1fr 1fr; }
  .clarity-footer__brand { grid-column:1/-1; }
  .clarity-service-strip .wrap { grid-template-columns:repeat(2,1fr); }
  .clarity-service-strip span { min-height:52px; }
  .aavero-clarity .grid-products,
  .aavero-clarity ul.products { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width:640px) {
  .aavero-clarity .wrap { width:min(calc(100% - 28px), var(--clarity-max)); }
  .clarity-announcement .wrap { justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }
  .clarity-announcement .wrap::-webkit-scrollbar { display:none; }
  .clarity-announcement span:nth-of-type(3),
  .clarity-announcement i:nth-of-type(2) { display:none; }
  .clarity-header__bar { height:62px; }
  .clarity-tools .tool:nth-child(2) { display:none; }

  .clarity-hero { padding-top:14px; }
  .clarity-hero__grid { border-radius:18px; }
  .clarity-hero__copy { padding:34px 24px 28px; }
  .clarity-hero h1 { font-size:52px; }
  .clarity-lede { font-size:15px; line-height:1.6; }
  .clarity-actions { margin-top:24px; }
  .clarity-actions .clarity-btn { width:100%; }
  .clarity-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
  .clarity-proof span { min-width:0; font-size:9.5px; }
  .clarity-proof b { font-size:18px; }
  .clarity-hero__media { min-height:300px; }

  .clarity-section { padding:46px 0; }
  .clarity-heading { align-items:start; margin-bottom:22px; }
  .clarity-heading h2,
  .clarity-budget h2,
  .clarity-gifts h2,
  .clarity-trust h2,
  .clarity-faq h2,
  .clarity-page-hero h1 { font-size:38px; }
  .clarity-heading .clarity-link { display:none; }
  .clarity-collections { display:flex; overflow-x:auto; gap:12px; scroll-snap-type:x mandatory; padding-bottom:5px; scrollbar-width:none; }
  .clarity-collections::-webkit-scrollbar { display:none; }
  .clarity-collection { flex:0 0 82%; scroll-snap-align:start; }
  .clarity-collection p { min-height:0; }

  .clarity-products,
  .clarity-products--three { display:flex; overflow-x:auto; gap:12px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .clarity-products::-webkit-scrollbar { display:none; }
  .clarity-products > *,
  .clarity-products--three > * { display:block !important; flex:0 0 72%; scroll-snap-align:start; }
  .clarity-card h3 { min-height:0; font-size:23px; }

  .clarity-budget__links a { grid-template-columns:1fr auto; gap:8px; }
  .clarity-budget__links small { grid-column:1/2; grid-row:2; }
  .clarity-budget__links b { grid-column:2; grid-row:1/3; }
  .clarity-gifts__products { display:flex; overflow-x:auto; gap:12px; }
  .clarity-gifts__products > * { flex:0 0 78%; }
  .clarity-trust ul { grid-template-columns:1fr; }
  .clarity-trust li:nth-child(odd) { border-right:0; padding-right:0; }
  .clarity-trust li:nth-child(even) { padding-left:0; }
  .clarity-faq summary { font-size:22px; }

  .clarity-page-hero { padding:48px 0 34px; }
  .clarity-tealight-note__grid { align-items:flex-start; flex-direction:column; padding:24px; }
  .clarity-tealight-note .clarity-btn { width:100%; }

  .clarity-service-strip .wrap { grid-template-columns:1fr 1fr; }
  .clarity-service-strip span { font-size:9px; letter-spacing:.05em; }
  .clarity-footer { padding:32px 0 18px; }
  .clarity-footer__top { grid-template-columns:1fr 1fr; gap:26px 22px; }
  .clarity-footer__brand { grid-column:1/-1; }
  .clarity-footer__brand img { width:92px; height:92px; }
  .clarity-footer__col:last-child { grid-column:1/-1; grid-template-columns:repeat(2,1fr); }
  .clarity-footer__col:last-child h4 { grid-column:1/-1; }
  .clarity-footer__contact { display:grid; gap:8px; }
  .clarity-footer__contact a:last-child { max-width:100%; }
  .clarity-footer__bottom { display:grid; gap:6px; }

  .aavero-clarity .grid-products,
  .aavero-clarity ul.products { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
}

@media (max-width:420px) {
  .clarity-announcement { font-size:9px; }
  .clarity-proof { grid-template-columns:1fr; gap:12px; }
  .clarity-proof span { grid-template-columns:80px 1fr; align-items:center; }
  .clarity-products > *,
  .clarity-products--three > * { flex-basis:80%; }
  .aavero-clarity .grid-products,
  .aavero-clarity ul.products { grid-template-columns:1fr 1fr !important; }
  .aavero-clarity ul.products .clarity-card h3 { font-size:20px; }
}

/* ========================================================================== 
   Aavero Clarity 6.0.2 — viewport, mobile navigation and commerce hardening
   ========================================================================== */

/* The logo is always a real home link. Keep decorative/header layers from
   intercepting its pointer target. */
.clarity-header__bar{position:relative;isolation:isolate}
.clarity-brand{position:relative;z-index:6;pointer-events:auto;cursor:pointer}
.clarity-brand img{pointer-events:none}
.clarity-nav,.clarity-tools,.clarity-burger{position:relative;z-index:5}

/* Sticky header already occupies normal document flow. The legacy base theme
   added a second header-height offset to transactional pages/PDPs, producing
   large empty viewports. Clarity owns a compact content offset instead. */
.aavero-clarity .woo-page{padding-top:clamp(24px,3vw,42px);padding-bottom:clamp(42px,5vw,72px)}
.aavero-clarity .pdp{padding-top:clamp(18px,2.5vw,34px)}
.aavero-clarity .pdp__gallery{top:calc(78px + 18px)}
.aavero-clarity .panel--sticky{top:calc(78px + 18px)}
.aavero-clarity .entry--commerce{opacity:1!important;transform:none!important;min-height:0}

/* A denser homepage: premium whitespace without every section becoming a
   full-screen slide. */
.clarity-hero{padding:22px 0 22px}
.clarity-hero__grid{min-height:min(520px,62vh)}
.clarity-hero__copy{padding:clamp(32px,4.8vw,64px)}
.clarity-hero h1{font-size:clamp(52px,5.7vw,82px)}
.clarity-lede{margin-top:18px;line-height:1.58}
.clarity-actions{margin-top:24px}
.clarity-proof{margin-top:28px;padding-top:18px}
.clarity-hero__media{min-height:420px}
.clarity-section{padding:50px 0}
.clarity-section--first{padding-top:38px}
.clarity-heading{margin-bottom:24px}

/* Drawer state is explicit for assistive technology and the mobile menu must
   always sit above page UI, without a scrim intercepting taps. */
.clarity-mobile-nav{z-index:1100;visibility:visible}
.clarity-mobile-nav[aria-hidden="true"]{pointer-events:none}
.clarity-mobile-nav[aria-hidden="false"]{pointer-events:auto}

@media (max-width:900px){
  .aavero-clarity .woo-page{padding-top:20px;padding-bottom:48px}
  .aavero-clarity .pdp{padding-top:18px}
  .aavero-clarity .pdp__gallery,.aavero-clarity .panel--sticky{position:static}
  .clarity-hero{padding:14px 0 20px}
  .clarity-hero__grid{display:flex;flex-direction:column;min-height:0}
  .clarity-hero__media{order:-1;min-height:250px;height:34vh;max-height:320px}
  .clarity-hero__media img{object-position:center 58%}
  .clarity-hero__copy{padding:30px 30px 28px}
  .clarity-hero h1{font-size:clamp(46px,9vw,64px)}
  .clarity-section{padding:42px 0}
}

@media (max-width:640px){
  .clarity-header__bar{grid-template-columns:auto 1fr auto;gap:8px}
  .clarity-tools{justify-self:end}
  .clarity-burger{justify-self:end}
  .clarity-hero__media{min-height:190px;height:25vh;max-height:225px}
  .clarity-hero__copy{padding:24px 20px 22px}
  .clarity-hero h1{font-size:44px;line-height:.94}
  .clarity-kicker{font-size:9.5px;margin-bottom:10px}
  .clarity-lede{font-size:14px;line-height:1.52;margin-top:14px}
  .clarity-actions{margin-top:18px;gap:10px}
  .clarity-actions .clarity-btn{min-height:44px}
  .clarity-proof{margin-top:20px;padding-top:14px;gap:8px}
  .clarity-proof b{font-size:16px}
  .clarity-proof span{font-size:8.5px}
  .clarity-section{padding:34px 0}
  .clarity-section--first{padding-top:28px}
  .clarity-heading{margin-bottom:18px}
  .clarity-heading h2,.clarity-budget h2,.clarity-gifts h2,.clarity-trust h2,.clarity-faq h2,.clarity-page-hero h1{font-size:34px}
  .aavero-clarity .woo-page{padding-top:14px;padding-bottom:38px}
  .aavero-clarity .aavero-commerce-title{margin-top:0}
}

/* ================================================================
   Aavero Clarity 6.0.3 — focused hero
   Keeps the first viewport compact, removes price-led proof blocks,
   and lets the product image remain fully inside the hero frame.
   ================================================================ */
.clarity-home .clarity-hero{padding:18px 0 20px}
.clarity-home .clarity-hero__grid{
  width:min(100%,1180px);
  margin-inline:auto;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  min-height:0;
  height:clamp(420px,47vw,500px);
  max-height:500px;
}
.clarity-home .clarity-hero__copy{padding:clamp(30px,4.2vw,54px);justify-content:center}
.clarity-home .clarity-hero h1{font-size:clamp(52px,5.4vw,76px);line-height:.92;max-width:520px}
.clarity-home .clarity-lede{max-width:500px;margin-top:18px;font-size:15px;line-height:1.65}
.clarity-home .clarity-actions{margin-top:24px;gap:10px;flex-wrap:wrap}
.clarity-home .clarity-hero__media{height:100%;min-height:0;max-height:none;background:#efe1cf}
.clarity-home .clarity-hero__media picture{display:block;width:100%;height:100%}
.clarity-home .clarity-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.clarity-home .clarity-section--first{padding-top:44px}

@media (max-width:900px){
  .clarity-home .clarity-hero{padding:12px 0 16px}
  .clarity-home .clarity-hero__grid{display:flex;height:auto;max-height:none;min-height:0;width:100%;flex-direction:column}
  .clarity-home .clarity-hero__media{order:-1;height:clamp(210px,46vw,300px);min-height:0;max-height:300px}
  .clarity-home .clarity-hero__media img{object-position:center 38%}
  .clarity-home .clarity-hero__copy{padding:28px 28px 30px}
  .clarity-home .clarity-hero h1{font-size:clamp(44px,9vw,62px);max-width:560px}
  .clarity-home .clarity-lede{margin-top:14px}
  .clarity-home .clarity-actions{margin-top:20px}
  .clarity-home .clarity-section--first{padding-top:36px}
}

@media (max-width:640px){
  .clarity-home .clarity-hero__grid{border-radius:16px}
  .clarity-home .clarity-hero__media{height:205px;max-height:205px}
  .clarity-home .clarity-hero__copy{padding:22px 20px 24px}
  .clarity-home .clarity-kicker{font-size:10px;letter-spacing:.13em}
  .clarity-home .clarity-hero h1{font-size:43px;line-height:.94}
  .clarity-home .clarity-lede{font-size:14px;line-height:1.58}
  .clarity-home .clarity-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .clarity-home .clarity-actions .clarity-btn{width:100%;justify-content:center}
  .clarity-home .clarity-section--first{padding-top:30px}
}

/* ================================================================
   Aavero Clarity 6.0.4 — exact Urli hero + viewport correction
   The supplied portrait artwork is framed/contained, never cover-cropped.
   ================================================================ */
.clarity-home .clarity-hero{padding:14px 0 18px}
.clarity-home .clarity-hero__grid{
  width:min(calc(100% - 32px),1120px);
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);
  height:clamp(400px,42vw,470px);
  max-height:470px;
}
.clarity-home .clarity-hero__copy{padding:clamp(28px,3.8vw,48px)}
.clarity-home .clarity-hero h1{font-size:clamp(48px,5vw,70px);max-width:500px}
.clarity-home .clarity-lede{max-width:470px;margin-top:14px;line-height:1.55}
.clarity-home .clarity-actions{margin-top:20px}
.clarity-home .clarity-hero__media{
  display:grid;
  place-items:center;
  min-width:0;
  overflow:hidden;
  padding:16px;
  background:linear-gradient(135deg,#f7efe4 0%,#efe0cd 100%);
}
.clarity-home .clarity-hero__media picture{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  min-width:0;
}
.clarity-home .clarity-hero__media img{
  display:block;
  width:auto;
  height:min(100%,438px);
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(74,45,20,.10);
}
.clarity-home .clarity-section--first{padding-top:34px}

@media (max-width:900px){
  .clarity-home .clarity-hero{padding:10px 0 14px}
  .clarity-home .clarity-hero__grid{width:min(calc(100% - 24px),720px);height:auto;max-height:none;display:flex;flex-direction:column}
  .clarity-home .clarity-hero__media{order:-1;height:280px;max-height:280px;padding:12px}
  .clarity-home .clarity-hero__media img{height:100%;max-height:256px;width:auto;max-width:100%;object-fit:contain;border-radius:13px}
  .clarity-home .clarity-hero__copy{padding:24px 26px 26px}
  .clarity-home .clarity-hero h1{font-size:clamp(42px,8.5vw,58px)}
  .clarity-home .clarity-section--first{padding-top:28px}
}

@media (max-width:640px){
  .clarity-home .clarity-hero__grid{width:calc(100% - 20px);border-radius:15px}
  .clarity-home .clarity-hero__media{height:238px;max-height:238px;padding:10px}
  .clarity-home .clarity-hero__media img{height:218px;max-height:218px;border-radius:11px}
  .clarity-home .clarity-hero__copy{padding:20px 18px 22px}
  .clarity-home .clarity-hero h1{font-size:40px;line-height:.95}
  .clarity-home .clarity-lede{font-size:13.5px;line-height:1.52;margin-top:12px}
  .clarity-home .clarity-actions{margin-top:16px}
  .clarity-home .clarity-section--first{padding-top:24px}
}


/* ================================================================
   Aavero Clarity 6.0.5 — hero balance polish
   Keeps the exact supplied Urli artwork, makes the portrait visual
   larger inside a narrower media column, and keeps both CTAs on one
   row on desktop without increasing the first-viewport height.
   ================================================================ */
.clarity-home .clarity-hero{padding:12px 0 16px}
.clarity-home .clarity-hero__grid{
  width:min(calc(100% - 32px),1180px);
  grid-template-columns:minmax(0,1.08fr) minmax(360px,430px);
  min-height:420px;
  height:auto;
  max-height:none;
  align-items:stretch;
}
.clarity-home .clarity-hero__copy{
  padding:clamp(28px,3.4vw,46px);
  min-width:0;
}
.clarity-home .clarity-hero h1{
  max-width:520px;
  font-size:clamp(48px,4.8vw,68px);
  line-height:.93;
}
.clarity-home .clarity-lede{
  max-width:500px;
  margin-top:14px;
  font-size:clamp(15px,1.35vw,18px);
  line-height:1.55;
}
.clarity-home .clarity-actions{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:12px;
  margin-top:20px;
}
.clarity-home .clarity-actions .clarity-btn{
  flex:0 0 auto;
  min-height:46px;
  padding-inline:20px;
  white-space:nowrap;
}
.clarity-home .clarity-hero__media{
  min-width:0;
  min-height:0;
  padding:12px 14px 12px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#f7efe4 0%,#efe0cd 100%);
  overflow:hidden;
}
.clarity-home .clarity-hero__media picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-width:0;
}
.clarity-home .clarity-hero__media img{
  display:block;
  width:auto;
  height:min(410px,calc(100% - 8px));
  max-width:100%;
  max-height:410px;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
  border-radius:14px;
  box-shadow:0 12px 28px rgba(74,45,20,.09);
}
.clarity-home .clarity-section--first{padding-top:26px}

@media (max-width:1050px){
  .clarity-home .clarity-hero__grid{
    grid-template-columns:minmax(0,1fr) minmax(330px,390px);
  }
  .clarity-home .clarity-actions .clarity-btn{padding-inline:17px;font-size:11px}
}

@media (max-width:900px){
  .clarity-home .clarity-hero{padding:10px 0 14px}
  .clarity-home .clarity-hero__grid{
    width:min(calc(100% - 24px),720px);
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .clarity-home .clarity-hero__media{
    order:-1;
    width:100%;
    height:282px;
    max-height:282px;
    padding:10px;
  }
  .clarity-home .clarity-hero__media img{
    width:auto;
    height:100%;
    max-width:100%;
    max-height:260px;
  }
  .clarity-home .clarity-hero__copy{padding:24px 26px 26px}
  .clarity-home .clarity-actions{flex-wrap:wrap;gap:10px}
  .clarity-home .clarity-section--first{padding-top:24px}
}

@media (max-width:640px){
  .clarity-home .clarity-hero__grid{width:calc(100% - 20px);border-radius:15px}
  .clarity-home .clarity-hero__media{height:238px;max-height:238px;padding:9px}
  .clarity-home .clarity-hero__media img{max-height:220px;border-radius:11px}
  .clarity-home .clarity-hero__copy{padding:20px 18px 22px}
  .clarity-home .clarity-hero h1{font-size:40px;line-height:.95}
  .clarity-home .clarity-lede{font-size:13.5px;line-height:1.5;margin-top:12px}
  .clarity-home .clarity-actions{margin-top:16px}
  .clarity-home .clarity-actions .clarity-btn{min-height:44px;padding-inline:16px}
}

/* ================================================================
   Aavero Clarity 6.0.6 — landscape hero creative
   Exact 4:3 artwork, balanced viewport, no portrait letterboxing.
   ================================================================ */
.clarity-home .clarity-hero{padding:14px 0 18px}
.clarity-home .clarity-hero__grid{
  width:min(calc(100% - 32px),1220px);
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  min-height:0;
  height:auto;
  max-height:none;
  align-items:stretch;
}
.clarity-home .clarity-hero__copy{
  min-width:0;
  padding:clamp(30px,3.8vw,50px);
  justify-content:center;
}
.clarity-home .clarity-hero h1{
  max-width:540px;
  font-size:clamp(48px,4.7vw,70px);
  line-height:.93;
}
.clarity-home .clarity-lede{max-width:510px;margin-top:14px;line-height:1.55}
.clarity-home .clarity-actions{display:flex;flex-wrap:nowrap;gap:12px;margin-top:20px}
.clarity-home .clarity-actions .clarity-btn{flex:0 0 auto;white-space:nowrap}
.clarity-home .clarity-hero__media{
  min-width:0;
  min-height:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2e5d5;
  overflow:hidden;
  aspect-ratio:4/3;
}
.clarity-home .clarity-hero__media picture{display:block;width:100%;height:100%}
.clarity-home .clarity-hero__media img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center;
  margin:0;
  border-radius:0;
  box-shadow:none;
}
.clarity-home .clarity-section--first{padding-top:28px}

@media (max-width:1050px){
  .clarity-home .clarity-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
  .clarity-home .clarity-actions .clarity-btn{padding-inline:17px;font-size:11px}
}

@media (max-width:900px){
  .clarity-home .clarity-hero{padding:10px 0 14px}
  .clarity-home .clarity-hero__grid{width:min(calc(100% - 24px),720px);display:flex;flex-direction:column}
  .clarity-home .clarity-hero__media{order:-1;width:100%;height:auto;max-height:none;aspect-ratio:4/3;padding:0}
  .clarity-home .clarity-hero__media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
  .clarity-home .clarity-hero__copy{padding:24px 26px 26px}
  .clarity-home .clarity-actions{flex-wrap:wrap;gap:10px}
}

@media (max-width:640px){
  .clarity-home .clarity-hero__grid{width:calc(100% - 20px);border-radius:15px}
  .clarity-home .clarity-hero__media{height:auto;max-height:none;aspect-ratio:4/3;padding:0}
  .clarity-home .clarity-hero__media img{width:100%;height:100%;max-height:none;border-radius:0}
  .clarity-home .clarity-hero__copy{padding:20px 18px 22px}
  .clarity-home .clarity-hero h1{font-size:40px;line-height:.95}
  .clarity-home .clarity-lede{font-size:13.5px;line-height:1.5;margin-top:12px}
  .clarity-home .clarity-actions{margin-top:16px}
}