/* Shared commerce presentation; independent from the manga reader theme. */
.shopb{background:#f6f5f2;border:1px solid #deddd8;border-radius:20px;padding:28px;color:#202525;margin-block:26px}
.shopb-head{margin-bottom:24px;gap:20px}.shopb-kick{color:#8b372c;font-size:11px;letter-spacing:2px}.shopb-title{color:#192222;font-size:clamp(22px,3vw,30px);letter-spacing:-.7px}.shopb-all{color:#394d49;font-size:14px;font-weight:600;white-space:normal;text-decoration:underline;text-underline-offset:4px}
.shopb-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;max-width:1040px;margin:auto}.shopb-card{background:#fff;border:1px solid #e1e3df;border-radius:14px;box-shadow:0 3px 15px #18382e06;max-width:480px;width:100%;justify-self:center}.shopb-card:hover{border-color:#a3b4ad;box-shadow:0 12px 26px #18382e0e;transform:translateY(-3px)}
.shopb-img{background:#eceeea;aspect-ratio:1/1.08}.shopb-img img{object-fit:contain;padding:20px}.shopb-body{padding:20px;gap:8px}.shopb-name{color:#202928;font-size:17px;line-height:1.45;font-weight:650;-webkit-line-clamp:3}.shopb-sub,.shopb-stars,.shopb-rcount{color:#596460}.shopb-price{color:#152e27;font-size:25px;letter-spacing:-.7px}.shopb-foot{gap:16px;padding-top:16px}.shopb-btn{background:#193e33;color:white;box-shadow:none;font-weight:650;border-radius:8px;min-height:48px}.shopb-note{color:#53615b;font-size:13px;margin-top:22px}.shopb-badge{background:#193e33;padding:6px 10px;border-radius:20px}
body.commerce{--bg:#f7f7f4;--bg2:#fff;--bg3:#fff;--bg4:#eef1ed;--border:#dce2dc;--muted:#57645e;--red:#193e33;--accent:#193e33;background:var(--bg);color:#29352e;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65}
.commerce header{background:#fff;border-color:#e1e5df}.commerce .hdr{max-width:1220px;min-height:76px;height:auto;padding:18px 28px;flex-wrap:wrap}.commerce .hdr-logo{color:#19362c;font-size:19px;overflow-wrap:anywhere}.commerce .hdr a.back{color:#40574b;font-size:14px}.commerce .cart-link{font-size:14px;color:#193e33;border:1px solid #dce2dc;border-radius:30px;padding:7px 16px;white-space:nowrap}
.commerce .wrap{max-width:1220px;padding:40px 28px 64px;gap:48px}.commerce h1{color:#172a20;font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-1px;font-weight:750;overflow-wrap:anywhere}.commerce .pprice{font-size:32px;color:#193e33;margin:22px 0;letter-spacing:-1px}.commerce .psub,.commerce .note,.commerce .c-name,.commerce .prating,.commerce .prating-n{color:#55635a}.commerce .note{font-size:13px;line-height:1.8;text-align:start}.commerce .lbl{font-size:12px;font-weight:700;color:#364a3c;letter-spacing:.7px;margin-top:20px}
.commerce .pimg{background:#eceeea;border:1px solid #dfe4dc;border-radius:18px;aspect-ratio:1/1.08}.commerce .pimg img{object-fit:contain;padding:20px}.commerce .pimg-hint{background:#fffE;color:#3f5145;backdrop-filter:blur(6px);border:1px solid #dce2dc}.commerce .gallery-thumbs button{background:#eceeea;border-radius:10px;padding:5px;flex-basis:82px;height:90px}.commerce .gallery-thumbs button[aria-pressed=true]{border-color:#193e33}.commerce .gallery-controls{gap:12px;font-size:13px;color:#53615b}.commerce .gallery-controls button{background:white;border:1px solid #ccd5cc;color:#193e33;border-radius:8px;min-height:42px}.commerce .gallery-controls select{max-width:160px!important}
.commerce select,.commerce input[type=number],.commerce input[type=text],.commerce textarea{background:white;color:#273b2c;border:1px solid #becbbe;border-radius:8px;min-height:46px;font-size:16px;padding:10px 12px}.commerce .btn{background:#193e33;color:#fff;min-height:52px;border-radius:9px;font-size:15px;font-weight:700;transition:background .18s,box-shadow .18s}.commerce .btn:hover{background:#285541;box-shadow:0 4px 16px #18382e15}.commerce .btn:disabled{cursor:not-allowed;opacity:.5}.commerce :is(a,button,input,select,textarea):focus-visible,.shopb-card:focus-visible{outline:3px solid #39785d;outline-offset:4px}.commerce .swatch{width:40px;height:40px;border:3px solid #fff;box-shadow:0 0 0 1px #bcc6ba}.commerce .swatch.on{border-color:white;box-shadow:0 0 0 2px #193e33;transform:none}.commerce .swatches{padding:4px;gap:14px}.commerce .pdesc{border-color:#dce2dc;color:#405143;font-size:15px;line-height:1.9}.commerce .pdesc h2,.commerce .pdesc h3,.commerce .previews h2{color:#213e2a}.commerce .pfooter,.commerce .cfooter{color:#5d685f;border-color:#dce2dc;font-size:13px}.commerce .flinks a{color:#395541}.commerce .shop-hero{padding:24px 0;margin-bottom:20px}.commerce .shop-hero h1{font-size:clamp(32px,4vw,48px);color:#193e33}.commerce .shop-hero p{color:#59665b;font-size:16px}.commerce .prv-empty,.commerce .prv-author,.commerce .prv-body,.commerce .rv-note{color:#526357}.commerce .prv-card,.commerce .prv-form,.commerce .previews{background:#fff;border-color:#dce2dc}.commerce .prv-title{color:#243f2c}
.commerce-kicker{color:#617461;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;font-weight:750}.commerce-benefits{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 24px;padding-block:14px;border-block:1px solid #dce2dc;color:#425b46;font-size:12px}.commerce-benefits span{display:flex;align-items:center;gap:7px}.commerce-benefits span:before{content:'\2713';font-weight:800;color:#286044}
.commerce .card{background:#fff;border-color:#dce2dc;padding:24px;border-radius:14px;box-shadow:0 3px 14px #17352203}.commerce .cart-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:28px;align-items:start}.commerce .cart-summary{position:sticky;top:24px}.commerce .cart-summary h2{font-size:20px;color:#193e33;margin:0 0 18px}.commerce .line{gap:16px;padding:20px 0}.commerce .line img{width:100px;height:112px;object-fit:contain;background:#eceeea;padding:8px;border-radius:10px}.commerce .line-n{color:#243a2a;font-size:15px;line-height:1.45}.commerce .line-v{color:#5b6b5d;font-size:13px;margin-top:7px}.commerce .line-p{color:#193e33;font-size:16px}.commerce .line-rm{color:#7c443b;min-width:32px;min-height:40px}.commerce .qty{width:64px}.commerce .tot{color:#526255;font-size:14px;padding:10px 0}.commerce .tot.big{color:#193e33;font-size:23px;border-color:#dce2dc;padding-top:18px}.commerce .btn-upd,.commerce .btn-dk{background:#edf2eb;color:#24482e;border:1px solid #d0ddcc;box-shadow:none}.commerce .btn-pp{background:#ffc439;color:#142940}.commerce .btn-pp:hover{background:#ffd168}.commerce .btn-stripe{background:#193e33}.commerce table.sum td{color:#4a5f4e}.commerce table.sum td:last-child{color:#243e2a}.commerce .err{color:#9c302a;background:#fff0ee}.commerce .cart-summary select{color:#273b2c!important;border-color:#becbbe!important}.commerce .cart-summary label{color:#526255!important}.commerce .cart-intro{margin:-6px 0 24px;color:#5a6b5b;font-size:14px}
@media(min-width:850px){.commerce .product-gallery{position:sticky;top:22px;align-self:start}}
@media(max-width:850px){.commerce .wrap{padding:24px 18px 42px;gap:26px}.commerce .wrap:not(.wrap-full){grid-template-columns:1fr}.commerce .cart-layout{grid-template-columns:1fr;gap:4px}.commerce .cart-summary{position:static}.commerce .hdr{padding:14px 18px;gap:12px}.commerce h1{letter-spacing:-.5px}.shopb{padding:20px}.shopb-grid{gap:16px}.commerce .line img{width:80px;height:96px}}
@media(max-width:480px){.shopb-head{align-items:start;flex-direction:column;gap:10px}.shopb-grid{grid-template-columns:1fr}.shopb-body{padding:18px}.commerce .hdr-logo{font-size:16px}.commerce .hdr a.back{font-size:12px}.commerce .cart-link{padding:5px 10px;font-size:12px}.commerce .card{padding:16px}.commerce .line{display:grid;grid-template-columns:72px minmax(0,1fr) 32px;gap:10px}.commerce .line img{width:72px;height:90px;grid-row:span 2}.commerce .line-t{grid-column:2}.commerce .line-rm{grid-column:3;grid-row:1}.commerce .line .qty{grid-column:2;width:66px}.commerce .line-p{grid-column:2;justify-self:end;grid-row:2}.commerce .pimg img{padding:12px}.commerce .pprice{margin:18px 0}.commerce-benefits{gap:8px 14px}}
@media(prefers-reduced-motion:reduce){.shopb-card,.shopb-img img,.commerce .btn{transition:none}}

.commerce .gallery-thumbs[hidden],.commerce .gallery-controls [hidden]{display:none}.commerce .cart-summary [style*="color:#86efac"]{color:#285c32!important}.commerce .cart-summary [style*="color:#4ade80"]{color:#245730!important}.commerce .cart-summary [style*="color:#fcd34d"]{color:#825007!important}

.commerce .pdesc p{color:#405143}.commerce .rv-row input,.commerce .prv-form textarea{color:#273b2c;background:#fff}.commerce .shopb{margin-top:0}
@media(max-width:480px){.commerce .line .qty{grid-row:2;justify-self:start}.commerce .line-p{align-self:center}}

/* Reassurance immediately below the purchase action. */
.commerce .trust-panel{margin-top:18px;border:1px solid #dce5d9;border-radius:12px;background:#f0f4ed;padding:18px}
.commerce .trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.commerce .trust-item{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.commerce .trust-item svg{width:25px;height:25px;fill:none;stroke:#2b6046;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.commerce .trust-item strong{display:block;color:#254531;font-size:12px;line-height:1.45;font-weight:750}
.commerce .trust-item small{display:block;font-size:11px;line-height:1.5;color:#5a6a5a;margin-top:4px}
.commerce .trust-payments{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;border-top:1px solid #dce5d9;margin-top:16px;padding-top:14px;font-size:11px;color:#5a6a5a}
.commerce .payment-mark{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #d4ddd0;border-radius:5px;background:#fff;color:#24482f;font-size:11px;font-weight:700}
.commerce .payment-paypal{color:#163a69;font-style:italic;font-size:13px}
.commerce .purchase-help{border-block:1px solid #dce2dc;padding:14px 0;margin-top:18px;font-size:13px;color:#526357}
.commerce .purchase-help summary{cursor:pointer;color:#294c35;font-weight:650;padding:4px 0}
.commerce .purchase-help p{margin-top:12px;line-height:1.8}
@media(max-width:480px){.commerce .trust-grid{grid-template-columns:1fr;gap:14px}.commerce .trust-item{flex-direction:row;align-items:center;gap:12px}.commerce .trust-item small{margin-top:2px}.commerce .trust-panel{padding:16px}.commerce .trust-payments{justify-content:flex-start}}

.shopb .shopb-btn{background:var(--shop-button,#193e33);color:var(--shop-button-text,#fff)}
.commerce .product-info form>.btn,.commerce .btn-stripe{background:var(--cart-button,#193e33);color:var(--cart-button-text,#fff)}
.commerce .product-info form>.btn:hover,.commerce .btn-stripe:hover{background:var(--cart-button,#193e33);filter:brightness(.94)}
.commerce .cart-link{border-color:var(--cart-button,#193e33)}

/* Compact catalogue cards: prices share a row, discount never stretches. */
.shopb-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),280px));gap:16px;justify-content:center}
.shopb-card{max-width:280px;border-radius:12px;overflow:hidden}
.shopb-img{aspect-ratio:1/1;height:auto}.shopb-img img{padding:12px}
.shopb-body{padding:13px;gap:5px}.shopb-name{font-size:14px;line-height:1.4;-webkit-line-clamp:2}
.shopb-stars,.shopb-sub{font-size:12px;line-height:1.4}
.shopb-foot{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 8px;padding-top:9px}
.shopb-price{font-size:20px;line-height:1.2;flex:0 0 auto;letter-spacing:-.4px}
.shopb-was{font-size:12px;line-height:1.2;margin:0;flex:0 0 auto}
.shopb-off{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;max-width:max-content;margin:0;padding:3px 6px;border-radius:5px;font-size:10px;line-height:1.2}
.shopb-btn{flex:0 0 100%;width:100%;min-height:44px;padding:9px 12px;font-size:13px;margin-top:5px;justify-content:center;text-align:center;box-shadow:none}
@media(min-width:360px) and (max-width:600px){.shopb{padding:14px}.shopb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shopb-card{min-width:0;max-width:none}.shopb-body{padding:10px;gap:4px}.shopb-name{font-size:12px;line-height:1.4}.shopb-img img{padding:8px}.shopb-price{font-size:17px}.shopb-was{font-size:10px}.shopb-off{font-size:9px;padding:3px 5px}.shopb-stars,.shopb-sub{font-size:10px}.shopb-foot{gap:5px;padding-top:7px}.shopb-btn{font-size:12px;padding:8px;min-height:44px}}
@media(max-width:359px){.shopb-grid{grid-template-columns:minmax(0,260px)}.shopb-body{padding:12px}}