:root{--ink:#171715;--cream:#f7f4ee;--gold:#b58b45;--line:#e5dfd4;--muted:#716c64;--green:#0e3027}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}.header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:30px;position:sticky;top:0;background:#fff;z-index:5}.logo{display:flex;align-items:center;gap:10px;min-width:235px;text-decoration:none;color:inherit}.mark{width:38px;height:38px;border:2px solid var(--gold);display:grid;place-items:center;font-size:9px;color:#86642a;font-weight:700}.logo b{font:600 17px "Playfair Display";display:block}.logo small{font-size:8px;color:#8b857b;letter-spacing:.12em;text-transform:uppercase}.header nav{display:flex;gap:22px;flex:1;justify-content:center}.header nav a{font-size:12px}.icons{font-size:16px;white-space:nowrap}.crumb{padding:18px 7%;font-size:11px;color:#8b857b;background:#faf9f6;border-bottom:1px solid var(--line)}.page{padding:35px 7% 80px}.steps{display:flex;align-items:center;max-width:700px;margin:0 auto 45px}.step{display:flex;align-items:center;gap:9px;color:#aaa;font-size:12px;white-space:nowrap}.step span{width:30px;height:30px;border-radius:50%;border:1px solid #d8d2c7;display:grid;place-items:center}.step.active{color:var(--ink);font-weight:700}.step.active span{background:var(--gold);border-color:var(--gold);color:#fff}.line{height:1px;background:var(--line);flex:1;margin:0 18px}.product-layout{display:grid;grid-template-columns:37% 63%;gap:55px;max-width:1350px;margin:auto}.product-preview{position:sticky;top:105px;height:max-content;background:#faf8f3;padding:35px}.preview-box{height:315px;position:relative;display:grid;place-items:center}.preview-lid{position:absolute;width:245px;height:155px;background:#171717;color:#d5ae68;top:25px;right:35px;transform:skewY(10deg);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font:600 24px/1 "Playfair Display";box-shadow:12px 15px 0 #ddd8cf}.preview-lid small{font:10px "DM Sans";letter-spacing:.15em;margin-top:8px}.preview-base{position:absolute;width:300px;height:125px;background:#242424;left:25px;bottom:25px;transform:skewY(-7deg);color:#d5ae68;display:grid;place-items:center;font-size:25px;box-shadow:0 25px 25px rgba(0,0,0,.16)}.thumbs{display:flex;gap:9px}.thumb{width:58px;height:50px;background:#eee9df;border:1px solid transparent}.thumb.selected{border:2px solid var(--gold)}.eyebrow{font-size:10px;letter-spacing:.17em;color:#86642a;font-weight:700;margin:25px 0 8px}.product-preview h1{font:600 32px "Playfair Display";margin:0 0 12px}.description{font-size:13px;line-height:1.7;color:var(--muted)}.features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;font-size:10px}.features span{color:#625d55}.section-title{display:flex;justify-content:space-between;gap:25px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.section-title .eyebrow{margin:0 0 6px}.section-title h2{font:600 34px "Playfair Display";margin:0 0 7px}.section-title p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.quote-link{font-size:11px;color:#86642a;font-weight:700;white-space:nowrap}.option-block{padding:18px 0;border-bottom:1px solid var(--line)}.option-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.option-head h3{font-size:13px;margin:0}.option-head span{font-size:9px;color:#9a9388;text-transform:uppercase;letter-spacing:.1em}.option-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.option-grid.sizes{grid-template-columns:repeat(4,1fr)}.option{border:1px solid #ddd7cc;background:#fff;min-height:75px;padding:12px;text-align:left;cursor:pointer;transition:.15s}.option:hover{border-color:#bca477}.option.selected{border:2px solid var(--gold);background:#fffaf1}.option b,.option small,.option strong{display:block}.option b{font-size:11px}.option small{font-size:9px;color:#888179;margin-top:5px}.option strong{font-size:13px;margin-top:8px}.option strong span{font-size:8px;color:#888179;font-weight:400}.compact .option{min-height:52px;font-size:10px;text-align:center}.compact .option small{display:inline;margin-left:3px}.quantity{display:flex;gap:8px;flex-wrap:wrap}.qty{border:1px solid #d9d2c6;background:#fff;padding:12px 22px;cursor:pointer;font-size:11px}.qty.selected{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:700}.price-card{margin-top:25px;background:var(--green);color:#fff;padding:22px 25px;display:flex;justify-content:space-between;align-items:center}.price-card p{font-size:9px;letter-spacing:.16em;color:#d1ae6e;margin:0 0 6px}.price-card h2{font:600 34px "Playfair Display";margin:0}.price-card span{font-size:10px;color:#d3dad5}.price-note{text-align:right;color:#d1ae6e;font-size:10px}.price-note small{color:#aebbb5}.continue{width:100%;margin-top:10px;border:0;background:var(--gold);color:#fff;padding:17px;font-weight:700;font-size:12px;cursor:pointer}.continue:hover{background:#9f7738}@media(max-width:1050px){.header nav{display:none}.product-layout{grid-template-columns:1fr}.product-preview{position:relative;top:auto}.option-grid{grid-template-columns:repeat(3,1fr)}.option-grid.sizes{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.page{padding:25px 5% 60px}.header{padding:0 4%}.logo{min-width:0}.logo b{font-size:14px}.product-preview{padding:22px}.preview-lid{right:5px}.preview-base{left:0}.section-title{display:block}.quote-link{display:block;margin-top:15px;white-space:normal}.option-grid,.option-grid.sizes{grid-template-columns:1fr 1fr}.price-card{display:block}.price-note{text-align:left;margin-top:12px}.steps{margin-bottom:30px}}

.brand-logo{display:block;width:245px;height:auto;max-height:64px;object-fit:contain}
.logo:has(.brand-logo){gap:0}
@media(max-width:600px){.brand-logo{width:190px;max-height:58px}}

/* READABLE TYPE (Claude) */
.step b{font-size:14px!important}
.features span{font-size:14px!important}
.section-title p.eyebrow{font-size:12px!important}
.section-title p{font-size:16px!important}
.section-title a.quote-link{font-size:14px!important}
.option-head h3{font-size:14px!important}
.option-head span{font-size:12px!important}
.option b{font-size:14px!important}
.option small{font-size:14px!important}
.option strong{font-size:14px!important}
.option span{font-size:14px!important}
.quantity button.qty{font-size:14px!important}
.price-card p{font-size:12px!important}
.price-card span{font-size:14px!important}
.price-card div.price-note{font-size:14px!important}
.price-note small{font-size:14px!important}
.config button.continue{font-size:14px!important}
/* END READABLE TYPE */
/* PRICE CARD v2 (Claude) */
.price-card.pc2{margin-top:30px;display:grid;grid-template-columns:1fr 1.15fr;gap:0;padding:0;align-items:stretch;background:linear-gradient(135deg,#123129 0%,#1b3a30 60%,#21463a 100%);border-radius:18px;overflow:hidden;box-shadow:0 22px 50px rgba(15,40,32,.22);position:relative}
.price-card.pc2::before{content:"";position:absolute;inset:0;border-radius:18px;border:1px solid rgba(210,173,105,.35);pointer-events:none}
.pc2-main{padding:30px 32px}
.price-card.pc2 .pc2-label{font-size:12px!important;letter-spacing:.2em;color:#d2ad69;margin:0 0 10px;font-weight:700}
.price-card.pc2 h2{font:600 48px/1.05 "Playfair Display",Georgia,serif;margin:0 0 8px;color:#fff}
.price-card.pc2 #unit{display:block;font-size:15px!important;color:#c9d3ce}
.price-card.pc2 .pc2-save{display:inline-block;margin-top:14px;font-style:normal;font-size:13px;font-weight:700;color:#1b150b;background:#d2ad69;border-radius:999px;padding:5px 12px}
.price-card.pc2 .pc2-save[hidden]{display:none}
.pc2-sum{padding:30px 32px;background:rgba(255,255,255,.05);border-left:1px solid rgba(210,173,105,.2)}
.pc2-sum ul{list-style:none;margin:0;padding:0}
.pc2-sum li{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.12);font-size:14px}
.pc2-sum li:last-child{border-bottom:0}
.price-card.pc2 .pc2-sum li span{font-size:14px!important;color:#9fb0a8}
.pc2-sum li b{color:#fff;font-weight:600;text-align:right}
.config button.continue.pc2-btn,.continue.pc2-btn{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;border-radius:14px;background:linear-gradient(135deg,#d2ad69,#b58b45);color:#1b150b;font-size:17px!important;letter-spacing:.02em;padding:20px;box-shadow:0 12px 26px rgba(181,139,69,.32);transition:transform .15s,box-shadow .15s}
.continue.pc2-btn i{font-style:normal;width:30px;height:30px;border-radius:50%;background:rgba(27,21,11,.12);display:grid;place-items:center;transition:transform .15s}
.continue.pc2-btn:hover{background:linear-gradient(135deg,#dcb878,#a97f3c);transform:translateY(-1px);box-shadow:0 16px 32px rgba(181,139,69,.4)}
.continue.pc2-btn:hover i{transform:translateX(4px)}
.pc2-trust{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin:16px 0 0;padding:0;font-size:14px;color:#6f6a62}
.pc2-trust li::before{content:"✓";color:#86642a;font-weight:700;margin-right:6px}
@media(max-width:700px){.price-card.pc2{grid-template-columns:1fr}.pc2-sum{border-left:0;border-top:1px solid rgba(210,173,105,.2)}.pc2-main,.pc2-sum{padding:24px 22px}.price-card.pc2 h2{font-size:40px}.pc2-trust{justify-content:flex-start}}
/* END PRICE CARD */
/* A+E mix (Claude) */
.config .option,.config .qty{border-radius:14px!important;border:1.5px solid #e3dccf!important;background:#fff!important;transition:transform .2s,box-shadow .2s,border-color .2s!important;position:relative}
.config .option:hover,.config .qty:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(40,30,15,.08);border-color:#cdbb98!important}
.config .option.selected{border:2px solid #0f2a23!important;background:#f6f8f6!important;box-shadow:0 8px 22px rgba(15,42,35,.12);color:#0f2a23!important}
.config .option.selected::after{content:"✓";position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:#b58b45;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.config .qty.selected{background:#0f2a23!important;color:#f3e3bf!important;border-color:#0f2a23!important}
.config .option-grid.cfg-dd-src{display:none!important}
.config .cfg-dd{position:relative;margin-top:4px}
.config .cfg-dd select{appearance:none;-webkit-appearance:none;width:100%;font-family:inherit;font-weight:600;font-size:15px;line-height:1.3;color:#1d1c1a;background:#fff;border:1.5px solid #e3dccf;border-radius:12px;padding:15px 44px 15px 16px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.config .cfg-dd select:hover{border-color:#cdbb98}
.config .cfg-dd select:focus{outline:0;border-color:#0f2a23;box-shadow:0 0 0 3px rgba(15,42,35,.12)}
.config .cfg-dd::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid #0f2a23;border-bottom:2px solid #0f2a23;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.config .cfg-hint{font-size:13px;color:#6b645b;margin:-4px 0 10px}
.config a.quote-link{display:flex!important;align-items:center;justify-content:space-between;gap:14px;width:100%;box-sizing:border-box;margin:14px 0 6px;padding:20px 24px!important;background:#0f2a23;color:#f3e3bf!important;border-radius:14px;text-decoration:none!important;font-weight:700;font-size:20px!important;box-shadow:0 10px 24px rgba(15,42,35,.18);transition:transform .2s,box-shadow .2s,background .2s}
.config a.quote-link:hover,.config a.quote-link:focus-visible{background:#163b31;transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,42,35,.24)}
.config a.quote-link .ql-t small{display:block;font-weight:500;font-size:16px;color:#c3cec8;margin-top:5px}
.config a.quote-link .ql-a{flex:none;width:46px;height:46px;border-radius:50%;background:#d2ad69;color:#0f2a23;display:grid;place-items:center;font-size:20px;transition:transform .2s}
.config a.quote-link:hover .ql-a{transform:translateX(3px)}
.config .section-title{flex-wrap:wrap}
@media(max-width:600px){.config a.quote-link{font-size:18px!important;padding:18px!important}.config a.quote-link .ql-t small{font-size:14.5px}}
/* custom dropdown (Claude) */
.config .cfg-dd::after{display:none}
.config .cfg-dd{position:relative}
.config .cfg-dd-btn{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1.5px solid #e3dccf;border-radius:12px;padding:16px 48px 16px 18px;font-size:16px;font-weight:600;color:#1d1c1a;cursor:pointer;position:relative;transition:border-color .2s,box-shadow .2s}
.config .cfg-dd-btn::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid #0f2a23;border-bottom:2px solid #0f2a23;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.config .cfg-dd.open .cfg-dd-btn::after{transform:translateY(-30%) rotate(-135deg)}
.config .cfg-dd-btn:hover{border-color:#cdbb98}
.config .cfg-dd-btn:focus-visible,.config .cfg-dd.open .cfg-dd-btn{border-color:#0f2a23;box-shadow:0 0 0 3px rgba(15,42,35,.12)}
.config .cfg-dd-btn .p,.config .cfg-dd-list .p{font-size:14px;font-weight:600;color:#86642a;white-space:nowrap}
.config .cfg-dd-btn small,.config .cfg-dd-list small{font-weight:500;color:#6b645b;font-size:13.5px}
.config .cfg-dd-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid #e3dccf;border-radius:14px;box-shadow:0 18px 40px rgba(29,28,26,.16),0 2px 6px rgba(29,28,26,.06);max-height:360px;overflow:auto}
.config .cfg-dd.open .cfg-dd-list{display:block}
.config .cfg-dd-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:10px;font-size:16px;font-weight:600;color:#1d1c1a;cursor:pointer;outline:0}
.config .cfg-dd-list li small{display:block;margin-top:2px}
.config .cfg-dd-list li:hover,.config .cfg-dd-list li:focus{background:#f4efe6}
.config .cfg-dd-list li[aria-selected="true"]{background:#0f2a23;color:#fff}
.config .cfg-dd-list li[aria-selected="true"] .p,.config .cfg-dd-list li[aria-selected="true"] small{color:#d2ad69}