.jm-expert-tips{--jm-et-gap: 20px;--jm-et-radius: 18px;inline-size:100%;padding-block:clamp(22px,2.6vw,34px);padding-inline:clamp(16px,3vw,40px);background:var(--jm-surface);color:var(--jm-ink);text-align:start}.jm-expert-tips__inner{max-inline-size:1480px;margin-inline:auto}.jm-expert-tips__header{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:end;justify-content:space-between;margin-block-end:16px}.jm-expert-tips__heading h2{margin:0;font-size:calc(clamp(23px,2vw,30px) * var(--jm-a11y-scale, 1));font-weight:800;line-height:1.15}.jm-expert-tips__subheading{margin-block:5px 0;margin-inline:0;max-inline-size:62ch;color:var(--jm-ink-muted);font-size:calc(14px * var(--jm-a11y-scale, 1));line-height:1.45}.jm-expert-tips__view-all{display:inline-flex;flex:0 0 auto;gap:6px;align-items:center;min-block-size:44px;color:var(--jm-ink);font-size:calc(13px * var(--jm-a11y-scale, 1));font-weight:800;line-height:1;text-decoration:underline;text-underline-offset:4px}.jm-expert-tips__viewport{position:relative}.jm-expert-tips__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (3 * var(--jm-et-gap))) / 4);gap:var(--jm-et-gap);align-items:start;contain:paint;margin-block:0;margin-inline:-8px;padding-block:10px 14px;padding-inline:8px;overflow-x:auto;overscroll-behavior-inline:contain;list-style:none;scroll-snap-type:inline mandatory;scroll-padding-inline-start:8px;scrollbar-width:thin}.jm-expert-tips__item{min-inline-size:0;scroll-snap-align:start}.jm-expert-tips__card{display:flex;block-size:100%;flex-direction:column;padding:16px;border:1px solid var(--jm-line);border-radius:var(--jm-et-radius);background:var(--jm-bg);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.jm-expert-tips__card--cover{display:grid;grid-template-rows:1fr;overflow:hidden;padding:0;color:var(--jm-on-dark);text-decoration:none}.jm-expert-tips__card--cover .jm-expert-tips__media{grid-area:1 / 1;display:block;overflow:hidden;aspect-ratio:4 / 3;block-size:100%;min-block-size:100%;background:var(--jm-surface-sunken)}.jm-expert-tips__card--cover .jm-expert-tips__media picture,.jm-expert-tips__card--cover .jm-expert-tips__media img{display:block;inline-size:100%;block-size:100%}.jm-expert-tips__card--cover .jm-expert-tips__media img{object-fit:cover;transition:transform .35s ease}.jm-expert-tips__overlay{grid-area:1 / 1;z-index:1;align-self:end;padding-block:calc(46px * var(--jm-a11y-scale, 1)) calc(16px * var(--jm-a11y-scale, 1));padding-inline:16px;background:linear-gradient(to top,#000000e0,#000000d1 35%,#0000009e 62%,#0000)}.jm-expert-tips__mark{display:inline-flex;align-items:center;justify-content:center;inline-size:34px;block-size:34px;margin-block-end:10px;border-radius:999px;background:var(--jm-brand);color:var(--jm-on-brand)}.jm-expert-tips__mark svg{inline-size:20px;block-size:20px}.jm-expert-tips__date{margin-block-end:6px;color:var(--jm-ink-muted);font-size:calc(12px * var(--jm-a11y-scale, 1));font-weight:700;line-height:1.3}.jm-expert-tips__title{display:-webkit-box;overflow:hidden;margin:0;font-size:calc(20px * var(--jm-a11y-scale, 1));font-weight:800;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.jm-expert-tips__card--cover .jm-expert-tips__title{color:var(--jm-on-dark)}.jm-expert-tips__link{color:var(--jm-ink);text-decoration:none}.jm-expert-tips__text{display:-webkit-box;overflow:hidden;margin-block:8px 0;margin-inline:0;color:var(--jm-ink-muted);font-size:calc(14px * var(--jm-a11y-scale, 1));line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:6}.jm-expert-tips__more{display:inline-flex;gap:5px;align-items:center;margin-block-start:auto;padding-block-start:12px;color:var(--jm-ink);font-size:calc(13px * var(--jm-a11y-scale, 1));font-weight:800;line-height:1.2}.jm-expert-tips__more svg{flex:0 0 auto}.jm-expert-tips__arrow{position:absolute;z-index:2;inset-block:0;display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;margin-block:auto;padding:0;border:1px solid var(--jm-ink);border-radius:999px;background:#ffffffe0;color:var(--jm-ink);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.jm-expert-tips__arrow--prev{inset-inline-start:-20px}.jm-expert-tips__arrow--next{inset-inline-end:-20px}.jm-expert-tips__arrow[disabled]{border-color:var(--jm-line);color:var(--jm-ink-muted);cursor:default;opacity:.45}.jm-expert-tips--static .jm-expert-tips__nav{display:none}.jm-expert-tips:not(.jm-expert-tips--textual) .jm-expert-tips__item{aspect-ratio:4 / 3}.jm-expert-tips__track:focus-visible,.jm-expert-tips__view-all:focus-visible,.jm-expert-tips__link:focus-visible,.jm-expert-tips__card--cover:focus-visible{outline:3px solid var(--jm-focus);outline-offset:3px}.jm-expert-tips__arrow:focus-visible{outline:3px solid var(--jm-focus);outline-offset:0}@media(hover:hover){.jm-expert-tips__card--textual:hover{border-color:var(--jm-brand);box-shadow:0 2px 8px #11131512;transform:translateY(-2px)}.jm-expert-tips__card--cover:hover .jm-expert-tips__media img{transform:scale(1.05)}.jm-expert-tips__arrow:not([disabled]):hover{border-color:var(--jm-brand);background:var(--jm-brand);color:var(--jm-on-brand)}.jm-expert-tips__view-all:hover{color:var(--jm-ink);text-decoration-thickness:2px}.jm-expert-tips__link:hover{text-decoration:underline;text-underline-offset:4px}}@media(max-width:1199px){.jm-expert-tips__track{grid-auto-columns:calc((100% - (2 * var(--jm-et-gap))) / 3)}}@media(max-width:991px){.jm-expert-tips__track{grid-auto-columns:calc((100% - var(--jm-et-gap)) / 2)}}@media(max-width:767px){.jm-expert-tips{--jm-et-gap: 14px;padding-block:20px;padding-inline:14px}.jm-expert-tips__header{align-items:center;margin-block-end:13px}.jm-expert-tips__subheading,.jm-expert-tips__nav{display:none}.jm-expert-tips__track{grid-auto-columns:min(74vw,320px)}}@media(max-width:575px){.jm-expert-tips__heading h2{font-size:calc(21px * var(--jm-a11y-scale, 1))}}@media(prefers-reduced-motion:reduce){.jm-expert-tips__card,.jm-expert-tips__arrow,.jm-expert-tips__card--cover .jm-expert-tips__media img{transition:none}.jm-expert-tips__card--cover:hover .jm-expert-tips__media img{transform:none}.jm-expert-tips__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/css-jm-expert-tips.css.map */