/* ANDALUS_PRODUCT_PAGE_V2 (19 Oct 2026) — the model page /product/<section>/<model>/.
   Photos + thumbnail row, the shared price block (andalus-price-card-v1.css), WhatsApp,
   reasons to buy, the showroom and other models from the same section.
   Site rules: text never under 13px, English digits, WhatsApp green #128c4a. */

.an-pd-body{background:#fbf6ef;color:#231713}
.an-pd{
  --pd-ink:#231713;--pd-soft:#7a675d;--pd-brand:#6f442f;--pd-line:#eadbd0;--pd-paper:#fff;--pd-wa:#128c4a;
  width:min(1180px,100% - 32px);margin:0 auto;padding:14px 0 40px;
}
.an-pd *{box-sizing:border-box}
.an-pd a{color:inherit}

/* Where am I */
html body .an-pd__crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:700;color:var(--pd-soft);line-height:1.5!important}
html body .an-pd__crumb a{color:var(--pd-brand);text-decoration:none}
html body .an-pd__crumb a:hover{text-decoration:underline}
html body .an-pd__crumb [aria-current]{color:var(--pd-ink)}

/* Photos */
.an-pd__top{display:grid;gap:18px}
.an-pd__media{min-width:0}
.an-pd .an-pd__gal.anp-gal{--anp-ratio:1/1;--anp-bg:#f3ece4;--anp-radius:0px;margin:0 -16px}
.an-pd__thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 0 2px;margin:0}
.an-pd__thumbs::-webkit-scrollbar{display:none}
.an-pd .an-pd__thumb{
  flex:0 0 64px;width:64px;height:64px;padding:2px;border:0;border-radius:12px;background:#fff;cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--pd-line);opacity:.75;transition:opacity .15s ease,box-shadow .15s ease;
}
.an-pd .an-pd__thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}
.an-pd .an-pd__thumb.is-on{opacity:1;box-shadow:inset 0 0 0 2px var(--pd-brand)}
.an-pd .an-pd__thumb:focus-visible{outline:3px solid #f0b75a;outline-offset:2px}

/* Name, price, buttons */
.an-pd__info{min-width:0}
html body .an-pd__title{margin:0 0 4px;font-size:28px;font-weight:900;line-height:1.25!important;color:var(--pd-ink);letter-spacing:0}
.an-pd .an-cp{margin:8px 0 14px}
.an-pd .an-cp__cash strong{font-size:28px}
.an-pd .an-cp__from{font-size:17px}
.an-pd .an-cp__from strong{font-size:22px}
.an-pd .an-cp__line{font-size:14px}
.an-pd .an-pd__wa{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 18px;border-radius:16px;
  background:var(--pd-wa);color:#fff!important;font-size:17px;font-weight:900;text-decoration:none!important;
  box-shadow:0 12px 24px rgba(18,140,74,.2);
}
.an-pd .an-pd__wa svg,.an-pd-bar__wa svg{width:22px;height:22px;flex:0 0 22px;fill:currentColor}
.an-pd .an-pd__wa:hover{background:#0f7a40}
.an-pd .an-pd__share{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:10px;padding:0 16px;
  border:1px solid var(--pd-line);border-radius:14px;background:#fff;color:var(--pd-ink);font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;
}
.an-pd .an-pd__share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.an-pd .an-pd__share:hover{border-color:var(--pd-brand)}

html body .an-pd__perks{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
html body .an-pd__perks li{
  margin:0;padding:12px;border:1px solid var(--pd-line);border-radius:14px;background:#fff;display:grid;gap:2px;line-height:1.45!important;
}
html body .an-pd__perks strong{font-size:15px;font-weight:900;color:var(--pd-ink)}
html body .an-pd__perks span{font-size:13px;font-weight:700;color:var(--pd-soft)}

/* Usual pieces and sizes of the section (ANDALUS_CATEGORY_SPECS_V1) */
.an-pd__specs{margin-top:28px;padding:20px;border:1px solid var(--pd-line);border-radius:20px;background:#fff}
html body .an-pd__specs h2{margin:0 0 10px;font-size:22px;font-weight:900;line-height:1.3!important;color:var(--pd-ink)}
html body .an-pd__specs-group{margin:14px 0 6px;font-size:17px;font-weight:900;line-height:1.4!important;color:var(--pd-brand)}
html body .an-pd__specs-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
html body .an-pd__specs-list li{margin:0;padding:10px 0;border-top:1px solid var(--pd-line);display:grid;grid-template-columns:minmax(96px,30%) 1fr;gap:10px;line-height:1.6!important}
html body .an-pd__specs-list li:first-child{border-top:0}
html body .an-pd__specs-list strong{font-size:15px;font-weight:900;color:var(--pd-ink)}
html body .an-pd__specs-list span{font-size:15px;font-weight:700;color:var(--pd-ink)}
html body .an-pd__specs-extra{margin:10px 0 0;font-size:15px;font-weight:900;color:var(--pd-brand)}
html body .an-pd__specs-note{margin:12px 0 0;font-size:14px;font-weight:700;line-height:1.7!important;color:var(--pd-soft)}
html body .an-pd__specs-note a{color:var(--pd-wa);font-weight:900;text-decoration:underline}

/* Showroom */
.an-pd__visit{
  margin-top:28px;padding:20px;border-radius:20px;background:#2b1b16;color:#fff;display:grid;gap:14px;
}
html body .an-pd__visit h2{margin:0 0 6px;font-size:22px;font-weight:900;line-height:1.3!important;color:#fff}
html body .an-pd__visit p{margin:0;font-size:15px;font-weight:700;line-height:1.6!important;color:#f0ddd0}
.an-pd__visit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.an-pd .an-pd__btn{
  display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 14px;border-radius:14px;
  background:#fff;color:var(--pd-ink)!important;font-size:15px;font-weight:900;text-decoration:none!important;text-align:center;
}
.an-pd .an-pd__btn--ghost{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}

/* Other models */
.an-pd__more{margin-top:32px}
.an-pd__more-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
html body .an-pd__more h2{margin:0;font-size:22px;font-weight:900;line-height:1.3!important;color:var(--pd-ink)}
.an-pd__more-head a{font-size:15px;font-weight:800;color:var(--pd-brand)!important;text-decoration:none;white-space:nowrap}
.an-pd__more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.an-pd .an-pd__card{
  display:grid;align-content:start;gap:3px;padding:0 0 12px;border:1px solid var(--pd-line);border-radius:16px;background:#fff;
  overflow:hidden;text-decoration:none!important;color:var(--pd-ink)!important;transition:box-shadow .15s ease,transform .15s ease;
}
.an-pd .an-pd__card:hover{box-shadow:0 12px 26px rgba(61,35,24,.1);transform:translateY(-2px)}
.an-pd__card-img{display:block;aspect-ratio:4/3;background:#f3ece4;margin-bottom:6px}
.an-pd__card-img img{display:block;width:100%;height:100%;object-fit:cover}
.an-pd__card-title{padding:0 10px;font-size:15px;font-weight:900;line-height:1.35}
.an-pd__card-price{padding:0 10px;font-size:17px;font-weight:900}
.an-pd__card-from{padding:0 10px;font-size:13px;font-weight:800;color:var(--pd-wa)}
.an-pd .an-pd__btn--wide{margin-top:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--pd-line)}

/* Bottom bar (phones): price + WhatsApp, shown once the main button scrolls away. */
.an-pd-bar{
  position:fixed;inset-inline:0;bottom:0;z-index:60;display:flex;align-items:center;gap:12px;
  padding:10px 16px calc(env(safe-area-inset-bottom,0px) + 10px);background:#fff;border-top:1px solid #eadbd0;
  box-shadow:0 -10px 24px rgba(35,23,19,.08);transform:translateY(110%);transition:transform .2s ease;direction:rtl;
}
.an-pd-bar.is-on{transform:none}
.an-pd-bar__text{flex:1 1 auto;min-width:0;display:grid;line-height:1.3}
.an-pd-bar__text strong{font-size:17px;font-weight:900;color:#231713}
.an-pd-bar__text span{font-size:13px;font-weight:800;color:#128c4a}
.an-pd-bar__wa{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;
  background:#128c4a;color:#fff!important;font-size:15px;font-weight:900;text-decoration:none!important;
}
.an-pd-body{padding-bottom:76px}

@media (min-width:700px){
  .an-pd .an-pd__gal.anp-gal{margin:0;--anp-ratio:4/3;--anp-radius:18px}
  .an-pd__more-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .an-pd__visit{grid-template-columns:1fr auto;align-items:center;padding:24px 28px}
  .an-pd__visit-actions{grid-template-columns:auto auto}
  .an-pd .an-pd__btn{padding:0 22px}
  .an-pd .an-pd__btn--wide{display:none}
}
@media (min-width:1000px){
  .an-pd{padding-top:20px}
  .an-pd__top{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start}
  .an-pd__info{position:sticky;top:96px}
  html body .an-pd__title{font-size:36px}
  .an-pd .an-cp__cash strong{font-size:36px}
  .an-pd .an-pd__thumb{flex-basis:72px;width:72px;height:72px}
  .an-pd-bar{display:none}
  .an-pd-body{padding-bottom:0}
}
@media (prefers-reduced-motion:reduce){
  .an-pd-bar,.an-pd .an-pd__card,.an-pd .an-pd__thumb{transition:none}
}
