/* =====================================================================
   SEMA BAY — product cards, Products page rows and My Products header   (V4 square cards, V5 sliding rows)
   Used by dash/products.html and dash/my-products.html (with products-cards.js).
   Every card is the same size: 4:5 photo · name (1 line) · price · shop · WhatsApp (menu: WhatsApp or Call) · Add.
   Rows: 6 cards visible on large laptops, 5 / 4 smaller, 3 on tablets, 2 and a bit on phones; slim ‹ › at the sides.
   ===================================================================== */
*{box-sizing:border-box}
body.pc-body{margin:0;background:#f3f5f8;font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;color:#0b1033}
.pc-page{max-width:1500px;margin:0 auto;padding:18px 16px 48px}

/* ---- departments ---- */
.pk-sec{margin:0 0 26px}
.pk-sh{display:flex;align-items:baseline;gap:10px;margin:0 2px 12px}
.pk-sh h2{margin:0;font-size:20px;font-weight:700;line-height:1.2;color:#0b1647;letter-spacing:-.01em}
.pk-sh small{color:#6b7695;font-size:13px;font-weight:600}
.pk-seeall{margin-left:auto;min-height:38px;padding:0 16px;border:1px solid #d5dbe8;border-radius:999px;background:#fff;color:#0b5cf0;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;align-self:center}
.pk-seeall:hover{background:#f3f6ff}
/* V5: one sliding row per department (--n cards visible) with a slim navigator; "See all" → a grid */
.pk-sec{--n:6;--gap:14px}
@media (max-width:1399px){.pk-sec{--n:5}}
@media (max-width:1179px){.pk-sec{--n:4}}
@media (max-width:899px){.pk-sec{--n:3;--gap:12px}}
@media (max-width:599px){.pk-sec{--n:2.15;--gap:10px}}
.pk-rail{position:relative}
.pk-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));gap:var(--gap);align-items:stretch;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 2px;padding:3px 2px 8px;margin:-3px -2px -8px;scrollbar-width:none;overscroll-behavior-x:contain}
.pk-grid::-webkit-scrollbar{display:none}
.pk-grid>.pk-card{scroll-snap-align:start}
.pk-sec.is-open .pk-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(var(--grid,6),minmax(0,1fr));overflow:visible;scroll-snap-type:none}
.pk-sec{--grid:6}
@media (max-width:1399px){.pk-sec{--grid:5}}
@media (max-width:1179px){.pk-sec{--grid:4}}
@media (max-width:899px){.pk-sec{--grid:3}}
@media (max-width:599px){.pk-sec{--grid:2}}
/* the slim smart navigator (owner's design): a narrow rounded tab at the row's edge, only when there is more */
.pk-nav{position:absolute;top:calc(50% - 30px);z-index:4;display:grid;place-items:center;width:32px;height:60px;padding:0;border:1px solid #d5dbe8;border-radius:11px;background:rgba(255,255,255,.97);color:#1b2440;cursor:pointer;box-shadow:0 4px 12px rgba(10,20,60,.16);transition:background .15s,transform .15s}
.pk-nav.prev{left:-8px}.pk-nav.next{right:-8px}
.pk-nav svg{width:20px;height:20px}
.pk-nav:hover{background:#fff;transform:scale(1.06)}
.pk-nav:focus-visible{outline:3px solid #ff8a00;outline-offset:2px}
.pk-nav[hidden]{display:none}
@media (max-width:599px){.pk-nav{width:28px;height:52px;top:calc(50% - 26px)}.pk-nav.prev{left:-4px}.pk-nav.next{right:-4px}}
@media (max-width:599px){
  .pc-page{padding:12px 10px 40px}
  .pk-sh{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t b" "c b";column-gap:10px;row-gap:2px;align-items:center}
  .pk-sh h2{grid-area:t;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pk-sh small{grid-area:c}
  .pk-seeall{grid-area:b;min-height:44px}
}
/* ---- the card ---- */
.pk-card{container-type:inline-size;display:flex;flex-direction:column;min-width:0;padding:10px;border:1px solid #e8ebf1;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(10,30,70,.05);transition:box-shadow .15s ease,transform .15s ease}
.pk-card:hover{box-shadow:0 8px 22px rgba(10,30,70,.12);transform:translateY(-2px)}
.pk-card[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.pk-card,.pk-card:hover{transition:none;transform:none}}
.pk-photo{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:#f5f6f9;cursor:zoom-in}
.pk-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pk-photo:focus-visible{outline:3px solid #ff8a00;outline-offset:2px}
.pk-noimg{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;color:#8a93a8;background:repeating-linear-gradient(45deg,#f6f8fb 0 12px,#eef1f6 12px 24px)}
.pk-noimg svg{width:34px;height:34px}.pk-noimg b{font-size:13px;font-weight:700}
.pk-off{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:#e8202d;color:#fff;font-size:13px;font-weight:700;line-height:1.3}
.pk-label{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 6px;border-radius:999px;background:var(--lb-bg,#fee8e9);color:var(--lb-c,#fc1800);font-size:12px;font-weight:700;line-height:1.3;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.pk-label svg{flex:none;width:14px;height:14px}
.pk-label em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-soldtag{position:absolute;inset:auto 0 0;padding:6px;background:rgba(11,16,51,.72);color:#fff;font-size:13px;font-weight:700;text-align:center}
.pk-card.is-sold .pk-photo img{filter:grayscale(.4);opacity:.85}
.pk-body{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;padding-top:8px;min-width:0}
.pk-name{margin:0;font-size:15px;font-weight:600;line-height:1.3}
/* V8 (owner): the name is one line ("…" when long; the full name shows on hover and in the product viewer),
   so there is no empty line under short names and the photo gets the room */
.pk-name button{all:unset;cursor:pointer;color:#0b1033;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-name button:hover{text-decoration:underline}
.pk-name button:focus-visible{outline:3px solid #ff8a00;outline-offset:2px;border-radius:4px}
.pk-price{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}
.pk-price b{font-size:19px;font-weight:700;color:#03892e;letter-spacing:-.01em}
.pk-price s{font-size:13px;color:#7c8098}
.pk-price small{font-size:12px;font-weight:600;color:#6b7389}
.pk-shop{margin:0;display:flex;align-items:center;min-width:0;font-size:13px;color:#4a5164}
.pk-shop span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-shop b{font-weight:700;color:#13205e}
.pk-acts{margin-top:auto;padding-top:5px;display:flex;align-items:center;gap:6px}
.pk-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;text-decoration:none}
.pk-ic svg{width:20px;height:20px}
.pk-ic.wa{background:#1fb855}
.pk-ic.more{gap:3px;grid-auto-flow:column;background:#eef2fb}
.pk-ic.more i{display:block;width:4px;height:4px;border-radius:50%;background:#13205e}
.pk-ic:hover{filter:brightness(1.08)}
.pk-ic:focus-visible,.pk-cart:focus-visible{outline:3px solid #ff8a00;outline-offset:2px}
.pk-cart{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border:1px solid #f2c200;border-radius:999px;background:#ffd814;color:#0f1111;font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px rgba(15,17,17,.15)}
.pk-cart:hover{background:#f7ca00}
.pk-cart:active{background:#f0b800}
.pk-cart .short{display:none}
.pk-sold{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 10px;border-radius:999px;background:#eef0f4;color:#4a5164;font-size:13px;font-weight:700;white-space:nowrap}
/* V11 (owner): a yellow "Add to cart" button with dark text; where it cannot fit (the shop's own cards with ⋯
   on narrow screens, very narrow cards) it reads "Add" */
@container (max-width:200px){.pk-acts:has(.more) .pk-cart .full{display:none}.pk-acts:has(.more) .pk-cart .short{display:inline}}
@container (max-width:140px){.pk-cart .full{display:none}.pk-cart .short{display:inline}}
.pk-card.is-held{opacity:.55;filter:grayscale(.5)}

/* ---- V9: contact menu (tap WhatsApp: the shop's WhatsApp number and its phone number) ---- */
.pk-cmenu{position:fixed;z-index:2147483646;width:min(260px,calc(100vw - 16px));padding:0 0 6px;border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(10,20,60,.28),0 0 0 1px rgba(10,20,60,.06);overflow:hidden;font-family:"Inter","Segoe UI",system-ui,sans-serif}
.pk-cm-h{padding:10px 14px;background:#eef4ff;color:#0b2a6b;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-cm-i{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 14px;color:#0b1033;text-decoration:none}
.pk-cm-i:hover,.pk-cm-i:focus-visible{background:#f2f6ff;outline:none}
.pk-cm-i i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%}
.pk-cm-i.wa i{background:#1fb855}.pk-cm-i.ph i{background:#1e6bff}
.pk-cm-i i svg{width:20px;height:20px}
.pk-cm-i span{display:grid;min-width:0}
.pk-cm-i b{font-size:15px;font-weight:700}
.pk-cm-i small{font-size:14px;color:#4a5164;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- My Products: the same cards in the dashboard ---- */
#sbo-mount .sbo-grid:has(.pk-card){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important;align-items:stretch!important}
@media (max-width:599px){#sbo-mount .sbo-grid:has(.pk-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}
/* the dashed "Add product" tile repeats the Add Product button in the header: hidden (V357, owner) */
#sbo-mount .sbo-grid:has(.pk-card)>:not(.pk-card):is([data-sbo-add],:has([data-sbo-add])){display:none!important}

/* ---- messages, menu, My Products header ---- */
.pc-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2147483647;padding:12px 18px;border-radius:12px;background:#0b1033;color:#fff;font-weight:700;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.pc-menu{position:fixed;z-index:3000;max-height:calc(100vh - 16px);overflow:auto;padding:0 0 4px;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(8,22,58,.28),0 0 0 1px rgba(16,40,96,.08);font-family:"Inter","Segoe UI",system-ui,sans-serif}
.pc-mh{position:sticky;top:0;padding:10px 14px;background:#eef4ff;color:#0b2a6b;font-size:13px;font-weight:700;text-align:center;letter-spacing:.02em;border-bottom:1px solid #dbe6fb}
.pc-mf{padding:8px 14px 6px;margin-top:4px;border-top:1px solid #eef1f6;color:#6b7695;font-size:12px;font-weight:600;text-align:center}
.pc-mt{padding:8px 14px 2px;color:#8a93a8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-top:1px solid #eef1f6;margin-top:4px}
.pc-mi{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 14px;border:0;background:#fff;color:#0b1033;font-family:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.pc-mi span{flex:1}
.pc-mi b{color:#049420;font-size:15px}
.pc-mi small{color:#a0a8bb;font-size:11px;font-weight:600}
.pc-mi:hover,.pc-mi:focus-visible{background:#f2f6ff;outline:none}
.pc-mi.edit{font-weight:700;color:#0050fc}
.pc-mi.edit svg{width:18px;height:18px}
.pc-mi.off{color:#b4bbcb;cursor:not-allowed}
.pc-mi.off:hover{background:#fff}
.pc-mi.rm{color:#d92d20}
.pc-menu{width:272px}
.pc-mi span{white-space:nowrap}
#sbo-mount .sbo-head:has(+ *),#sbo-mount .sbo-head{display:none!important}
#sbo-mount .sbo-tools{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap}
#sbo-mount .sbo-tools .sbo-search{flex:1 1 220px!important;max-width:420px;margin-left:auto}
.sbo-tools-add{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 12px;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#14a84a,#037c31);color:#fff;font:700 15px/1 "Inter","Segoe UI",system-ui,sans-serif;box-shadow:0 4px 12px rgba(3,124,49,.3)}
.sbo-tools-add svg{width:22px;height:22px}
.sbo-tools-add:hover{filter:brightness(1.07)}
@media (max-width:600px){
  #sbo-mount .sbo-tools .sbo-search{flex:1 1 100%;max-width:none;order:3}
  .sbo-tools-add{order:2;margin-left:auto}
}
#sbo-mount[data-kind] .sbo-head:not(#_a#_b):not(#_c#_d){display:none!important}
#sbo-mount{container-type:inline-size;container-name:myp}
#sbo-mount .sbo-tools:not(#_a#_b){position:relative;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;min-height:56px;margin:0 0 14px!important;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(10,24,70,.08),0 0 0 1px #e8ecf4;overflow:hidden}
#sbo-mount .sbo-tools:not(#_a#_b)::before,#sbo-mount .sbo-tools:not(#_a#_b)::after{content:"";position:absolute;top:0;bottom:0;pointer-events:none;background-repeat:no-repeat}
#sbo-mount .sbo-tools:not(#_a#_b)::before{left:0}
#sbo-mount .sbo-tools:not(#_a#_b)::after{right:0}
#sbo-mount .sbo-chips:not(#_a#_b){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;min-width:0;padding:2px}
#sbo-mount .sbo-chips::-webkit-scrollbar{display:none}
#sbo-mount .sbo-chips button:not(#_a#_b){flex:none;display:inline-flex;align-items:center;border-radius:999px;border:1px solid #e3e7f0;background:#fff;color:#0b1647;font:700 14px/1 "Inter","Segoe UI",system-ui,sans-serif;white-space:nowrap;box-shadow:0 1px 3px rgba(10,24,70,.06);cursor:pointer}
#sbo-mount .sbo-chips button:not(#_a#_b)::before{content:"";flex:none;background:center/contain no-repeat}
#sbo-mount .sbo-chips button:not(#_a#_b) b{display:inline-grid;place-items:center;border-radius:999px;font:700 13px/1 "Inter",system-ui,sans-serif}
#sbo-mount .sbo-chips [data-sbo-f="all"]:not(#_a#_b)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' rx='2' fill='%230b3a9c'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2' fill='%230b3a9c'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2' fill='%230b3a9c'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2' fill='%230b3a9c'/%3E%3C/svg%3E")}
#sbo-mount .sbo-chips [data-sbo-f="all"]:not(#_a#_b) b{background:#e3ecff;color:#0b5cf0}
#sbo-mount .sbo-chips [data-sbo-f="live"]:not(#_a#_b)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='%2316c264'/%3E%3C/svg%3E")}
#sbo-mount .sbo-chips [data-sbo-f="live"]:not(#_a#_b) b{background:#d8f6e5;color:#0f9d52}
#sbo-mount .sbo-chips [data-sbo-f="low"]:not(#_a#_b)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 3 6.5v11L12 22l9-4.5v-11z' fill='%23f7b21b'/%3E%3Cpath d='M12 2 3 6.5 12 11l9-4.5z' fill='%23ffd36b'/%3E%3Cpath d='M12 11v11l9-4.5v-11z' fill='%23e99a06'/%3E%3C/svg%3E")}
#sbo-mount .sbo-chips [data-sbo-f="low"]:not(#_a#_b) b{background:#fff1cf;color:#d98a00}
#sbo-mount .sbo-chips [data-sbo-f="sold"]:not(#_a#_b)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath fill='%23f2271c' d='M10.5.5c.7 3.8-2 5.6-3.6 8C5.3 11 3.6 13.1 3.6 16.3a6.4 6.4 0 0 0 12.8 0c0-2.8-1.3-4.7-2.6-6.4.1 2-.6 3.4-2 4.1.8-3.3-.1-7.3-1.3-13.5z'/%3E%3Cpath fill='%23ff8a1a' d='M10 13c-1.2 1.5-2.4 2.6-2.4 4.4a2.4 2.4 0 0 0 4.8 0c0-1.6-1-2.7-2.4-4.4z'/%3E%3C/svg%3E")}
#sbo-mount .sbo-chips [data-sbo-f="sold"]:not(#_a#_b) b{background:#ffe1e1;color:#e5262b}
#sbo-mount .sbo-chips [data-sbo-f="hidden"]:not(#_a#_b){border-color:#e3d7fb}
#sbo-mount .sbo-chips [data-sbo-f="hidden"]:not(#_a#_b)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z' fill='%237c2fd6'/%3E%3Ccircle cx='12' cy='12' r='3.4' fill='%23fff'/%3E%3Cpath d='M3 3l18 18' stroke='%23fff' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M3 3l18 18' stroke='%237c2fd6' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
#sbo-mount .sbo-chips [data-sbo-f="hidden"]:not(#_a#_b) b{background:#efe6ff;color:#7c2fd6}
#sbo-mount .sbo-chips button[aria-pressed="true"]:not(#_a#_b){background:linear-gradient(180deg,#0d47c2,#0a3290);border-color:#0a3290;color:#fff;box-shadow:0 4px 12px rgba(10,50,144,.35)}
#sbo-mount .sbo-chips [data-sbo-f="all"][aria-pressed="true"]:not(#_a#_b)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='8' height='8' rx='2' fill='%23fff'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2' fill='%23fff'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2' fill='%23fff'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2' fill='%23fff'/%3E%3C/svg%3E")}
#sbo-mount .sbo-chips button[aria-pressed="true"]:not(#_a#_b) b{background:#1e90ff;color:#fff}
#sbo-mount .sbo-search:not(#_a#_b){max-width:380px;margin-left:auto!important;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #e3e7f0;border-radius:999px;background:#fff;box-shadow:inset 0 1px 2px rgba(10,24,70,.04);position:relative}
#sbo-mount .sbo-search:not(#_a#_b)::before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:1px;background:#e3e7f0}
#sbo-mount .sbo-search:not(#_a#_b) input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:500 14px "Inter",system-ui,sans-serif;color:#0b1647}
#sbo-mount .sbo-search:not(#_a#_b) svg{width:18px;height:18px;color:#1b2440}
#sbo-mount .sbo-tools-add:not(#_a#_b){flex:none;gap:9px;border-radius:999px;background:linear-gradient(180deg,#ff8f26,#f6611a);box-shadow:0 6px 14px rgba(246,97,26,.35);font:700 15px/1 "Inter",system-ui,sans-serif}
#sbo-mount .sbo-tools-add:not(#_a#_b) svg{display:none}
#sbo-mount .sbo-tools-add:not(#_a#_b)::before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23fff'/%3E%3Cpath d='M12 6.5v11M6.5 12h11' stroke='%23f66a1c' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:760px){
  #sbo-mount .sbo-tools:not(#_a#_b){flex-wrap:wrap!important}
  #sbo-mount .sbo-chips:not(#_a#_b){order:1}
  #sbo-mount .sbo-search:not(#_a#_b){order:2;max-width:none;margin-left:0!important}
  #sbo-mount .sbo-search:not(#_a#_b)::before{display:none}
  #sbo-mount .sbo-tools-add:not(#_a#_b){order:3}
}
#sbo-mount .sbo-tools:not(#_a#_b){gap:8px!important}
#sbo-mount .sbo-chips:not(#_a#_b){gap:6px!important;flex:0 0 auto!important}
#sbo-mount .sbo-chips button:not(#_a#_b) b{padding:0 6px}
#sbo-mount .sbo-search:not(#_a#_b){flex:1 1 160px!important;height:38px}
@media (max-width:1200px){
  #sbo-mount .sbo-chips:not(#_a#_b){flex:0 1 auto!important}
}
@media (max-width:760px){
  #sbo-mount .sbo-tools:not(#_a#_b)::before,#sbo-mount .sbo-tools:not(#_a#_b)::after{display:none}
  #sbo-mount .sbo-chips:not(#_a#_b){padding:2px 0!important;flex:1 1 100%!important}
}
#sbo-mount .sbo-tools:not(#_a#_b){padding:8px 58px 8px 58px!important}
#sbo-mount .sbo-tools:not(#_a#_b)::before,#sbo-mount .sbo-tools:not(#_a#_b)::after{z-index:0}
#sbo-mount .sbo-tools:not(#_a#_b)>*{position:relative;z-index:1}
#sbo-mount .sbo-search:not(#_a#_b){min-width:120px!important}
@media (max-width:760px){
  #sbo-mount .sbo-tools:not(#_a#_b){padding:8px 10px!important}
}
@media (max-width:1440px){
  #sbo-mount .sbo-tools:not(#_a#_b){padding:8px 12px!important}
  #sbo-mount .sbo-tools:not(#_a#_b)::before,#sbo-mount .sbo-tools:not(#_a#_b)::after{display:none}
}
@media (max-width:1400px){
  #sbo-mount .sbo-search:not(#_a#_b){min-width:96px!important;flex:1 1 96px!important}
  #sbo-mount .sbo-chips:not(#_a#_b){gap:5px!important}
  #sbo-mount .sbo-tools:not(#_a#_b){gap:6px!important}
  #sbo-mount .sbo-search:not(#_a#_b) input::placeholder{font-size:13px}
}
@media (max-width:1330px){
  #sbo-mount .sbo-chips:not(#_a#_b){flex:0 1 auto!important;min-width:0!important}
}
#sbo-mount .sbo-tools:not(#_a#_b)::before,#sbo-mount .sbo-tools:not(#_a#_b)::after{width:70px!important;background-size:auto 100%!important;opacity:1!important}
#sbo-mount .sbo-tools:not(#_a#_b)::before{background-image:url("../imgs/header/corner-left.webp")!important;background-position:left center!important}
#sbo-mount .sbo-tools:not(#_a#_b)::after{background-image:url("../imgs/header/corner-right.webp")!important;background-position:right center!important}
@media (min-width:1441px){
  #sbo-mount .sbo-tools:not(#_a#_b){padding:8px 78px 8px 78px!important}
}
#sbo-mount .sbo-chips button:not(#_a#_b){height:36px!important;font-size:13px!important;padding:0 4px 0 10px!important;gap:6px!important}
#sbo-mount .sbo-chips button:not(#_a#_b) b{min-width:24px!important;height:24px!important;font-size:12px!important}
#sbo-mount .sbo-chips button:not(#_a#_b)::before{width:17px!important;height:17px!important}
#sbo-mount .sbo-tools-add:not(#_a#_b){height:38px!important;font-size:13.5px!important;padding:0 14px 0 6px!important}
#sbo-mount .sbo-tools-add:not(#_a#_b)::before{width:24px!important;height:24px!important}
@media (min-width:1441px){
  #sbo-mount .sbo-search:not(#_a#_b){flex:1 1 260px!important;max-width:440px!important}
}
.pc-none{margin:48px auto;max-width:520px;padding:24px;border-radius:14px;background:#fff;text-align:center;font-size:17px;font-weight:600;line-height:1.5;color:#13205e;box-shadow:0 4px 18px rgba(10,30,70,.08)}
.pc-none a{color:#0050fc;font-weight:700}