.gold-compare{margin:2rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid #d8c99f;border-radius:1.25rem;background:linear-gradient(145deg,#fffdf7,#f8f1de);box-shadow:0 12px 32px rgba(70,54,24,.08)}
.gold-compare-head{max-width:54rem}.gold-compare-head .eyebrow{margin:0 0 .35rem;color:#8a6411;font-weight:700}.gold-compare-head h2{margin:.2rem 0 .6rem}.gold-compare-head>p:last-child{margin-top:0;color:#4f4b40}
.gold-compare-common,.gold-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
.gold-compare-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.gold-compare label{font-weight:650;font-size:.94rem}.gold-compare input{width:100%;min-height:2.8rem;padding:.65rem .75rem;border:1px solid #cfc7b4;border-radius:.65rem;background:#fff;color:#25251f;font:inherit;direction:ltr;text-align:right;box-sizing:border-box}.gold-compare input:focus{outline:3px solid rgba(186,137,29,.24);border-color:#9d7419}.gold-compare small{font-size:.8rem;color:#6b675c;line-height:1.6}
.gold-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.gold-offer{min-width:0;margin:0;padding:1rem;border:1px solid #ded6c3;border-radius:.9rem;background:rgba(255,255,255,.75)}.gold-offer legend{padding:0 .4rem;font-weight:800;color:#534013}.gold-offer>label{display:block;margin-bottom:.35rem}.gold-offer-fields{display:grid;gap:.75rem;margin-top:.85rem}
.gold-compare-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:.8rem 0}.gold-compare-actions p{margin:0;color:#4e493d;font-size:.92rem}.gold-compare-results{margin-top:1rem}.gold-compare-results[hidden]{display:none}.gold-compare .tw{overflow-x:auto}.gold-compare .tbl{min-width:680px}.gold-compare .tbl tbody th{text-align:right}.gold-compare-verdict{padding:.8rem 1rem;border-radius:.7rem;background:#e9f1e6;color:#293e25;font-weight:700}.gold-compare-note{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid #ded6c3;color:#625e53;font-size:.85rem;line-height:1.9}
@media(max-width:850px){.gold-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gold-offer-grid .gold-offer:last-child{grid-column:1/-1}}
@media(max-width:760px){.gold-compare .tbl{min-width:0}.gold-compare .tbl thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gold-compare .tbl tbody,.gold-compare .tbl tbody tr{display:block;width:100%}.gold-compare .tbl tbody tr{margin:.75rem 0;padding:.65rem;border:1px solid #ded6c3;border-radius:.75rem;background:#fff}.gold-compare .tbl tbody th{display:block;padding:.4rem .3rem .65rem;border:0;font-size:1.02rem}.gold-compare .tbl tbody td{display:flex;justify-content:space-between;gap:.65rem;padding:.38rem .3rem;border:0;border-top:1px solid #eee8da;text-align:left;direction:ltr}.gold-compare .tbl tbody td::before{content:attr(data-label);direction:rtl;text-align:right;color:#696253;font-size:.82rem;font-weight:650}}
@media(max-width:580px){.gold-compare-common,.gold-offer-grid{grid-template-columns:1fr}.gold-offer-grid .gold-offer:last-child{grid-column:auto}.gold-compare{padding:1rem;border-radius:.9rem}.gold-compare-actions{align-items:flex-start;flex-direction:column}.gold-compare-actions .btn{width:100%}}
@media(prefers-reduced-motion:no-preference){.gold-compare{scroll-margin-top:1rem}}
