/* Personal coupon book: the same paper, tape and soft greens as the shop. */
.member-sections{display:flex;gap:8px;margin:0 0 24px;border-bottom:1px solid #e5dacb;padding-bottom:10px}
.member-sections a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:14px;font:700 15px var(--hand);color:#8a7566;border:1px solid transparent}
.member-sections a[aria-current=page]{background:#fffdf8;border-color:#d9c8b4;color:#725542;box-shadow:0 3px 0 #e9e0d3}
.member-sections svg{width:20px;height:20px;flex:none}
.member-sections a:focus-visible,.coupon-wallet a:focus-visible,.coupon-wallet button:focus-visible{outline:3px solid #a2b08f;outline-offset:3px}
.coupon-wallet{padding-bottom:calc(36px + env(safe-area-inset-bottom,0px));max-width:1000px;margin:0 auto}
.wallet-intro{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;background:#f0f3e7;border:1px solid #dce2ce;border-radius:23px;margin:10px 0 24px}
.wallet-intro::before{content:"";position:absolute;left:28px;top:-8px;width:76px;height:19px;background:repeating-linear-gradient(90deg,#ccd9bcbb 0 8px,#e2e8d4cc 8px 16px);transform:rotate(-3deg)}
.wallet-intro small{font-size:10px;letter-spacing:.2em;color:#81906e}
.wallet-intro h2{font:800 25px/1.5 var(--hand);margin:5px 0;color:#5d694e}
.wallet-intro h2 span{display:inline-block}
.wallet-intro p{font-size:13px;line-height:1.8;margin:6px 0 0;color:#7c826e}
.wallet-intro img{width:92px;height:105px;object-fit:contain;flex:none}
.wallet-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}
.wallet-filters{display:flex;gap:5px;background:#eee9e0;border-radius:99px;padding:4px}
.wallet-filters button{min-height:42px;padding:8px 17px;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:6px;color:#89776a;font:700 14px var(--hand)}
.wallet-filters button{white-space:nowrap}
.wallet-filters button[aria-pressed=true]{background:#fffdf8;color:#674f40;box-shadow:0 2px 5px #8c70541a}
.wallet-filters b{font:700 11px var(--body);background:#e2d9cc;border-radius:50px;min-width:20px;padding:3px 5px;text-align:center}
.wallet-filters button[aria-pressed=true] b{background:#87997c;color:white}
.wallet-refresh{min-height:44px;padding:8px 10px;font-size:12px;color:#8e7865;text-decoration:underline;text-underline-offset:4px}
.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.coupon{--coupon-tint:#edf2e6;--coupon-color:#728565;display:grid;grid-template-columns:108px minmax(0,1fr);position:relative;border:1px solid #e4d8c7;border-radius:19px;background:#fffdf8;box-shadow:0 3px 2px #8e715908,0 13px 22px -23px #8e7159;overflow:hidden}
.coupon--percent{--coupon-tint:#faeeeb;--coupon-color:#aa776f}
.coupon--shipping{--coupon-tint:#f7f0df;--coupon-color:#a1874f}
.coupon--used,.coupon--using{--coupon-tint:#f0ede7;--coupon-color:#988979}
.coupon--expired{--coupon-tint:#f0ede7;--coupon-color:#aaa092;opacity:.8}
@media(max-width:600px){.wallet-tools{flex-wrap:wrap}.wallet-filters{flex:1 1 100%;max-width:100%}.wallet-filters button{flex:1;padding:8px 5px;font-size:12px}.wallet-refresh{margin-left:auto}}
.coupon__value{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 8px;background:var(--coupon-tint);color:var(--coupon-color);border-right:1px dashed #cfc5b4}
.coupon__value::before,.coupon__value::after{content:"";position:absolute;right:-8px;width:14px;height:14px;border:1px solid #e4d8c7;border-radius:50%;background:var(--paper)}
.coupon__value::before{top:-8px}.coupon__value::after{bottom:-8px}
.coupon__value small{font:700 11px var(--hand);letter-spacing:.12em}
.coupon__value strong{font:900 30px/1.5 var(--hand);overflow-wrap:anywhere;text-align:center}
.coupon__value span{font-size:11px;line-height:1.8}.coupon__value svg{width:26px;height:26px;margin-bottom:10px}
.coupon__body{padding:18px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.coupon__status{display:inline-flex;align-items:center;gap:5px;font-size:10px;background:var(--coupon-tint);color:var(--coupon-color);padding:4px 9px;border-radius:99px}
.coupon__status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.coupon h3{margin:9px 0 5px;font:700 17px/1.5 var(--hand);color:#6a5142;overflow-wrap:anywhere}
.coupon__rule{margin:0 0 12px;font-size:12px;line-height:1.75;color:#957e6a}
.coupon__meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 9px;margin:0 0 13px;font-size:11px;line-height:1.6;color:#a08d7c;width:100%}
.coupon__meta dt{color:#b09d89}.coupon__meta dd{margin:0;overflow-wrap:anywhere}
.coupon details{font-size:11px;color:#9a826d;line-height:1.8;width:100%;margin-bottom:12px}
.coupon summary{cursor:pointer;min-height:32px;display:list-item;list-style-position:inside;padding:6px 0}
.coupon details p{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 6px}
.coupon__action{margin-top:auto;border-top:1px dashed #eadfce;padding-top:11px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}
.coupon__action small{font-size:10px;color:#a99583;line-height:1.6}
.coupon__action a,.coupon__action button{min-height:40px;border:1px solid #c7d2bb;border-radius:11px;background:#eff3e8;padding:8px 12px;flex:none;font:700 12px var(--hand);color:#748367;text-align:center}
.wallet-note{display:flex;gap:9px;margin-top:22px;padding:14px 17px;background:#f3eee5;border-radius:13px;color:#998673;font-size:12px;line-height:1.9}
.wallet-note svg{width:17px;height:17px;flex:none;margin-top:3px}
.wallet-empty{text-align:center;padding:30px 16px 36px;border:1px dashed #dbcebd;background:#fffdf880;border-radius:20px}
.wallet-empty img{width:100px;height:100px;object-fit:contain}
.wallet-empty h3{margin:8px 0;color:#87735f;font:700 19px var(--hand)}
.wallet-empty p{font-size:13px;color:#ac9986;line-height:1.8;margin:10px 0 18px}
.wallet-empty a,.wallet-empty button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid #c9d2bc;border-radius:13px;background:#edf2e6;color:#738268;font:700 14px var(--hand)}
.wallet-loading{padding:55px 12px;text-align:center;color:#97816d;font-size:14px}
.wallet-notice{margin:0 0 14px;border-radius:12px;padding:12px;background:#f8eee4;color:#a07950;font-size:13px;line-height:1.7}
@media(max-width:759px){.wallet-grid{grid-template-columns:1fr}.wallet-intro{padding:21px}.wallet-intro h2{font-size:22px}.wallet-intro img{width:75px;height:88px}}
@media(max-width:420px){.member-sections{margin-bottom:20px}.member-sections a{flex:1;padding:10px 12px}.wallet-intro{padding:19px 16px;gap:8px}.wallet-intro h2{font-size:20px}.wallet-intro p{font-size:12px}.wallet-intro img{width:61px;height:83px}.wallet-tools{gap:3px}.wallet-filters{gap:2px;flex:1}.wallet-filters button{flex:1;padding:8px 8px;font-size:12px;gap:4px}.wallet-refresh{font-size:11px;padding:8px 4px}.coupon{grid-template-columns:89px minmax(0,1fr)}.coupon__body{padding:15px 13px}.coupon h3{font-size:16px}.coupon__value strong{font-size:27px}.coupon__action{flex-wrap:wrap}.coupon__action a,.coupon__action button{margin-left:auto}.wallet-note{font-size:11px}}
@media(max-width:360px){.wallet-tools{flex-wrap:wrap}.wallet-filters{flex:1 1 100%}.wallet-refresh{margin-left:auto;min-height:34px}.wallet-intro h2{font-size:18px}}