.page-feed .wrap{padding:0 16px}.page-feed .top{top:env(safe-area-inset-top,0px);z-index:5;background:#fff;position:sticky;box-shadow:0 4px 16px #0f172a0f}.page-feed .bar{align-items:baseline;gap:16px;padding:12px 0;display:flex}.page-feed .top .wrap{padding-bottom:12px}.page-feed .logo{--lh:30px;height:var(--lh);width:auto;margin-right:auto;margin-top:calc(var(--lh) * -.5);top:calc(var(--lh) * .2813);display:block;position:relative}.page-feed .search{background:var(--s1);max-width:460px;height:44px;color:var(--s6);border-radius:999px;flex:1;align-self:center;align-items:center;gap:10px;padding:0 16px;display:flex}.page-feed .btn{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-weight:600;display:inline-flex}.page-feed .btn.brand{background:var(--brand);color:#fff}.page-feed .btn.brand:hover{background:var(--brand-hover)}.page-feed .btn.ghost{color:var(--s9)}.page-feed .btn.ghost:hover{color:var(--brand)}.page-feed .msearch{background:var(--s1);height:44px;color:var(--s6);border-radius:999px;align-items:center;gap:10px;margin:0;padding:0 16px;display:flex}.page-feed .tools{flex-direction:column;gap:14px;padding:20px 0 8px;display:flex}.page-feed .seg{background:var(--s1);border-radius:14px;align-self:flex-start;width:100%;padding:4px;display:inline-flex}.page-feed .seg button{height:38px;color:var(--s6);border-radius:10px;flex:1;padding:0 18px;font-weight:600}.page-feed .seg button.on{color:var(--s9);background:#fff;box-shadow:0 1px 3px #0f172a1f}.page-feed .chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.page-feed .chips::-webkit-scrollbar{display:none}.page-feed .chip{background:var(--s1);border-radius:999px;flex:none;align-items:center;height:38px;padding:0 16px;font-weight:500;display:inline-flex}.page-feed .chip:hover{color:var(--brand)}.page-feed .head{justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0 20px;display:flex}.page-feed h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.2}.page-feed .count{color:var(--s6);font-size:14px}.page-feed .d-only{display:none}.page-feed .grid{grid-template-columns:1fr;gap:28px 24px;padding-bottom:96px;display:grid}.page-feed .card{box-shadow:var(--sh);color:inherit;background:#fff;border-radius:18px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.page-feed .ph{aspect-ratio:4/3;position:relative}.page-feed .tag{background:#fff;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:13px;font-weight:600;display:flex;position:absolute;top:12px;left:12px}.page-feed .fav{width:36px;height:36px;color:var(--s9);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.page-feed .fav:hover{color:var(--brand)}.page-feed .cnt{color:#fff;background:#0f172ab8;border-radius:999px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:12px;right:12px}.page-feed .body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.page-feed .price{letter-spacing:-.01em;font-size:22px;font-weight:700;transition:color .15s}.page-feed .price small{color:var(--s6);letter-spacing:0;font-size:14px;font-weight:500}.page-feed .card:hover .price{color:var(--brand)}.page-feed .ttl{margin:6px 0 2px;font-weight:600;line-height:1.35}.page-feed .meta{color:var(--s6);font-size:14px}.page-feed .foot{color:var(--s6);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:13px;display:flex}.page-feed .ok{color:var(--ok);align-items:center;gap:5px;font-weight:600;display:inline-flex}.page-feed .mbar{z-index:4;justify-content:center;height:0;display:flex;position:sticky;bottom:0}.page-feed .mbar div{bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--s9);border-radius:999px;display:flex;position:absolute;box-shadow:0 8px 24px #0f172a4d}.page-feed .mbar button{color:#fff;align-items:center;gap:8px;height:48px;padding:0 24px;font-weight:600;display:flex}@container (min-width:600px){.page-feed .wrap{padding:0 32px}.page-feed .top .wrap{padding-bottom:0}.page-feed .bar{padding:16px 0}.page-feed .logo{--lh:34px}.page-feed .d-only{display:inline-flex}.page-feed .search{display:flex}.page-feed .m-only,.page-feed .msearch,.page-feed .mbar{display:none}.page-feed .seg{width:auto}.page-feed .chips{flex-wrap:wrap;flex:0 0 100%;order:2;margin:0;padding:0;overflow:visible}.page-feed .tools{flex-flow:wrap;align-items:center;gap:16px 20px}.page-feed h1{font-size:28px}.page-feed .grid{grid-template-columns:repeat(2,1fr);padding-bottom:64px}}@container (min-width:900px){.page-feed .grid{grid-template-columns:repeat(3,1fr)}.page-feed .wrap{max-width:1240px;margin:0 auto}}