#page-discover-item{ background:#fff; font-family:'Nunito',system-ui,sans-serif; padding-bottom:96px; }
.ar-top{ position:relative; background:#FBF6EC; }
.ar-top img{ display:block; width:100%; height:auto; max-height:420px; object-fit:cover; }
.ar-noimg{ height:190px; background:linear-gradient(135deg,#EAF1E4,#FBF6EC); }
.ar-back{
  position:absolute; top:14px; left:16px; z-index:5;
  display:inline-flex; align-items:center; gap:6px;
  background:#243447; border:none; color:#fff !important; -webkit-text-fill-color:#fff !important;
  padding:9px 16px; border-radius:999px; font:inherit; font-weight:700; font-size:.8rem;
  cursor:pointer; min-height:42px; box-shadow:0 6px 16px rgba(36,52,71,.24);
}
.ar-back svg{ width:15px; height:15px; }
.ar-in{ max-width:820px; margin:0 auto; padding:30px 20px 20px; }
.ar-eb{
  font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important; margin:0 0 8px;
}
#page-discover-item h2.ar-h{
  font-family:'Playfair Display',serif; font-size:clamp(1.8rem,3.6vw,2.5rem); line-height:1.14; margin:0 0 12px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
.ar-intro{ font-size:1.05rem; line-height:1.7; color:#4a4a44 !important; -webkit-text-fill-color:#4a4a44 !important; margin:0 0 8px; }
.ar-sec{ max-width:820px; margin:0 auto; padding:14px 20px; }
.ar-sec h3{
  font-family:'Playfair Display',serif; font-size:1.25rem; margin:22px 0 10px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
.ar-sec ul{ margin:0; padding-left:20px; }
.ar-sec li{ color:#4a4a44 !important; -webkit-text-fill-color:#4a4a44 !important; line-height:1.75; margin-bottom:4px; }
.ar-shop li{ list-style:none; display:flex; align-items:center; gap:9px; padding:7px 0; border-bottom:1px dashed #EAE2D4; }
.ar-shop{ padding-left:0 !important; }
.ar-shop input{ width:18px; height:18px; accent-color:#5E7E57; cursor:pointer; flex:none; }
.ar-board{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; }
.ar-swatch{ aspect-ratio:1; border-radius:14px; display:grid; place-items:center; font-size:1.6rem; }
.ar-rel{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:12px; }
.ar-rel-it{
  background:#FBF6EC; border:1px solid #EAE2D4; border-radius:16px; padding:14px 16px; cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease;
}
.ar-rel-it:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(51,64,47,.08); }
.ar-rel-it b{ display:block; font-size:.92rem; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.ar-rel-it p{ margin:4px 0 0; font-size:.8rem; color:#78766c !important; -webkit-text-fill-color:#78766c !important; }

/* sticky CTA footer — stays visible while scrolling (spec) */
.ar-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:900;
  background:rgba(255,255,255,.94); backdrop-filter:blur(8px);
  border-top:1px solid #EAE2D4; padding:11px 16px;
  display:flex; gap:8px; justify-content:center; flex-wrap:wrap;
  box-shadow:0 -6px 24px rgba(51,64,47,.06);
}
.ar-bar .hc-mini{ background:#fff; }
.ar-bar .hc-mini--go{
  background:#5E7E57; border-color:#5E7E57;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
@media (max-width:640px){
  .ar-bar{ padding:9px 10px; gap:6px; }
  .ar-bar .hc-mini{ font-size:.74rem; padding:7px 10px; }
}
/* smart suggestions */
.hc-sug{ margin-top:18px; }
.hc-sug-h{
  font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important; margin:0 0 10px;
}
.hc-sug-list{ display:flex; flex-wrap:wrap; gap:8px; }
.hc-sug-it{
  background:#FBF6EC; border:1px solid #EAE2D4; border-radius:999px; padding:9px 15px;
  font-size:.85rem; font-weight:700; cursor:pointer;
  color:#5E7E57 !important; -webkit-text-fill-color:#5E7E57 !important;
}
.hc-sug-it:hover{ border-color:#7d9e77; }
@media (prefers-reduced-motion:reduce){ .ar-rel-it{ transition:none !important; } }