pn-bundle-popup{--pnb-serif: var(--heading-font-family, Georgia, serif);--pnb-sans: var(--text-font-family, -apple-system, sans-serif);--pnb-ink: #1c1c1c;--pnb-ink-soft: #57534d;--pnb-ink-faint: #8b867e;--pnb-bone: #f1efea;--pnb-paper: #ffffff;--pnb-rule: #dad5cb;--pnb-rule-white: #e6e4e0;--pnb-accent: #093615;--pnb-track-head: .18em;--pnb-track-micro: .16em;--pnb-ease: cubic-bezier(.16, 1, .3, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:32px;background:#1c1c1c85;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);font-family:var(--pnb-sans);font-size:14px;line-height:1.6;letter-spacing:-.05em;color:var(--pnb-ink);-webkit-font-smoothing:antialiased}pn-bundle-popup[hidden]{display:none}pn-bundle-popup.is-open{animation:pnb-fade .45s var(--pnb-ease) both}pn-bundle-popup.is-closing{animation:pnb-fade .34s var(--pnb-ease) reverse both}@keyframes pnb-fade{0%{opacity:0}to{opacity:1}}pn-bundle-popup *,pn-bundle-popup *:before,pn-bundle-popup *:after{box-sizing:border-box}pn-bundle-popup ::selection{background:var(--pnb-accent);color:#fff}pn-bundle-popup :where(button,select):focus-visible{outline:1px solid var(--pnb-accent);outline-offset:3px}.pnb__panel{position:relative;width:min(1020px,100%);max-width:100%;min-width:0;max-height:calc(100vh - 64px);display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto auto;align-content:start;overflow-y:auto;overscroll-behavior:contain;background:var(--pnb-paper);box-shadow:0 28px 70px -18px #1c1c1c6b,0 4px 14px -6px #1c1c1c2e}.pnb__panel:focus{outline:none}pn-bundle-popup.is-open .pnb__panel{animation:pnb-rise .62s var(--pnb-ease) both}@keyframes pnb-rise{0%{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}.pnb__close{position:absolute;top:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;padding:0;background:none;border:0;color:var(--pnb-ink);cursor:pointer;opacity:.45;transition:opacity .3s var(--pnb-ease);z-index:2}.pnb__close:hover{opacity:1}.pnb__pitch{grid-column:1;grid-row:1 / 4;min-width:0;display:flex;flex-direction:column;padding:50px 52px 46px;background:var(--pnb-bone)}.pnb__bag{display:flex;align-items:center;gap:14px;padding-bottom:26px;border-bottom:1px solid var(--pnb-rule)}.pnb__bag img{flex:none;width:52px;height:52px;object-fit:cover;background:var(--pnb-rule-white)}.pnb__bag-text{min-width:0}.pnb__bag-tag{margin:0;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:var(--pnb-track-micro);text-transform:uppercase;color:var(--pnb-ink-faint)}.pnb__bag-tag svg{flex:none}.pnb__bag-name{margin:5px 0 0;font-family:var(--pnb-serif);font-size:13px;letter-spacing:.05em;color:var(--pnb-ink)}.pnb__gap{flex:1 0 9px}.pnb__pitch:after{content:"";flex:3 0 0}.pnb__core{margin:0}.pnb__head{margin:0;font-family:var(--pnb-serif);font-weight:400;font-size:clamp(27px,2.7vw,37px);line-height:1.12;letter-spacing:var(--pnb-track-head);text-indent:var(--pnb-track-head);color:var(--pnb-ink);text-transform:none}.pnb__sub{margin:24px 0 0;max-width:38ch;font-size:14.5px;line-height:1.8;word-spacing:.08em;color:var(--pnb-ink-soft)}.pnb__sub span{display:block}.pnb__offer{color:var(--pnb-ink)}.pnb__save{font-style:normal;font-family:var(--pnb-serif);font-size:16px;letter-spacing:.03em;color:var(--pnb-accent)}.pnb__sub2{margin:36px 0 0;font-family:var(--pnb-serif);font-weight:400;font-size:clamp(19px,1.7vw,23px);line-height:1.3;letter-spacing:var(--pnb-track-head);text-indent:var(--pnb-track-head);color:var(--pnb-ink);text-transform:none}.pnb__marks{margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--pnb-rule)}.pnb__marks li{display:flex;align-items:center;gap:18px;padding:22px 2px;border-bottom:1px solid var(--pnb-rule);font-size:13.5px;letter-spacing:.01em;color:var(--pnb-ink)}.pnb__marks svg{flex:none;color:var(--pnb-ink);opacity:.7}.pnb__shot{grid-column:2;grid-row:1;position:relative;width:auto;height:clamp(150px,calc(100vh - 590px),470px);margin:50px auto 24px;aspect-ratio:4 / 5;overflow:hidden;background:var(--pnb-bone)}.pnb__shot img{width:100%;height:100%;display:block;object-fit:contain;transition:opacity .26s var(--pnb-ease)}pn-bundle-popup.is-open .pnb__shot img{animation:pnb-reveal 1.05s var(--pnb-ease) .14s both}@keyframes pnb-reveal{0%{clip-path:inset(0 0 100% 0);transform:scale(1.06)}to{clip-path:inset(0 0 0 0);transform:scale(1)}}.pnb__item{grid-column:2;grid-row:2;min-width:0;display:flex;flex-direction:column;padding:0 44px}.pnb__picker{margin-top:18px}.pnb__picker-label{display:block;margin-bottom:9px;font-size:10px;letter-spacing:var(--pnb-track-micro);text-transform:uppercase;color:var(--pnb-ink-soft)}.pnb__swatches{display:flex;gap:10px}.pnb__swatch{width:46px;height:46px;padding:0;border:0;background:none;cursor:pointer;outline:1px solid transparent;outline-offset:2px}.pnb__swatch img{width:100%;height:100%;display:block;object-fit:cover;background:var(--pnb-rule-white)}.pnb__swatch:hover{outline-color:var(--pnb-rule)}.pnb__swatch[aria-checked=true]{outline-color:var(--pnb-ink)}.pnb__swatch:focus-visible{outline:1px solid var(--pnb-accent);outline-offset:2px}.pnb__name{margin:16px 0 0;font-family:var(--pnb-serif);font-weight:400;font-size:17px;line-height:1.35;letter-spacing:.06em;color:var(--pnb-ink);text-transform:none}.pnb__variant{margin:6px 0 0;font-size:10px;letter-spacing:var(--pnb-track-micro);text-transform:uppercase;color:var(--pnb-ink-faint)}.pnb__variant:empty{display:none}.pnb__price{margin:9px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:11px;font-size:14px}.pnb__price del{color:var(--pnb-ink-faint);text-decoration-thickness:1px;text-underline-offset:2px}.pnb__price ins{text-decoration:none;color:var(--pnb-ink)}.pnb__price small{font-size:10px;letter-spacing:var(--pnb-track-micro);text-transform:uppercase;color:var(--pnb-accent)}.pnb__field{margin-top:22px}.pnb__field label{display:block;margin-bottom:9px;font-size:10px;letter-spacing:var(--pnb-track-micro);text-transform:uppercase;color:var(--pnb-ink-soft)}.pnb__select{position:relative}.pnb__select select{-webkit-appearance:none;appearance:none;width:100%;height:50px;padding:0 44px 0 16px;font-family:var(--pnb-sans);font-size:13px;letter-spacing:.02em;color:var(--pnb-ink);background:var(--pnb-paper);border:1px solid var(--pnb-rule-white);border-radius:0;cursor:pointer;transition:border-color .3s var(--pnb-ease)}.pnb__select select:hover{border-color:var(--pnb-ink)}.pnb__select svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.pnb__commit{grid-column:2;grid-row:3;padding:12px 44px 40px}.pnb__add{width:100%;height:54px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-family:var(--pnb-serif);font-size:13px;letter-spacing:var(--pnb-track-head);text-indent:var(--pnb-track-head);color:#fff;background:var(--pnb-ink);border:0;border-radius:0;cursor:pointer;transition:background-color .35s var(--pnb-ease)}.pnb__add:hover{background:var(--pnb-accent)}.pnb__add:disabled{cursor:default;background:var(--pnb-accent)}.pnb__spin{display:none;width:12px;height:12px;border:1px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pnb-spin .7s linear infinite}.pnb__add.is-busy .pnb__spin{display:block}@keyframes pnb-spin{to{transform:rotate(360deg)}}.pnb__decline{display:block;margin:18px auto 0;padding:0 0 3px;background:none;border:0;border-bottom:1px solid transparent;font-family:var(--pnb-sans);font-size:10.5px;letter-spacing:var(--pnb-track-micro);text-transform:uppercase;color:var(--pnb-ink-faint);cursor:pointer;transition:color .3s var(--pnb-ease),border-color .3s var(--pnb-ease)}.pnb__decline:hover{color:var(--pnb-ink-soft);border-color:var(--pnb-rule)}.pnb__error{margin:12px 0 0;font-size:12px;color:#cb2b2b;text-align:center}.pnb__error:empty{display:none}@media(max-width:880px){pn-bundle-popup{padding:0;place-items:stretch}.pnb__panel{display:flex;flex-direction:column;width:100%;height:100svh;max-height:100svh;box-shadow:0 -18px 50px -14px #1c1c1c73}.pnb__panel>*{flex:none}pn-bundle-popup.is-open .pnb__panel{animation:pnb-sheet .62s var(--pnb-ease) both}@keyframes pnb-sheet{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}.pnb__pitch{padding:12px 22px 6px}.pnb__gap,.pnb__pitch:after{display:none}.pnb__bag{gap:11px;padding-bottom:15px}.pnb__bag img{width:40px;height:40px}.pnb__bag-text{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pnb__bag-name{margin:0}.pnb__core{padding-top:18px}.pnb__head{font-size:23px}.pnb__sub{margin-top:11px;max-width:none;font-size:13px;line-height:1.6}.pnb__sub2{margin-top:16px;font-size:18px}.pnb__marks{margin-top:14px}.pnb__marks li{padding:6px 2px;gap:14px;font-size:12.5px}.pnb__marks svg{width:18px;height:18px}.pnb__shot{width:100%;height:clamp(140px,21svh,310px);margin:0;padding:2px 22px 14px;aspect-ratio:auto;background:var(--pnb-bone)}.pnb__item{padding:0 22px 18px}.pnb__picker{margin-top:12px}.pnb__picker-label{margin-bottom:7px}.pnb__swatch{width:40px;height:40px}.pnb__name{margin-top:16px;font-size:16px}.pnb__price{margin-top:9px}.pnb__field{margin-top:14px}.pnb__field label{margin-bottom:7px}.pnb__select select{height:48px}.pnb__commit{position:sticky;bottom:0;padding:12px 22px 14px;background:var(--pnb-paper);border-top:1px solid var(--pnb-rule-white)}.pnb__add{height:52px}.pnb__decline{margin-top:12px}.pnb__close{top:10px;right:10px;width:36px;height:36px;background:#f1efeaeb;opacity:1}}@media(prefers-reduced-motion:reduce){pn-bundle-popup,pn-bundle-popup *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/pn-bundle-popup.css.map */