:root{--green:#173a32;--cream:#f4efe6;--gold:#d9a55e;--line:#d5cab9;--muted:#63716c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--green);font-family:Arial,sans-serif}#accessory-detail{max-width:1400px;margin:auto}header{height:72px;background:var(--green);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.logo{font-size:24px;font-weight:700;color:inherit;text-decoration:none}.logo b{color:var(--gold)}.logo small{font:italic 15px Georgia,serif}.header-links{display:flex;align-items:center;gap:24px}.header-links a{color:var(--cream);font-size:12px;text-transform:uppercase;text-decoration:none}.header-links>a[href*="ajanlatom"]{color:var(--gold);font-weight:700}.back{color:var(--cream);font-size:12px;text-transform:uppercase;text-decoration:none}.product-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:5%;padding:55px 5%}.product-image img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.product-copy{padding-top:8px}.eyebrow{color:#a66d23;text-transform:uppercase;letter-spacing:2px;font-size:11px}.product-copy h1{font:400 51px Georgia,serif;line-height:1.02;margin:14px 0 18px}.lead{font-size:19px;line-height:1.55;color:var(--muted)}.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:28px 0}.fact{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.fact small{display:block;color:var(--muted);margin-bottom:4px}.fact b{font-size:15px}.quote{display:inline-block;border:0;background:var(--gold);color:var(--green);padding:15px 19px;font-weight:700;text-decoration:none;cursor:pointer}.content{display:grid;grid-template-columns:1.4fr .6fr;gap:5%;padding:55px 5%;background:#eae2d6}.content h2{font:400 34px Georgia,serif;margin:10px 0 15px}.content h3{font:400 23px Georgia,serif;margin-top:27px}.content p,.content li{line-height:1.65;color:#53635d}.content aside{background:var(--green);color:var(--cream);padding:27px;align-self:start}.content aside p{color:#d9d4cc}.content aside a{color:var(--gold);font-weight:700}.content ul{padding-left:18px}@media(max-width:750px){.product-hero,.content{grid-template-columns:1fr}.product-copy h1{font-size:39px}.back{display:none}}
