*{box-sizing:border-box}body{margin:0;background:#f6f6f6;color:#202020;font-family:Arial,Helvetica,sans-serif}.page{max-width:900px;margin:0 auto;padding:24px 14px 60px}.product{background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.07);overflow:hidden}.hero{padding:28px 24px;border-bottom:1px solid #eee}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1px}.hero h1{margin:7px 0;font-size:30px}.muted{color:#777}.availability{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.availability div{background:#f7f7f7;border-radius:12px;padding:13px;font-size:14px}.availability small{display:block;color:#777;margin-top:5px}.card{padding:22px 24px;border-bottom:1px solid #eee}.card h2{font-size:18px;margin:0 0 14px}.card h2 small{font-size:12px;color:#777;font-weight:400}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{display:block;border:1px solid #ddd;border-radius:12px;padding:14px;cursor:pointer;transition:.15s}.choice input:checked+span{border-color:#111;box-shadow:0 0 0 1px #111}.choice small{display:block;color:#777;margin-top:5px}.qty{display:flex;align-items:center;gap:0;width:180px}.qty button,.qty input{height:46px;border:1px solid #ddd;background:#fff;text-align:center}.qty button{width:46px;font-size:22px;cursor:pointer}.qty input{width:88px;font-size:17px}.link-mode{display:flex;gap:8px;margin-bottom:12px}.link-mode input,.confirm input{width:18px;height:18px}.hidden{display:none!important}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;border:2px dashed #ccc;border-radius:14px;text-align:center;padding:20px;cursor:pointer}.dropzone span,.dropzone small{color:#777;margin-top:7px}.dropzone input{display:none}.file-summary{margin-top:10px;color:#666;font-size:14px}.text-btn{border:0;background:none;text-decoration:underline;padding:12px 0;cursor:pointer}.segmented{display:flex;gap:10px}.segmented label{flex:1}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;border:1px solid #ddd;border-radius:10px;padding:12px;cursor:pointer}.segmented input:checked+span{border-color:#111;background:#111;color:#fff}.confirm{display:flex;gap:12px}.confirm small{display:block;color:#777;line-height:1.5;margin-top:6px}.summary{background:#fafafa}.summary div{display:flex;justify-content:space-between;margin:6px 0}.summary strong{font-size:20px}.summary p{font-size:12px;color:#777}.actions{display:flex;gap:12px;padding:22px 24px}.btn{flex:1;border:0;border-radius:10px;padding:15px;font-size:16px;font-weight:700;cursor:pointer}.primary{background:#111;color:#fff}.secondary{background:#eee;color:#111}.message{margin:0 24px 24px;padding:12px;border-radius:8px;display:none}.message.error{display:block;background:#fff0f0;color:#a00}.message.ok{display:block;background:#effaf0;color:#176b20}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal-box{background:#fff;max-width:560px;width:100%;border-radius:16px;padding:26px;position:relative;max-height:85vh;overflow:auto}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.modal-box h2{margin-top:0}.modal-box li{margin:8px 0}@media(max-width:650px){.availability,.choices{grid-template-columns:1fr}.hero h1{font-size:25px}.actions{flex-direction:column}.card{padding:18px}.actions{padding:18px}.availability{gap:7px}}