/* LastBro Market – rose design system, 2026-10-11 */
:root{--lbshop-pink:#1764e8;--lbshop-rose:#4c91ed;--lbshop-light:#f2f6fe;--lbshop-ink:#1F1F2E;--lbshop-line:#d9e2f2;--lbshop-muted:#696776}
.lb-shop-wrap{max-width:1200px;width:100%;margin:0 auto;padding:clamp(14px,2.5vw,26px);color:var(--lbshop-ink);min-width:0}
.lb-shop-hero{padding:clamp(21px,3vw,35px);background:linear-gradient(115deg,#f8fbff,#e8f0fd);border:1px solid #d6e1f4;border-radius:25px;margin:0 0 22px;box-shadow:0 14px 34px #a9c3f123}
.lb-shop-hero h1{font-size:clamp(1.7rem,4vw,2.65rem);font-weight:850;color:var(--lbshop-ink);line-height:1.12;margin:8px 0 14px}.lb-shop-hero p{font-size:1.02rem;color:var(--lbshop-muted);max-width:730px;margin:0 0 15px}.lb-shop-eyebrow{letter-spacing:.1em;font-size:.72rem;font-weight:800;color:#2a61bf;text-transform:uppercase}
.lb-shop-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.lb-shop-btn,.lb-shop-outline,.lb-shop-danger{font-family:inherit;font-weight:750;font-size:.93rem;border-radius:13px;display:inline-flex;justify-content:center;align-items:center;min-height:43px;gap:8px;padding:10px 17px;text-decoration:none;cursor:pointer;line-height:1.25;border:1px solid transparent}.lb-shop-btn{background:var(--lbshop-pink);color:#fff!important;box-shadow:0 5px 12px #1764e825}.lb-shop-btn:hover{background:#2466d9;color:#fff}.lb-shop-outline{background:#fff;color:#2353a7!important;border-color:var(--lbshop-line)}.lb-shop-outline:hover{background:#f1f6fe}.lb-shop-danger{background:#fff;color:#1f55b2;border-color:#b8ccef}.lb-shop-danger:hover{background:#fff0f0}
.lb-shop-filter{background:#fff;border:1px solid var(--lbshop-line);padding:16px;border-radius:20px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(145px,1fr) auto;gap:13px;align-items:end;margin-bottom:22px}.lb-shop-filter label,.lb-shop-field{display:flex;flex-direction:column;gap:7px;min-width:0}.lb-shop-filter label span,.lb-shop-field>span,.lb-shop-field>label>span{font-size:.87rem;font-weight:750;color:#353a44}.lb-shop-filter input,.lb-shop-filter select,.lb-shop-field input:not([type=file]),.lb-shop-field select,.lb-shop-field textarea{width:100%;min-width:0;border:1px solid #d3ddef;border-radius:12px;background:#fff;color:#21252d;padding:12px 14px;outline:none;font:inherit;min-height:47px}.lb-shop-filter input:focus,.lb-shop-field input:focus,.lb-shop-field select:focus,.lb-shop-field textarea:focus{border-color:var(--lbshop-pink);box-shadow:0 0 0 3px #1764e81f}.lb-shop-field textarea{resize:vertical;min-height:130px}
.lb-shop-section-title,.lb-shop-inline-head h2{color:var(--lbshop-ink);font-weight:850;font-size:1.3rem;margin:0 0 16px}
.lb-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.8vw,20px);min-width:0}
.lb-shop-card{min-width:0;display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid var(--lbshop-line);color:var(--lbshop-ink)!important;overflow:hidden;text-decoration:none!important;box-shadow:0 5px 19px #9dbaed20;transition:transform .15s ease,box-shadow .15s ease}.lb-shop-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #95b5ec34}.lb-shop-card-media{display:block;aspect-ratio:4/4.7;position:relative;background:var(--lbshop-light);overflow:hidden}.lb-shop-card-media img{width:100%;height:100%;display:block;object-fit:cover}.lb-shop-photo-count,.lb-shop-sold{position:absolute;bottom:10px;right:10px;border-radius:20px;background:#fffef9ed;padding:4px 9px;font-size:.75rem;font-weight:800}.lb-shop-sold{background:#20252de0;color:#fff;left:10px;right:auto}.lb-shop-card-body{display:flex;flex-direction:column;gap:5px;padding:13px 14px 17px;min-width:0}.lb-shop-card-body strong{font-weight:800;font-size:1rem;overflow-wrap:anywhere;line-height:1.3}.lb-shop-card-body small{font-size:.8rem;color:var(--lbshop-muted);overflow-wrap:anywhere}.lb-shop-price{font-weight:850;color:#2058ba;font-size:1.12rem}.lb-shop-empty,.lb-shop-alert{padding:22px;background:#fff;border-radius:17px;border:1px solid var(--lbshop-line);color:#575d68}.lb-shop-alert{background:#fff1f1;border-color:#eeaaab;color:#285198}.lb-shop-pagination{display:flex;gap:12px;margin:20px 0}.lb-shop-note{font-size:.83rem;color:var(--lbshop-muted);margin:22px 0 8px}.lb-shop-back{color:#2b5bad;font-weight:750;text-decoration:none}
.lb-shop-form{padding:clamp(16px,3vw,32px);background:#fff;border:1px solid var(--lbshop-line);border-radius:24px;margin-bottom:25px}.lb-shop-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:20px;margin-bottom:24px}.lb-shop-wide{grid-column:1/-1}.lb-shop-field small{color:var(--lbshop-muted)}.lb-shop-upload{position:relative;display:flex;align-items:center;justify-content:center;min-height:130px;border:2px dashed #b1c7ee;border-radius:18px;background:#f6f9fe;color:#2858ac;font-weight:800;text-align:center;cursor:pointer;padding:20px}.lb-shop-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.lb-shop-image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px;margin-top:12px}.lb-shop-image-preview>img,.lb-shop-existing-photo img{width:100%;height:115px;object-fit:cover;border-radius:12px}.lb-shop-existing-photo{display:flex;flex-direction:column;gap:6px;color:#204585;font-size:.8rem}.lb-shop-existing-photo span{display:flex;align-items:center;gap:5px}
.lb-shop-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:26px;background:#fff;border:1px solid var(--lbshop-line);border-radius:24px;padding:clamp(14px,2.5vw,25px)}.lb-shop-gallery{min-width:0}.lb-shop-large{width:100%;max-height:600px;aspect-ratio:4/5;object-fit:contain;background:#f7f9fe;border-radius:18px}.lb-shop-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.lb-shop-thumbnail{border:2px solid transparent;padding:0;background:none;border-radius:10px;overflow:hidden;cursor:pointer}.lb-shop-thumbnail.is-active,.lb-shop-thumbnail:hover{border-color:var(--lbshop-pink)}.lb-shop-thumbnail img{width:100%;aspect-ratio:1;object-fit:cover}.lb-shop-detail-info h1{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:850;margin:8px 0}.lb-shop-detail-price{font-size:1.8rem;font-weight:900;color:#2a60be;margin-bottom:16px}.lb-shop-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-block:1px solid var(--lbshop-line);padding:18px 0}.lb-shop-facts dt{font-size:.79rem;color:var(--lbshop-muted)}.lb-shop-facts dd{font-weight:750;overflow-wrap:anywhere;margin:2px 0 0}.lb-shop-detail-info h2{font-size:1.1rem;font-weight:800;margin-top:20px}.lb-shop-description{white-space:normal;overflow-wrap:anywhere;line-height:1.6}.lb-shop-seller{border-block:1px solid var(--lbshop-line);padding:15px 0;margin:20px 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.lb-shop-seller a{color:#275ab3;font-weight:800}.lb-shop-badge{background:#262a30;color:white;display:inline-block;padding:6px 10px;border-radius:12px}
.lb-shop-owner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lb-shop-owner-item{min-width:0;background:white;border-radius:20px;overflow:hidden;border:1px solid var(--lbshop-line)}.lb-shop-owner-item .lb-shop-card{border:0;box-shadow:none}.lb-shop-owner-actions{padding:10px;display:flex;flex-wrap:wrap;gap:7px}.lb-shop-owner-actions form{display:flex;flex-wrap:wrap;gap:7px}
.lb-shop-inline{background:#fff;border:1px solid var(--lbshop-line);padding:clamp(14px,2.2vw,24px);border-radius:22px;margin:18px 0 24px;overflow:hidden}.lb-shop-inline-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.lb-shop-inline-head h2{margin:4px 0 0}.lb-shop-inline .lb-shop-grid{gap:10px}.lb-shop-more,.lb-shop-inline-cta a{color:#235dc1!important;text-decoration:none;font-weight:750}.lb-shop-inline-cta{margin:15px 0 0}.lb-shop-no-items{color:var(--lbshop-muted);padding:8px 0 2px}
@media(max-width:990px){.lb-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lb-shop-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.lb-shop-filter{grid-template-columns:1fr 1fr}.lb-shop-filter label:first-child{grid-column:1/-1}.lb-shop-filter button{grid-column:1/-1}.lb-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-shop-detail{grid-template-columns:1fr}.lb-shop-form-grid{grid-template-columns:1fr}.lb-shop-wide{grid-column:1}.lb-shop-card-body{padding:10px 11px 14px}.lb-shop-wrap{padding:12px}.lb-shop-hero{padding:20px}.lb-shop-inline{padding:13px}.lb-shop-owner-grid{grid-template-columns:1fr 1fr}}@media(max-width:370px){.lb-shop-owner-grid{grid-template-columns:1fr}.lb-shop-actions .lb-shop-btn{width:100%}.lb-shop-card-body strong{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.lb-shop-card{transition:none}} 

.lb-shop-custom{position:absolute;top:10px;left:10px;border-radius:17px;background:#f6f9feeb;color:#204d9a;padding:5px 9px;font-weight:800;font-size:.72rem;box-shadow:0 2px 9px #4f6c9e26}
.lb-shop-personalize-box{border:1px solid #d2def2;border-radius:15px;background:#f7f9fe;padding:15px;display:flex;flex-direction:column;gap:13px}.lb-shop-personalize-box>label:first-child{display:flex;align-items:center;gap:10px;color:#2156b2}.lb-shop-personalize-box input[type=checkbox],.lb-shop-personalized-checkbox input{width:19px;height:19px;accent-color:#1764e8}
.lb-shop-personalize-info{border:1px solid #c4d5f1;padding:14px;background:#f5f8fe;border-radius:15px;margin:16px 0}.lb-shop-personalize-info strong{color:#2455aa}.lb-shop-personalize-info p{margin:8px 0 0;overflow-wrap:anywhere}
.lb-shop-personalized-checkbox{display:flex!important;gap:8px!important;align-items:center;flex-direction:row!important;font-size:.82rem;color:#2f589e;white-space:normal}
.lb-shop-personalized-checkbox input{flex:0 0 auto;min-width:19px;min-height:19px;width:19px!important}
@media(min-width:701px){.lb-shop-filter{grid-template-columns:minmax(0,1.7fr) minmax(140px,1fr) minmax(130px,.7fr) auto}}


/* Rose palette alignment with global LastBro buttons. */
html body.lb-redesign .lb-shop-actions :is(.lb-shop-btn,.lb-shop-danger){background:#2668d9!important;border-color:#2668d9!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body.lb-redesign .lb-shop-actions :is(.lb-shop-btn,.lb-shop-danger):is(:hover,:focus-visible){background:#1b53b5!important;border-color:#1b53b5!important;}
html body.lb-redesign .lb-shop-actions :is(.lb-shop-btn,.lb-shop-danger):is(:active,.active,[aria-pressed="true"]){background:#134292!important;border-color:#134292!important;}
html body.lb-redesign .lb-shop-actions .lb-shop-outline{background:#e8f0fd!important;border-color:#afc8f2!important;color:#143e86!important;-webkit-text-fill-color:#143e86!important;}
html body.lb-redesign .lb-shop-actions .lb-shop-outline:is(:hover,:focus-visible,:active,.active,[aria-pressed="true"]){background:#134292!important;border-color:#134292!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}


/* 2026-10-11: light rose palette overrides on Market forms, details and listing controls. */
:root{--lbshop-pink:#3a6dc5;--lbshop-rose:#9dbdf3;--lbshop-light:#ebf2fe;--lbshop-line:#c5d5f0}
html body.lb-redesign :is(.lb-shop-actions,.lb-shop-filter,.lb-shop-form) :is(.lb-shop-btn,.lb-shop-danger,button[type="submit"]):not([disabled]){
  background:#cadcfb!important;border-color:#b0c5ea!important;color:#203d70!important;-webkit-text-fill-color:#203d70!important;
}
html body.lb-redesign :is(.lb-shop-actions,.lb-shop-filter,.lb-shop-form) :is(.lb-shop-btn,.lb-shop-danger,button[type="submit"]):is(:hover,:focus-visible):not([disabled]){
  background:#aec9f9!important;color:#203d70!important;-webkit-text-fill-color:#203d70!important;
}
html body.lb-redesign :is(.lb-shop-actions,.lb-shop-filter,.lb-shop-form) :is(.lb-shop-btn,.lb-shop-danger,button[type="submit"]):is(:active,.active,[aria-pressed="true"]):not([disabled]){
  background:#8eb3f3!important;color:#203d70!important;-webkit-text-fill-color:#203d70!important;
}
html body.lb-redesign :is(.lb-shop-outline,.lb-shop-filter select,.lb-shop-filter input){border-color:#b0c5ea!important;background-color:#f2f6fe!important;color:#203d70!important;}
html body.lb-redesign :is(.lb-shop-custom,.lb-shop-personalize-info,.lb-shop-personalize-box){background:#ebf2fe!important;color:#203d70!important;}



/* LastBro Market v21 — post-inspired editor, stable standalone CSS.
   Scoped under body.lb-shop-page to avoid affecting the feed, comments, and other modules. */
body.lb-shop-page{--lbshop-pink:#3873d9;--lbshop-rose:#b3cdfa;--lbshop-light:#f1f6fe;--lbshop-line:#c5d5f0;--lbshop-ink:#1b202a;--lbshop-muted:#686e78}
body.lb-shop-page .lb-shop-wrap{width:100%;max-width:1100px;margin-inline:auto;padding:clamp(12px,3vw,26px);padding-bottom:max(125px,env(safe-area-inset-bottom) + 110px);box-sizing:border-box}
body.lb-shop-page .lb-shop-wrap *,body.lb-shop-page .lb-shop-wrap *::before,body.lb-shop-page .lb-shop-wrap *::after{box-sizing:border-box}
body.lb-shop-page .lb-shop-hero{background:linear-gradient(135deg,#fafcff,#eaf1fe);border:1px solid #cad8f0;border-radius:23px;padding:clamp(17px,3vw,30px);margin-bottom:18px;box-shadow:0 7px 24px #3463b513}
body.lb-shop-page .lb-shop-btn,body.lb-shop-page .lb-shop-outline{border-radius:13px;font-weight:750;text-decoration:none;min-height:44px}
body.lb-shop-page .lb-shop-btn{background:#d3e2fc!important;color:#2c4674!important;-webkit-text-fill-color:#2c4674!important;border:1px solid #a8c1ec!important}
body.lb-shop-page .lb-shop-btn:hover{background:#bad1fa!important}
body.lb-shop-page .lb-shop-outline{background:#f8fafe!important;color:#23509d!important;border:1px solid #bfd1ef!important}
body.lb-shop-page .lb-shop-filter{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr) auto!important;gap:13px!important;align-items:end!important;background:#fff!important;border:1px solid #cad8f0!important;border-radius:21px!important;padding:18px!important;max-width:100%}
body.lb-shop-page .lb-shop-filter>label{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}
body.lb-shop-page .lb-shop-filter .lb-shop-personalized-checkbox{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;padding:0 5px 9px 2px!important;min-width:0!important;line-height:1.35!important;color:#2a4675!important}
body.lb-shop-page .lb-shop-filter input:not([type=checkbox]),body.lb-shop-page .lb-shop-filter select,body.lb-shop-page .lb-shop-form :is(input:not([type=checkbox]):not([type=file]),select,textarea){width:100%!important;min-width:0!important;max-width:100%!important;min-height:46px!important;border:1px solid #bacdee!important;border-radius:12px!important;background:#f9fbff!important;color:#232a36!important;padding:11px 13px!important;font:inherit!important;box-shadow:none!important}
body.lb-shop-page .lb-shop-filter input[type=checkbox],body.lb-shop-page .lb-shop-form input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;flex:0 0 19px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;accent-color:#3873d9!important}
body.lb-shop-page .lb-shop-filter>button{white-space:nowrap;min-width:110px}
body.lb-shop-page :is(.lb-shop-form,.lb-shop-detail,.lb-shop-filter,.lb-shop-card,.lb-shop-inline){box-shadow:0 8px 25px #3c6bbb10}
body.lb-shop-page .lb-shop-form.lb-shop-composer{padding:clamp(16px,3vw,30px);border:1px solid #c8d7f0;border-radius:24px;background:#fff;max-width:880px;margin-inline:auto}
body.lb-shop-page .lb-shop-composer-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #d8e2f3}
body.lb-shop-page .lb-shop-composer-avatar{height:52px;width:52px;flex:0 0 52px;border-radius:50%;object-fit:cover;border:2px solid #c4d7f8;background:#f3f7fe}
body.lb-shop-page .lb-shop-composer-head strong{display:block;color:#252b36;font-size:1rem;font-weight:800;overflow-wrap:anywhere}
body.lb-shop-page .lb-shop-composer-head small{color:#747c89;display:block;margin-top:2px}
body.lb-shop-page .lb-shop-composer-bubble{font-weight:750;color:#28539c;line-height:1.4;margin:0 0 16px}
body.lb-shop-page .lb-shop-compose-title{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;margin:22px 0 12px;color:#233149}
body.lb-shop-page .lb-shop-form-grid{gap:15px 18px}
body.lb-shop-page .lb-shop-field>span{font-weight:700}
body.lb-shop-page .lb-shop-form textarea[name=description]{min-height:155px!important;resize:vertical}
body.lb-shop-page .lb-shop-upload{border-radius:16px;min-height:135px;border:2px dashed #a9c1ea;background:linear-gradient(125deg,#f8fbff,#eff5fe)}
body.lb-shop-page .lb-shop-composer-submit{width:100%;max-width:330px;margin-top:4px;font-weight:800}
body.lb-shop-page .lb-shop-reactions{background:#fff;border:1px solid #c6d5f0;border-radius:22px;padding:clamp(14px,2.5vw,24px);margin:22px 0}
body.lb-shop-page .lb-shop-reactions h2{font-size:1.25rem;margin:0 0 12px;font-weight:800;color:#262c37}
body.lb-shop-page .lb-shop-social-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:#4b628b;font-size:.93rem;margin-bottom:12px}
body.lb-shop-page .lb-shop-social-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid #dce4f3;border-bottom:1px solid #dce4f3;margin:0 0 18px}
body.lb-shop-page .lb-shop-social-controls form{margin:0}
body.lb-shop-page .lb-shop-like-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #c1d0ea;background:#f7f9fe;border-radius:14px;color:#274e92;padding:10px 15px;font-weight:800;min-height:42px;cursor:pointer}
body.lb-shop-page .lb-shop-like-button[aria-pressed=true]{background:#d7e4fb;color:#1c53b1;border-color:#9db7e5}
body.lb-shop-page .lb-shop-like-button:hover{background:#e3edfd}
body.lb-shop-page .lb-shop-comments{display:grid;gap:11px;padding:0;margin:14px 0 0;list-style:none}
body.lb-shop-page .lb-shop-comment{display:flex;gap:11px;padding:13px;background:#f8fbff;border:1px solid #dfe6f3;border-radius:16px;overflow-wrap:anywhere}
body.lb-shop-page .lb-shop-comment-avatar{width:39px;height:39px;flex:0 0 39px;border-radius:50%;object-fit:cover;background:#fff}
body.lb-shop-page .lb-shop-comment-body{min-width:0;flex:1}
body.lb-shop-page .lb-shop-comment-author{font-weight:800;color:#2c384c;text-decoration:none}
body.lb-shop-page .lb-shop-comment-date{font-size:.73rem;color:#727986;margin-left:7px}
body.lb-shop-page .lb-shop-comment-text{white-space:pre-wrap;margin:5px 0 0;color:#2b2e33}
body.lb-shop-page .lb-shop-comment-form{margin:12px 0 0;display:grid;gap:10px}
body.lb-shop-page .lb-shop-comment-form textarea{width:100%;padding:12px 14px;border-radius:14px;min-height:88px;border:1px solid #afc5eb;background:#fafcff;resize:vertical;color:#252b36}
body.lb-shop-page .lb-shop-comment-form .lb-shop-btn{justify-self:start}
body.lb-shop-page .lb-shop-delete-comment{background:none;border:0;color:#3762ab;text-decoration:underline;font-size:.76rem;padding:4px 0;cursor:pointer}
body.lb-shop-page .lb-shop-reaction-counts{display:flex;gap:12px;flex-wrap:wrap;margin-top:7px;font-weight:650;color:#3a5f9f;font-size:.84rem}
body.lb-shop-page .lb-shop-reactions .lb-shop-alert{margin:9px 0}
body.lb-shop-page .lb-shop-compose-quick{border:1px solid #c7d6ef;border-radius:18px;padding:16px 18px;margin:0 0 18px;background:#fff;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.lb-shop-page .lb-shop-compose-quick p{margin:0;flex:1;min-width:180px;color:#49556a;font-weight:650}
body.lb-shop-page .lb-shop-compose-quick a{text-decoration:none}
@media(max-width:850px){body.lb-shop-page .lb-shop-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.lb-shop-page .lb-shop-filter>label:first-child{grid-column:1/-1}body.lb-shop-page .lb-shop-filter>button{grid-column:1/-1;width:100%}}
@media(max-width:600px){body.lb-shop-page .lb-shop-filter{grid-template-columns:minmax(0,1fr)!important;padding:14px!important}body.lb-shop-page .lb-shop-filter>label,body.lb-shop-page .lb-shop-filter>button{grid-column:1/-1!important;width:100%;max-width:100%}body.lb-shop-page .lb-shop-filter .lb-shop-personalized-checkbox{padding:5px 0!important;justify-content:flex-start}body.lb-shop-page .lb-shop-hero{padding:19px}body.lb-shop-page .lb-shop-form-grid{grid-template-columns:minmax(0,1fr)!important}body.lb-shop-page .lb-shop-wide{grid-column:1/-1}body.lb-shop-page .lb-shop-composer-submit{max-width:none}body.lb-shop-page .lb-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.lb-shop-page .lb-shop-detail{grid-template-columns:1fr!important}body.lb-shop-page .lb-shop-comment{padding:10px}}
@media(max-width:390px){body.lb-shop-page .lb-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}}

body.lb-shop-page .lb-market-installer-panel{max-width:650px;margin:40px auto!important}body.lb-shop-page .lb-market-installer-panel h1{font-size:1.8rem;font-weight:850;color:#272d38;margin-bottom:18px}

/* Small reaction counters visible in feed and profile listings too. */
.lb-shop-card .lb-shop-reaction-counts{display:flex;gap:13px;flex-wrap:wrap;margin-top:6px;color:#2f5ba8;font-size:.83rem;font-weight:750}

/* v23 final: isolated mobile visibility fixes, no inline CSS dependencies. */
body.lb-shop-page .lb-shop-wrap{overflow-wrap:anywhere}
body.lb-shop-page .lb-shop-hero,body.lb-shop-page .lb-shop-filter,body.lb-shop-page .lb-shop-form,body.lb-shop-page .lb-shop-inline,body.lb-shop-page .lb-shop-detail{min-width:0;max-width:100%}
body.lb-shop-page .lb-shop-actions>a{max-width:100%;text-align:center}
body.lb-shop-page .lb-shop-filter select{min-width:0;max-width:100%;text-overflow:ellipsis}
body.lb-shop-page .lb-shop-filter label.lb-shop-personalized-checkbox{font-weight:650}
body.lb-shop-page .lb-shop-filter .lb-shop-personalized-checkbox input[type=checkbox]{position:static!important;opacity:1!important;display:inline-block!important;visibility:visible!important}
body.lb-shop-page .lb-shop-social-controls button,body.lb-shop-page .lb-shop-comment-form button{max-width:100%}
@media(max-width:600px){
 body.lb-shop-page .lb-shop-actions>a{flex:1 1 100%}
 body.lb-shop-page .lb-shop-filter>label{min-width:0}
 body.lb-shop-page .lb-shop-card-body{min-width:0}
 body.lb-shop-page .lb-shop-wrap{padding-bottom:calc(115px + env(safe-area-inset-bottom, 0px))}
}


/* LastBro bazar v24 — Bootstrap checkbox preserved inside both cards. */
html body.lb-redesign.lb-shop-page .lb-shop-personalize-box > label.lb-shop-toggle,
html body.lb-redesign.lb-shop-page .lb-shop-filter > label.lb-shop-toggle {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left;
    line-height:1.4;
    cursor:pointer;
}
html body.lb-redesign.lb-shop-page .lb-shop-personalize-box > label.lb-shop-toggle > strong,
html body.lb-redesign.lb-shop-page .lb-shop-filter > label.lb-shop-toggle > span {
    flex:1 1 auto;
    min-width:0;
    margin:0;
    overflow-wrap:anywhere;
}
html body.lb-redesign.lb-shop-page .lb-shop-personalize-box .form-check-input[type="checkbox"],
html body.lb-redesign.lb-shop-page .lb-shop-filter .form-check-input[type="checkbox"],
html body.lb-redesign.lb-shop-page .lb-shop-existing-photo .form-check-input[type="checkbox"] {
    -webkit-appearance:none!important;
    appearance:none!important;
    position:relative!important;
    display:inline-block!important;
    float:none!important;
    inset:auto!important;
    box-sizing:border-box!important;
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    vertical-align:middle!important;
    border:1px solid #8da2c7!important;
    border-radius:5px!important;
    background-color:#fff!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
    box-shadow:none!important;
    cursor:pointer;
}
html body.lb-redesign.lb-shop-page .lb-shop-personalize-box .form-check-input[type="checkbox"]:checked,
html body.lb-redesign.lb-shop-page .lb-shop-filter .form-check-input[type="checkbox"]:checked,
html body.lb-redesign.lb-shop-page .lb-shop-existing-photo .form-check-input[type="checkbox"]:checked {
    background-color:#1764d8!important;
    border-color:#1764d8!important;
}
html body.lb-redesign.lb-shop-page .lb-shop-personalize-box .form-check-input[type="checkbox"]:focus-visible,
html body.lb-redesign.lb-shop-page .lb-shop-filter .form-check-input[type="checkbox"]:focus-visible,
html body.lb-redesign.lb-shop-page .lb-shop-existing-photo .form-check-input[type="checkbox"]:focus-visible {
    outline:2px solid #366fd2!important;
    outline-offset:3px!important;
}
/* Don't add a second handmade frame over Bootstrap's checkbox artwork. */
html body.lb-redesign.lb-shop-page .lb-shop-toggle > .form-check-input::before,
html body.lb-redesign.lb-shop-page .lb-shop-toggle > .form-check-input::after,
html body.lb-redesign.lb-shop-page .lb-shop-existing-photo .form-check-input::before,
html body.lb-redesign.lb-shop-page .lb-shop-existing-photo .form-check-input::after {content:none!important;display:none!important;}
html body.lb-redesign.lb-shop-page .lb-shop-personalize-box {
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}
/* Same shared footer component as feed.php. Mobile nav must not cover the footer. */
@media(max-width:767px) {
    html body.lb-redesign.lb-shop-page .lb-shop-wrap {
        padding-bottom:16px!important;
    }
    html body.lb-redesign.lb-shop-page > footer[data-lb~="lb-unified-footer"] {
        padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;
    }
    html body.lb-redesign.lb-shop-page .lb-shop-personalize-box {
        padding:15px!important;
    }
}

/* Publish form: automatic personalisation and mandatory rules consent */
html body.lb-shop-page .lb-shop-auto-hint{margin:0;color:#536583;font-size:.91rem;line-height:1.5;overflow-wrap:anywhere}
html body.lb-shop-page .lb-shop-auto-preview{border:1px solid #b7ccf0;background:#f8fbff;border-radius:14px;margin:0;padding:12px 14px;color:#384e75;line-height:1.5;overflow-wrap:anywhere}
html body.lb-shop-page .lb-shop-auto-preview[hidden]{display:none!important}
html body.lb-shop-page .lb-shop-consent{display:flex;gap:12px;align-items:flex-start;margin:18px 0 4px;padding:16px;border:1px solid #bfd1ef;border-radius:16px;background:#f6f9fe;color:#344767;line-height:1.5;box-sizing:border-box}
html body.lb-shop-page .lb-shop-consent label{flex:1 1 auto;min-width:0;margin:0;font-size:1rem;cursor:pointer}
html body.lb-shop-page .lb-shop-consent a{color:#2258b6;text-decoration:underline;text-underline-offset:2px;font-weight:700}
html body.lb-shop-page .lb-shop-consent .form-check-input{position:static!important;display:block!important;flex:0 0 22px!important;float:none!important;margin:2px 0 0!important;padding:0!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;appearance:none!important;-webkit-appearance:none!important;border:1px solid #8da2c7!important;border-radius:5px!important;background-color:#fff!important;background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:1!important;visibility:visible!important;cursor:pointer}
html body.lb-shop-page .lb-shop-consent .form-check-input:focus-visible{outline:3px solid #2258b6;outline-offset:3px}
@media(max-width:600px){html body.lb-shop-page .lb-shop-consent{padding:14px 12px;gap:10px}html body.lb-shop-page .lb-shop-consent label{font-size:.95rem}}

html body.lb-shop-page .lb-shop-consent .form-check-input:checked{background-color:#3678e9!important;border-color:#3678e9!important}
html body.lb-shop-page .lb-shop-consent .form-check-input::before,html body.lb-shop-page .lb-shop-consent .form-check-input::after{content:none!important;display:none!important}

/* Automatic customisation: no user checkbox on the listing editor. */
html body.lb-shop-page .lb-shop-auto-title{display:block;font-size:1rem;line-height:1.4;font-weight:750;color:#28467b;margin:0 0 5px}
html body.lb-shop-page .lb-shop-personalize-box{display:grid;gap:8px;align-items:start;justify-items:stretch}

/* Market listing actions v25 — independent external CSS; responsive and accessible. */
body.lb-shop-page .lb-shop-item-actions {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:15px 0 14px}
body.lb-shop-page .lb-shop-item-actions .lb-shop-action-form,
body.lb-shop-page .lb-shop-owner-detail-actions .lb-shop-action-form {display:inline-flex;margin:0;max-width:100%}
body.lb-shop-page .lb-shop-item-actions button,body.lb-shop-page .lb-shop-owner-detail-actions button {font:inherit;font-weight:750;cursor:pointer}
body.lb-shop-page .lb-shop-copy-feedback {display:inline-block;font-size:.83rem;font-weight:700;color:#24509b;min-height:1em;overflow-wrap:anywhere}
body.lb-shop-page .lb-shop-owner-detail-actions {margin-top:8px}
body.lb-shop-page .lb-shop-item-actions [aria-pressed="true"] {background:#e2ecfd!important;border-color:#b1c7ee!important;color:#18438e!important}
body.lb-shop-page .lb-shop-card-favorite {position:absolute;top:9px;right:9px;background:#f9fbff;box-shadow:0 2px 10px #11223f27;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#285fbe;font-size:20px;line-height:1;z-index:1}
@media(max-width:600px){body.lb-shop-page .lb-shop-item-actions .lb-shop-outline,body.lb-shop-page .lb-shop-owner-detail-actions .lb-shop-danger {min-height:44px}body.lb-shop-page .lb-shop-copy-feedback{flex-basis:100%}}


/* LastBro – My Listings responsive cards and owner controls, 12 Oct 2026.
   Keep this scoped to the seller's list: public market cards are unchanged. */
body.lb-shop-page .lb-shop-owner-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: clamp(12px, 2vw, 20px);
  width: 100%;
  min-width: 0;
}
body.lb-shop-page .lb-shop-owner-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
body.lb-shop-page .lb-shop-owner-item > .lb-shop-card {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
body.lb-shop-page .lb-shop-owner-item .lb-shop-card-media {
  width: 100%;
  max-width: 100%;
}
body.lb-shop-page .lb-shop-owner-item .lb-shop-card-media img {
  width: 100%;
  max-width: 100%;
  display: block;
  object-fit: cover;
}
body.lb-shop-page .lb-shop-owner-actions {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  gap: 9px;
  padding: 13px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  border-top: 1px solid var(--lbshop-line);
}
body.lb-shop-page .lb-shop-owner-actions > a,
body.lb-shop-page .lb-shop-owner-actions > form > button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 10px 9px;
  font-size: clamp(.82rem, 1.1vw, .94rem);
  font-weight: 750;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
}
body.lb-shop-page .lb-shop-owner-actions > form {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
  gap: 9px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
@media (max-width: 1050px) {
  body.lb-shop-page .lb-shop-owner-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  body.lb-shop-page .lb-shop-owner-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  body.lb-shop-page .lb-shop-owner-actions {
    padding: 12px clamp(12px, 3vw, 18px) 15px;
    gap: 10px;
  }
  body.lb-shop-page .lb-shop-owner-item .lb-shop-card-media {
    aspect-ratio: 16 / 11;
  }
  body.lb-shop-page .lb-shop-owner-actions > a,
  body.lb-shop-page .lb-shop-owner-actions > form > button {
    font-size: .94rem;
    min-height: 48px;
  }
}
@media (max-width: 340px) {
  body.lb-shop-page .lb-shop-owner-actions > form {
    grid-template-columns: 1fr;
  }
}
