/* Shared UI v2: full-bleed hero for inner pages, related photo tiles, calculator, guide TOC, mobile action bar, footer extras.
   Loaded after pages.css and home.css. */

/* ---- inner-page hero (same language as the home hero) ---- */
.lx-hero{position:relative;isolation:isolate;min-height:520px;display:flex;align-items:center;padding:64px 0;
  background:#141210 var(--hero) 50% var(--py,55%)/cover no-repeat}
.lx-hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(14,12,10,.92) 0%,rgba(14,12,10,.7) 45%,rgba(14,12,10,.2) 80%),linear-gradient(0deg,rgba(14,12,10,.5),rgba(14,12,10,0) 40%)}
.lx-hero .lx-hero__text{position:relative;max-width:680px;padding:0}
.lx-page .lx-hero h1{font-size:clamp(2.1rem,1.3rem + 2.8vw,3.6rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 var(--s5)}
.lx-page .lx-hero .lx-hero__sub{font-size:1.1rem;max-width:580px}
.lx-crumbs ol{margin:14px auto}
@media (max-width:640px){
  .lx-hero{min-height:0;padding:0 0 28px;background-size:100% auto;background-position:50% 0}
  .lx-hero .container{padding-left:16px;padding-right:16px}
  .lx-hero::before{background:linear-gradient(180deg,rgba(14,12,10,.05) 0,rgba(14,12,10,.15) calc(67vw - 130px),rgba(14,12,10,.95) calc(67vw - 10px),#141210 67vw)}
  .lx-hero .lx-hero__text{padding-top:calc(67vw - 50px)}
  .lx-page .lx-hero h1{font-size:2.05rem}
  .lx-page .lx-hero .lx-hero__sub{font-size:1rem}
}

/* ---- related photo tiles (uses .hx-tile from home.css) ---- */
.hx-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hx-related--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hx-related .hx-tile{height:260px}
.hx-articles--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:991px){.hx-related,.hx-related--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .hx-related,.hx-related--3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px;padding:0 12px 8px;gap:12px;scrollbar-width:none}
  .hx-related::-webkit-scrollbar{display:none}
  .lx-page .hx-related a.hx-tile{flex:0 0 78%;height:260px;scroll-snap-align:start}
  .hx-articles--2{grid-template-columns:minmax(0,1fr)}
}

/* ---- calculator ---- */
.lx-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.9fr);gap:28px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 30px;margin:var(--s7) 0 var(--s6);box-shadow:0 30px 60px -45px rgba(29,27,27,.45)}
.hx-soft .lx-calc{margin-top:0}
.lx-page .lx-calc h2{font-size:1.5rem;margin:0 0 8px;line-height:1.15}
.lx-page .lx-calc__head p:last-child{font-size:.92rem;margin:0}
.lx-calc__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lx-calc__f{display:flex;flex-direction:column;gap:6px;margin:0}
.lx-calc__f--wide{grid-column:1 / -1}
.lx-calc__f[hidden]{display:none}
.lx-calc__f span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.lx-calc__f select,.lx-calc__f input{height:50px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:500 .95rem 'Poppins',sans-serif;color:var(--ink);background:#fbfaf7;width:100%}
.lx-calc__f select:focus,.lx-calc__f input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.lx-calc__out{display:flex;flex-direction:column;gap:6px;background:#151311;border-radius:18px;padding:24px;color:#fff}
.lx-calc__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}
.lx-page .lx-calc__price{font-size:2.4rem;line-height:1.05;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.lx-page a.lx-calc__car{color:#e9e3d6;font-size:.95rem;text-decoration:underline;text-decoration-color:rgba(233,227,214,.35)}
.lx-calc__note{font-size:.8rem;color:#a9a192}
.lx-calc__warn{font-size:.82rem;color:#f0c674}
.lx-page .lx-calc__out .lx-calc__cta{margin-top:10px;min-height:48px}
@media (max-width:1199px){.lx-calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lx-calc__head{grid-column:1 / -1}}
@media (max-width:640px){.lx-calc{grid-template-columns:minmax(0,1fr);padding:20px 16px;gap:18px}.lx-calc__form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* ---- guide table of contents ---- */
.lx-toc{margin:0 0 var(--s4);padding:20px 24px;border-radius:16px;background:#f6f3ec;max-width:780px}
.lx-toc ol{margin:0;padding-left:1.2em;columns:2;column-gap:32px}
.lx-page .lx-toc li{font-size:.95rem;margin:0 0 6px;break-inside:avoid}
.lx-page .lx-toc a{text-decoration:none;color:var(--ink)}
.lx-page .lx-toc a:hover{color:var(--brown);text-decoration:underline}
@media (max-width:640px){.lx-toc ol{columns:1}}

/* ---- footer extras ---- */
.lx-f-addr p{font-size:14px;line-height:1.6;color:var(--gray,#5b5752);margin:4px 0 0}

/* ---- mobile action bar ---- */
.lx-mbar{display:none}
@media (max-width:767px){
  .lx-mbar{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:1040;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(21,19,17,.96);backdrop-filter:blur(8px);border-top:1px solid #2f2a25}
  .lx-mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:999px;font:600 .9rem 'Poppins',sans-serif;
    color:#fff;text-decoration:none;border:1px solid #3a342d}
  .lx-mbar svg{width:18px;height:18px}
  .lx-mbar a.lx-mbar__main{background:#dab663;border-color:#dab663;color:#1D1B1B}
  body{padding-bottom:72px}
  aside.watsappbutton{display:none}
}

/* ---- 404 ---- */
.lx-404{padding-top:56px;padding-bottom:24px;text-align:center}
.lx-page .lx-404__code{font-size:clamp(6rem,4rem + 8vw,11rem);line-height:.9;font-weight:700;margin:0;color:transparent;-webkit-text-stroke:2px #dab663}
.lx-page .lx-404 h1{font-size:clamp(1.8rem,1.3rem + 1.8vw,2.8rem);margin:12px 0 12px}
.lx-page .lx-404__text{max-width:560px;margin:0 auto 28px}
.lx-404__cta{justify-content:center}
.lx-page a.lx-btn--dark{background:#1D1B1B;border-color:#1D1B1B;color:#fff}
.lx-page a.lx-btn--dark:hover{background:#000;border-color:#000}
.lx-404 .hx-related{text-align:left}

/* Header stays on one line on all desktop widths (container max 1320px): tighter menu, phone only */
@media (min-width:1200px){
  .header__site__menu ul li{margin-left:12px}
  .header__site__menu ul li a{font-size:13px;letter-spacing:0}
  .header__link a{font-size:14px}
  .header__main__logo img{max-width:130px;height:auto}
  .header__link a.mail{display:none!important}
  .header__link{justify-content:center}
}

.lx-calc__price small{display:block;margin-top:4px;font-size:.9rem;font-weight:500;color:#cfc7b8;letter-spacing:0}
.header__main__logo a{display:inline-block;min-height:24px}
.check__input .terms-link a{display:inline-block;padding:3px 0}
.lx-404 .hx-related{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.lx-f-addr{margin-top:14px}

/* ---- privacy policy modal (native dialog, sits above the quote modal too) ---- */
.lx-policy{width:min(760px,calc(100vw - 24px));max-height:min(86vh,900px);padding:0;border:0;border-radius:20px;background:#fff;color:#1D1B1B;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.55);display:none;flex-direction:column;overflow:hidden}
.lx-policy[open]{display:flex}
.lx-policy::backdrop{background:rgba(14,12,10,.62);backdrop-filter:blur(3px)}
.lx-policy__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid #eee7da}
.lx-policy__bar strong{font:700 1.2rem 'Poppins',sans-serif}
.lx-policy__close{width:40px;height:40px;border-radius:50%;border:0;background:#f4f1ea;font-size:1.6rem;line-height:1;color:#1D1B1B;cursor:pointer}
.lx-policy__close:hover{background:#dab663}
.lx-policy__body{overflow-y:auto;padding:8px 24px 16px;font:400 .95rem/1.7 'Poppins',sans-serif;color:#3b3833}
.lx-policy__body h2,.lx-policy__body h3,.lx-policy__body h4{font:600 1.05rem/1.35 'Poppins',sans-serif;color:#1D1B1B;margin:20px 0 8px}
.lx-policy__body p,.lx-policy__body li{font-size:.93rem;line-height:1.7;margin:0 0 10px}
.lx-policy__body a{color:#704214;text-decoration:underline}
.lx-policy__body .row,.lx-policy__body [class*="col-"]{margin:0;padding:0;width:auto;max-width:none;flex:none;display:block}
.lx-policy__loading{padding:24px 0;color:#8a847a}
.lx-policy__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid #eee7da;background:#fbfaf7}
.lx-policy__foot a{font:500 .9rem 'Poppins',sans-serif;color:#704214}
.lx-policy__foot .lx-policy__ok{min-height:46px;padding:0 26px;border:0;border-radius:999px;background:#dab663;color:#1D1B1B!important;font:600 .9rem 'Poppins',sans-serif;cursor:pointer}
@media (max-width:640px){
  .lx-policy{width:100vw;max-width:100vw;max-height:92vh;margin:auto 0 0;border-radius:20px 20px 0 0}
  .lx-policy__body{padding:4px 16px 12px}
  .lx-policy__bar,.lx-policy__foot{padding:14px 16px}
}

.lx-policy__body h1,.lx-policy__body h2,.lx-policy__body h3,.lx-policy__body h4,.lx-policy__body h5{font-size:1.02rem!important;font-weight:600!important;line-height:1.35!important;margin:18px 0 6px!important;text-align:left!important}
.lx-policy__body p,.lx-policy__body li{text-align:left!important}