:root{--ink:#143a33;--dark:#102f2b;--paper:#fbf3df;--gold:#f7cc7b;--mint:#cce4cb;--quiet:#476058;--line:#d4c9ad;--ser:Georgia,serif;font:16px system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a75531;outline-offset:3px}[hidden]{display:none!important}header{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(16px,5vw,75px);background:#0d2523;color:var(--paper);position:sticky;top:0;z-index:4;border-bottom:1px solid #54766b}.brand{font-weight:850;letter-spacing:.14em;font-size:.78rem;text-decoration:none}.brand span{color:var(--gold);font-size:1.15rem;margin-right:6px}.basket,.subtle,.x{background:transparent;border:1px solid currentColor;border-radius:999px;padding:9px 14px;color:inherit;font-weight:700}.basket b{margin-left:5px;color:var(--gold)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:490px;align-items:center;padding:60px clamp(20px,7vw,108px);background:radial-gradient(ellipse at 75% 43%,#31594d,transparent 52%),var(--dark);color:var(--paper);overflow:hidden}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:850}.hero .eyebrow{color:var(--gold)}.eyebrow span{margin:0 6px}.hero h1,h2{font-family:var(--ser);margin:.16em 0;line-height:.98}.hero h1{font-size:clamp(3.4rem,7vw,7.2rem);letter-spacing:-.065em}.hero em{color:var(--gold);font-weight:normal}.hero p{max-width:425px;font-size:1.02rem;line-height:1.65;color:#e0e8d4;margin:24px 0}.cta{display:inline-flex;gap:18px;align-items:center;border:0;border-radius:999px;background:var(--gold);color:#232d24;padding:12px 20px;font-weight:800;text-decoration:none}.spread{display:flex;align-items:center;justify-content:center;min-width:0;padding:28px 10px;isolation:isolate}.spread img{width:34%;max-width:215px;border-radius:5%;box-shadow:0 18px 35px #031715b0}.spread img:nth-child(1){transform:rotate(-13deg) translateX(15%)}.spread img:nth-child(2){z-index:1;transform:translateY(-20px)}.spread img:nth-child(3){transform:rotate(13deg) translateX(-15%)}#browse{scroll-margin-top:82px;max-width:1330px;margin:auto;padding:50px clamp(16px,4vw,55px) 56px}.section-head h2{font-size:clamp(2.3rem,5vw,4.1rem);letter-spacing:-.045em}.section-head p,#status,.hint{color:var(--quiet);line-height:1.5}.filters{border-block:1px solid var(--line);margin-top:28px;padding:15px 0}.filters nav{display:flex;gap:7px;overflow-x:auto;padding:5px 3px 10px}.filters nav button{flex:none;border:1px solid var(--line);border-radius:999px;background:none;color:var(--ink);font-weight:750;padding:8px 12px;white-space:nowrap}.filters nav button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.controls,.inputs,.actions{display:flex;gap:12px}.controls label:first-child,.inputs label{flex:1}label{display:block;min-width:0}label span{display:block;font-size:.73rem;font-weight:800;margin:6px 0}input,select,textarea{color:var(--ink);width:100%;padding:10px;border:1px solid #9b9d86;background:#fffaf0;border-radius:8px}textarea{resize:vertical}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(171px,1fr));gap:15px}.tile{min-width:0;display:flex;flex-direction:column;background:#fff9eb;border:1px solid var(--line);border-radius:14px;overflow:hidden}.tile .visual{width:100%;height:205px;display:grid;place-items:center;background:radial-gradient(ellipse,#3d6556,#163a33);border:0;color:#faf0d6;padding:12px}.visual img{max-width:100%;max-height:100%;height:100%;object-fit:contain;min-height:0;border-radius:7px}.visual .setmark{width:54%;height:65%;filter:invert(86%) sepia(21%) saturate(720%);border-radius:0}.visual .glyph{font-size:3rem;color:#edc775}.tile .info{display:flex;flex-direction:column;gap:5px;padding:11px;flex:1}.tile h3{margin:0;font-family:var(--ser);font-size:1.09rem}.tile small{color:var(--quiet);line-height:1.3}.tile .ask{font-weight:850;margin-top:auto;padding-top:7px}.tile .add{padding:8px 5px;background:#e0ebd7;border:1px solid #b6c9b2;color:#193c30;border-radius:8px;font-weight:760}.tile .add:disabled{cursor:default;opacity:.7}#more{display:block;margin:25px auto 0}footer{padding:34px clamp(20px,7vw,108px);background:var(--dark);color:var(--paper);font-size:.8rem}footer p{max-width:670px;color:#d3decc;line-height:1.55}dialog{border:1px solid var(--line);border-radius:17px;background:var(--paper);color:var(--ink);padding:0;width:min(620px,calc(100% - 20px));max-height:90dvh}dialog::backdrop{background:#0a1e1bd0}.drawer,.details{padding:22px}.dialoghead{display:flex;align-items:start;justify-content:space-between;gap:10px}.dialoghead h2{font-size:2.1rem}.x{font-size:1.45rem;padding:1px 10px;line-height:1.5}.pick{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.pick small{display:block}.step{display:flex;align-items:center;gap:7px}.step button{border:1px solid var(--line);background:#fff9eb;border-radius:6px;width:35px;height:34px;color:var(--ink);font-weight:bold}.actions{align-items:center;margin-top:12px}.hint,#feedback{font-size:.84rem}#subtotal{font-weight:800}.detail-layout{display:grid;grid-template-columns:40% 1fr;gap:18px;margin-top:18px}.detail-layout img{width:100%;border-radius:8px}.detail-layout p{margin-top:0;line-height:1.55}.detail-layout button{margin-top:8px}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:4px;padding:43px 20px 17px}.spread{height:245px;padding:16px 30px 0}.spread img{max-height:207px;object-fit:contain;width:auto;max-width:36%}.hero p{margin:17px 0}.section-head p{font-size:.92rem}#browse{padding-top:34px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile .visual{height:clamp(132px,45vw,210px)}.tile .info{padding:8px}.tile h3{font-size:1rem}.controls{gap:8px}.controls select{max-width:150px}.drawer,.details{padding:16px}}
.price-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;padding:8px 0 4px}.price-pair span{display:flex;flex-direction:column;gap:2px;color:var(--quiet);font-size:.68rem;font-weight:700}.price-pair b{color:var(--ink);font-size:.93rem}.price-pair span+span b{color:#136147}.card-offer{background:none;border:none;text-decoration:underline;color:var(--ink);font-size:.78rem;font-weight:750;padding:7px}.single-form{border-top:1px solid var(--line);margin-top:15px;padding-top:10px}.single-form .actions{flex-wrap:wrap}.detail-layout .visual{align-self:start}.detail-layout .price-pair{margin:0 0 8px}.detail-layout .visual .setmark{max-height:145px}.spread .glyph{display:none}
@media(max-width:400px){.hero h1{font-size:clamp(2.9rem,13vw,3.4rem)}.brand{font-size:.68rem;letter-spacing:.1em}.basket{padding:8px 10px}.detail-layout{gap:11px}.dialoghead h2{font-size:1.7rem}}
.back-link{font-size:.85rem}.payment-shell{max-width:790px;margin:auto;padding:55px 20px}.payment-shell h1{font:700 clamp(2.4rem,7vw,4rem)/1 var(--ser);margin:12px 0 20px;letter-spacing:-.04em}.payment-shell>p{max-width:650px;color:var(--quiet);line-height:1.55}.pay-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:26px 0}.pay-methods article{display:grid;gap:12px;align-content:start;border:1px solid var(--line);border-radius:15px;background:#fff9eb;padding:15px}.pay-methods h2{font-size:1.4rem}.pay-methods code{font-size:.8rem;overflow-wrap:anywhere}.pay-methods button{font-size:.78rem;text-align:left;justify-self:start}