:root{
  --navy:#0B1730; --gold:#C9A227; --cream:#F6F3EC; --paper:#FFFDF8;
  --muted:#5E6573; --line:#E4DCCB; --wa:#25D366; --ok:#1F7A4D;
}

#telephonie .pole-grid{
  grid-template-columns:1fr;
}
#telephonie .range,
#telephonie .range:hover{
  overflow:visible;
  transform:none;
}

.range-layout{
  display: grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap: 22px;
  align-items: start;
  padding: 10px 12px 16px;
}
.range-col--main{
  min-width:0;
}
.range-col--buy{
  position: sticky;
  top: 80px;
  align-self: start;
  width: 320px;
  max-width: 100%;
  padding: 14px 14px 16px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(11,23,48,.08);
}
.range-col--buy .pack-tag{margin-bottom:8px}
.range-col--buy h3{margin:0 0 12px;font-size:1.12rem;line-height:1.25}
.range-col--buy .dest-select{max-width:100%}
.range-col--buy .range__act{
  display:flex;flex-direction:column;gap:8px;margin-top:4px;
}
.range-col--buy .range__act .wa-pair{
  flex-direction:column;align-items:stretch;width:100%;
}
.range-col--buy .range__act .btn{width:100%;white-space:normal}

.buy-tiers{display:grid;gap:8px;margin:0 0 12px}
.buy-tier{
  display:block;width:100%;text-align:left;
  padding:10px 12px;border-radius:14px;
  border:2px solid var(--line);background:#fff;cursor:pointer;
}
.buy-tier:hover{border-color:rgba(201,162,39,.55)}
.buy-tier.is-on{
  border-color:var(--gold);
  background:#fffdf4;
  box-shadow:0 0 0 3px rgba(201,162,39,.18);
}
.buy-tier b{display:block;font-size:.82rem;color:var(--navy)}
.buy-tier span{display:block;font-size:.88rem;font-weight:800;color:var(--navy);margin-top:2px}
.buy-tier small{display:block;font-size:.72rem;color:var(--muted);margin-top:3px}
.buy-qty{
  display:flex;flex-direction:column;gap:6px;
  font-size:.78rem;font-weight:800;color:var(--navy);margin:8px 0 10px;
}
.buy-qty input{
  width:100%;height:42px;
  border:1px solid var(--line);border-radius:12px;background:#fff;
  padding:0 12px;font-weight:700;
}
.buy-total{
  font-size:.95rem;font-weight:800;color:var(--navy);
  margin:0 0 12px;padding:10px 12px;
  background:rgba(201,162,39,.12);border-radius:14px;
}
.space--detail .range-col--buy{
  border-color:rgba(37,211,102,.35);
  background:#F4FBF6;
}

@media (max-width: 900px){
  .range-layout{ grid-template-columns: 1fr; }
  .range-col--buy{ position: static; width: auto; }
}

/* Equal default nav weight; gold underline only on hover / ScrollSpy .is-active */
nav.main > a.nav-link,
nav.main .mega__btn.nav-link{
  text-decoration:none;
  font-size:.9rem;
  font-weight:600;
  color:var(--muted, #5E6573);
  padding:6px 0;
  border-bottom:2px solid transparent;
  background:none;
  white-space:nowrap;
  cursor:pointer;
}
nav.main > a.nav-link:hover,
nav.main .mega__btn.nav-link:hover{
  color:var(--ink, #101826);
  border-color:var(--gold, #C9A227);
}
nav.main > a.nav-link.is-active,
nav.main .mega__btn.nav-link.is-active{
  color:var(--ink, #101826);
  font-weight:700;
  border-bottom-color:var(--gold, #C9A227);
}
nav.main .mega.is-open .mega__btn.nav-link{
  border-bottom-color:transparent;
  font-weight:600;
  color:var(--muted, #5E6573);
}
nav.main .mega.is-open .mega__btn.nav-link:hover,
nav.main .mega.is-open .mega__btn.nav-link.is-active{
  color:var(--ink, #101826);
  border-bottom-color:var(--gold, #C9A227);
}
nav.main .mega.is-open .mega__btn.nav-link.is-active{
  font-weight:700;
}

.temoign{
  padding:48px 0 40px;
  background:var(--paper, #FFFDF8);
  border-top:1px solid var(--line, #E4DCCB);
}
.temoign-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:22px;
}
.temoign-card{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  padding:22px 20px 18px;
  box-shadow:0 10px 28px rgba(11,23,48,.08);
  transition:transform .18s ease,box-shadow .18s ease;
}
.temoign-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(11,23,48,.12);
}
.temoign-stars{display:flex;gap:3px;align-items:center}
.temoign-star{display:block;flex:none}
.temoign-card > p{
  margin:0;
  color:#1f2937;
  font-size:.92rem;
  line-height:1.55;
  font-weight:500;
  flex:1;
}
.temoign-who{
  display:flex;align-items:center;gap:12px;
  margin-top:6px;padding-top:14px;
  border-top:1px solid #E4DCCB;
}
.temoign-avatar{
  width:42px;height:42px;border-radius:50%;flex:none;
  display:grid;place-items:center;
  font-size:.72rem;font-weight:800;letter-spacing:.04em;
  color:#0B1730;background:#F6F3EC;
  border:1px solid #E4DCCB;
}
.temoign-avatar--io{background:#FFF4D6}
.temoign-avatar--mt{background:#E8EEF8}
.temoign-avatar--fk{background:#EAF6EE}
.temoign-who b{display:block;font-size:.92rem;color:#0B1730}
.temoign-who div span{display:block;font-size:.78rem;color:#5E6573;font-weight:500;line-height:1.35;margin-top:2px}
@media (max-width:700px){
  .temoign-grid{grid-template-columns:1fr}
}

.shop-addr{
  margin:10px 0 12px;
  font-size:.88rem;
  color:var(--navy, #0B1730);
  line-height:1.45;
  font-weight:650;
}
.btn--maps{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  font-weight:700;
  font-size:.85rem;
  text-decoration:none;
  color:#0B1730;
  background:#fff;
  border:1.5px solid #25D366;
  box-shadow:0 4px 14px rgba(37,211,102,.18);
}
.btn--maps:hover{
  background:#25D366;
  color:#fff;
}

.shop-card{
  background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;
  overflow:hidden;text-decoration:none;color:inherit;
  display:flex;flex-direction:column;cursor:pointer;
  box-shadow:0 10px 28px rgba(11,23,48,.06);
  transition:transform .22s,box-shadow .25s,border-color .2s;
}
.shop-card:hover,
article.shop-card:hover,
.shop-card--air31:hover{
  transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,23,48,.12);
  border-color:rgba(201,162,39,.45);
}
.shop-card--air31{cursor:pointer}
.air31-modal__info .shop-card__stock{position:static;display:inline-block;margin-bottom:6px}
.shop-card__stock{
  position:absolute; top:12px; right:54px; z-index:2;
  font-size:.68rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  color:#fff; background:#1F7A4D;
  padding:5px 10px; border-radius:999px;
  box-shadow:0 4px 12px rgba(31,122,77,.28);
}
.shop-card__meta{font-size:.8rem; color:#5E6573; margin:8px 0 0; flex:none}
.shop-card__price{font-size:.82rem; color:#0B1730; margin:8px 0 12px; line-height:1.45; flex:none}
.shop-card__price b{color:#0B1730}
.btn--pay{
  width:100%;
  background:#0B1730;
  color:#F6F3EC;
  border:none;
  font-weight:800;
  letter-spacing:.01em;
  white-space:normal;
  line-height:1.3;
  padding:12px 14px;
}
.pay-panel{
  margin-top:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  display:grid;
  gap:10px;
}
.pay-panel[hidden]{display:none}
.pay-amount{
  margin:0;
  padding:8px 10px;
  background:rgba(201,162,39,.12);
  border-radius:10px;
  font-size:.88rem;
  font-weight:800;
  color:var(--navy);
}
.pay-opts{display:grid;gap:8px}
.pay-opt{
  display:block;width:100%;text-align:left;
  padding:10px 12px;border-radius:12px;
  border:2px solid var(--line);background:#fff;cursor:pointer;
}
.pay-opt--om.is-on{border-color:#ff7900;background:#fff6ee;box-shadow:0 0 0 3px rgba(255,121,0,.16)}
.pay-opt--pickup.is-on{border-color:#1F7A4D;background:#eef8f2;box-shadow:0 0 0 3px rgba(31,122,77,.16)}
.pay-opt--wave.is-on{border-color:#1c64f2;background:#eef4ff;box-shadow:0 0 0 3px rgba(28,100,242,.16)}
.pay-opt__t{display:block;font-weight:800;font-size:.88rem;color:var(--navy)}
.pay-opt__d{display:block;font-size:.78rem;color:var(--muted);margin-top:3px}
.pay-form-t{margin:0;font-size:.82rem;font-weight:800;color:var(--navy)}
.pay-goods{margin:0;font-size:.76rem;line-height:1.45;color:var(--muted)}
.pay-field{display:flex;flex-direction:column;gap:5px;font-size:.78rem;font-weight:800;color:var(--navy)}
.pay-field input{
  width:100%;height:42px;border:1px solid var(--line);border-radius:12px;
  background:#fff;padding:0 12px;font-weight:600;font-size:.88rem;
}
.pay-field input:focus{outline:2px solid var(--gold);outline-offset:1px}
.pay-pickup{margin:0;font-size:.78rem;line-height:1.45;color:var(--muted)}
.pay-delivery{
  margin:0;font-size:.76rem;line-height:1.5;color:var(--navy);
  padding:10px 12px;background:rgba(31,122,77,.08);
  border-radius:12px;border-left:3px solid #1F7A4D;font-weight:600;
}
.pay-wa{width:100%;text-align:center;white-space:normal}
.share-fab{
  position:absolute;top:12px;right:12px;z-index:5;
  width:38px;height:38px;padding:0;margin:0;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid rgba(37,211,102,.28);
  background:#fff;color:#25D366;
  text-decoration:none;cursor:pointer;
  box-shadow:0 6px 16px rgba(11,23,48,.14);
  transition:transform .15s,box-shadow .2s,background .15s,border-color .15s;
}
.share-fab:hover,.share-fab:focus-visible{
  background:#25D366;color:#fff;border-color:#25D366;
  box-shadow:0 8px 20px rgba(37,211,102,.38);
  transform:scale(1.08);
}
.share-fab svg,
.shop-card__visual .share-fab svg{
  width:20px !important;height:20px !important;flex:none;
  padding:0 !important;background:none !important;
  max-width:none;object-fit:unset;
  fill:currentColor;stroke:none;
}

.jan-float{
  position:fixed !important;
  right:20px !important;
  bottom:110px !important;
  top:auto !important;
  left:auto !important;
  z-index:9999 !important;
}
