*{box-sizing:border-box}body{margin:0;color:#15283f;background:#f5f7fb;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.top{display:flex;align-items:center;gap:14px;padding:14px max(18px,calc((100% - 1220px)/2));background:white;position:sticky;top:0;z-index:10;box-shadow:0 1px 16px #132a4715}.logo{font-size:24px;font-weight:900;color:#2446a1;white-space:nowrap}.search{flex:1;display:flex;min-width:0;gap:7px}.search input{min-width:0;flex:1;padding:13px;border:1px solid #d8dfeb;border-radius:12px;font-size:15px}.search button,.pill,.iconbutton{border:0;border-radius:12px;padding:12px 16px;background:#2957bf;color:white;cursor:pointer;font-weight:700}.pill{background:#eaf0fe;color:#22468a;white-space:nowrap}.iconbutton{background:#edf3ff;color:#1b459e}.drawer{position:fixed;top:70px;left:15px;background:white;padding:14px;border-radius:18px;z-index:30;box-shadow:0 12px 35px #13294740;min-width:240px}.drawer[hidden]{display:none}.drawer a{display:block;padding:12px;border-radius:9px}.drawer a:hover{background:#eaf0fe}main{max-width:1220px;margin:auto;padding:22px 16px 70px}.hero{border-radius:27px;min-height:260px;color:#fff;padding:clamp(25px,5vw,60px);background:linear-gradient(125deg,#173568,#2757c0 72%,#4a8bff);display:flex;align-items:center}.hero h1{font-size:clamp(27px,4vw,49px);max-width:700px;line-height:1.12;margin:14px 0}.hero p{max-width:550px;color:#e5edff}.hero small{color:#b8d4ff;letter-spacing:1.4px;font-weight:800}.lightbutton,.outlinebutton{display:inline-block;border-radius:12px;padding:12px 18px;margin:12px 8px 0 0;background:white;color:#1c418a;font-weight:800}.outlinebutton{background:transparent;color:white;border:1px solid #b4c9ef}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 30px}.quick a{background:white;border:1px solid #e0e7f1;border-radius:16px;padding:18px 14px;font-weight:700;text-align:center}.categories{display:flex;gap:9px;overflow:auto;padding:5px 0 25px}.chip{background:white;border:1px solid #d6e1f0;border-radius:22px;padding:11px 16px;white-space:nowrap;font-size:13px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px}.sectionhead h2{margin-bottom:4px}.sectionhead p,.category{color:#6b7b90}.sectionhead select{padding:11px;border-radius:11px;border:1px solid #d4dfeb}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{display:block;background:white;border-radius:19px;overflow:hidden;border:1px solid #e0e6ee;min-width:0;transition:box-shadow .2s,transform .2s}.product:hover{box-shadow:0 10px 22px #112e531c;transform:translateY(-2px)}.photo{height:180px;background:#edf2f8;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:contain}.photo span{font-size:45px}.detail{padding:14px}.detail h3{font-size:16px;min-height:42px;margin:8px 0;overflow-wrap:anywhere}.detail .seller{color:#285aca;font-size:12px;font-weight:800}.detail p{font-size:13px}.detail strong{display:block;color:#164baf}.detail small{color:#677990}.pagination{text-align:center;padding:28px}.pagination a{display:inline-block;padding:11px 18px;margin:3px;border-radius:10px;background:#2355b6;color:white}.message{background:white;padding:30px;border-radius:14px}footer{text-align:center;background:#142b52;color:#e5edfc;padding:28px}footer a{text-decoration:underline}@media(max-width:850px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick{grid-template-columns:repeat(2,1fr)}.top{flex-wrap:wrap}.search{order:4;flex-basis:100%}}@media(max-width:570px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.photo{height:145px}.detail{padding:10px}.top{gap:8px}.logo{font-size:19px}.pill{padding:9px;font-size:12px}.sectionhead{align-items:flex-start;flex-wrap:wrap}.quick a{padding:14px 6px;font-size:13px}}
/* V9 accessibility, visual polish and keyboard-safe controls */
:root{color-scheme:light} :focus-visible{outline:3px solid #ffb539!important;outline-offset:3px} .top{border-bottom:1px solid #e0e9f4} .hero{box-shadow:0 20px 55px #12376825;background:linear-gradient(115deg,#0e2748,#164b94 63%,#356ee3)} .quick a{transition:transform .15s,box-shadow .15s}.quick a:hover,.quick a:focus-visible{transform:translateY(-2px);box-shadow:0 9px 23px #1237681a}.categories .chip:hover{border-color:#2864c2;color:#14499c}.product .photo{background:linear-gradient(135deg,#f3f7fd,#e8effb)}.product .seller{letter-spacing:.02em}.drawer a{display:flex;align-items:center;gap:10px}.drawer a:hover{color:#1252af}.pp-v9-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;color:#1f6ec7;font-size:1.12em;vertical-align:middle}.pp-v9-navicon{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;background:#e9f2ff;border-radius:8px;margin-right:8px;flex-shrink:0}.sectionhead select{background:white}.message{border:1px solid #dce6f3}@media(max-width:570px){.top .pill{font-size:12px}.drawer{left:10px;right:10px;min-width:0;top:105px}.hero{border-radius:19px;min-height:230px}.product .detail h3{min-height:36px;font-size:14px}.quick a{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V15 marketplace premium responsive improvements */
:root{--vip-ink:#14294c;--vip-blue:#2458c4}body{background:#f4f7fc;color:var(--vip-ink)}.top{gap:11px;padding-block:14px;box-shadow:0 6px 28px #102a5012}.logo{letter-spacing:-.7px}.hero{position:relative;overflow:hidden;background:linear-gradient(117deg,#102954 6%,#215ac0 69%,#3688f1);box-shadow:0 18px 48px #1a51a82b}.hero::after{content:'';position:absolute;width:290px;height:290px;border-radius:50%;border:60px solid #ffffff12;right:-130px;top:-80px;pointer-events:none}.hero>div{position:relative;z-index:1}.quick a{box-shadow:0 4px 20px #1c36540b}.quick a:hover{border-color:#99b8f2}.categories{scroll-snap-type:x proximity;scrollbar-width:thin}.categories .chip{scroll-snap-align:start;font-weight:600}.categories .chip:first-child{background:#eaf1ff;color:#2252af}.grid{gap:14px}.product{box-shadow:0 4px 20px #1434550a}.photo{height:210px;position:relative}.photo img{transition:transform .2s}.product:hover .photo img{transform:scale(1.035)}.detail h3{font-weight:750}.detail strong{font-size:18px}.view-product{display:flex;justify-content:space-between;color:#2458c4;font-weight:750;border-top:1px solid #edf1f7;padding-top:10px;margin-top:10px;font-size:13px}.sectionhead{margin-top:12px;margin-bottom:20px}.sectionhead select{max-width:230px}.search input:focus{outline:2px solid #b8cff9;border-color:#4380e7}.product:focus-visible{outline:3px solid #ffbd56}@media(max-width:850px){.photo{height:180px}}@media(max-width:570px){.top{padding:12px;gap:7px}.logo{font-size:20px}.iconbutton{padding:11px}.top .search{order:5;flex-basis:100%}.search button{padding:11px}.hero{padding:25px 22px;min-height:260px}.hero h1{font-size:29px}.hero p{font-size:14px}.quick{margin:16px 0 28px}.photo{height:156px}.detail strong{font-size:16px}.product{border-radius:16px}.sectionhead{align-items:stretch}.sectionhead form{display:flex;align-items:center;gap:8px}.sectionhead select{max-width:none}.drawer{top:68px}.drawer a{min-height:46px}}

/* V16 marketplace improvements */
.market-trust{display:flex;gap:10px;flex-wrap:wrap;padding:17px 0;margin:8px 0 15px}.market-trust span{background:#fff;border:1px solid #dbe5f3;border-radius:12px;padding:11px 13px;font-size:13px;color:#28507d;box-shadow:0 3px 14px #163b7410}.product{transition:transform .2s ease,box-shadow .2s ease}.product:hover{transform:translateY(-3px);box-shadow:0 12px 34px #1a427526}.product:focus-visible,.pill:focus-visible,.chip:focus-visible{outline:3px solid #ff9d24;outline-offset:2px}@media(max-width:640px){.market-trust{display:grid;grid-template-columns:1fr 1fr;gap:7px}.market-trust span{font-size:11px;padding:9px}.top{gap:7px}.search input{min-width:0}}

/* V17: fixed single-row responsive marketplace toolbar */
:root{--pp-header-height:64px}
.top.pp-header{position:sticky;top:0;z-index:90;width:100%;min-height:var(--pp-header-height);display:flex;flex-wrap:nowrap!important;align-items:center;gap:10px;padding:9px max(12px,calc((100% - 1220px)/2));background:#fff}
.pp-header .logo{flex:0 0 auto;font-size:clamp(16px,1.8vw,22px)}
.pp-header .search{flex:1 1 auto;order:0!important;flex-basis:auto!important;display:flex;min-width:0;margin:0;gap:5px}
.pp-header .search input{width:100%;min-width:0;max-width:100%;height:44px;padding:9px 12px;font-size:14px}
.pp-header .search button{height:44px;min-width:48px;padding:8px 12px;white-space:nowrap}
.pp-header .iconbutton{order:0;flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:12px;font-size:20px}
.pp-header .pill{flex:0 0 auto;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.search-symbol{display:none}
.pp-menu-backdrop{position:fixed;inset:0;background:#12223c85;z-index:100}
.pp-menu-backdrop[hidden]{display:none!important}
.pp-side-drawer{position:fixed;inset:0 auto 0 0;top:0!important;left:0!important;right:auto!important;width:min(85vw,340px);height:100dvh;max-height:100dvh;min-width:0;overflow-y:auto;border-radius:0 20px 20px 0;padding:20px 15px;z-index:101;box-shadow:12px 0 50px #15284838;background:#fff;transform:translateX(0);animation:pp-slide .22s ease-out}
.pp-side-drawer[hidden]{display:none!important}
.pp-side-drawer a{font-size:15px;min-height:48px;border-bottom:1px solid #ecf1fa;padding:13px 10px}
.pp-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 18px;font-size:18px;color:#163a77}
.pp-drawer-top button{border:0;background:#eff4ff;border-radius:12px;padding:10px 14px;font-size:17px}
@keyframes pp-slide{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:760px){.top.pp-header{gap:6px;padding:8px}.pp-header .logo{font-size:16px;letter-spacing:-.5px}.pp-header .logo span{display:none}.pp-header .search input{height:42px;padding:8px;font-size:13px}.pp-header .search button{height:42px;padding:8px;min-width:42px}.pp-header .search-word{display:none}.pp-header .search-symbol{display:inline;font-size:23px}.pp-header .pill{padding:8px;height:42px;font-size:12px}.pp-header .pp-stores{display:none}.pp-header .iconbutton{flex-basis:42px;height:42px;width:42px}.pp-header .search{order:0!important;flex-basis:auto!important}}
@media(max-width:380px){.pp-header .logo{font-size:14px}.pp-header .pp-signin{font-size:11px;padding:7px}.pp-header .search input{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pp-side-drawer{animation:none}}

/* V18 refined responsive marketplace */
.pp-header .search{max-width:740px}.pp-header .search input{border-radius:13px}.pp-side-drawer a{font-weight:650}.product .photo span[hidden]{display:none}.product .photo span:not([hidden]){line-height:1;text-align:center}.product .detail small{display:block;margin-top:5px}.product .detail strong{font-weight:850}.product .view-product{min-height:32px;align-items:center}.market-trust span{flex:1 1 180px}.categories{overscroll-behavior-inline:contain}.grid{align-items:stretch}.product{height:100%}@media(min-width:1100px){main{padding-top:28px}.hero{min-height:300px}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:570px){.pp-header .pp-signin{white-space:nowrap}.pp-header .search input{min-width:0}.hero{margin-top:2px}.grid{gap:10px}.product .detail h3{min-height:38px}.market-trust{grid-template-columns:1fr 1fr}}