/* Amaron Experience Layer — product understanding, discovery and trust. */

body.amaron-home-v4 .am-hotspots{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}
body.amaron-home-v4 .am-hotspots__buttons{position:absolute;inset:0}
body.amaron-home-v4 .am-hotspot{
  position:absolute;
  width:46px;
  height:46px;
  padding:0;
  color:#fff7df;
  border:1px solid rgba(255,255,255,.52);
  border-radius:50%;
  background:rgba(27,34,15,.62);
  box-shadow:0 0 0 8px rgba(201,164,82,.10),0 12px 30px rgba(0,0,0,.22);
  backdrop-filter:blur(9px);
  cursor:pointer;
  pointer-events:auto;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
body.amaron-home-v4 .am-hotspot:hover,
body.amaron-home-v4 .am-hotspot.is-active{
  transform:scale(1.08);
  color:#263017;
  background:#d4b26b;
  box-shadow:0 0 0 10px rgba(212,178,107,.16),0 16px 34px rgba(0,0,0,.26);
}
body.amaron-home-v4 .am-hotspot:focus-visible,
body.amaron-home-v4 .am-finder button:focus-visible,
body.amaron-home-v4 .am-ingredients button:focus-visible{
  outline:3px solid #f0d593;
  outline-offset:4px;
}
body.amaron-home-v4 .am-hotspot span{font-size:10px;font-weight:700;letter-spacing:.08em}
body.amaron-home-v4 .am-hotspot--1{left:13%;top:28%}
body.amaron-home-v4 .am-hotspot--2{right:17%;top:43%}
body.amaron-home-v4 .am-hotspot--3{left:24%;bottom:19%}
body.amaron-home-v4 .am-hotspots__panel{
  position:absolute;
  right:3%;
  bottom:14%;
  width:min(300px,46%);
  padding:18px 20px;
  color:#f8f1dc;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(17,23,10,.76);
  box-shadow:0 20px 46px rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
  pointer-events:none;
}
body.amaron-home-v4 .am-hotspots__panel span,
body.amaron-home-v4 .am-hotspots__panel strong{display:block}
body.amaron-home-v4 .am-hotspots__panel span{font-size:8px;letter-spacing:.16em;color:#d3b574}
body.amaron-home-v4 .am-hotspots__panel strong{margin-top:7px;font-family:var(--am-serif,Georgia,serif);font-size:24px;font-weight:400}
body.amaron-home-v4 .am-hotspots__panel p{margin:7px 0 0;color:rgba(248,241,220,.72);font-size:12px;line-height:1.55}

body.amaron-home-v4 .am-trust{
  width:100%;
  padding:clamp(54px,6vw,88px) var(--v4-pad,5vw);
  color:#30351d;
  background:#f1eee4;
  border-bottom:1px solid rgba(58,65,34,.10);
}
body.amaron-home-v4 .am-trust__head,
body.amaron-home-v4 .am-trust__grid{width:min(1480px,100%);margin-inline:auto}
body.amaron-home-v4 .am-trust__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:34px;
}
body.amaron-home-v4 .am-trust__head span{font-size:9px;letter-spacing:.2em;color:#777a63}
body.amaron-home-v4 .am-trust__head h2{max-width:11ch;margin:0;font-size:clamp(40px,4vw,62px);line-height:.94;letter-spacing:-.045em}
body.amaron-home-v4 .am-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(65,72,39,.13)}
body.amaron-home-v4 .am-trust__grid article{
  display:flex;
  min-height:190px;
  gap:18px;
  padding:28px;
  align-items:flex-start;
  background:rgba(255,255,255,.18);
}
body.amaron-home-v4 .am-trust__grid article+article{border-left:1px solid rgba(65,72,39,.13)}
body.amaron-home-v4 .am-trust__grid svg{flex:0 0 34px;width:34px;height:34px;color:#8b743c}
body.amaron-home-v4 .am-trust__grid h3{margin:2px 0 9px;font-size:17px;font-weight:600}
body.amaron-home-v4 .am-trust__grid p{margin:0;color:#676a57;font-size:13px;line-height:1.65}

body.amaron-home-v4 .am-finder{
  display:grid;
  grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);
  width:100%;
  min-height:680px;
  color:#f5efdc;
  background:
    radial-gradient(circle at 18% 14%,rgba(182,143,66,.18),transparent 30%),
    linear-gradient(135deg,#171d0d,#2b3219 58%,#202612);
  overflow:hidden;
}
body.amaron-home-v4 .am-finder__intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(54px,7vw,110px) clamp(28px,6vw,96px);
  border-right:1px solid rgba(255,255,255,.11);
}
body.amaron-home-v4 .am-finder__intro>span,
body.amaron-home-v4 .am-finder__question>span,
body.amaron-home-v4 .am-finder__result>div>span{
  font-size:9px;
  letter-spacing:.19em;
  color:#d4b56e;
}
body.amaron-home-v4 .am-finder__intro h2{max-width:8ch;margin:18px 0 24px;font-size:clamp(54px,5.7vw,86px);line-height:.88;letter-spacing:-.05em;color:#fffaf0}
body.amaron-home-v4 .am-finder__intro p{max-width:38ch;margin:0;color:rgba(245,239,220,.68);font-size:15px;line-height:1.75}
body.amaron-home-v4 .am-finder__progress{position:relative;width:min(320px,100%);height:2px;margin-top:48px;background:rgba(255,255,255,.14)}
body.amaron-home-v4 .am-finder__progress i{display:block;width:50%;height:100%;background:#d4b56e;transition:width .35s ease}
body.amaron-home-v4 .am-finder__progress b{position:absolute;right:0;top:12px;font-size:9px;font-weight:500;letter-spacing:.14em;color:rgba(255,255,255,.5)}
body.amaron-home-v4 .am-finder__stage{display:flex;align-items:center;padding:clamp(42px,6vw,94px)}
body.amaron-home-v4 .am-finder__question{width:100%;max-width:760px;margin:auto}
body.amaron-home-v4 .am-finder__question h3{margin:18px 0 34px;font-size:clamp(34px,3vw,50px);font-weight:400;line-height:1.02;color:#fff}
body.amaron-home-v4 .am-finder__options{display:grid;grid-template-columns:1fr;gap:12px}
body.amaron-home-v4 .am-finder__options button{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 32px;
  grid-template-rows:auto auto;
  min-height:104px;
  padding:20px 22px;
  color:#f6f0df;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  text-align:left;
  cursor:pointer;
  transition:transform .24s ease,border-color .24s ease,background .24s ease;
}
body.amaron-home-v4 .am-finder__options button:hover{transform:translateX(6px);border-color:rgba(212,181,110,.58);background:rgba(255,255,255,.075)}
body.amaron-home-v4 .am-finder__options b{grid-row:1/3;padding-top:3px;color:#d4b56e;font-size:10px;letter-spacing:.12em}
body.amaron-home-v4 .am-finder__options strong{font-family:var(--am-serif,Georgia,serif);font-size:23px;font-weight:400}
body.amaron-home-v4 .am-finder__options small{grid-column:2;color:rgba(246,240,223,.56);font-size:12px;line-height:1.5}
body.amaron-home-v4 .am-finder__options i{grid-column:3;grid-row:1/3;align-self:center;font-size:20px;font-style:normal;color:#d4b56e}
body.amaron-home-v4 .am-finder__back,
body.amaron-home-v4 .am-finder__result button{min-height:44px;margin-top:18px;padding:0;color:rgba(255,255,255,.68);border:0;background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
body.amaron-home-v4 .am-finder__result{display:grid;grid-template-columns:.9fr 1.1fr;width:100%;max-width:880px;margin:auto;background:#f1eee3;color:#30351d;box-shadow:0 34px 80px rgba(0,0,0,.22)}
body.amaron-home-v4 .am-finder__result>img{width:100%;height:100%;min-height:440px;object-fit:cover}
body.amaron-home-v4 .am-finder__result>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,66px)}
body.amaron-home-v4 .am-finder__result h3{margin:14px 0 20px;font-size:clamp(38px,4vw,58px);line-height:.92;letter-spacing:-.04em}
body.amaron-home-v4 .am-finder__result p{margin:0;color:#666956;line-height:1.7}
body.amaron-home-v4 .am-finder__result a{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:48px;margin-top:28px;padding:0 22px;color:#fff;background:#30371d;text-decoration:none}
body.amaron-home-v4 .am-finder__result button{align-self:flex-start;color:#686b58}

body.amaron-home-v4 .am-ingredients{
  width:100%;
  padding:clamp(70px,8vw,124px) var(--v4-pad,5vw);
  color:#30351d;
  background:#f7f4ea;
}
body.amaron-home-v4 .am-ingredients>header,
body.amaron-home-v4 .am-ingredients__layout{width:min(1480px,100%);margin-inline:auto}
body.amaron-home-v4 .am-ingredients>header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-bottom:42px}
body.amaron-home-v4 .am-ingredients>header>span{grid-column:1/-1;font-size:9px;letter-spacing:.2em;color:#8d7742}
body.amaron-home-v4 .am-ingredients>header h2{max-width:9ch;margin:0;font-size:clamp(52px,5.7vw,88px);line-height:.88;letter-spacing:-.05em}
body.amaron-home-v4 .am-ingredients>header p{max-width:30ch;margin:0;color:#686b58;line-height:1.7}
body.amaron-home-v4 .am-ingredients__layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);min-height:650px;border:1px solid rgba(62,69,37,.13)}
body.amaron-home-v4 .am-ingredients__tabs{display:flex;flex-direction:column;background:#eceade}
body.amaron-home-v4 .am-ingredients__tabs button{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  align-items:center;
  min-height:126px;
  gap:18px;
  padding:16px 22px;
  color:#343821;
  border:0;
  border-bottom:1px solid rgba(62,69,37,.12);
  background:transparent;
  text-align:left;
  cursor:pointer;
  transition:background .22s ease,padding-left .22s ease;
}
body.amaron-home-v4 .am-ingredients__tabs button:hover,
body.amaron-home-v4 .am-ingredients__tabs button[aria-selected="true"]{padding-left:28px;background:#fffdf5}
body.amaron-home-v4 .am-ingredients__tabs img{width:82px;height:82px;object-fit:cover;filter:saturate(.9)}
body.amaron-home-v4 .am-ingredients__tabs span,
body.amaron-home-v4 .am-ingredients__tabs strong,
body.amaron-home-v4 .am-ingredients__tabs small{display:block}
body.amaron-home-v4 .am-ingredients__tabs b{display:block;margin-bottom:5px;color:#9b8042;font-size:9px;letter-spacing:.12em}
body.amaron-home-v4 .am-ingredients__tabs strong{font-family:var(--am-serif,Georgia,serif);font-size:22px;font-weight:400}
body.amaron-home-v4 .am-ingredients__tabs small{margin-top:5px;color:#737660;font-size:10px;letter-spacing:.04em}
body.amaron-home-v4 .am-ingredients__detail{position:relative;display:grid;grid-template-columns:1.06fr .94fr;background:#fffdf6;overflow:hidden}
body.amaron-home-v4 .am-ingredients__detail figure{min-height:650px;margin:0;overflow:hidden}
body.amaron-home-v4 .am-ingredients__detail img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease,transform .6s ease}
body.amaron-home-v4 .am-ingredients__detail:hover img{transform:scale(1.025)}
body.amaron-home-v4 .am-ingredients__detail>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,72px)}
body.amaron-home-v4 .am-ingredients__detail span{font-size:9px;letter-spacing:.16em;color:#9b8042}
body.amaron-home-v4 .am-ingredients__detail h3{margin:16px 0 20px;font-size:clamp(42px,4.5vw,68px);line-height:.9;letter-spacing:-.04em}
body.amaron-home-v4 .am-ingredients__detail p{margin:0;color:#676a57;line-height:1.75}
body.amaron-home-v4 .am-ingredients__detail a{align-self:flex-start;margin-top:28px;padding-bottom:7px;color:#30351d;border-bottom:1px solid currentColor;text-decoration:none}

@media(max-width:1100px){
  body.amaron-home-v4 .am-trust__grid{grid-template-columns:repeat(2,1fr)}
  body.amaron-home-v4 .am-trust__grid article:nth-child(3){border-left:0;border-top:1px solid rgba(65,72,39,.13)}
  body.amaron-home-v4 .am-trust__grid article:nth-child(4){border-top:1px solid rgba(65,72,39,.13)}
  body.amaron-home-v4 .am-finder{grid-template-columns:.85fr 1.15fr}
  body.amaron-home-v4 .am-finder__result{grid-template-columns:1fr;max-width:620px}
  body.amaron-home-v4 .am-finder__result>img{height:200px;min-height:200px;object-position:center 28%}
  body.amaron-home-v4 .am-finder__result>div{padding:28px 34px 30px}
  body.amaron-home-v4 .am-finder__result h3{margin:12px 0 16px;font-size:clamp(34px,4.4vw,44px)}
  body.amaron-home-v4 .am-finder__result p{line-height:1.55}
  body.amaron-home-v4 .am-finder__result a{margin-top:20px}
  body.amaron-home-v4 .am-finder__result button{margin-top:14px}
  body.amaron-home-v4 .am-ingredients__detail{grid-template-columns:1fr}
  body.amaron-home-v4 .am-ingredients__detail figure{min-height:400px;height:400px}
}

@media(max-width:800px){
  body.amaron-home-v4 .am-hotspots__panel{right:20px;bottom:88px;width:calc(100% - 40px)}
  body.amaron-home-v4 .am-hotspot--1{left:8%;top:24%}
  body.amaron-home-v4 .am-hotspot--2{right:8%;top:40%}
  body.amaron-home-v4 .am-hotspot--3{left:13%;bottom:24%}
  body.amaron-home-v4 .am-trust__head{display:block}
  body.amaron-home-v4 .am-trust__head span{display:block;margin-bottom:15px}
  body.amaron-home-v4 .am-finder{grid-template-columns:1fr;min-height:0}
  body.amaron-home-v4 .am-finder__intro{border-right:0;border-bottom:1px solid rgba(255,255,255,.11)}
  body.amaron-home-v4 .am-finder__intro h2{max-width:10ch}
  body.amaron-home-v4 .am-finder__stage{min-height:620px}
  body.amaron-home-v4 .am-ingredients>header{grid-template-columns:1fr}
  body.amaron-home-v4 .am-ingredients__layout{grid-template-columns:1fr}
  body.amaron-home-v4 .am-ingredients__tabs{display:grid;grid-template-columns:repeat(2,1fr)}
  body.amaron-home-v4 .am-ingredients__tabs button{grid-template-columns:58px 1fr;min-height:108px;padding:14px}
  body.amaron-home-v4 .am-ingredients__tabs button:hover,
  body.amaron-home-v4 .am-ingredients__tabs button[aria-selected="true"]{padding-left:18px}
  body.amaron-home-v4 .am-ingredients__tabs img{width:58px;height:58px}
}

@media(max-width:520px){
  body.amaron-home-v4 .am-hotspot{width:44px;height:44px}
  body.amaron-home-v4 .am-hotspots__panel{padding:14px 16px}
  body.amaron-home-v4 .am-hotspots__panel strong{font-size:20px}
  body.amaron-home-v4 .am-hotspots__panel p{font-size:11px}
  body.amaron-home-v4 .am-trust{padding:48px 20px}
  body.amaron-home-v4 .am-trust__grid{grid-template-columns:1fr}
  body.amaron-home-v4 .am-trust__grid article{min-height:0;padding:24px}
  body.amaron-home-v4 .am-trust__grid article+article{border-left:0;border-top:1px solid rgba(65,72,39,.13)}
  body.amaron-home-v4 .am-finder__intro{padding:54px 20px 64px}
  body.amaron-home-v4 .am-finder__intro h2{font-size:clamp(48px,13vw,62px)}
  body.amaron-home-v4 .am-finder__stage{min-height:0;padding:52px 20px 64px}
  body.amaron-home-v4 .am-finder__question h3{font-size:34px}
  body.amaron-home-v4 .am-finder__options button{grid-template-columns:36px minmax(0,1fr) 22px;min-height:112px;padding:16px 14px}
  body.amaron-home-v4 .am-finder__options strong{font-size:20px}
  body.amaron-home-v4 .am-finder__result{grid-template-columns:1fr}
  body.amaron-home-v4 .am-finder__result>img{min-height:280px;height:280px}
  body.amaron-home-v4 .am-finder__result>div{padding:32px 24px}
  body.amaron-home-v4 .am-ingredients{padding:66px 20px}
  body.amaron-home-v4 .am-ingredients>header h2{font-size:52px}
  body.amaron-home-v4 .am-ingredients__tabs{grid-template-columns:1fr}
  body.amaron-home-v4 .am-ingredients__tabs button{grid-template-columns:64px 1fr;min-height:94px}
  body.amaron-home-v4 .am-ingredients__tabs img{width:64px;height:64px}
  body.amaron-home-v4 .am-ingredients__detail figure{height:320px;min-height:320px}
  body.amaron-home-v4 .am-ingredients__detail>div{padding:34px 24px 40px}
}

@media(prefers-reduced-motion:reduce){
  body.amaron-home-v4 .am-hotspot,
  body.amaron-home-v4 .am-finder *,
  body.amaron-home-v4 .am-ingredients *{transition-duration:.001ms!important}
}