@charset "UTF-8";
/* The buyer shares the shop artwork, while keeping its own fruit-only controls. */
.sell-art-layout .shop-main{display:flex;flex-direction:column;min-height:0}
.sale-list-title{position:absolute;z-index:2;left:10%;right:10%;top:calc(30 * var(--su));margin:0;text-align:center;color:#658b7b;font-size:calc(27 * var(--su));font-weight:900;line-height:1.3;pointer-events:none}
.sell-art-layout .sale-list{grid-template-rows:none;grid-auto-rows:calc(244 * var(--su));align-content:start;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8c3ad transparent;min-height:0}
.sell-art-layout .sale-item .shop-copy small{margin-top:calc(4 * var(--su));font-size:calc(19 * var(--su));line-height:1.2}
.sell-art-layout .sale-item .shop-copy .sale-quality{font-size:calc(17 * var(--su));white-space:normal;min-height:1.2em}
.sale-item-count{position:absolute;right:calc(8 * var(--su));top:calc(5 * var(--su));z-index:2;padding:calc(2 * var(--su)) calc(7 * var(--su));border-radius:20px;background:#d3efde;color:#658b7b;font-size:calc(22 * var(--su));font-weight:900;line-height:1.1}
.sell-art-layout .sale-item.active .crop-art{outline:calc(4 * var(--su)) solid #e9ae25;outline-offset:calc(2 * var(--su));border-radius:50%}
.sale-lock-badge{position:absolute;right:calc(11 * var(--su));top:calc(43 * var(--su));display:grid;place-items:center;width:calc(95 * var(--su));height:calc(34 * var(--su));padding-right:calc(28 * var(--su));z-index:2;background:url("../assets/ui-user/bag-lock.png") center / 100% 100% no-repeat;font-size:calc(18 * var(--su));line-height:1;color:#fff3c3;font-weight:900}.sale-locked .crop-art{opacity:.7}
.sell-art-layout .sale-detail{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0 calc(45 * var(--su));min-height:0}
.sell-art-layout .sale-detail::before{inset:calc(150 * var(--su)) calc(8 * var(--su)) 0}
.sell-art-layout .sale-detail .shop-selected-preview{position:relative;inset:auto;width:100%;height:calc(210 * var(--su));margin:0;flex-shrink:0}
.sell-art-layout .sale-detail .detail-art{width:calc(240 * var(--su));height:calc(240 * var(--su));top:0}
.sale-selected-count{position:absolute;left:calc(28 * var(--su));top:calc(4 * var(--su));display:grid;place-items:center;width:calc(60 * var(--su));height:calc(60 * var(--su));border-radius:50%;background:#ffae0a;color:#876865;font-size:calc(38 * var(--su));font-weight:900;box-shadow:0 3px 7px #8b733926;z-index:2}
.sell-art-layout .sale-detail .detail-name{position:relative;inset:auto;transform:none;width:auto;height:auto;max-width:100%;min-height:0;margin:0 0 calc(6 * var(--su));padding:calc(8 * var(--su)) calc(25 * var(--su));font-size:calc(34 * var(--su));line-height:1.2;border-radius:40px}
.sale-selected-quality{position:relative;margin:0 0 calc(7 * var(--su));font-size:calc(21 * var(--su));font-weight:800;line-height:1.3;color:#658b7b;text-align:center;flex-shrink:0}
.sell-art-layout .sale-detail .detail-facts{position:relative;inset:auto;transform:none;width:100%;height:auto;min-height:calc(128 * var(--su));padding:0 calc(6 * var(--su));display:flex;flex:1;flex-direction:column;justify-content:space-around;gap:calc(5 * var(--su));font-size:calc(23 * var(--su))}
.sell-art-layout .sale-detail .detail-facts>div{min-height:0;padding:calc(5 * var(--su)) 0;gap:8px;border-bottom-width:calc(6 * var(--su))}.sell-art-layout .sale-detail .detail-facts strong{gap:calc(5 * var(--su))}.sell-art-layout .sale-detail .detail-facts .crop-icon{width:calc(28 * var(--su));height:calc(28 * var(--su))}
.sell-art-layout .sale-detail .detail-facts>div:last-child>span{padding-left:0}
.sale-lock-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;margin:calc(10 * var(--su)) 0 0;padding:6px 12px;border:1px solid #668b7b;border-radius:24px;background:#f6f5e2;color:#658b7b;font-size:calc(22 * var(--su));font-weight:800;flex-shrink:0}.sale-lock-button>.crop-icon{width:52px;height:22px}
.sale-checkout{position:relative;display:grid;gap:calc(10 * var(--su));width:100%;margin:calc(12 * var(--su)) 0 0;flex-shrink:0}
.sell-art-layout .sale-checkout .detail-total{position:relative;inset:auto;transform:none;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:0;padding:calc(9 * var(--su)) calc(17 * var(--su));gap:9px;font-size:calc(26 * var(--su));line-height:1.2;border-radius:24px}
.sell-art-layout .sale-checkout .detail-total strong{font-size:calc(27 * var(--su));gap:calc(7 * var(--su))}.sell-art-layout .sale-checkout .detail-total .crop-icon{width:calc(30 * var(--su));height:calc(30 * var(--su))}
.sale-submit{width:100%;min-height:44px;padding:calc(10 * var(--su)) calc(18 * var(--su));border:0;border-radius:28px;font-size:calc(27 * var(--su));line-height:1.25;font-weight:900;box-shadow:0 3px 0 #446d58}.sale-submit:disabled{box-shadow:none}
.sell-art-layout .sale-detail .sale-status{position:relative;inset:auto;transform:none;width:100%;margin:calc(10 * var(--su)) 0 calc(8 * var(--su));font-size:calc(17 * var(--su));line-height:1.35;flex-shrink:0;text-align:center}
.sale-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;min-height:calc(350 * var(--su));padding:15px;color:#658b7b;text-align:center;line-height:1.8;font-size:calc(25 * var(--su))}.sale-empty>span{display:grid;place-items:center;width:calc(140 * var(--su));height:calc(140 * var(--su))}.sale-empty .crop-icon{width:100%;height:100%;mix-blend-mode:multiply}.sale-empty-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;height:100%;min-height:230px;padding:20px;text-align:center;color:#658b7b}.sale-empty-detail h2{font-size:calc(35 * var(--su))}.sale-empty-detail p{font-size:calc(22 * var(--su));line-height:1.7}
@media(max-width:600px){
 .sale-list-title{top:18px;font-size:17px}.sell-art-layout .sale-list{grid-template-rows:none;grid-auto-rows:142px;max-height:370px;min-height:250px;padding-top:56px;padding-bottom:22px}.sell-art-layout .sale-item .shop-copy small{font-size:12px;margin-top:3px}.sell-art-layout .sale-item .shop-copy .sale-quality{font-size:11px}.sale-item-count{font-size:12px;padding:2px 4px;top:1px;right:0}.sale-lock-badge{width:22px;height:22px;top:27px;right:0}
 .sell-art-layout .sale-detail{padding:0 20px;min-height:480px}.sell-art-layout .sale-detail::before{inset:94px 0 0}.sell-art-layout .sale-detail .shop-selected-preview{height:145px}.sell-art-layout .sale-detail .detail-art{width:166px;height:166px}.sale-selected-count{left:22px;top:0;width:46px;height:46px;font-size:30px}.sell-art-layout .sale-detail .detail-name{font-size:24px;padding:8px 20px;margin-bottom:6px}.sale-selected-quality{font-size:14px;margin-bottom:8px}.sell-art-layout .sale-detail .detail-facts{min-height:114px;font-size:15px;gap:6px;padding:0 5px}.sell-art-layout .sale-detail .detail-facts>div{padding:5px 0;border-bottom-width:5px}.sell-art-layout .sale-detail .detail-facts .crop-icon{width:23px;height:23px}.sale-lock-button{font-size:15px;margin-top:10px}.sale-checkout{gap:9px;margin-top:12px}.sell-art-layout .sale-checkout .detail-total{font-size:20px;padding:8px 14px}.sell-art-layout .sale-checkout .detail-total strong{font-size:21px}.sell-art-layout .sale-checkout .detail-total .crop-icon{width:25px;height:25px}.sale-submit{font-size:20px;padding:10px 15px}.sell-art-layout .sale-detail .sale-status{font-size:12px;margin:10px 0 13px}.sale-empty{min-height:170px;font-size:15px;gap:8px}.sale-empty>span{width:80px;height:80px}.sale-empty-detail{min-height:180px;gap:13px}.sale-empty-detail h2{font-size:24px}.sale-empty-detail p{font-size:14px}
}
@media(min-width:601px) and (max-height:550px){
 .sell-art-layout .sale-list{grid-template-rows:none;grid-auto-rows:144px;max-height:385px;min-height:300px;padding-top:57px}.sale-list-title{top:18px;font-size:17px}.sell-art-layout .sale-item .shop-copy small{font-size:12px}.sell-art-layout .sale-item .shop-copy .sale-quality{font-size:11px}.sale-item-count{font-size:13px;right:0}.sale-lock-badge{width:22px;height:22px;top:29px;right:0}
 .sell-art-layout .sale-detail{min-height:480px;padding:0 10px}.sell-art-layout .sale-detail::before{inset:86px -5px 0}.sell-art-layout .sale-detail .shop-selected-preview{height:128px}.sell-art-layout .sale-detail .detail-art{width:145px;height:145px}.sale-selected-count{left:5px;width:42px;height:42px;font-size:28px}.sell-art-layout .sale-detail .detail-name{font-size:22px;padding:7px 18px}.sale-selected-quality{font-size:12px}.sell-art-layout .sale-detail .detail-facts{min-height:107px;font-size:13px;padding:0 4px;gap:5px}.sell-art-layout .sale-detail .detail-facts>div{padding:4px 0;border-bottom-width:4px}.sale-lock-button{font-size:14px;margin-top:9px}.sale-checkout{gap:8px;margin-top:10px}.sell-art-layout .sale-checkout .detail-total{font-size:18px;padding:8px 12px}.sell-art-layout .sale-checkout .detail-total strong{font-size:19px}.sale-submit{font-size:18px;padding:9px 14px}.sell-art-layout .sale-detail .sale-status{font-size:11px;margin:9px 0}.sale-empty{min-height:200px;font-size:15px}.sale-empty-detail h2{font-size:24px}.sale-empty-detail p{font-size:14px}
}
@media(max-width:600px),(max-height:550px){.sale-lock-badge{width:56px;height:21px;padding-right:18px;font-size:11px}}

/* Keep long quantity labels clear of the price; compact lists already repeat counts below the name. */
.sell-art-layout .sale-item-count{top:calc(108 * var(--su))}
@media(max-width:600px),(max-height:550px){.sell-art-layout .sale-item-count{display:none}}