@font-face{font-family:Montserrat;src:url("brand/montserrat.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Beverly;src:local("Beverly"),local("Beverly Regular");font-display:swap}

*{box-sizing:border-box}body{margin:0;background:#fffaf8;color:#4d4d4d;font:16px Montserrat,Arial,sans-serif}header{border-bottom:1px solid #fccdbb;background:#f9ddd4}header,main{padding:20px max(5vw,calc((100vw - 1040px)/2))}header{display:flex;align-items:center;justify-content:space-between}.nav{background:transparent;color:#4d4d4d;border:1px solid #4d4d4d}h1,h2,.price{font-family:Beverly,"Bodoni MT",Didot,Georgia,serif;font-weight:400}h1{font-size:clamp(38px,6vw,66px);letter-spacing:-.055em;margin:24px 0 5px}p{line-height:1.45}main>p{color:#4d4d4d;margin:0 0 24px}.layout{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}section,aside{border:1px solid #f9ddd4;border-radius:18px;padding:clamp(20px,3vw,32px);background:#ffffff}h2{font-size:29px;letter-spacing:-1px;margin:0 0 20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:bold}input,select{display:block;width:100%;font:inherit;font-size:17px;font-weight:400;border:1px solid #a79b97;border-radius:8px;padding:12px;background:#fff;color:inherit;margin:7px 0 2px}small{color:#4d4d4d;font-size:13px}details{border-top:1px solid #f9ddd4;margin-top:20px;padding-top:16px}summary{cursor:pointer;font-weight:bold}details .grid{margin-top:14px}button{cursor:pointer;border:0;border-radius:24px;padding:11px 17px;font:inherit;font-size:14px}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #4d4d4d;outline-offset:2px}aside{background:#4d4d4d;color:#ffffff;position:sticky;top:12px}aside h2{color:#fccdbb}aside .price{display:block;font-size:44px;letter-spacing:-2px;margin:3px 0 18px}aside hr{border:0;border-top:1px solid #938e8b}aside p{display:flex;justify-content:space-between;gap:12px}aside #status{font-size:14px}.action{background:#4d4d4d;color:white;margin-top:12px}#saved{margin-top:20px}#saved article{padding:13px 0;border-top:1px solid #f9ddd4}#saved article p{margin:5px 0}#saved article button{margin-right:6px}#records{overflow-wrap:anywhere}button:disabled{opacity:.5}input[aria-invalid=true]{border-color:#a12d22}@media(max-width:700px){.layout{grid-template-columns:1fr}aside{position:static}main{padding-bottom:40px}.grid{gap:12px}.price{font-size:38px}}
#choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}#choices button{border-radius:10px;background:#fff5f1;color:#4d4d4d;padding:10px 4px;border:1px solid #fccdbb}#choices button[aria-pressed=true]{border:2px solid #4d4d4d}#choices b{display:block;margin-top:4px}#composition{line-height:1.6;color:#f9ddd4;font-size:14px}.switch,.exports{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.switch button{background:transparent;color:white;border:1px solid #f9a78a}.switch button[aria-pressed=true]{background:#fccdbb;color:#4d4d4d}.help{display:inline-grid;place-items:center;width:25px;height:25px;padding:0;margin-left:5px;background:#f9ddd4;color:#4d4d4d;font-weight:700}.hint{display:block;background:#fff5f1;padding:10px;border-radius:6px;margin-top:6px;line-height:1.5}.hint[hidden]{display:none}.grid{align-items:end}.grid label{line-height:1.4}.exports button{background:#f9ddd4;color:#4d4d4d}#primary .wide{grid-column:1/-1}#primary{grid-template-columns:repeat(2,minmax(0,1fr))}#simulationTitle{font-size:17px;margin:22px 0 0}
header{background:#f9dcd4}
.brand{display:block;width:clamp(135px,19vw,188px);height:auto}
h1{letter-spacing:-.045em}
aside{border:0;border-top:5px solid #f9a78a}
aside h2{color:#f9ddd4}
aside .price{color:#fff}
#choices button[aria-pressed=true]{background:#fccdbb}
.action{background:#fccdbb;color:#383838;font-weight:bold}
.nav:hover,.exports button:hover,.action:hover{background:#f9a78a;color:#353535}
aside button:focus-visible{outline-color:#fccdbb}
@media(max-width:420px){header{gap:12px}.nav{padding:10px 13px}.grid>div{min-width:0}}

.revenda {
  padding: 36px 5vw 40px;
  background: #f9ddd4;
  color: #4d4d4d;
  text-align: center;
}
.revenda p {
  max-width: 650px;
  margin: 0 auto 20px;
  line-height: 1.65;
}
.revenda a {
  display: inline-block;
  padding: 13px 22px;
  border-radius: 24px;
  background: #4d4d4d;
  color: white;
  text-decoration: none;
}
.revenda a:hover { text-decoration: underline; }
.revenda a:focus-visible { outline: 2px solid #4d4d4d; outline-offset: 4px; }

.revenda p { max-width: 520px; text-wrap: balance; }
.revenda a { font-size: 14px; font-weight: 700; letter-spacing: .04em; }
.revenda span { white-space: nowrap; }
@media (max-width: 700px) {
  header, main { padding-inline: clamp(14px, 4vw, 28px); }
  header { padding-block: 14px; }
  main { padding-block: 12px 24px; }
  h1 { font-size: clamp(34px, 8vw, 50px); margin: 16px 0 8px; }
  main > p { max-width: 40ch; margin-bottom: 20px; }
  .layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  section, aside { border-radius: 22px; padding: clamp(16px, 4.5vw, 26px); min-width: 0; }
  h2 { font-size: clamp(25px, 6vw, 32px); line-height: 1.15; text-wrap: balance; }
  .grid { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 15px; }
  .grid > div, input, select { min-width: 0; }
  input, select { min-height: 46px; border-radius: 12px; }
  button, .revenda a { min-height: 44px; }
  .help { min-height: 26px; position: relative; }
  .help::after { content: ''; position: absolute; inset: -7px; }
  #saved { margin-top: 16px; }
  #choices { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
  #choices button { overflow-wrap: anywhere; }
  .switch, .exports { display: grid; grid-template-columns: 1fr 1fr; }
  .switch button, .exports button { padding-inline: 6px; }
  #save { width: 100%; }
  .revenda { padding: 28px 20px max(32px, env(safe-area-inset-bottom)); }
  .revenda a { width: min(100%, 320px); }
}
@media (max-width: 480px) {
  #primary > div, #meta > div { grid-column: 1 / -1; }
  #primary [data-field="fee"], #primary [data-field="discount"],
  #meta [data-field="category"], #meta [data-field="finish"] { grid-column: auto; }
}