/* Generated from mockup 42_Damage_Shipping_Claim.html by tools/convert_mockups.py. Hand fixes go in ../fixes/42.css */
:root{
  --navy:#0a2f88;
  --blue:#1452cc;
  --orange:#ff4a12;
  --green:#29b34a;
  --red:#e6372c;
  --ink:#17306b;
  --muted:#66769a;
  --line:#d9e2f2;
  --soft:#f7faff;
  --pale:#eef6ff;
  --warn:#fff7ea;
}
*{box-sizing:border-box}
body{margin:0;background:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.site{max-width:1180px;margin:0 auto;background:#fff}
.primary{background:var(--orange);color:#fff;border:0;border-radius:4px;padding:12px 18px;font-weight:800}
.breadcrumb{padding:10px 30px 6px;font-size:12.5px;color:#6b7899}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;padding:0 30px 16px;background:linear-gradient(90deg,#fff 0%,#fff 55%,#f4efe8 100%)}
.hero h1{font-family:Georgia,serif;font-size:52px;line-height:1;margin:16px 0 4px;color:var(--navy)}
.hero h1 span{color:var(--orange)}
.hero h2{font-family:Georgia,serif;font-size:24px;margin:0 0 8px;color:var(--navy)}
.hero p{font-size:14px;line-height:1.5;color:#50658f;max-width:620px}
.hero-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.benefit{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700}
.icon{width:38px;height:38px;border:3px solid var(--navy);border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.hero-art{min-height:300px;border-radius:8px;background:linear-gradient(145deg,#e9e1d8,#fff);position:relative;overflow:hidden}
.hero-art:before{content:"";position:absolute;left:8%;right:8%;bottom:15%;height:105px;background:#c48d58;border-radius:4px;box-shadow:110px 14px 0 #a96f3f,-65px 28px 0 #d4a475}
.hero-art:after{content:"DAMAGED SHIPMENT";position:absolute;left:22%;right:22%;top:25%;height:95px;background:#c18a52;color:#0a2f88;font-weight:900;display:grid;place-items:center;border-radius:4px;transform:rotate(-3deg)}
.amy-card{position:absolute;right:12px;top:12px;width:250px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px}
.amy-top{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px}
.amy-face{height:82px;border-radius:6px;background:linear-gradient(145deg,#d8c5b4,#f4ebe2);display:grid;place-items:end center;color:#fff;font-weight:800;padding-bottom:7px}
.amy-card h4{font-family:Georgia,serif;font-size:16px;color:var(--navy);margin:2px 0}
.amy-card p{font-size:12px;line-height:1.35;color:#597097;margin:0}
.amy-btn{display:block;text-align:center;padding:8px;border-radius:4px;margin-top:6px;font-weight:800;font-size:12.5px}
.talk{background:var(--orange);color:#fff}
.chat{border:2px solid #345bd0;color:#173d99}
.main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px;padding:0 24px 16px}
.card{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}
.card h2{font-family:Georgia,serif;color:var(--navy);font-size:27px;margin:0 0 4px}
.sub{font-size:12.5px;color:#617195;line-height:1.45;margin-bottom:10px}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px}
label{display:block;font-size:12px;font-weight:800;margin:0 0 4px;color:#233b72}
.req{color:var(--orange)}
input,select,textarea{width:100%;padding:10px;border:1px solid #cbd5e8;border-radius:4px;background:#fff}
textarea{min-height:88px;resize:vertical}
.full{grid-column:1/-1}
.hint{font-size:11.5px;color:#184ccc;margin-top:4px;font-weight:700}
.upload{border:1.5px dashed #9eb0d6;border-radius:6px;padding:18px;text-align:center;background:#fbfdff;margin-top:6px}
.upload .cam{font-size:28px;color:var(--navy);margin-bottom:5px}
.upload strong{display:block;color:var(--navy);font-size:12px}
.upload small{display:block;color:#617195;margin-top:4px}
.submit{width:100%;margin-top:12px;background:var(--orange);color:#fff;border:0;border-radius:4px;padding:12px;font-weight:800}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.proc{text-align:center;position:relative}
.proc:after{content:"→";position:absolute;right:-8px;top:16px;color:#8190b0}
.proc:last-child:after{display:none}
.num{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;margin:0 auto 6px;font-weight:800}
.proc strong{display:block;font-size:12px;color:var(--navy)}
.proc span{font-size:11px;color:#617195;line-height:1.3}
.issue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.issue{border:1px solid var(--line);border-radius:6px;overflow:hidden}
.issue-img{height:88px;background:linear-gradient(145deg,#e9e1d8,#fff);position:relative}
.issue-img.box:after{content:"";position:absolute;left:20px;right:20px;bottom:18px;height:50px;background:#c58a52;transform:rotate(5deg)}
.issue-img.product:after{content:"";position:absolute;inset:16px;background:repeating-linear-gradient(180deg,#fff 0 8px,#ddd 8px 11px)}
.issue-img.missing:after{content:"";position:absolute;left:28px;top:34px;width:75px;height:22px;background:#333;box-shadow:65px 0 0 -10px #d6a000}
.issue-img.wrong:after{content:"";position:absolute;inset:16px;background:linear-gradient(90deg,#f5f1ea 0 50%,#d7d7d7 50%)}
.issue-body{padding:8px}
.issue h3{font-family:Georgia,serif;color:var(--navy);font-size:14px;margin:0 0 4px}
.issue p{font-size:11.5px;color:#617195;line-height:1.35;margin:0}
.notice{margin-top:10px;background:var(--warn);border:1px solid #f0d7aa;border-radius:7px;padding:12px}
.notice h3{font-family:Georgia,serif;color:var(--orange);font-size:20px;margin:0 0 6px}
.notice ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:1.55}
.notice li:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}
.help{margin-top:10px;background:linear-gradient(90deg,#fff,#eef6ff)}
.help-wrap{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center}
.help-face{height:100px;border-radius:7px;background:linear-gradient(145deg,#d8c5b4,#f4ebe2);display:grid;place-items:end center;color:#fff;font-weight:800;padding-bottom:7px}
.help h3{font-family:Georgia,serif;color:var(--navy);font-size:22px;margin:0 0 4px}
.help p{font-size:12px;color:#617195}
.help-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.help-actions a{display:block;text-align:center;padding:9px;border:2px solid #345bd0;border-radius:4px;color:#173d99;font-size:11.5px;font-weight:800}
.help-actions a:first-child{background:var(--orange);border-color:var(--orange);color:#fff}
.faq{margin:0 24px 16px}
.faq h2{font-family:Georgia,serif;color:var(--navy);font-size:26px;margin:0 0 8px}
.faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.faq-row{border:1px solid var(--line);border-radius:5px;padding:10px 12px;display:flex;justify-content:space-between;font-size:12.5px;background:#fff}
.pro{background:linear-gradient(90deg,#062d7a,#0c4da5);color:#fff;padding:18px 24px;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:20px}
.pro h3{font-size:26px;margin:0 0 5px}
.pro .orange{color:#ff5a1f}
.pro small{color:#d7e5ff}
.pro ul{padding:0;margin:5px 0;list-style:none;font-size:12px;line-height:1.7}
.pro li:before{content:"✓";color:#54d46c;margin-right:7px;font-weight:900}
@media(max-width:900px){.hero,.main{grid-template-columns:minmax(0,1fr)}
.hero-benefits,.process-grid,.issue-grid,.faq-grid,.pro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.amy-card{position:static;width:auto;margin:10px}
.form-grid{grid-template-columns:minmax(0,1fr)}
.full{grid-column:auto}}
/* Phone layout (added by tools/css_tools.py) */
@media(max-width:600px){
.hero{grid-template-columns:minmax(0,1fr)}
.hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
.main{grid-template-columns:minmax(0,1fr)}
.form-grid{grid-template-columns:minmax(0,1fr)}
.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.help-actions{grid-template-columns:minmax(0,1fr)}
.faq-grid{grid-template-columns:minmax(0,1fr)}
.pro{grid-template-columns:minmax(0,1fr)}
}