.ogai-device,.ogai-offer{position:relative;display:flex;flex-direction:column;overflow:hidden;margin:0;background:rgba(var(--color-foreground),.035);border:.1rem solid rgb(var(--color-border));border-radius:.6rem;transition:background .25s ease,border-color .25s ease,transform .25s ease}.ogai-device:before,.ogai-offer:before{content:"";position:absolute;inset:0 0 auto 0;height:.2rem;background:linear-gradient(90deg,rgb(var(--color-highlight)),rgba(var(--color-highlight),0));transform:scaleX(.22);transform-origin:left center;transition:transform .45s cubic-bezier(.16,1,.3,1);z-index:1}@media(hover:hover){.ogai-device:hover,.ogai-offer:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-highlight),.55);transform:translateY(-.2rem)}.ogai-device:hover:before,.ogai-offer:hover:before{transform:scaleX(1)}}.ogai-device-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;margin:2.4rem 0 3rem}@media screen and (min-width:900px){.ogai-device-grid{grid-template-columns:repeat(3,1fr)}}.ogai-device{padding:2rem 1.8rem 1.8rem}.ogai-device__name{display:block;font-size:2rem;font-weight:600;line-height:1.15;color:rgb(var(--color-foreground))}.ogai-device__tag{display:block;margin:.5rem 0 1.6rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-highlight))}.ogai-device__specs{list-style:none;margin:0 0 1.6rem;padding:0}.ogai-device__specs>li{position:relative;margin:0 0 .7rem;padding-left:1.8rem;font-size:1.35rem;line-height:1.45;color:rgb(var(--color-foreground))}.ogai-device__specs>li:before{content:"";position:absolute;left:0;top:.62em;width:.6rem;height:.6rem;border-radius:50%;background:rgb(var(--color-highlight))}.ogai-device__note{margin:0;padding-top:1.4rem;border-top:.1rem solid rgb(var(--color-border));font-size:1.3rem;line-height:1.55;color:rgba(var(--color-foreground),.66)}.ogai-device__note p{margin:0}.ogai-device__foot,.ogai-offer__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.6rem}.ogai-device__price,.ogai-offer__price{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground))}.ogai-device__cta,.ogai-offer__cta{display:inline-block;padding:.9rem 1.6rem;font-size:1.3rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;color:rgb(var(--color-background));background:rgb(var(--color-highlight));border:.1rem solid rgb(var(--color-highlight));border-radius:.4rem;transition:filter .2s ease}.ogai-device__cta:hover,.ogai-offer__cta:hover{filter:brightness(1.12);text-decoration:none}.ogai-device__cta--out,.ogai-offer__cta--out{color:rgba(var(--color-foreground),.55);background:transparent;border-color:rgb(var(--color-border));cursor:default}.ogai-device__cta--out:hover,.ogai-offer__cta--out:hover{filter:none}.ogai-offer-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;margin:2.4rem 0 2rem}@media screen and (min-width:750px){.ogai-offer-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1100px){.ogai-offer-grid--three{grid-template-columns:repeat(3,1fr)}}.ogai-offer{padding:0}.ogai-offer__media{display:block;aspect-ratio:16 / 10;overflow:hidden;background:rgb(var(--color-base-img-background, 24, 24, 26));border-bottom:.1rem solid rgb(var(--color-border))}.ogai-offer__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.ogai-offer:hover .ogai-offer__media img{transform:scale(1.04)}}.ogai-offer__body{display:flex;flex-direction:column;flex:1 1 auto;padding:1.8rem}.ogai-offer__name{display:block;margin:0 0 .5rem;font-size:1.7rem;font-weight:600;line-height:1.2;color:rgb(var(--color-foreground))}.ogai-offer__name a{color:inherit;text-decoration:none}.ogai-offer__who{display:block;margin:0 0 1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;color:rgb(var(--color-highlight))}.ogai-offer__desc{margin:0;font-size:1.3rem;line-height:1.55;color:rgba(var(--color-foreground),.66)}.ogai-offer__includes{list-style:none;margin:1.2rem 0 0;padding:0}.ogai-offer__includes>li{position:relative;margin:0 0 .5rem;padding-left:1.8rem;font-size:1.25rem;line-height:1.45;color:rgba(var(--color-foreground),.78)}.ogai-offer__includes>li:before{content:"+";position:absolute;left:0;top:0;font-weight:700;color:rgb(var(--color-highlight))}.ogai-steps{display:grid;grid-template-columns:1fr;gap:1rem;list-style:none;counter-reset:ogai-step;margin:2.4rem 0 .4rem;padding:0}@media screen and (min-width:750px){.ogai-steps{grid-template-columns:repeat(2,1fr);gap:1.2rem}}@media screen and (min-width:1100px){.ogai-steps{grid-template-columns:repeat(5,1fr)}}.ogai-steps>.ogai-step{counter-increment:ogai-step;position:relative;margin:0;padding:1.6rem 1.6rem 1.7rem;font-size:1.3rem;line-height:1.5;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.035);border:.1rem solid rgb(var(--color-border));border-radius:.6rem;transition:background .25s ease,border-color .25s ease}.ogai-step:before{content:counter(ogai-step,decimal-leading-zero);display:block;margin-bottom:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1.6rem;font-weight:700;line-height:1;letter-spacing:.06em;color:rgb(var(--color-highlight))}.ogai-step__icon{position:absolute;top:1.5rem;right:1.5rem;display:inline-flex;color:rgba(var(--color-foreground),.32);transition:color .25s ease}.ogai-step__icon svg{display:block}@media(hover:hover){.ogai-steps>.ogai-step:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-highlight),.5)}.ogai-steps>.ogai-step:hover .ogai-step__icon{color:rgb(var(--color-highlight))}}@media(prefers-reduced-motion:reduce){.ogai-device,.ogai-offer,.ogai-device:before,.ogai-offer:before,.ogai-offer__media img,.ogai-steps>.ogai-step,.ogai-step__icon{transition:none}.ogai-device:hover,.ogai-offer:hover{transform:none}.ogai-device:before,.ogai-offer:before{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ogai-product-blocks.css.map */