.moka-quick-pick{--qp-radius-lg: 18px;--qp-radius-md: 14px;--qp-radius-sm: 12px;--qp-border: rgba(0, 0, 0, .08);--qp-border-strong: rgba(0, 0, 0, .14);--qp-text: rgba(0, 0, 0, .86);--qp-muted: rgba(0, 0, 0, .62);--qp-faint: rgba(0, 0, 0, .42);--qp-surface: rgba(255, 255, 255, .7);--qp-surface-2: rgba(255, 255, 255, .45);--qp-wash: rgba(0, 0, 0, .03);--qp-shadow: 0 14px 40px rgba(0,0,0,.08);--qp-shadow-hover: 0 18px 54px rgba(0,0,0,.12);color:var(--qp-text)}.moka-quick-pick .moka-qp-hero{margin:clamp(26px,3vw,44px) 0 clamp(16px,2vw,26px)}.moka-quick-pick .moka-qp-title{letter-spacing:-.02em;line-height:1.05;margin:0 0 10px}.moka-quick-pick .moka-qp-subtitle{margin:0;max-width:72ch;color:var(--qp-muted);line-height:1.6}.moka-quick-pick .moka-qp-section{margin:clamp(26px,3vw,42px) 0}.moka-quick-pick .moka-qp-h2{margin:0 0 8px;letter-spacing:-.01em}.moka-quick-pick .moka-qp-desc{margin:0 0 18px;max-width:88ch;color:var(--qp-muted);line-height:1.6}.moka-quick-pick .moka-qp-grid{display:grid;gap:14px}.moka-quick-pick .moka-qp-grid--cards{grid-template-columns:repeat(4,minmax(0,1fr))}.moka-quick-pick .moka-qp-grid--zodiac{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1100px){.moka-quick-pick .moka-qp-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.moka-quick-pick .moka-qp-grid--cards,.moka-quick-pick .moka-qp-grid--zodiac{grid-template-columns:1fr}}.moka-quick-pick .moka-qp-card,.moka-quick-pick .moka-qp-zcard,.moka-quick-pick .moka-qp-guide-box{border:1px solid var(--qp-border);border-radius:var(--qp-radius-lg);background:linear-gradient(180deg,var(--qp-surface),var(--qp-surface-2));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.moka-quick-pick .moka-qp-card{padding:18px 18px 16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;box-shadow:0 0 #0000}.moka-quick-pick .moka-qp-card:hover{transform:translateY(-2px);border-color:var(--qp-border-strong);box-shadow:var(--qp-shadow);background:linear-gradient(180deg,#ffffffd1,#ffffff8c)}.moka-quick-pick .moka-qp-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.moka-quick-pick .moka-qp-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.03em;padding:7px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#ffffffa6;color:#000000b8}.moka-quick-pick .moka-qp-spark{font-size:12px;opacity:.55;transform:translateY(-1px)}.moka-quick-pick .moka-qp-card__title{margin:0 0 8px;line-height:1.2}.moka-quick-pick .moka-qp-card__desc{margin:0 0 14px;color:var(--qp-muted);line-height:1.55}.moka-quick-pick .moka-qp-card__link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#000000d6;border-bottom:1px solid rgba(0,0,0,.18);padding-bottom:2px;transition:border-color .18s ease,opacity .18s ease}.moka-quick-pick .moka-qp-card__link:hover{border-color:#00000073}.moka-quick-pick .moka-qp-card__link--disabled{opacity:.45;border-bottom-color:#00000014}.moka-quick-pick a:focus-visible{outline:2px solid rgba(0,0,0,.35);outline-offset:3px;border-radius:10px}.moka-quick-pick .moka-qp-zcard{padding:18px 18px 16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.moka-quick-pick .moka-qp-zcard:hover{transform:translateY(-2px);border-color:var(--qp-border-strong);box-shadow:var(--qp-shadow)}.moka-quick-pick .moka-qp-zcard__title{margin:0 0 6px;letter-spacing:-.01em}.moka-quick-pick .moka-qp-zcard__meta{margin:0 0 10px;color:var(--qp-faint);letter-spacing:.02em}.moka-quick-pick .moka-qp-zcard__desc{margin:0 0 12px;color:var(--qp-muted);line-height:1.55}.moka-quick-pick .moka-qp-zcard__link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#000000d6;border-bottom:1px solid rgba(0,0,0,.18);padding-bottom:2px}.moka-quick-pick .moka-qp-guide-box{padding:8px;background:linear-gradient(180deg,#ffffffbf,#ffffff6b)}.moka-quick-pick .moka-qp-guide-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:12px;border-radius:var(--qp-radius-md);transition:background .18s ease}.moka-quick-pick .moka-qp-guide-row+.moka-qp-guide-row{border-top:1px solid rgba(0,0,0,.06);border-top-left-radius:0;border-top-right-radius:0}.moka-quick-pick .moka-qp-guide-row:hover{background:#00000005}.moka-quick-pick .moka-qp-guide-left{color:#000000c7;line-height:1.55}.moka-quick-pick .moka-qp-guide-arrow{opacity:.4}.moka-quick-pick .moka-qp-guide-right{font-weight:600;text-decoration:none;color:#000000d1;border-bottom:1px solid rgba(0,0,0,.14);padding-bottom:2px;white-space:nowrap}.moka-quick-pick .moka-qp-guide-right:hover{border-bottom-color:#00000061}.moka-quick-pick .moka-qp-disclaimer{margin:12px 0 0;font-size:12px;color:#00000085;line-height:1.5}@media(max-width:640px){.moka-quick-pick .moka-qp-card,.moka-quick-pick .moka-qp-zcard{padding:16px 16px 14px}.moka-quick-pick .moka-qp-guide-row{grid-template-columns:1fr auto;grid-template-areas:"left left" "arrow right";align-items:center}.moka-quick-pick .moka-qp-guide-left{grid-area:left}.moka-quick-pick .moka-qp-guide-arrow{grid-area:arrow;justify-self:start}.moka-quick-pick .moka-qp-guide-right{grid-area:right;justify-self:end}}@media(prefers-reduced-motion:reduce){.moka-quick-pick .moka-qp-card,.moka-quick-pick .moka-qp-zcard{transition:none}}.moka-quick-pick{--moka-header-offset: 88px;padding-top:calc(var(--moka-header-offset) + 10px)}@media(max-width:749px){.moka-quick-pick{--moka-header-offset: 72px;padding-top:calc(var(--moka-header-offset) + 8px)}}.moka-quick-pick [id]{scroll-margin-top:var(--moka-header-offset)}.moka-quick-pick .page-width{max-width:1120px}.moka-quick-pick h1,.moka-quick-pick .h1{margin:0 0 10px;line-height:1.05}.moka-quick-pick .moka-qp-lead{margin:0 0 18px;opacity:.9}.moka-quick-pick .moka-qp-grid,.moka-quick-pick .moka-qp-cards{display:grid;gap:18px}@media(min-width:990px){.moka-quick-pick .moka-qp-grid,.moka-quick-pick .moka-qp-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:750px)and (max-width:989px){.moka-quick-pick .moka-qp-grid,.moka-quick-pick .moka-qp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.moka-quick-pick .moka-qp-grid,.moka-quick-pick .moka-qp-cards{grid-template-columns:1fr;gap:12px}}.moka-quick-pick .moka-qp-card{border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px 18px 16px;min-height:220px;position:relative;overflow:hidden}@media(max-width:749px){.moka-quick-pick .moka-qp-card{padding:14px 14px 12px;min-height:0}}.moka-quick-pick .moka-qp-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1;padding:7px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#ffffffa6;margin-bottom:10px}.moka-quick-pick .moka-qp-title{margin:0 0 8px;line-height:1.05;letter-spacing:-.01em;word-break:normal;overflow-wrap:anywhere;font-size:clamp(22px,2.2vw,34px)}@media(max-width:749px){.moka-quick-pick .moka-qp-title{font-size:26px}}.moka-quick-pick .moka-qp-desc{margin:0 0 14px;opacity:.85;line-height:1.55;font-size:14px}.moka-quick-pick .moka-qp-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.18);padding-bottom:2px}.moka-quick-pick .moka-qp-link:hover{border-bottom-color:#00000080}.moka-quick-pick .moka-qp-guide{border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#ffffff73;padding:10px}.moka-quick-pick .moka-qp-guide-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px}.moka-quick-pick .moka-qp-guide-item+.moka-qp-guide-item{border-top:1px solid rgba(0,0,0,.06);border-radius:0}@media(max-width:749px){.moka-quick-pick .moka-qp-guide-item{padding:10px}}.moka-quick-pick .moka-qp-disclaimer{margin-top:12px;font-size:12px;opacity:.65}@media(max-width:749px){.moka-quick-pick .moka-qp-grid,.moka-quick-pick .moka-qp-cards{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:visible;gap:12px;padding:6px 6px 14px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.moka-quick-pick .moka-qp-grid::-webkit-scrollbar,.moka-quick-pick .moka-qp-cards::-webkit-scrollbar{height:0}.moka-quick-pick .moka-qp-card{flex:0 0 auto;width:min(78vw,300px);min-height:0;scroll-snap-align:start}}.moka-quick-pick .moka-qp-card{padding:16px 16px 14px;min-height:210px}@media(max-width:749px){.moka-quick-pick .moka-qp-card{padding:14px 14px 12px}}@media(max-width:749px){.moka-quick-pick .moka-qp-grid--intention .moka-qp-card{width:min(72vw,270px);padding:12px 12px 10px}.moka-quick-pick .moka-qp-grid--intention .moka-qp-title{font-size:24px;line-height:1.06}.moka-quick-pick .moka-qp-grid--intention .moka-qp-desc{font-size:13px;line-height:1.5;margin-bottom:10px}}@media(max-width:749px){.moka-quick-pick .moka-qp-title{word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}}@media(max-width:749px){.moka-quick-pick .moka-qp-card{width:min(72vw,270px);padding:12px 12px 10px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/moka-quick-pick.css.map */