*{box-sizing:border-box}html{color:#242521;background:#fff;font-family:Arial,sans-serif}body{margin:0}main{padding:24px;max-width:1100px;margin:auto}.eyebrow{font-size:12px;letter-spacing:3px;color:#716546}h1{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:12px 0}#status{font-size:13px;color:#64645e;line-height:1.6}#catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px}.card{border:1px solid #e6e3db;padding:0;text-align:left;background:#fff;color:inherit;cursor:pointer;font:inherit;border-radius:4px;overflow:hidden}.card:hover{border-color:#9c8c63}.card img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.card div{padding:18px}.card h2{font-family:Georgia,serif;font-weight:400;margin:0 0 8px;font-size:23px}.card p{font-size:13px;margin:0;color:#64645e}.detail{grid-column:1/-1}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}.hero{width:100%;aspect-ratio:1;object-fit:contain}.gallery{display:flex;gap:8px;flex-wrap:wrap}.gallery button{padding:2px;border:1px solid #ddd;background:white}.gallery img{width:64px;height:64px;object-fit:contain}.back{background:white;border:1px solid #aaa;padding:10px 16px;border-radius:4px;cursor:pointer}.detail h2{font:32px Georgia,serif}.options{display:grid;gap:16px}.options label{display:grid;gap:8px;font-size:13px}select{width:100%;min-height:44px;font:inherit;border:1px solid #c9c7c0;border-radius:4px;padding:8px;background:white}.contact{padding:18px;background:#f6f4ed;margin-top:24px;line-height:1.6}button:focus-visible,select:focus-visible{outline:3px solid #947d43;outline-offset:3px}.description{line-height:1.7}.identifier{font-size:12px;color:#64645e;overflow-wrap:anywhere}@media(max-width:560px){main{padding:16px}h1{font-size:27px}.detail-layout{grid-template-columns:1fr;gap:12px}}
fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}legend{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:12px}.shape-buttons,.metal-buttons{display:flex;gap:8px;flex-wrap:wrap}.shape-choice{width:64px;min-height:80px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 4px;cursor:pointer}.shape-choice img{width:40px;height:40px;object-fit:contain}.shape-choice span{display:block;font-size:10px;margin-top:6px}.metal-choice{border:1px solid #dcdcdc;border-radius:22px;padding:12px 14px;min-height:44px;background:#f9f9f9;color:#262626;cursor:pointer}.metal-choice[data-color=yellow]{background:linear-gradient(130deg,#fff,#f4e5c4)}.metal-choice[data-color=rose]{background:linear-gradient(130deg,#fff,#efcfc4)}.metal-choice[data-color=white],.metal-choice[data-color=platinum]{background:linear-gradient(130deg,#fff,#e6e7eb)}.shape-choice[aria-pressed=true],.metal-choice[aria-pressed=true]{border:2px solid #8c7750;box-shadow:0 0 0 1px #8c7750}.shape-choice:disabled,.metal-choice:disabled{opacity:.35;cursor:not-allowed}.configuration-title{font-size:15px;line-height:1.5;margin:0 0 28px}.selection-field{display:grid;gap:8px;font-size:12px;font-weight:700;margin-bottom:20px}.selection-field select,.selection-field input,.selection-field textarea{font:14px Arial,sans-serif;font-weight:400;min-width:0;width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#242521}.selection-field textarea{resize:vertical}.selection-field[hidden],.selection-summary[hidden]{display:none}.inscription{margin:0 0 20px;font-size:13px}.inscription summary{cursor:pointer;padding:8px 0}.inscription label{margin-top:12px}.review-button{width:100%;padding:14px;background:#123c50;color:white;border:0;font:14px Arial,sans-serif;cursor:pointer;border-radius:4px}.selection-summary{padding:18px;background:#f6f4ed;margin-top:16px}.selection-summary h3{margin-top:0;font-size:16px}.selection-summary dl{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;font-size:13px}.selection-summary dt{font-weight:bold}.selection-summary dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.ring-content h2{margin:0 0 12px}.ring-media .hero{display:block}.ring-media .gallery{margin-top:14px}.ring-media{min-width:0}.ring-content{min-width:0}.selection-field input:focus-visible,.selection-field textarea:focus-visible{outline:3px solid #947d43;outline-offset:3px}@media(min-width:800px){.ring-media{align-self:start;position:sticky;top:20px}}@media(max-width:560px){.shape-choice{width:58px}.metal-choice{padding:10px 12px;font-size:12px}.selection-summary dl{grid-template-columns:1fr;gap:6px}.selection-summary dd{margin-bottom:8px}}