/* Checkout — layout modelled on the jennifer-bags.com checkout (Shopify-style one page) */
:root{--ink:#000;--muted:#707070;--line:#dedede;--bg:#fff;--soft:#f5f5f5;--btn:#111;--focus:#333;--errc:#d91c1c;--r:12px;--sel:#f7f4f0;--green:#2f7a3d}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.35 -apple-system,"system-ui","Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit}button{font:inherit}
.hd{position:relative;display:flex;flex-direction:column;align-items:center;padding:14px 14px 12px;border-bottom:1px solid var(--line);background:#fff;text-align:center}
.hd .logo{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:30px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;line-height:1}
.hd .tag{font-size:11px;color:var(--muted);margin-top:6px;letter-spacing:.02em}
.hd .bagl{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--focus)}.hd .bag{width:24px;height:24px}
.tpst{display:inline-flex;gap:2px;vertical-align:-2px}.tpst i{width:16px;height:16px;background:#00b67a;display:inline-flex;align-items:center;justify-content:center}.tpst i:after{content:"";width:10px;height:10px;background:#fff;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.wrap{display:grid;grid-template-columns:1fr}
.main{padding:21px 14px 40px}.side{background:var(--soft);border-top:1px solid var(--line);padding:17px 14px}
@media(min-width:1000px){.wrap{grid-template-columns:minmax(0,calc(50% + 28px)) minmax(0,1fr);min-height:calc(100vh - 90px)}.main{padding:38px 19px 60px 38px}.main>div{max-width:499px;margin-left:auto}.side{border-top:0;border-left:1px solid var(--line);padding:38px}.side>div{max-width:420px;position:sticky;top:38px}.sumbar{display:none!important}}
.sumbar{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--soft);border:0;border-bottom:1px solid var(--line);padding:17px 14px;color:var(--ink);cursor:pointer;font-size:14px}
.sumbar span:first-child{color:var(--focus);display:inline-flex;gap:6px;align-items:center}.sumbar b{font-size:19px;font-weight:600}
@media(max-width:999px){.side{display:none;order:-1;border-top:0;border-bottom:1px solid var(--line)}.side.open{display:block}}
h2{font-size:20px;font-weight:600;line-height:24px;margin:32px 0 14px}h2:first-child{margin-top:0}h2.sm{font-size:16px;line-height:19.2px;margin-top:24px}
.f{position:relative;margin-bottom:10px}.row,.row3{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:576px){.row{grid-template-columns:1fr 1fr;column-gap:10px}.row3{grid-template-columns:1fr 1fr 1fr;column-gap:10px}}
.f input,.f select{display:block;width:100%;height:49px;border:1px solid var(--line);border-radius:var(--r);padding:13.55px 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink);appearance:none;-webkit-appearance:none;outline:0 solid rgba(0,0,0,.12);transition:border-color .13s,box-shadow .13s}
.f input::placeholder{color:var(--muted);opacity:1}
.f input:not(:placeholder-shown){padding:21.05px 10px 6.05px}
.f select{padding:21.05px 30px 6.05px 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 14 14'%3E%3Cpath d='M11.9 5.6 7 10.5 2.1 5.6' fill='none' stroke='%23707070' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
.f label{position:absolute;left:11px;top:6px;max-width:calc(100% - 26px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px;line-height:16.2px;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}
.f input:not(:placeholder-shown)+label,.f select+label{opacity:1;transform:none}
.f input:focus,.f select:focus{border-color:var(--focus);box-shadow:0 0 0 .5px var(--focus);outline-width:3.5px}
.f.err input,.f.err select{border-color:var(--errc);box-shadow:0 0 0 .5px var(--errc)}.f .msg{color:var(--errc);font-size:14px;margin-top:4px;display:none}.f.err .msg{display:block}
.chk{display:flex;gap:10px;align-items:center;font-size:14px;margin:10px 0 0;cursor:pointer}
.chk input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.chk input:checked{box-shadow:none;background:var(--focus) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 14 14'%3E%3Cpath d='M12.1 2.8 5.6 10.5 2.2 7.1' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}
.box{border:1px solid var(--line);border-radius:var(--r);padding:14px;background:#fff}
.ship{display:flex;justify-content:space-between;gap:10px;border-color:var(--focus);box-shadow:0 0 0 .5px var(--focus);background:var(--sel);font-weight:600}.ship small{display:block;font-weight:400;color:var(--muted);margin-top:2px}
.ship.wait{border-color:transparent;box-shadow:none;background:var(--soft);color:var(--muted);font-weight:400;justify-content:center;text-align:center;padding:16px}
.secure{color:var(--muted);font-size:14px;margin:-10px 0 14px}
.pm{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.pm-h{display:flex;align-items:center;gap:10px;padding:14px;min-height:50px;background:var(--sel);position:relative}.pm-h:before{content:"";position:absolute;inset:0;border:1px solid var(--focus);border-radius:var(--r) var(--r) 0 0;pointer-events:none}
.pm-h .rd{flex:none;width:18px;height:18px;border-radius:50%;border:6px solid var(--focus);background:#fff}.pm-h b{font-weight:600}.pm-h .cards{margin-left:auto;display:flex;gap:4px}.pm-h .cards span{border:1px solid var(--line);border-radius:4px;background:#fff;font-size:9px;font-weight:700;padding:5px 6px;letter-spacing:.03em}
.pm-b{background:rgba(0,0,0,.043);border-top:1px solid var(--line);padding:14px;min-height:80px}
.pm-b .ph{color:var(--muted);text-align:center;padding:14px 8px;font-size:14px;line-height:1.45}
.pay{width:100%;height:56px;border:0;border-radius:var(--r);background:var(--btn);color:#fff;font-size:19px;font-weight:700;cursor:pointer;margin-top:24px}.pay[disabled]{opacity:.55;cursor:default}
.err-top{display:none;border:1px solid #f3b4b4;background:#fff4f4;color:var(--errc);border-radius:var(--r);padding:12px 14px;margin:14px 0;font-size:14px}.err-top.on{display:block}
.foot{border-top:1px solid var(--line);margin-top:48px;padding-top:14px;display:flex;flex-wrap:wrap;gap:14px;font-size:14px}.foot a{color:var(--focus);cursor:pointer;text-decoration:underline}
.line{display:flex;gap:14px;align-items:center;margin-bottom:14px}.thumb{position:relative;flex:none;width:64px;height:64px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fff}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.qty{position:absolute;top:-8px;right:-8px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;min-width:21px;height:21px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 6px}
.lt{flex:1;min-width:0;font-size:14px}.lt small{color:var(--muted);display:block}.lp{text-align:right;font-size:14px;white-space:nowrap}.lp s{color:var(--muted);display:block;font-size:12px}.free{color:var(--green);font-weight:700}
.tot{margin-top:6px;padding-top:10px;font-size:14px}.tot div{display:flex;justify-content:space-between;margin:8px 0}.tot .grand{font-size:19px;font-weight:600;margin-top:16px}.tot .grand small{font-size:12px;color:var(--muted);font-weight:400;margin-right:6px}.save{color:var(--green);font-weight:600}
.empty{text-align:center;padding:30px 0;color:var(--muted)}.empty a{color:var(--ink)}
.tp{margin-top:28px;border:1px solid var(--line);border-radius:var(--r);padding:16px}.tp-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tp-h b{font-size:16px}.tp-h small{color:var(--muted);font-size:12px}.tp-logo{font-weight:700;font-size:15px}.tp-logo:before{content:"★ ";color:#00b67a}
.tp-r{border-top:1px solid #eee;padding-top:14px;margin-top:14px}.tp-a{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tp-a .av{width:40px;height:40px;border-radius:50%;flex:none;background:#eee;display:flex;align-items:center;justify-content:center;font-weight:600;color:#555}.tp-a b{display:block;font-size:14px}.tp-a small{color:var(--muted);font-size:12px}.tp-r p{margin:8px 0 0;font-size:14px;line-height:1.5}.tp-r .ver{color:#00b67a;font-weight:600}
.sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .25s;z-index:50}.sheet-bg.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;height:60vh;min-height:320px;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:51;display:flex;flex-direction:column;max-width:760px;margin:0 auto}.sheet.on{transform:none}
.sheet-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 10px 20px;border-bottom:1px solid var(--line)}
.sheet-h b{font-size:17px}.sheet-x{width:40px;height:40px;border:0;border-radius:50%;background:var(--soft);font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.sheet-c{overflow-y:auto;padding:16px 20px 28px;font-size:14px;line-height:1.55}.sheet-c h1,.sheet-c h2,.sheet-c h3{font-size:16px;line-height:1.3;margin:18px 0 6px}
.hide{display:none!important}
.bump{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:14px;cursor:pointer}
.bump input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.bump input:checked{box-shadow:none;background:var(--focus) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 14 14'%3E%3Cpath d='M12.1 2.8 5.6 10.5 2.2 7.1' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}
.bump-ic{flex:none;width:48px;height:48px;border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:var(--soft)}.bump-ic svg{width:24px;height:24px;fill:none;stroke:#111;stroke-width:3}.bump-ic img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.bump b{display:block;font-size:14px;font-weight:600}.bump small{color:var(--muted);font-size:13px;line-height:17px;display:block;margin-top:2px}.bump .pr{margin-left:auto;font-weight:600;white-space:nowrap}
.tip{margin-top:24px;border:1px solid var(--line);border-radius:var(--r);padding:16px 14px}.tip h2{margin:0 0 10px}
.tip-s{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.tip-ic{width:56px;height:56px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:26px;flex:none}
.tip-s p{margin:0;font-size:14px;line-height:1.45}.tip-s i{display:block;font-family:Georgia,'Times New Roman',serif;color:#5b4636;margin-top:4px}
.tip-o{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tip-o button{position:relative;min-height:62px;border:0;border-left:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;padding:8px 4px;font-size:14px;line-height:1.25}.tip-o button:first-child{border-left:0}
.tip-o button b{display:block;font-weight:600}.tip-o button small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.tip-o button.on{background:var(--sel);z-index:1}.tip-o button.on:before{content:"";position:absolute;inset:0;border:1px solid var(--focus);box-shadow:inset 0 0 0 .5px var(--focus);pointer-events:none}
.tip-c{display:flex;gap:10px;margin-top:10px}.tip-c .f{flex:1;margin:0}
.tip-add{height:49px;border:1px solid var(--line);border-radius:var(--r);background:var(--soft);color:var(--ink);font-weight:600;padding:0 18px;cursor:pointer}.tip-add:not([disabled]){background:var(--btn);color:#fff;border-color:var(--btn)}.tip-add[disabled]{color:var(--muted);cursor:default}
.tip-ty{margin:12px 0 0;font-size:14px;color:var(--green);font-weight:600}
.paid{color:var(--ink)}
.tp-a .pp-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.hd-pill{display:inline-flex;align-items:center;gap:10px;margin-top:8px;background:#f3eee6;border:1px solid #e3d9c9;border-radius:8px;padding:5px 14px 5px 6px;font-weight:700;font-size:13px;letter-spacing:.08em}
.hd-avs{display:flex}.hd-avs img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-8px}.hd-avs img:first-child{margin-left:0}
.hd-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-top:10px;font-size:9.5px;font-weight:600;letter-spacing:.08em;color:#333}
.hd-trust span{display:inline-flex;align-items:center;gap:5px}.hd-trust span+span{border-left:1px solid #ccc;padding-left:12px}
.hd-trust svg{width:13px;height:13px;fill:none;stroke:#333;stroke-width:4}
.res{display:flex;gap:12px;align-items:flex-start;background:#fdf1f1;border:1px solid #f3cfcf;border-radius:14px;padding:16px 18px;color:#4a0f0f;font-weight:700;font-size:15px;line-height:1.35;margin:12px 14px 0}.res[hidden]{display:none}
@media(min-width:1000px){.res{max-width:499px;margin:18px 19px 0 auto;margin-right:calc(50% - 28px + 19px)}}
.express{margin-bottom:8px}.express[hidden]{display:none}.express .lbl{text-align:center;color:var(--muted);font-size:14px;margin-bottom:14px}
.or{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px;margin:24px 0 4px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
.sheet-c table{border-collapse:collapse}.sheet-c th,.sheet-c td{border:1px solid #e5e5e5;padding:5px 10px;text-align:left}
.pm-h .cards{margin-left:auto;display:flex;gap:4px}.pm-h .cards svg{width:38px;height:24px;display:block}
.res.is-expired{background:#f6f6f6;border-color:#e5e5e5;color:#555;font-weight:500}
.pp-consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;max-width:520px;margin:0 auto;background:#111;color:#fff;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.45;box-shadow:0 8px 30px rgba(0,0,0,.3);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pp-consent p{margin:0;flex:1;min-width:200px}.pp-consent a{color:#fff;text-decoration:underline}.pp-consent div{display:flex;gap:8px}.pp-consent button{border:1px solid #fff;border-radius:8px;padding:8px 14px;font-weight:600;font-size:13px;background:transparent;color:#fff;cursor:pointer}.pp-consent button[data-c=yes]{background:#fff;color:#111}