:root{
  --wr-ink:#171817;
  --wr-muted:#77746d;
  --wr-line:rgba(42,39,33,.14);
  --wr-gold:#b88a3a;
  --wr-gold-soft:#eee0bf;
  --wr-ivory:#fbfaf6;
}

.warranty-step--identity>header{
  max-width:780px;
}

.warranty-identity-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:30px;
}

.warranty-identity-card{
  position:relative;
  min-width:0;
  padding:26px 25px 24px;
  overflow:hidden;
  border:1px solid var(--wr-line);
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 0,rgba(184,138,58,.11),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.97),rgba(250,248,242,.9));
  box-shadow:0 18px 48px rgba(35,31,24,.055);
}

.warranty-identity-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,transparent 5%,var(--wr-gold) 34%,rgba(184,138,58,.22) 78%,transparent 96%);
}

.warranty-identity-card--store::after{
  content:"";
  position:absolute;
  right:-84px;
  bottom:-106px;
  width:230px;
  height:230px;
  border:1px solid rgba(184,138,58,.13);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(184,138,58,.035),0 0 0 52px rgba(184,138,58,.025);
  pointer-events:none;
}

.warranty-identity-card__head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:13px;
  padding-right:34px;
}

.warranty-identity-card__number{
  position:absolute;
  top:0;
  right:0;
  color:rgba(25,25,24,.24);
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
}

.warranty-identity-card__icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border:1px solid rgba(184,138,58,.32);
  border-radius:50%;
  background:rgba(255,255,255,.74);
  color:#8f681f;
  box-shadow:0 9px 24px rgba(115,82,24,.08);
}

.warranty-identity-card__icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.warranty-identity-card__head small,
.warranty-identity-card__head h4{
  display:block;
}

.warranty-identity-card__head small{
  color:#9a742f;
  font-size:11px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.warranty-identity-card__head h4{
  margin:4px 0 0;
  color:var(--wr-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  font-weight:400;
  letter-spacing:-.025em;
}

.warranty-identity-card__description{
  position:relative;
  z-index:1;
  min-height:39px;
  margin:17px 0 0;
  padding-bottom:16px;
  border-bottom:1px solid rgba(42,39,33,.1);
  color:var(--wr-muted);
  font-size:14px;
  line-height:1.55;
}

.warranty-field-grid--identity{
  position:relative;
  z-index:1;
  gap:14px 13px;
  margin-top:18px;
}

.warranty-field-grid--identity .warranty-field{
  gap:3px;
}

.warranty-field-grid--identity .warranty-field>span{
  color:#767168;
  font-size:13px;
  font-weight:760;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.warranty-field-grid--identity .warranty-field>span em{
  display:inline-flex;
  margin-left:5px;
  padding:2px 5px;
  border-radius:999px;
  background:#eeece7;
  color:#8a867d;
  font-size:10px;
  font-style:normal;
  letter-spacing:.08em;
}

.warranty-field-grid--identity .warranty-field input{
  min-height:43px;
  padding:9px 0 7px;
  border:0;
  border-bottom:1px solid rgba(42,39,33,.2);
  border-radius:0;
  background:transparent;
  font-size:14px;
  box-shadow:none;
}

.warranty-field-grid--identity .warranty-field input:focus{
  border-bottom-color:var(--wr-gold);
  box-shadow:0 7px 8px -8px rgba(184,138,58,.8);
}

.warranty-field-grid--identity .warranty-field.is-invalid input{
  border-bottom-color:#b83636;
  box-shadow:0 7px 8px -8px rgba(184,54,54,.7);
}

.warranty-minimal-data-note{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:17px;
  padding:14px 17px;
  border:1px solid rgba(184,138,58,.18);
  border-radius:12px;
  background:linear-gradient(90deg,rgba(246,240,226,.72),rgba(255,255,255,.7));
  color:#67635b;
}

.warranty-minimal-data-note>span{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:50%;
  background:#fff;
  color:#9b732b;
  box-shadow:0 5px 18px rgba(94,70,27,.08);
}

.warranty-minimal-data-note svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.warranty-minimal-data-note p{
  margin:0;
  font-size:13px;
  line-height:1.55;
}

.warranty-minimal-data-note b{
  color:#302f2c;
}

.warranty-subsection--roll{
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,245,238,.82)),
    var(--wr-ivory);
}

.warranty-field--card>small{
  margin-top:2px;
  color:#8b877f;
  font-size:12px;
  line-height:1.45;
}

.warranty-field--card>small b{
  color:#8d6825;
}

.warranty-field--card input{
  font-variant-numeric:tabular-nums;
  letter-spacing:.11em;
}

.warranty-roll-calculator{
  position:relative;
  margin-top:3px;
  padding:21px 22px 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:
    radial-gradient(circle at 82% 12%,rgba(213,169,87,.13),transparent 32%),
    linear-gradient(145deg,#121311,#1e1f1d 58%,#151614);
  color:#fff;
  box-shadow:0 18px 38px rgba(20,20,18,.14);
}

.warranty-roll-calculator::after{
  content:"";
  position:absolute;
  right:-56px;
  bottom:-88px;
  width:190px;
  height:190px;
  border:1px solid rgba(222,185,111,.14);
  border-radius:50%;
  box-shadow:0 0 0 18px rgba(222,185,111,.025),0 0 0 38px rgba(222,185,111,.018);
  pointer-events:none;
}

.warranty-roll-calculator__head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
}

.warranty-roll-calculator__mark{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid rgba(224,185,107,.3);
  border-radius:50%;
  color:#dfb667;
}

.warranty-roll-calculator__mark svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.warranty-roll-calculator__head small,
.warranty-roll-calculator__head b{
  display:block;
}

.warranty-roll-calculator__head small{
  color:#b3aa9b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.warranty-roll-calculator__head b{
  margin-top:4px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:400;
}

.warranty-roll-calculator__status{
  margin-left:auto;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:#a9a69f;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.warranty-roll-calculator__metrics{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:18px;
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}

.warranty-roll-calculator__metrics>div{
  padding:15px 13px 14px;
}

.warranty-roll-calculator__metrics>div+div{
  border-left:1px solid rgba(255,255,255,.09);
}

.warranty-roll-calculator__metrics small,
.warranty-roll-calculator__metrics strong,
.warranty-roll-calculator__metrics span{
  display:block;
}

.warranty-roll-calculator__metrics small{
  color:#8f8e89;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.warranty-roll-calculator__metrics strong{
  margin-top:7px;
  color:#f2ca78;
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  font-weight:400;
  font-variant-numeric:tabular-nums;
}

.warranty-roll-calculator__metrics span{
  margin-top:1px;
  color:#85837e;
  font-size:10px;
}

.warranty-roll-calculator>p{
  position:relative;
  z-index:1;
  margin:13px 0 0;
  color:#aaa69e;
  font-size:13px;
  line-height:1.55;
}

.warranty-roll-calculator[data-state="ready"] .warranty-roll-calculator__status{
  border-color:rgba(126,207,157,.28);
  background:rgba(47,142,84,.12);
  color:#8fd3a9;
}

.warranty-roll-calculator[data-state="invalid"]{
  border-color:rgba(216,77,77,.45);
}

.warranty-roll-calculator[data-state="invalid"] .warranty-roll-calculator__status{
  border-color:rgba(240,117,117,.3);
  background:rgba(163,39,39,.13);
  color:#ef9c9c;
}

@media(max-width:1180px){
  .warranty-identity-grid{grid-template-columns:1fr}
  .warranty-identity-card__description{min-height:0}
}

@media(max-width:620px){
  .warranty-identity-grid{gap:13px;margin-top:22px}
  .warranty-identity-card{padding:21px 18px 20px;border-radius:14px}
  .warranty-identity-card__head h4{font-size:21px}
  .warranty-field-grid--identity{grid-template-columns:1fr}
  .warranty-roll-calculator{padding:18px 16px 15px}
  .warranty-roll-calculator__head{align-items:flex-start;flex-wrap:wrap}
  .warranty-roll-calculator__status{margin-left:54px;margin-top:-8px}
  .warranty-roll-calculator__metrics{grid-template-columns:1fr}
  .warranty-roll-calculator__metrics>div{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:5px;padding:11px 4px}
  .warranty-roll-calculator__metrics>div+div{border-top:1px solid rgba(255,255,255,.09);border-left:0}
  .warranty-roll-calculator__metrics strong{margin:0;font-size:20px}
  .warranty-roll-calculator__metrics span{padding-bottom:3px}
}