.version-two #main .p30-page .p30-package{--kit-paper:#f1f5fa;--kit-ink:#10243a;--kit-muted:#506278;--kit-blue:#1555fc;padding:64px 0 112px;margin:0;background:var(--kit-paper);color:var(--kit-ink);overflow:clip}.version-two #main .p30-package-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.85fr);grid-template-areas:"heading photo" "info photo";column-gap:clamp(30px,4vw,62px);row-gap:30px;align-items:start}.version-two #main .p30-package-heading{grid-area:heading;align-self:end;padding-top:20px}.version-two #main .p30-page .p30-package-heading h2{font-size:clamp(34px,3.2vw,46px);line-height:1.04;letter-spacing:-.03em;color:var(--kit-ink);max-width:400px;margin:0;text-wrap:balance}.version-two #main .p30-package-heading h2 span{color:var(--kit-blue)}.version-two #main .p30-page .p30-package-heading>p{color:var(--kit-muted);font-size:15px;line-height:1.7;max-width:28ch;margin:20px 0 0}.version-two #main .p30-page .p30-package-photo{grid-area:photo;position:relative;align-self:center;margin:0;isolation:isolate;transform:translateY(var(--kit-photo-y,0));background:none;border:0;border-radius:0;overflow:visible}.version-two #main .p30-package-photo>picture{display:block}.version-two #main .p30-package-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.version-two #main .p30-package-info{grid-area:info;max-width:400px;align-self:start}.version-two #main .p30-page .p30-package-detail{position:relative;padding-top:0;min-height:192px}.version-two #main .p30-package-detail strong{display:block;font:700 clamp(22px,1.8vw,25px)/1.16 Gilroy,sans-serif;letter-spacing:-.02em;color:var(--kit-ink)}.version-two #main .p30-page .p30-package-detail p{margin:14px 0 0;font-size:14px;line-height:1.7;color:var(--kit-ink);max-width:40ch}.version-two #main .p30-page .p30-package-detail p.p30-package-explanation{margin-top:10px;color:var(--kit-muted);font-size:13px;line-height:1.65}.version-two #main .p30-page .p30-package-note{margin:24px 0 0;max-width:45ch;font-size:10px;line-height:1.7;color:var(--kit-muted)}.version-two #main .p30-package-controls{display:flex;align-items:center;gap:18px;margin-top:16px}.version-two #main .p30-page .p30-package-controls button{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:1px solid #10243a29;border-radius:50%;background:transparent;color:var(--kit-ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s;touch-action:manipulation}.version-two #main .p30-package-controls button:disabled{opacity:.3;cursor:default}.version-two #main .p30-package-controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.version-two #main .p30-package-controls>span{color:var(--kit-muted);font-size:12px;font-variant-numeric:tabular-nums;min-width:48px;text-align:center}.version-two #main .p30-package-controls b{font-weight:700;color:var(--kit-ink)}.version-two #main .p30-package-pins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.version-two #main .p30-page .p30-package-pin{position:absolute;z-index:1;left:var(--hit-x);top:var(--hit-y);width:var(--hit-w);height:var(--hit-h);min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--kit-ink);font-family:var(--body-font,"Open Sans",sans-serif);cursor:pointer;pointer-events:none;touch-action:manipulation}.version-two #main .p30-package-pin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--hit-shape);pointer-events:auto}.version-two #main .kit-pin-surface{position:absolute;left:var(--hit-pin-x);top:var(--hit-pin-y);width:max-content;display:flex;align-items:center;border-radius:22px;background:#ffffffdc;box-shadow:0 5px 18px #10243a14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .25s,color .25s;transform:translate(-18px,-50%) translateY(var(--kit-pin-y,0));pointer-events:auto}.version-two #main .p30-package-pin[data-side=left] .kit-pin-surface{transform:translate(calc(-100% + 18px),-50%) translateY(var(--kit-pin-y,0))}.version-two #main .p30-package-pin[data-side=left] .kit-pin-surface{flex-direction:row-reverse}.version-two #main .kit-pin-number{display:grid;place-items:center;width:36px;height:36px;flex:none;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.version-two #main .kit-pin-label{display:grid;grid-template-columns:0fr;opacity:0;transition:grid-template-columns .38s cubic-bezier(.16,1,.3,1),opacity .22s}.version-two #main .kit-pin-label>span{display:block;min-width:0;overflow:hidden;white-space:nowrap;font-size:12px;line-height:1.4;font-weight:600}.version-two #main .kit-pin-label>span:after{content:"";display:inline-block;width:14px}.version-two #main .p30-package-pin[data-side=left] .kit-pin-label>span:before{content:"";display:inline-block;width:14px}.version-two #main .p30-package-pin[data-side=left] .kit-pin-label>span:after{display:none}.version-two #main .p30-package-pin:is([aria-pressed=true],:focus-visible){z-index:3}.version-two #main .p30-package-pin:is([aria-pressed=true],:focus-visible) .kit-pin-label{grid-template-columns:1fr;opacity:1}.version-two #main .p30-package-pin[aria-pressed=true] .kit-pin-surface{background:var(--kit-blue);color:#fff}.version-two #main .p30-package :is(button,a,summary):focus-visible{outline:3px solid var(--kit-blue);outline-offset:3px}.version-two #main .p30-page .p30-package-pin:focus-visible{outline:none}.version-two #main .p30-package-pin:focus-visible .kit-pin-surface{outline:3px solid var(--kit-blue);outline-offset:3px}.version-two #main .p30-package ::selection{background:#d6e4ff;color:var(--kit-ink)}.version-two #main .p30-page .p30-package-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:32px;text-align:center;color:var(--kit-muted);font-size:14px;line-height:1.6;margin:0}.version-two #main .p30-package-photo.has-error img{visibility:hidden}.version-two #main .p30-package [hidden]{display:none!important}@media(hover:hover){.version-two #main .p30-package-pin:hover{z-index:4}.version-two #main .p30-package-pin:hover .kit-pin-label{grid-template-columns:1fr;opacity:1}.version-two #main .p30-package-pin:hover:not([aria-pressed=true]) .kit-pin-surface{background:#fff;color:#104bcd}.version-two #main .p30-page .p30-package-controls button:hover:not(:disabled){background:var(--kit-blue);border-color:var(--kit-blue);color:#fff}}@media(max-width:1100px)and (min-width:901px){.version-two #main .p30-package>.p30-wrap{width:calc(100% - 72px)}.version-two #main .p30-package-layout{column-gap:24px;grid-template-columns:280px minmax(0,1fr)}.version-two #main .p30-page .p30-package-heading h2{font-size:37px}.version-two #main .kit-pin-label>span{font-size:11px}}@media(max-width:900px){.version-two #main .p30-page .p30-package{padding:32px 0 72px}.version-two #main .p30-package>.p30-wrap{width:calc(100% - 40px);max-width:600px}.version-two #main .p30-package-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "photo" "info";gap:26px}.version-two #main .p30-package-heading{padding:0;max-width:500px}.version-two #main .p30-page .p30-package-heading>p{font-size:14px;max-width:38ch;margin-top:16px}.version-two #main .p30-page .p30-package-heading h2{font-size:clamp(32px,6.3vw,42px);line-height:1.06;max-width:440px}.version-two #main .p30-page .p30-package-photo{width:calc(100% + 16px);max-width:520px;justify-self:center;margin-inline:-8px}.version-two #main .p30-package-photo img{aspect-ratio:4/5}.version-two #main .p30-page .p30-package-pin{left:var(--mobile-hit-x);top:var(--mobile-hit-y);width:var(--mobile-hit-w);height:var(--mobile-hit-h)}.version-two #main .p30-package-pin:before{clip-path:var(--mobile-hit-shape)}.version-two #main .p30-package-pin .kit-pin-surface{left:var(--mobile-hit-pin-x);top:var(--mobile-hit-pin-y);border-radius:16px}.version-two #main .p30-package-pin[data-mobile-side=right] .kit-pin-surface{flex-direction:row;transform:translate(-13px,-50%) translateY(var(--kit-pin-y,0))}.version-two #main .p30-package-pin[data-mobile-side=left] .kit-pin-surface{flex-direction:row-reverse;transform:translate(calc(-100% + 13px),-50%) translateY(var(--kit-pin-y,0))}.version-two #main .p30-package-info{max-width:none}.version-two #main .p30-page .p30-package-detail{min-height:180px;padding-top:0}.version-two #main .p30-package-detail strong{font-size:25px}.version-two #main .p30-page .p30-package-detail p{max-width:50ch;margin-top:12px}.version-two #main .p30-package-controls{margin-top:14px}.version-two #main .kit-pin-number{width:26px;height:26px;font-size:9px}.version-two #main .kit-pin-label>span{font-size:10px}.version-two #main .p30-package-pin[data-mobile-side=right] .kit-pin-label>span:before{display:none}.version-two #main .p30-package-pin[data-mobile-side=right] .kit-pin-label>span:after{content:"";display:inline-block;width:10px}.version-two #main .p30-package-pin[data-mobile-side=left] .kit-pin-label>span:before{content:"";display:inline-block;width:10px}.version-two #main .p30-package-pin[data-mobile-side=left] .kit-pin-label>span:after{display:none}}@media(prefers-reduced-motion:reduce){.version-two #main .p30-package *{transition:none!important}.version-two #main .p30-package-photo{transform:none}.version-two #main .p30-package-pin{--kit-pin-y:0px!important}}@media(prefers-reduced-transparency:reduce){.version-two #main .kit-pin-surface{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.version-two #main .p30-package-pin[aria-pressed=true] .kit-pin-surface{background:#1555fc}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-alfa-product-f30-package.css.map */