j-pdp,.j-pdp{display:block}.j-pdp{background:rgb(var(--j-stock));color:rgb(var(--j-ink));padding-block:clamp(56px,6vw,104px) clamp(80px,8vw,128px);font-family:var(--j-font-body);font-weight:300;letter-spacing:.025em}.j-pdp :is(h1,h2,p,label,legend){color:inherit}.j-pdp__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,4.5vw,64px);align-items:start}.j-pdp__media{display:grid;gap:16px;position:sticky;top:calc(var(--header-height, 80px) + 16px)}.j-pdp__main{display:flex;aspect-ratio:1;background:rgb(var(--j-sky));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin:0}.j-pdp__main::-webkit-scrollbar{display:none}.j-pdp__slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.j-pdp__slide img,.j-pdp__slide svg{width:100%;height:100%;object-fit:cover;display:block}.j-pdp .j-pdp__slide:empty,.j-pdp .j-pdp__slide--empty{display:block}.j-pdp__count{display:none;margin:0;font-size:12px;font-weight:500;letter-spacing:.06em;text-align:center}.j-pdp__thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.j-pdp__thumb{aspect-ratio:1;padding:0;border:1px solid rgb(var(--j-ink));background:rgb(var(--j-cloud));cursor:pointer;overflow:hidden}.j-pdp__thumb img{width:100%;height:100%;object-fit:cover;display:block}.j-pdp__thumb[aria-current=true]{box-shadow:inset 0 0 0 1px rgb(var(--j-ink));outline:1px solid rgb(var(--j-ink));outline-offset:3px}.j-pdp__info{display:flex;flex-direction:column;gap:32px;max-width:560px}.j-pdp__label{font:500 12px/1.3 var(--j-font-body);letter-spacing:.06em;text-transform:uppercase;margin:0}.j-pdp__head{display:grid;gap:12px}.j-pdp__title{font:400 clamp(36px,4.2vw,64px)/1 var(--j-font-display);text-wrap:balance;letter-spacing:0;margin:0}.j-pdp__rating{font-size:14px;font-weight:400;color:inherit;text-decoration:none}.j-pdp__pitch{display:grid;gap:8px}.j-pdp__pitch h2{font:400 clamp(24px,2vw,28px)/1.15 var(--j-font-display);letter-spacing:0;margin:0}.j-pdp__pitch .rte p{margin:0 0 .6em}.j-pdp fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:12px}.j-pdp legend{padding:0;margin-bottom:12px}.j-pdp .j-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.j-pdp__swatches{display:flex;flex-wrap:wrap;gap:20px;padding-left:4px}.j-pdp__swatch{position:relative;width:40px;height:40px;border-radius:50%;background:var(--sw, #ccc);cursor:pointer}.j-pdp__swatch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0}.j-pdp__swatch:has(input:checked){outline:1px solid rgb(var(--j-ink));outline-offset:4px}.j-pdp__swatch:has(input:focus-visible){outline:2px solid rgb(var(--j-ink));outline-offset:4px}.j-pdp__swatch.is-out:after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:rgb(var(--j-ink));transform:rotate(45deg)}.j-set{position:relative;display:grid;border:1px solid rgb(var(--j-ink));border-radius:16px;background:rgb(var(--j-stock))}.j-set input{position:absolute;opacity:0;pointer-events:none}.j-set:has(.j-set__hit input:checked){background:rgb(var(--j-cloud));box-shadow:inset 0 0 0 1px rgb(var(--j-ink))}.j-set:has(.j-set__hit input:focus-visible){outline:2px solid rgb(var(--j-ink));outline-offset:3px}.j-set__top{display:flex;align-items:center;gap:12px}.j-set__dot{width:18px;height:18px;border-radius:50%;border:1px solid rgb(var(--j-ink));flex:none;display:grid;place-items:center}.j-set:has(.j-set__hit input:checked) .j-set__dot:after{content:"";width:10px;height:10px;border-radius:50%;background:rgb(var(--j-ink))}.j-set__name{font:400 22px/1.15 var(--j-font-display);letter-spacing:0;flex:1 1 auto}.j-set__badge{background:rgb(var(--j-sky));border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.j-set__price{font-size:18px;font-weight:400;white-space:nowrap}.j-set__line,.j-set__meta{padding-left:30px;margin:0}.j-set__line{font-size:15px;line-height:1.45}.j-set__meta{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:.72}.j-set.is-out{opacity:.5}.j-set__hit{display:grid;gap:6px;cursor:pointer;padding:18px 20px}.j-set__kits{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.7,.2,1)}.j-set__kits-inner{overflow:hidden;min-height:0;padding:0 20px}.j-set:has(.j-set__hit input:checked) .j-set__kits{grid-template-rows:1fr}.j-set__kitbox{display:grid;gap:10px;margin:0 0 18px 30px;padding-top:16px;border-top:1px solid;border-image:var(--j-dash-x) 1}.j-set__kitbox .j-pdp__kitline{min-height:1.4em}@media(prefers-reduced-motion:reduce){.j-set__kits{transition:none}}.j-pdp__unlock-wrap,[data-unlock-wrap]{display:grid;gap:10px}[data-unlock-wrap][hidden]{display:none}.j-pdp__kits{display:grid;gap:10px;padding:16px 20px;border:1px solid rgb(var(--j-ink));border-radius:16px;background:rgb(var(--j-cloud))}.j-pdp__kits[hidden]{display:none}.j-pdp__chips{display:flex;flex-wrap:wrap;gap:8px}.j-chip{position:relative;display:inline-flex;align-items:center;min-height:40px;box-sizing:border-box;border:1px solid rgb(var(--j-ink));border-radius:999px;padding:8px 18px;font-size:14px;font-weight:400;cursor:pointer}.j-chip input{position:absolute;opacity:0;pointer-events:none}.j-chip:has(input:checked){background:rgb(var(--j-ink));color:rgb(var(--j-stock))}.j-chip:has(input:focus-visible){outline:2px solid rgb(var(--j-ink));outline-offset:3px}.j-chip:has(input:disabled){opacity:.4;text-decoration:line-through;cursor:not-allowed}.j-pdp__kitline{font-size:14px;margin:0}.j-pdp .j-pdp__thread{display:flex;align-items:center;gap:12px;padding-top:4px}.j-pdp__thread:before{content:"";width:17px;height:17px;border-radius:50%;border:1px solid rgb(var(--j-ink));box-sizing:border-box;flex:none}.j-pdp__thread:after{content:"";flex:1 1 auto;height:1px;background:var(--j-dash-x)}.j-pdp__unlock{font-size:15px;font-weight:400;margin:0}.j-pdp__perso{display:grid;gap:10px}.j-pdp__tick{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:400}.j-pdp__tick input{width:20px;height:20px;accent-color:rgb(var(--j-ink));margin:0;flex:none}.j-pdp__tick span:nth-of-type(1){flex:1 1 auto}.j-pdp__tick span:nth-of-type(2){font-size:14px}.j-pdp__field{display:grid;gap:8px}.j-pdp__field[hidden]{display:none}.j-pdp__field input{height:48px;padding:0 16px;border:1px solid rgb(var(--j-ink));border-radius:0;background:rgb(var(--j-cloud));font:inherit;font-size:16px;letter-spacing:.1em;color:rgb(var(--j-ink))}.j-pdp__help{font-size:13px;margin:0;opacity:.8}.j-pdp__buy{display:grid;gap:16px}.j-pdp__add{min-height:56px;border-radius:999px;background:rgb(var(--j-leather));color:rgb(var(--j-ink));border:1px solid rgb(var(--j-ink));font:500 15px/1 var(--j-font-body);letter-spacing:.025em;text-transform:uppercase;cursor:pointer;padding:0 24px}.j-pdp__add:hover{background:rgb(var(--j-ink));color:rgb(var(--j-stock))}.j-pdp__add[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:rgb(var(--j-leather));color:rgb(var(--j-ink))}.j-pdp__add[aria-busy=true]{cursor:progress;opacity:.7}.j-pdp__ship{font-size:15px;font-weight:400;margin:0;padding-left:26px;position:relative}.j-pdp__ship:before{content:"";position:absolute;left:0;top:.25em;width:15px;height:15px;border:1px solid rgb(var(--j-ink));border-radius:50%;box-sizing:border-box}.j-pdp__ship[hidden]{display:none}.j-pdp__error{font-size:14px;font-weight:400;margin:0;padding:10px 14px;border:1px solid rgb(var(--j-ink));background:rgb(var(--j-cloud))}.j-pdp__error[hidden]{display:none}.j-pdp__trust{display:flex;flex-wrap:wrap;gap:8px 0;font-size:13px;font-weight:400;margin:0;padding:14px 0 0;list-style:none;border-top:1px solid;border-image:var(--j-dash-x) 1}.j-pdp__trust li{line-height:1.3}.j-pdp__trust li:not(:first-child):before{content:"\b7";margin:0 10px}.j-pdp__trust [hidden],.j-pdp__sticky{display:none}@media screen and (max-width:989px){.j-pdp{padding-block:24px 80px}.j-pdp__grid{grid-template-columns:1fr;gap:28px}.j-pdp__media{position:static;gap:12px}.j-pdp__thumbs{display:none}.j-pdp__count{display:block}.j-pdp__info{max-width:none;gap:28px}.j-pdp__head{gap:10px}.j-pdp__trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.j-pdp__trust li{padding-left:14px;position:relative}.j-pdp__trust li:before,.j-pdp__trust li:not(:first-child):before{content:"";margin:0;position:absolute;left:0;top:.4em;width:7px;height:7px;border:1px solid rgb(var(--j-ink));border-radius:50%;box-sizing:border-box}.j-pdp__sticky{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:10px var(--page-padding, 20px) calc(10px + env(safe-area-inset-bottom));background:rgb(var(--j-stock));border-top:1px solid rgb(var(--j-ink));transform:translateY(110%);transition:transform .3s cubic-bezier(.2,.7,.2,1)}.j-pdp__sticky.is-on{transform:none}.j-pdp__sticky-info{flex:1 1 auto;min-width:0;display:grid;gap:2px;font-size:13px;line-height:1.25}.j-pdp__sticky-info span:first-child{font-family:var(--j-font-display);font-size:17px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-pdp__sticky .j-pdp__add{min-height:48px;padding:0 20px;font-size:14px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.j-pdp__sticky{transition:none}.j-pdp__main{scroll-behavior:auto}}@media screen and (max-width:480px){.j-set__hit{padding:16px}.j-set__kits-inner{padding:0 16px}.j-set__kitbox{margin-left:0}.j-set__top{flex-wrap:wrap}.j-set__name{font-size:20px}.j-set__line,.j-set__meta{padding-left:30px}}.j-pdp__gift{margin:0;padding:12px 16px 12px 44px;position:relative;font-size:15px;line-height:1.45;font-weight:400;border:1px solid rgb(var(--j-ink));border-radius:12px;background:rgb(var(--j-sky))}.j-pdp__gift:before{content:"";position:absolute;left:16px;top:15px;width:15px;height:15px;border:1px solid rgb(var(--j-ink));border-radius:50%;box-sizing:border-box;background:rgb(var(--j-stock))}.j-pdp__gift:after{content:"";position:absolute;left:21px;top:18px;width:4px;height:7px;border-right:1px solid rgb(var(--j-ink));border-bottom:1px solid rgb(var(--j-ink));transform:rotate(45deg)}.j-set__offer{padding-left:30px;margin:0;font-size:15px;font-weight:500;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/41/assets/journally-pdp.css.map */