.elementor-267317 .elementor-element.elementor-element-532e517{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267317 .elementor-element.elementor-element-f515ec6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 40px;--row-gap:10px;--column-gap:40px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-267317 .elementor-element.elementor-element-f515ec6:not(.elementor-motion-effects-element-type-background), .elementor-267317 .elementor-element.elementor-element-f515ec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-267317 .elementor-element.elementor-element-c429b1a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267317 .elementor-element.elementor-element-d7b95a5 > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-d7b95a5 h1, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h2, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h3, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h4, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h5, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h6{font-size:70px;line-height:0.8em;letter-spacing:-1px;}.elementor-267317 .elementor-element.elementor-element-07e990d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-07e990d{text-align:start;font-family:"Wix Madefor Display", Sans-serif;font-size:24px;line-height:1.2em;}.elementor-267317 .elementor-element.elementor-element-4fa195f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-4fa195f{text-align:start;font-family:"Wix Madefor Display", Sans-serif;font-size:20px;line-height:1.2em;}.elementor-267317 .elementor-element.elementor-element-bf3acdb > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-bf3acdb .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-267317 .elementor-element.elementor-element-1c0f540{width:100%;max-width:100%;font-family:"clb-bold", Sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;line-height:1.2em;}.elementor-267317 .elementor-element.elementor-element-1c0f540 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:var( --e-global-color-a482752 );}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-icon i{color:var( --e-global-color-1a99454 );transition:color 0.3s;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-icon svg{fill:var( --e-global-color-1a99454 );transition:fill 0.3s;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6{--e-icon-list-icon-size:16px;--icon-vertical-align:flex-start;--icon-vertical-offset:3px;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-item > a{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-267317 .elementor-element.elementor-element-8f4e791{width:100%;max-width:100%;font-family:"clb-bold", Sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;line-height:1.2em;}.elementor-267317 .elementor-element.elementor-element-8f4e791 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-21a48a8 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:var( --e-global-color-a482752 );}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-icon i{color:var( --e-global-color-1a99454 );transition:color 0.3s;}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-icon svg{fill:var( --e-global-color-1a99454 );transition:fill 0.3s;}.elementor-267317 .elementor-element.elementor-element-21a48a8{--e-icon-list-icon-size:16px;--icon-vertical-align:flex-start;--icon-vertical-offset:3px;}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-item > a{font-family:"Wix Madefor Display", Sans-serif;font-size:16px;}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-267317 .elementor-element.elementor-element-5f5befd > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-5f5befd img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-2f29fdb{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-267317 .elementor-element.elementor-element-2f29fdb:not(.elementor-motion-effects-element-type-background), .elementor-267317 .elementor-element.elementor-element-2f29fdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF8;}.elementor-267317 .elementor-element.elementor-element-404e595 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-404e595{font-family:"Wix Madefor Display", Sans-serif;font-size:18px;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:var( --e-global-color-1a99454 );border-style:none;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-modern-checkout, .cartflows_step-template .select2-container--default .select2-results__option--highlighted[aria-selected], .cartflows_step-template .select2-container--default .select2-results__option--highlighted[data-selected]{--wcf-primary-color:#000000;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus{box-shadow:0 0 0 1px #000000;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-one.wcf-current:before, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-two.wcf-current:before{background-color:#000000;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:#000000;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #order_review button, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#000000;border-color:#000000;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-modern-checkout{--wcf-text-color:#000000;--wcf-link-color:#000000;--wcf-payment-section-label-color:#000000;--wcf-payment-section-bg-color:#FFFFFF;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-family:"Wix Madefor Display", Sans-serif;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#000000;--wcf-field-bg-color:#FFFFFF;--wcf-field-text-color:#000000;--wcf-field-border-color:#32312F52;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3 span, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .cartflows-elementor__checkout-form .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-name, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .col2-set .col-1 h3, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .col2-set .col-2 h3{font-family:"Wix Madefor Display", Sans-serif;font-size:32px;font-weight:normal;line-height:36px;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text::placeholder, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .col2-set .col-1, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .col2-set .col-2, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form p.form-row label, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form .form-row select{font-size:18px;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"], .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce form .form-row select{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-family:"Wix Madefor Display", Sans-serif;font-size:18px;font-weight:700;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-modern-checkout{--wcf-btn-text-color:#FFFFFF;}body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{color:#FFFFFF;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{border-radius:99px 99px 99px 99px;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-el-checkout-form .wcf-product-option-wrap .wcf-qty-options .wcf-qty-row{color:#000000;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-el-checkout-form .wcf-product-option-wrap.wcf-yp-skin-classic .wcf-qty-options{background-color:#FFFFFF;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-el-checkout-form .wcf-product-option-wrap.wcf-yp-skin-cards .wcf-qty-options .wcf-qty-row{background-color:#FFFFFF;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-el-checkout-form .wcf-product-option-wrap.wcf-yp-skin-cards-inline .wcf-qty-options .wcf-qty-row{background-color:#FFFFFF;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-el-checkout-form .wcf-product-option-wrap .wcf-qty-options{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-el-checkout-form .wcf-embed-checkout-form-modern-checkout .wcf-qty-options .wcf-qty-row:not(.wcf-qty-table-titles){border-style:solid none solid none;border-width:0px 0 0px 0;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-el-checkout-form .wcf-product-option-wrap .wcf-qty-options, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-el-checkout-form .wcf-embed-checkout-form-modern-checkout .wcf-qty-options .wcf-qty-row:not(.wcf-qty-table-titles){border-color:#02010100;}.elementor-267317 .elementor-element.elementor-element-6c624a3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-267317 .elementor-element.elementor-element-6c624a3:not(.elementor-motion-effects-element-type-background), .elementor-267317 .elementor-element.elementor-element-6c624a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF8;}.elementor-267317 .elementor-element.elementor-element-6c624a3::before, .elementor-267317 .elementor-element.elementor-element-6c624a3 > .elementor-background-video-container::before, .elementor-267317 .elementor-element.elementor-element-6c624a3 > .e-con-inner > .elementor-background-video-container::before, .elementor-267317 .elementor-element.elementor-element-6c624a3 > .elementor-background-slideshow::before, .elementor-267317 .elementor-element.elementor-element-6c624a3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-267317 .elementor-element.elementor-element-6c624a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-267317 .elementor-element.elementor-element-3e18c30{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267317 .elementor-element.elementor-element-49bbaf6{--display:flex;--justify-content:center;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267317 .elementor-element.elementor-element-8703e70{width:100%;max-width:100%;text-align:start;font-size:34px;line-height:1.2em;}.elementor-267317 .elementor-element.elementor-element-8703e70 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-267317 .elementor-element.elementor-element-bfc0ecf{width:100%;max-width:100%;font-family:"Wix Madefor Display", Sans-serif;font-size:22px;line-height:1.2em;}.elementor-267317 .elementor-element.elementor-element-bfc0ecf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-108bc05 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-108bc05 img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-d041428 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-d041428 img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-b67c7e2 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-b67c7e2 img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-4637b81 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-4637b81 img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-eec8a66 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-eec8a66 img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-30e1497 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-30e1497 img{width:100%;border-radius:0px 0px 0px 0px;}:root{--page-title-display:none;}body.elementor-page-267317{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-267317 .elementor-element.elementor-element-f515ec6{--content-width:1024px;}.elementor-267317 .elementor-element.elementor-element-6c624a3{--content-width:750px;}}@media(max-width:1024px){.elementor-267317 .elementor-element.elementor-element-f515ec6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-267317 .elementor-element.elementor-element-d7b95a5 h1, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h2, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h3, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h4, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h5, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h6{font-size:57px;}.elementor-267317 .elementor-element.elementor-element-07e990d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-07e990d{text-align:start;}.elementor-267317 .elementor-element.elementor-element-4fa195f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-4fa195f{text-align:start;}.elementor-267317 .elementor-element.elementor-element-1c0f540 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-8f4e791 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-404e595 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-6c624a3{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-267317 .elementor-element.elementor-element-8703e70 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-bfc0ecf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-267317 .elementor-element.elementor-element-f515ec6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-267317 .elementor-element.elementor-element-c429b1a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267317 .elementor-element.elementor-element-d7b95a5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-d7b95a5 h1, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h2, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h3, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h4, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h5, .elementor-267317 .elementor-element.elementor-element-d7b95a5 h6{font-size:50px;line-height:1em;}.elementor-267317 .elementor-element.elementor-element-07e990d{text-align:start;font-size:24px;}.elementor-267317 .elementor-element.elementor-element-4fa195f{text-align:start;font-size:20px;}.elementor-267317 .elementor-element.elementor-element-1c0f540 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-1c0f540{font-size:24px;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-267317 .elementor-element.elementor-element-7a4e9c6{--icon-vertical-align:flex-start;}.elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267317 .elementor-element.elementor-element-7a4e9c6 .elementor-icon-list-item > a{font-size:18px;}.elementor-267317 .elementor-element.elementor-element-8f4e791 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-8f4e791{font-size:24px;}.elementor-267317 .elementor-element.elementor-element-21a48a8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-267317 .elementor-element.elementor-element-21a48a8{--icon-vertical-align:flex-start;}.elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267317 .elementor-element.elementor-element-21a48a8 .elementor-icon-list-item > a{font-size:18px;}.elementor-267317 .elementor-element.elementor-element-5f5befd > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-2f29fdb{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267317 .elementor-element.elementor-element-404e595 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-267317 .elementor-element.elementor-element-404e595{font-size:18px;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-267317 .elementor-element.elementor-element-0db3bc0 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-size:20px;}.elementor-267317 .elementor-element.elementor-element-6c624a3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-267317 .elementor-element.elementor-element-8703e70{text-align:start;font-size:20px;}.elementor-267317 .elementor-element.elementor-element-bfc0ecf{text-align:start;font-size:20px;}.elementor-267317 .elementor-element.elementor-element-108bc05 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-d041428 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-b67c7e2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-4637b81 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-eec8a66 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-267317 .elementor-element.elementor-element-30e1497 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for ohio_heading, class: .elementor-element-d7b95a5 */.elementor-267317 .elementor-element.elementor-element-d7b95a5 { text-transform: uppercase; background-image: linear-gradient( -225deg, #ffc241 0%, #F4795D 29%, #ffc241 67%, #F4795D 100% ); background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 5s linear infinite; display: inline-block; } @keyframes textclip { to { background-position: 200% center; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-07e990d */.elementor-267317 .elementor-element.elementor-element-07e990d p{margin-bottom:0px;}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4fa195f */.elementor-267317 .elementor-element.elementor-element-4fa195f p{margin-bottom:0px;}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1c0f540 */.elementor-267317 .elementor-element.elementor-element-1c0f540 p{margin-bottom:20px;margin-top:0px} h1,h2,h3{margin-bottom:20px;} /* MOBILE: popravek naslovov – brez calc bedarij */ @media (max-width: 767px) { h2, .elementor h2 { font-size: 40px !important; line-height: 1.25; } h3, .elementor h3 { font-size: 30px !important; line-height: 1.3; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-8f4e791 */.elementor-267317 .elementor-element.elementor-element-8f4e791 p{margin-bottom:20px;margin-top:0px} h1,h2,h3{margin-bottom:20px;} /* MOBILE: popravek naslovov – brez calc bedarij */ @media (max-width: 767px) { h2, .elementor h2 { font-size: 40px !important; line-height: 1.25; } h3, .elementor h3 { font-size: 30px !important; line-height: 1.3; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-404e595 */.elementor-267317 .elementor-element.elementor-element-404e595 p{margin-bottom:0px;}/* End custom CSS */ /* Start custom CSS for checkout-form, class: .elementor-element-0db3bc0 */h3#billing_fields_heading{font-family:"clb-bold" !important; letter-spacing:0px;} h3#your_products_heading{font-family:"clb-bold" !important; letter-spacing:0px;} h3#order_review_heading {font-family:"clb-bold" !important; letter-spacing:0px;margin-top:40px !important;} .wcf-qty-options .wcf-item-image{display:none !important;} .wcf-title-split{ display:block !important; line-height:1.25!important; } .wcf-title-split{ display:block; line-height:1.25; } .wcf-title-split .product-name{ font-weight:700; } .wcf-title-split .product-badge{ font-weight:700; margin-left:0px; } .wcf-title-split .product-desc{ display:block; margin-top:4px; opacity:.85; font-weight:400; } .wcf-title-split .product-price{ display:block; margin-top:4px; font-weight:600; color:#F47A5D; } span.wcf-display-title-quantity {display:none !important;} .wcf-qty-options .wcf-item-wrap{font-size: 20px!important;} .wcf-qty-options .wcf-item-image{width:150px;} .wcf-item-content-options .wcf-price span { font-size: 24px; font-weight: black; color: #EA8AA6; /* po želji */ } .wcf-qty-options .wcf-item-wrap { line-height: 1.1em !important; } #wcf-embed-checkout-form > div > form.checkout.woocommerce-checkout > div.wcf-order-wrap > div.wcf-product-option-wrap.wcf-yp-skin-classic.wcf-product-option-before-order > div > div.wcf-qty-row.wcf-qty-row-251812 > div.wcf-item > div.wcf-item-all-text > div > span.wcf-display-title-quantity, #wcf-embed-checkout-form > div > div.woocommerce-form-coupon-toggle{display:none;} .elementor-267317 .elementor-element.elementor-element-0db3bc0 div.wcf-display-subscription-details {display:none;} #wcf-embed-checkout-form > div > form.checkout.woocommerce-checkout > div.wcf-order-wrap > div.wcf-product-option-wrap.wcf-yp-skin-classic.wcf-product-option-before-order > div > div.wcf-qty-row.wcf-qty-row-256283 > div.wcf-item > div.wcf-item-all-text::after {display:block;content:"Plačilo v enkratnem znesku (največji prihranek)."; font-size:16px;color:#706C7B;font-weight:normal;font-style:italic;} #wcf-embed-checkout-form > div > form.checkout.woocommerce-checkout > div.wcf-order-wrap > div.wcf-product-option-wrap.wcf-yp-skin-classic.wcf-product-option-before-order > div > div.wcf-qty-row.wcf-qty-row-251222 > div.wcf-item > div.wcf-item-all-text::after {display:block;content:"Plačilo na 3 obroke. Prvi obrok plačaš danes, ostala 2 v naslednjih dveh mesecih."; font-size:16px;color:#706C7B;font-weight:normal;font-style:italic;} #wcf-embed-checkout-form > div > form.checkout.woocommerce-checkout > div.wcf-order-wrap > div.wcf-product-option-wrap.wcf-yp-skin-classic.wcf-product-option-before-order > div > div.wcf-qty-row.wcf-qty-row-251812 > div.wcf-item > div.wcf-item-all-text > div::after {display:block;content:"Plačilo na 6 obrokov. Prvi obrok plačaš danes, ostalih 5 naslednjih 5 mesecev."; font-size:16px;color:#706C7B;font-weight:normal;font-style:italic;} #payment > ul > li.wc_payment_method.payment_method_bacs { margin-top: 30px !important; border-top: 1px dotted; padding-top: 30px; padding-bottom: 30px } @media (max-width: 768px) { #wcf-embed-checkout-form > div > form.checkout.woocommerce-checkout > div.wcf-order-wrap, #wcf-embed-checkout-form > div > form.checkout.woocommerce-checkout > div.wcf-order-wrap > div.wcf-product-option-wrap.wcf-yp-skin-classic.wcf-product-option-before-order{margin:0px;padding:10px;} } @media (max-width: 768px) { .wcf-qty-row { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .wcf-price, .wcf-display-price, .woocommerce-Price-amount { text-align: left !important; display: block !important; } .wcf-item { display: flex; gap: 10px; width: 100% !important; } .wcf-item-.elementor-267317 .elementor-element.elementor-element-0db3bc0 { flex-shrink: 0; margin-top: 4px; } .wcf-item-image { display: none !important; } .wcf-item-image img { display: none !important; } .wcf-item-all-text, .wcf-item-wrap { width: 100%; display: flex; flex-direction: column; gap: 5px; min-width: 0; /* KLJUČNO: prepreči črko-na-črko */ } .wcf-display-title { font-size: 1.1em; font-weight: 600; line-height: 1.2; white-space: normal !important; word-break: break-word; overflow-wrap: break-word; hyphens: auto; } .wcf-display-subscription-details { font-size: 0.95em; color: #666; line-height: 1.4; } .wcf-price { margin-top: 8px; width: 100% !important; text-align: left !important; } .wcf-display-price { font-size: 1.05em; color: #111; } .wcf-qty, .wcf-display-title-quantity { display: none !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-8703e70 */.elementor-267317 .elementor-element.elementor-element-8703e70 p{margin-bottom:20px;} h1,h2,h3{margin-bottom:20px;} /* MOBILE: popravek naslovov – brez calc bedarij */ @media (max-width: 767px) { h2, .elementor h2 { font-size: 40px !important; line-height: 1.25; } h3, .elementor h3 { font-size: 30px !important; line-height: 1.3; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-bfc0ecf */.elementor-267317 .elementor-element.elementor-element-bfc0ecf p{margin-bottom:20px;} h1,h2,h3{margin-bottom:20px;} /* MOBILE: popravek naslovov – brez calc bedarij */ @media (max-width: 767px) { h2, .elementor h2 { font-size: 40px !important; line-height: 1.25; } h3, .elementor h3 { font-size: 30px !important; line-height: 1.3; } }/* End custom CSS */ /* Start custom CSS *//* AI Lab Elementor export - global CSS */ /* Paste once into Elementor Site Settings > Custom CSS, WP Additional CSS, or child theme style.css. */ .ai-lab-page, .ai-lab-page * { box-sizing: border-box; } .ai-lab-page, .ai-lab-page p, .ai-lab-page a, .ai-lab-page li, .ai-lab-page span, .ai-lab-page button, .ai-lab-page input, .ai-lab-page h1, .ai-lab-page h2, .ai-lab-page h3, .ai-lab-page h4, .ai-lab-page h5, .ai-lab-page h6 { font-family: 'Wix Madefor Display', 'Google Sans Text', 'Inter', sans-serif !important; } .ai-lab-page h1, .ai-lab-page h2, .ai-lab-page h3, .ai-lab-page h4, .ai-lab-page h5, .ai-lab-page h6, .ai-lab-page p, .ai-lab-page ul, .ai-lab-page ol { margin-top: 0; margin-bottom: 0; } .ai-lab-page a { text-decoration: none; } .ai-lab-page button, .ai-lab-page input { font: inherit; } .ai-lab-page .elementor-widget-container { font-family: 'Wix Madefor Display', 'Google Sans Text', 'Inter', sans-serif } .ai-lab-page .val-price, .ai-lab-page .recap-val, .ai-lab-page .bonus-value, .ai-lab-page .phase-pin, .ai-lab-page .profile-kicker, .ai-lab-page .phases-kicker, .ai-lab-page .label { font-family: 'Space Mono', monospace !important; } .ai-lab-page { --bg-dark: #151822; --bg-page: #151822; --bg-alt: #050607; --bg-cream: #14151a; --primary: #ffffff; --primary-2: #cfcfcf; --accent-orange: #f47a5f; --accent-cyan: #509fda; --text-light: #f3f3f3; --text-muted: #9a9a9a; --border-faint: rgba(255, 255, 255, 0.05); --border-strong: rgba(255, 255, 255, 0.08); --font-main: 'Wix Madefor Display', 'Google Sans Text', 'Inter', sans-serif; --font-mono: 'Space Mono', monospace; --card-bg: rgba(255, 255, 255, 0.015); --card-bg-soft: rgba(255, 255, 255, 0.01); --shadow-soft: none; --section-gap: 56px; }/* ============================================ LIGHT THEME - cream background experiment Toggle via [data-theme="light"] on ============================================ */ html[data-theme="light"] .ai-lab-page { --bg-dark: var(--bg-page); --primary: #1a1a1a; --primary-2: #2a2a2a; --text-light: #1a1a1a; --text-muted: rgba(26, 26, 26, 0.62); --border-faint: rgba(0, 0, 0, 0.06); --border-strong: rgba(0, 0, 0, 0.10); --card-bg: rgba(0, 0, 0, 0.018); --card-bg-soft: rgba(0, 0, 0, 0.012); } html[data-theme="light"] .ai-lab-page body { background: var(--bg-page) !important; }/* Sections that hardcode dark backgrounds - re-target to page bg NOTE: .hero & .top-banner are intentionally NOT here - they always stay dark. */ html[data-theme="light"] .ai-lab-page .pricing-section, html[data-theme="light"] .ai-lab-page .pipeline-video-card, html[data-theme="light"] .ai-lab-page .bonus-video { background: var(--bg-page) !important; }/* === HERO + TOP BANNER + ALT-PATH ALWAYS DARK === Top section block stays the original dark experience even in light mode. */ html[data-theme="light"] .ai-lab-page .top-banner { background: rgba(20, 18, 16, 0.55) !important; backdrop-filter: blur(16px) saturate(120%) !important; -webkit-backdrop-filter: blur(16px) saturate(120%) !important; border-bottom: none !important; color: #f3f3f3 !important; } html[data-theme="light"] .ai-lab-page .top-banner p { color: #f3f3f3 !important; }/* Alt-path (Še ne all-in) - pinned dark to match hero block */ html[data-theme="light"] .ai-lab-page .alt-path { background: radial-gradient(ellipse at 12% 0%, rgba(244, 122, 95, 0.10) 0%, rgba(244, 122, 95, 0) 55%), radial-gradient(ellipse at 88% 0%, rgba(125, 167, 217, 0.08) 0%, rgba(125, 167, 217, 0) 55%), var(--hero-bg) !important; } html[data-theme="light"] .ai-lab-page .alt-path .alt-path-text { color: #f3f3f3 !important; } html[data-theme="light"] .ai-lab-page .alt-path .alt-path-text strong { color: var(--accent-orange) !important; } html[data-theme="light"] .ai-lab-page .alt-path .alt-path-text .alt-path-meta { color: #9a9a9a !important; } html[data-theme="light"] .ai-lab-page .alt-path-cta { background: transparent !important; border-color: rgba(255,255,255,0.18) !important; color: #efefef !important; } html[data-theme="light"] .ai-lab-page .alt-path-cta:hover { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.34) !important; } html[data-theme="light"] .ai-lab-page .hero { background: var(--hero-bg) !important; } html[data-theme="light"] .ai-lab-page .hero, html[data-theme="light"] .ai-lab-page .hero h1, html[data-theme="light"] .ai-lab-page .hero .hero-subtitle, html[data-theme="light"] .ai-lab-page .hero .hero-meta { color: #f3f3f3 !important; } html[data-theme="light"] .ai-lab-page .hero .hero-subtitle, html[data-theme="light"] .ai-lab-page .hero .hero-meta { color: rgba(243,243,243,0.78) !important; }/* Hero CTA stays original glassy-dark style */ html[data-theme="light"] .ai-lab-page .hero .hero-cta { background: rgba(20,22,26,0.32) !important; border-color: rgba(255,255,255,0.18) !important; color: #efefef !important; backdrop-filter: none; } html[data-theme="light"] .ai-lab-page .hero .hero-cta:hover { background: rgba(30,32,36,0.42) !important; border-color: rgba(255,255,255,0.28) !important; }/* Keep hero video at full strength */ html[data-theme="light"] .ai-lab-page .hero .hero-media { opacity: 1 !important; mix-blend-mode: normal !important; }/* Keep hero's top fade dark so the banner-to-hero seam reads */ html[data-theme="light"] .ai-lab-page .hero .hero-overlay-top { background: linear-gradient(to bottom, var(--hero-bg), transparent) !important; }/* Bottom fade transitions hero → cream page */ html[data-theme="light"] .ai-lab-page .hero .hero-overlay-bottom { background: linear-gradient(to top, var(--bg-page) 0%, rgba(0,0,0,0) 100%) !important; } html[data-theme="light"] .ai-lab-page .hero::after { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 55%, var(--bg-page) 100%) !important; } html[data-theme="light"] .ai-lab-page .outcomes-section { background-color: var(--bg-alt) !important; background-image: radial-gradient(circle, rgba(0,0,0,0.07) 1px, transparent 1px) !important; } html[data-theme="light"] .ai-lab-page .profiles-section { background-color: var(--bg-alt) !important; background-image: linear-gradient(180deg, rgba(0,0,0,0.025) 0%, rgba(0,0,0,0) 24%) !important; } html[data-theme="light"] .ai-lab-page .about-section { background: linear-gradient(180deg, var(--bg-alt) 0%, var(--bg-page) 38%, var(--bg-alt) 100%) !important; border-top: 1px solid var(--border-strong) !important; }/* Cards / panels using rgba(255,255,255,.0X) - flip to subtle dark tint */ html[data-theme="light"] .ai-lab-page .step-card, html[data-theme="light"] .ai-lab-page .pipeline-card, html[data-theme="light"] .ai-lab-page .takeaway-block, html[data-theme="light"] .ai-lab-page .who-item, html[data-theme="light"] .ai-lab-page details.curriculum-accordion, html[data-theme="light"] .ai-lab-page details.bootcamp-disclosure, html[data-theme="light"] .ai-lab-page .form-container, html[data-theme="light"] .ai-lab-page .mlincek-bubble { background: rgba(0,0,0,0.025) !important; border-color: rgba(0,0,0,0.10) !important; } html[data-theme="light"] .ai-lab-page .step-card:hover, html[data-theme="light"] .ai-lab-page .who-item:hover, html[data-theme="light"] .ai-lab-page .path-card:hover { background: rgba(0,0,0,0.045) !important; border-color: rgba(0,0,0,0.16) !important; } html[data-theme="light"] .ai-lab-page .takeaway-block { background: linear-gradient(180deg, rgba(0,0,0,0.045) 0%, rgba(0,0,0,0.02) 100%) !important; }/* Bootcamp carousel cards (dark Material grey by default) */ html[data-theme="light"] .ai-lab-page .bc-card { background: #ffffff !important; } html[data-theme="light"] .ai-lab-page .bc-card:hover { background: #f7f9fa !important; } html[data-theme="light"] .ai-lab-page .bc-card-icon { background: rgba(0, 196, 239, 0.10) !important; border-color: rgba(0, 196, 239, 0.25) !important; } html[data-theme="light"] .ai-lab-page .bc-card-icon svg { color: #00C4EE !important; } html[data-theme="light"] .ai-lab-page .pipeline-text-card { background: #ffffff !important; }/* Disclosure / accordion */ html[data-theme="light"] .ai-lab-page details.bootcamp-disclosure summary { color: var(--text-light) !important; } html[data-theme="light"] .ai-lab-page .disclosure-options { color: var(--text-muted) !important; }/* Form & inputs */ html[data-theme="light"] .ai-lab-page input { background: rgba(0,0,0,0.025) !important; border-color: rgba(0,0,0,0.10) !important; color: var(--text-light) !important; } html[data-theme="light"] .ai-lab-page input:focus { background: rgba(0,0,0,0.045) !important; border-color: rgba(0,0,0,0.30) !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.12) !important; } html[data-theme="light"] .ai-lab-page input::placeholder { color: rgba(26,26,26,0.45) !important; }/* Primary button - keep bold contrast */ html[data-theme="light"] .ai-lab-page .btn-primary { background: #1a1a1a !important; color: #ffffff !important; border-color: #1a1a1a !important; } html[data-theme="light"] .ai-lab-page .btn-primary:hover { background: #2a2a2a !important; } html[data-theme="light"] .ai-lab-page .btn-secondary, html[data-theme="light"] .ai-lab-page .alt-path-cta, html[data-theme="light"] .ai-lab-page .bc-nav-btn { background: transparent !important; border-color: rgba(0,0,0,0.18) !important; color: var(--text-light) !important; } html[data-theme="light"] .ai-lab-page .btn-secondary:hover, html[data-theme="light"] .ai-lab-page .alt-path-cta:hover, html[data-theme="light"] .ai-lab-page .bc-nav-btn:hover:not([disabled]) { background: rgba(0,0,0,0.045) !important; border-color: rgba(0,0,0,0.30) !important; }/* Tunnel canvas - strokes are white on dark, so flip via mix-blend on light */ /* About section starry-night background - replace with quiet cream gradient */ html[data-theme="light"] .ai-lab-page .who-section[style*="starsbg"], html[data-theme="light"] .ai-lab-page .who-section { background: linear-gradient(180deg, var(--bg-alt) 0%, var(--bg-page) 100%) !important; background-image: none !important; }/* Tunnel circles - flip stroke color via override class set by JS */ /* Mlinček bubbles in cream bootcamp section already work; light-mode unify */ html[data-theme="light"] .ai-lab-page .mlincek-bubble-dark { background: rgba(0,0,0,0.025) !important; border-color: rgba(244,122,95,0.42) !important; } html[data-theme="light"] .ai-lab-page .mlincek-text-dark { color: rgba(26,26,26,0.78) !important; } html[data-theme="light"] .ai-lab-page .mlincek-text { color: rgba(26,26,26,0.82) !important; }/* Workflow / case panels already use light bg - make sure text reads */ html[data-theme="light"] .ai-lab-page .case-callout { color: #1a1a1a; } .ai-lab-page * { margin: 0; padding: 0; box-sizing: border-box; } .ai-lab-page { scroll-behavior: smooth; } .ai-lab-page { font-family: 'Wix Madefor Display', 'Google Sans Text', 'Inter', sans-serif; background-color: var(--bg-page); color: var(--text-light); line-height: 1.35; -webkit-font-smoothing: antialiased; overflow-x: hidden; background: var(--bg-page); } .ai-lab-page .ambient-glow { display: none; } .ai-lab-page .container { max-width: 960px; margin: 0 auto; padding: 0 28px; }/* --- TYPOGRAPHY --- */ .ai-lab-page h1, .ai-lab-page h2, .ai-lab-page h3, .ai-lab-page h4 { line-height: 1.1; letter-spacing: -0.04em; font-weight: 700; } .ai-lab-page .label { font-family: 'Space Mono', monospace; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(244, 122, 95, 0.92); margin-bottom: 24px; display: inline-block; }/* --- ROLLING ICON (hero h1 inline) --- */ .ai-lab-page .rolling-icon { display: inline-block; width: 2em; height: 2em; margin: 0 max(16px, 0.28em); vertical-align: -0.62em; position: relative; } .ai-lab-page .ri-frame { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.82); filter: blur(8px); animation: ri-cycle 14s infinite ease-in-out; will-change: opacity, transform, filter; } .ai-lab-page .ri-frame img { width: 100%; height: 100%; object-fit: contain; display: block; filter: drop-shadow(0 2px 10px rgba(0,0,0,0.28)); } .ai-lab-page .ri-frame:nth-child(1) { animation-delay: 0s; } .ai-lab-page .ri-frame:nth-child(2) { animation-delay: 2.8s; } .ai-lab-page .ri-frame:nth-child(3) { animation-delay: 5.6s; } .ai-lab-page .ri-frame:nth-child(4) { animation-delay: 8.4s; } .ai-lab-page .ri-frame:nth-child(5) { animation-delay: 11.2s; } /* Robotki - vsi ista oblika, ne potrebujemo per-frame scaling */ @keyframes ri-cycle { 0% { opacity: 1; transform: scale(1); filter: blur(0); } 15% { opacity: 1; transform: scale(1); filter: blur(0); } 20% { opacity: 0; transform: scale(0.86); filter: blur(8px); } 100% { opacity: 0; transform: scale(0.86); filter: blur(8px); } } @media (prefers-reduced-motion: reduce) { .ai-lab-page .ri-frame { animation: none; } .ai-lab-page .ri-frame:nth-child(1) { opacity: 1; transform: scale(1); filter: none; } }/* --- OUTCOMES SECTION (Lab value prop, timeline style) --- */ .ai-lab-page .outcomes-section { padding: calc(var(--section-gap) + 24px) 24px; background-color: #14151a; background-image: radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px); background-size: 22px 22px; } .ai-lab-page .outcomes-inner { max-width: 820px; margin: 0 auto; } .ai-lab-page .outcomes-title { font-size: clamp(1.9rem, 3.8vw, 2.6rem); margin: 0 0 14px; letter-spacing: -0.03em; color: var(--text-light); line-height: 1.1; } .ai-lab-page .outcomes-subtitle { color: var(--text-light); font-size: 1.12rem; line-height: 1.6; margin: 0 0 56px; } .ai-lab-page .outcomes-list { display: flex; flex-direction: column; gap: 0; } .ai-lab-page .outcome-step { display: grid; grid-template-columns: 1fr; gap: 24px; position: relative; padding-bottom: 28px; } .ai-lab-page .outcome-step:last-of-type { padding-bottom: 0; } .ai-lab-page .step-marker { position: relative; display: flex; flex-direction: column; align-items: center; } .ai-lab-page .step-num { width: 56px; height: 56px; border-radius: 50%; background: rgba(244,122,95,0.10); border: 1px solid rgba(244,122,95,0.42); display: flex; align-items: center; justify-content: center; color: var(--accent-orange); font-family: 'Space Mono', monospace; font-size: 1rem; font-weight: 700; flex-shrink: 0; z-index: 2; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .ai-lab-page .step-line { flex: 1; width: 1px; background: linear-gradient(to bottom, rgba(244,122,95,0.4) 0%, rgba(255,255,255,0.06) 100%); margin-top: 6px; min-height: 24px; } .ai-lab-page .outcome-step:last-of-type .step-line { display: none; } .ai-lab-page .step-card { background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.06); border-radius: 18px; padding: 26px 32px 28px; transition: background 0.25s ease, border-color 0.25s ease; display: grid; grid-template-columns: 1fr 140px; gap: 28px; align-items: center; } .ai-lab-page .step-card-text { min-width: 0; } .ai-lab-page .step-card-art { width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; opacity: 0.78; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.18)); } .ai-lab-page .step-card-art img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; } .ai-lab-page .step-card:hover { background: rgba(255,255,255,0.045); border-color: rgba(255,255,255,0.16); } .ai-lab-page .step-title { font-size: 1.25rem; margin: 0 0 12px; color: var(--text-light); letter-spacing: -0.02em; line-height: 1.3; font-weight: 700; } .ai-lab-page .step-desc { color: var(--text-muted); font-size: 1rem; line-height: 1.6; margin: 0 0 20px; } .ai-lab-page .step-takeaway { display: flex; align-items: flex-start; gap: 12px; padding-top: 18px; border-top: 1px dashed rgba(244,122,95,0.22); color: var(--accent-orange); font-size: 0.96rem; font-weight: 600; line-height: 1.5; } .ai-lab-page .step-takeaway svg { flex-shrink: 0; width: 18px; height: 18px; margin-top: 2px; stroke: currentColor; fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; } .ai-lab-page .step-takeaway strong { color: rgba(255,255,255,0.95); font-weight: 700; } @media (max-width: 600px) { .ai-lab-page .outcome-step { grid-template-columns: 1fr; gap: 16px; padding-bottom: 24px; } .ai-lab-page .step-card { padding: 22px 22px 24px; grid-template-columns: 1fr; gap: 18px; } .ai-lab-page .step-card-art { width: 110px; height: 110px; justify-self: center; order: -1; } } .ai-lab-page .outcomes-punchline { font-size: clamp(1.25rem, 2.4vw, 1.6rem); font-weight: 700; color: var(--text-light); margin: 56px 0 0; text-align: center; letter-spacing: -0.02em; line-height: 1.3; }/* --- PHASES SECTION (Kako poteka delo v Laboratoriju · Faze 0-4) --- */ .ai-lab-page .phases-section { padding: calc(var(--section-gap) + 24px) 24px; background-color: #13151c; background-image: radial-gradient(ellipse at 50% 0%, rgba(244,122,95,0.06) 0%, rgba(244,122,95,0) 55%), radial-gradient(circle, rgba(255,255,255,0.045) 1px, transparent 1px); background-size: auto, 22px 22px; } .ai-lab-page .phases-inner { max-width: 820px; margin: 0 auto; } .ai-lab-page .phases-kicker { display: inline-block; font-family: 'Space Mono', monospace; font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent-orange); margin-bottom: 18px; } .ai-lab-page .phases-title { font-size: clamp(1.9rem, 3.8vw, 2.6rem); margin: 0 0 14px; letter-spacing: -0.03em; color: var(--text-light); line-height: 1.15; } .ai-lab-page .phases-subtitle { color: var(--text-light); font-size: 1.08rem; line-height: 1.6; margin: 0 0 56px; } .ai-lab-page .phases-subtitle strong { color: inherit; font-weight: 700; } .ai-lab-page .phases-subtitle em { color: var(--text-light); font-style: normal; font-weight: 700; } .ai-lab-page .phases-list { display: flex; flex-direction: column; gap: 0; } .ai-lab-page .phase-step { display: grid; grid-template-columns: 64px 1fr; gap: 24px; position: relative; padding-bottom: 28px; } .ai-lab-page .phase-step:last-of-type { padding-bottom: 0; } .ai-lab-page .phase-step:last-of-type .step-line { display: none; } .ai-lab-page .phase-card { background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.07); border-radius: 18px; padding: 24px 28px 26px; transition: background 0.25s ease, border-color 0.25s ease; position: relative; } .ai-lab-page .phase-card:hover { background: rgba(255,255,255,0.045); border-color: rgba(255,255,255,0.16); }/* Phase card art (ilustracija Fazah 1-4, postavljena absolutno na desni - naslovni del) */ .ai-lab-page .phase-card-art { position: absolute; top: 24px; right: 24px; width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; pointer-events: none; background: transparent; } .ai-lab-page .phase-card-art img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }/* Faza 1-4: rezerviran prostor v zgornjem desnem za art (ne vpliva na Fazo 0) */ /* Pin je inline-block in se ne moti s sliko, zato ga izpustimo iz padding-right seznama */ .ai-lab-page .phase-step:not(.phase-zero) .phase-card.has-art .phase-title, .ai-lab-page .phase-step:not(.phase-zero) .phase-card.has-art .phase-subtitle, .ai-lab-page .phase-step:not(.phase-zero) .phase-card.has-art .phase-meta { padding-right: calc(180px + 22px); } @media (max-width: 760px) { .ai-lab-page .phase-card-art { position: static; width: 140px; height: 140px; margin: 0 0 16px; } .ai-lab-page .phase-step:not(.phase-zero) .phase-card.has-art .phase-title, .ai-lab-page .phase-step:not(.phase-zero) .phase-card.has-art .phase-subtitle, .ai-lab-page .phase-step:not(.phase-zero) .phase-card.has-art .phase-meta { padding-right: 0; } } .ai-lab-page .phase-title { font-size: clamp(1.4rem, 2.7vw, 1.65rem); margin: 0 0 12px; color: var(--text-light); letter-spacing: -0.025em; line-height: 1.2; font-weight: 700; } .ai-lab-page .phase-title-sub { font-weight: 400; color: rgba(240, 237, 232, 0.62); font-style: italic; letter-spacing: -0.015em; } .ai-lab-page .phase-meta { color: var(--accent-orange); font-size: 0.93rem; font-weight: 600; margin: 0 0 10px; font-style: italic; } .ai-lab-page .phase-desc { color: var(--text-muted); font-size: 0.98rem; line-height: 1.6; margin: 0; } .ai-lab-page .phase-desc a { color: var(--text-light); text-decoration: underline; text-decoration-color: rgba(244,122,95,0.5); text-underline-offset: 3px; } .ai-lab-page .phase-desc a:hover { text-decoration-color: var(--accent-orange); }/* Faza 0 (Bootcamp) ima isti card styling kot Faze 1-4 (samo drugačen, daljši pin) */ .ai-lab-page .phase-pin { display: inline-block; background: rgba(244,122,95,0.16); border: 1px solid rgba(244,122,95,0.42); color: var(--accent-orange); font-family: 'Space Mono', monospace; font-size: 0.74rem; font-weight: 700; padding: 5px 12px; border-radius: 999px; letter-spacing: 0.04em; margin-bottom: 22px; }/* Finale (Faza 4) - subtilen orange rob in glow */ .ai-lab-page .phase-finale .phase-card { border-color: rgba(244,122,95,0.28); box-shadow: 0 0 0 1px rgba(244,122,95,0.10) inset; } @media (max-width: 600px) { .ai-lab-page .phase-step { grid-template-columns: 48px 1fr; gap: 16px; padding-bottom: 24px; } .ai-lab-page .phase-card { padding: 20px 20px 22px; } }/* --- PHASE CARD: rich content (intro paragraphs + bullet list) --- */ /* phase-subtitle: deprecated - merged into title via .phase-title-sub */ .ai-lab-page .phase-subtitle { display: none; } .ai-lab-page .phase-card .phase-desc + .phase-desc { margin-top: 12px; } .ai-lab-page .phase-bullets { list-style: none; padding: 0; margin: 22px 0 4px; display: flex; flex-direction: column; gap: 14px; } .ai-lab-page .phase-outcome { display: flex; align-items: flex-start; gap: 12px; margin: 24px 0 6px; padding: 18px 0 0; border-top: 1px dashed rgba(244,122,95,0.22); background: transparent; color: var(--text-light); font-size: 0.96rem; line-height: 1.55; font-weight: 500; } .ai-lab-page .phase-outcome svg { flex-shrink: 0; width: 18px; height: 18px; margin-top: 2px; stroke: var(--accent-orange); fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; } .ai-lab-page .phase-outcome strong { color: inherit; font-weight: 700; } .ai-lab-page .phase-outcome .phase-outcome-label { color: var(--accent-orange) !important; } .ai-lab-page .phases-section.phases-cream .phase-outcome { border-top-color: rgba(244,122,95,0.45) !important; color: #1a1a18 !important; background: transparent !important; } .ai-lab-page .phase-bullets li { position: relative; padding-left: 22px; color: var(--text-muted); font-size: 0.98rem; line-height: 1.55; } .ai-lab-page .phase-bullets li::before { content: ''; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; border-radius: 50%; background: var(--accent-orange); opacity: 0.85; } .ai-lab-page .phase-bullets li strong { color: var(--text-light); font-weight: 700; }/* --- PHASE: "Kaj točno bomo delali" trigger + accordion --- */ .ai-lab-page .phase-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; padding: 12px 20px; background: rgba(244,122,95,0.08); border: 1px solid rgba(244,122,95,0.32); border-radius: 999px; color: var(--text-light); font-family: 'Space Mono', monospace; font-size: 0.85rem; font-weight: 500; letter-spacing: 0.02em; cursor: pointer; user-select: none; transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; text-decoration: none; } .ai-lab-page .phase-cta:hover { background: rgba(244,122,95,0.16); border-color: rgba(244,122,95,0.55); } .ai-lab-page .phase-cta::after { content: '+'; font-size: 1.1rem; line-height: 1; color: var(--accent-orange); font-weight: 600; transition: transform 0.25s ease; } .ai-lab-page details.phase-disclosure[open] .phase-cta::after { content: '-'; transform: rotate(180deg); }/* Variant: phase-cta as link (Faza 0 Bootcamp) - arrow instead of + */ .ai-lab-page a.phase-cta::after { content: '→'; font-size: 0.95rem; } .ai-lab-page a.phase-cta:hover::after { transform: translateX(3px); } .ai-lab-page details.phase-disclosure { margin-top: 0; } .ai-lab-page details.phase-disclosure summary { list-style: none; display: inline-block; } .ai-lab-page details.phase-disclosure summary::-webkit-details-marker { display: none; } .ai-lab-page .phase-calls { margin-top: 32px; padding-top: 30px; border-top: 1px dashed rgba(244,122,95,0.25); display: flex; flex-direction: column; gap: 56px; } .ai-lab-page .phase-call { display: block; } .ai-lab-page .phase-call-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }/* Poenoten slog za Klic-pin in Tag-pin (oba kratka, oba ista forma) */ .ai-lab-page .phase-call-num, .ai-lab-page .phase-call-tag { display: inline-block; font-family: 'Space Mono', monospace; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent-orange); background: rgba(244,122,95,0.12); border: 1px solid rgba(244,122,95,0.42); padding: 4px 12px; border-radius: 999px; font-weight: 600; } .ai-lab-page .phase-call-title { font-size: 1.1rem; margin: 10px 0 8px; color: var(--text-light); font-weight: 700; letter-spacing: -0.01em; line-height: 1.35; } .ai-lab-page .phase-call-bullets { list-style: none; padding: 0; margin: 14px 0 0; display: flex; flex-direction: column; gap: 10px; } .ai-lab-page .phase-call-bullets li { position: relative; padding-left: 18px; color: var(--text-muted); font-size: 0.94rem; line-height: 1.55; } .ai-lab-page .phase-call-bullets li::before { content: '→'; position: absolute; left: 0; top: 0; color: var(--accent-orange); opacity: 0.6; font-family: 'Space Mono', monospace; } .ai-lab-page .phase-call-bullets li strong { color: var(--text-light); font-weight: 600; } .ai-lab-page .phase-call-bullets ul { list-style: none; padding-left: 14px; margin: 6px 0 0; display: flex; flex-direction: column; gap: 5px; } .ai-lab-page .phase-call-bullets ul li::before { content: '·'; opacity: 0.5; font-size: 1.1rem; top: -2px; } .ai-lab-page .phase-call-bullets ul li { font-size: 0.9rem; color: var(--text-muted); } .ai-lab-page .phase-call-finish { display: block; margin-top: 18px; padding: 14px 18px; background: rgba(244,122,95,0.08); border-left: 2px solid rgba(244,122,95,0.45); border-radius: 6px; color: var(--text-light); font-size: 0.94rem; line-height: 1.55; } .ai-lab-page .phase-call-finish strong { color: var(--accent-orange); font-weight: 600; } @media (max-width: 600px) { .ai-lab-page .phase-cta { font-size: 0.8rem; padding: 11px 16px; } }/* --- CURRICULUM BRIDGE (Za radovedne lead-in) --- */ .ai-lab-page .curriculum-kicker { display: inline-block; font-family: 'Space Mono', monospace; font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent-orange); margin-bottom: 14px; } .ai-lab-page .curriculum-lead { color: var(--text-light); font-size: 1.05rem; line-height: 1.65; margin: 0 0 14px; max-width: 720px; } .ai-lab-page .curriculum-lead em { color: var(--accent-orange); font-style: italic; font-weight: 600; } .ai-lab-page .curriculum-lead strong { color: var(--text-light); font-weight: 700; } .ai-lab-page .curriculum-lead-cta { color: var(--text-muted); font-size: 0.96rem; margin-top: 22px; margin-bottom: 28px; }/* --- BOOTCAMP SECTION (Stitch-inspired card layout) --- */ .ai-lab-page .bootcamp-section { text-align: left; padding-left: 24px; padding-right: 24px; } .ai-lab-page .bootcamp-inner { max-width: 960px; margin: 0 auto; } .ai-lab-page .bootcamp-intro-grid { display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: start; } .ai-lab-page .bootcamp-intro-text { min-width: 0; } .ai-lab-page .bootcamp-intro-spark { width: 220px; flex-shrink: 0; margin-top: 20px; } .ai-lab-page .bootcamp-spark-img { width: 100%; height: auto; display: block; opacity: 0.95; animation: sparkSpin 12s linear infinite; transform-origin: center; } @keyframes sparkSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (max-width: 720px) { .ai-lab-page .bootcamp-intro-grid { grid-template-columns: 1fr; gap: 24px; } .ai-lab-page .bootcamp-intro-spark { width: 140px; margin: 0 auto; order: -1; } } .ai-lab-page .bootcamp-section .label { display: inline-block; margin-bottom: 18px; } .ai-lab-page .bootcamp-section .section-title { font-size: clamp(1.9rem, 3.8vw, 2.6rem); margin: 0 0 14px; } .ai-lab-page .bootcamp-section .bootcamp-lead { color: var(--text-light); font-size: 1.04rem; line-height: 1.65; max-width: 740px; margin: 0 0 16px; } .ai-lab-page .bootcamp-section .bootcamp-price { color: var(--primary); font-size: 0.98rem; font-weight: 700; margin-bottom: 56px; } .ai-lab-page .bootcamp-section .bootcamp-body { color: var(--text-muted); font-size: 1rem; line-height: 1.65; max-width: 760px; margin-bottom: 14px; } .ai-lab-page .bootcamp-section .bootcamp-body.last { margin-bottom: 44px; } .ai-lab-page .bc-cards-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 64px; margin-bottom: 40px; } .ai-lab-page .bc-cards-title { font-size: 1.45rem; font-weight: 700; color: var(--text-light); letter-spacing: -0.02em; margin: 0; } .ai-lab-page .bc-cards-nav { display: flex; gap: 10px; } .ai-lab-page .bc-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.02); color: var(--text-light); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease; } .ai-lab-page .bc-nav-btn:hover:not([disabled]) { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.34); } .ai-lab-page .bc-nav-btn[disabled] { opacity: 0.32; cursor: not-allowed; } .ai-lab-page .bc-nav-btn svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .ai-lab-page .bc-cards { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 0; margin-bottom: 18px; padding-bottom: 6px; scrollbar-width: none; -ms-overflow-style: none; } .ai-lab-page .bc-cards::-webkit-scrollbar { display: none; } .ai-lab-page .bc-card { flex: 0 0 calc((100% - 54px) / 3.5); min-width: 230px; scroll-snap-align: start; background: #202124; border: none; border-radius: 22px; overflow: hidden; transition: background 0.25s ease; } .ai-lab-page .bc-card:hover { background: #292a2d; } @media (max-width: 840px) { .ai-lab-page .bc-card { flex: 0 0 calc((100% - 18px) / 2.3); min-width: 220px; } } @media (max-width: 540px) { .ai-lab-page .bc-card { flex: 0 0 calc((100% - 18px) / 1.2); min-width: 0; } } .ai-lab-page .bc-card-visual { height: 180px; position: relative; display: flex; align-items: center; justify-content: center; } .ai-lab-page .bc-card-icon { width: 84px; height: 84px; border-radius: 50%; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.14); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .ai-lab-page .bc-card-icon svg { width: 36px; height: 36px; color: var(--text-light); } .ai-lab-page .bc-card-content { padding: 26px 28px 30px; } .ai-lab-page .bc-card-title { font-size: 1.3rem; font-weight: 700; color: var(--text-light); margin-bottom: 10px; letter-spacing: -0.02em; } .ai-lab-page .bc-card-desc { color: var(--text-muted); font-size: 0.95rem; line-height: 1.55; } .ai-lab-page .pipeline-split { display: grid; grid-template-columns: 1.55fr 1fr; gap: 18px; margin-bottom: 48px; } @media (max-width: 840px) { .ai-lab-page .pipeline-split { grid-template-columns: 1fr; } } .ai-lab-page .pipeline-card { background: rgba(255,255,255,0.025); border: none; border-radius: 22px; overflow: hidden; } .ai-lab-page .pipeline-text-card { padding: 38px; display: flex; flex-direction: column; justify-content: center; background: #202124; } .ai-lab-page .pipeline-text-card h3 { font-size: 1.55rem; margin-bottom: 14px; letter-spacing: -0.02em; color: var(--text-light); } .ai-lab-page .pipeline-text-card p { color: var(--text-muted); font-size: 0.98rem; line-height: 1.6; margin-bottom: 12px; } .ai-lab-page .pipeline-text-card p:last-child { margin-bottom: 0; } .ai-lab-page .pipeline-video-card { position: relative; background: #000; min-height: 260px; } .ai-lab-page .pipeline-video-card video { width: 100%; height: 100%; object-fit: cover; display: block; } .ai-lab-page .takeaway-block { background: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.02) 100%); border: 1px solid rgba(255,255,255,0.07); border-radius: 22px; padding: 36px 40px 38px; margin-top: 48px; margin-bottom: 18px; } .ai-lab-page .takeaway-block h3 { font-size: 1.4rem; margin-bottom: 26px; color: var(--text-light); letter-spacing: -0.02em; } .ai-lab-page .takeaway-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; } .ai-lab-page .takeaway-list li { display: flex; gap: 16px; align-items: flex-start; color: var(--text-muted); font-size: 1.04rem; line-height: 1.55; } .ai-lab-page .takeaway-check { flex-shrink: 0; width: 28px; height: 28px; border-radius: 8px; background: rgba(0, 196, 239, 0.12); border: 1px solid rgba(0, 196, 239, 0.32); display: inline-flex; align-items: center; justify-content: center; color: #00C4EE; margin-top: 1px; } .ai-lab-page .takeaway-check svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; } .ai-lab-page .takeaway-list li > span:last-child strong { color: var(--text-light); font-weight: 700; } .ai-lab-page .takeaway-punchline { margin: 24px 0 0; padding-top: 20px; border-top: 1px dashed rgba(244,122,95,0.22); color: var(--accent-orange); font-size: 1rem; font-weight: 600; line-height: 1.55; }/* --- BOOTCAMP DISCLOSURE ACCORDION --- */ .ai-lab-page details.bootcamp-disclosure { margin-top: 32px; margin-bottom: 32px; background: rgba(255,255,255,0.022); border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; overflow: hidden; } .ai-lab-page details.bootcamp-disclosure summary { padding: 22px 28px; font-size: 1.45rem; font-weight: 700; color: var(--text-light); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; line-height: 1.3; } .ai-lab-page details.bootcamp-disclosure summary .disclosure-summary-text { font-size: 1.45rem; line-height: 1.3; } .ai-lab-page details.bootcamp-disclosure summary::-webkit-details-marker { display: none; } .ai-lab-page details.bootcamp-disclosure summary::after { content: '+'; flex-shrink: 0; font-family: 'Space Mono', monospace; color: var(--accent-orange); font-size: 1.6rem; font-weight: 400; transition: transform 0.3s ease; } .ai-lab-page details.bootcamp-disclosure[open] summary::after { content: '-'; transform: rotate(180deg); } .ai-lab-page .disclosure-tag { display: inline-block; font-family: 'Space Mono', monospace; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--accent-orange); margin-right: 12px; padding: 4px 10px; background: rgba(244,122,95,0.10); border: 1px solid rgba(244,122,95,0.32); border-radius: 4px; vertical-align: middle; white-space: nowrap; } .ai-lab-page .disclosure-content { padding: 4px 28px 30px; border-top: 1px solid rgba(255,255,255,0.05); } .ai-lab-page .disclosure-content p { color: var(--text-muted); font-size: 0.98rem; line-height: 1.7; margin: 16px 0 0; } .ai-lab-page .disclosure-content p strong { color: var(--text-light); font-weight: 700; } .ai-lab-page .disclosure-options-title { color: var(--text-light); font-size: 1rem; margin: 26px 0 14px; font-weight: 700; letter-spacing: -0.01em; } .ai-lab-page .disclosure-options { margin: 0 0 22px; padding: 0; counter-reset: opt-counter; list-style: none; } .ai-lab-page .disclosure-options li { counter-increment: opt-counter; color: var(--text-muted); font-size: 0.98rem; line-height: 1.65; margin-bottom: 14px; padding-left: 32px; position: relative; } .ai-lab-page .disclosure-options li::before { content: counter(opt-counter, decimal-leading-zero); position: absolute; left: 0; top: 1px; font-family: 'Space Mono', monospace; font-size: 0.85rem; color: var(--accent-orange); font-weight: 700; } .ai-lab-page .disclosure-options li strong { color: var(--text-light); font-weight: 700; } .ai-lab-page .disclosure-closing { margin-top: 22px !important; padding-top: 18px; border-top: 1px dashed rgba(255,255,255,0.08); color: var(--text-light) !important; font-weight: 500; } @media (max-width: 600px) { .ai-lab-page details.bootcamp-disclosure summary { padding: 20px 22px; font-size: 0.96rem; } .ai-lab-page .disclosure-tag { display: block; margin: 0 0 10px; } .ai-lab-page .disclosure-content { padding: 4px 22px 26px; } } .ai-lab-page .bonus-block { background: linear-gradient(180deg, rgba(244,122,95,0.075) 0%, rgba(244,122,95,0.02) 100%); border: 1px solid rgba(244,122,95,0.28); border-radius: 22px; padding: 30px 36px; margin-bottom: 32px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: center; } @media (max-width: 720px) { .ai-lab-page .bonus-block { grid-template-columns: 1fr; padding: 28px; } } .ai-lab-page .bonus-label { font-family: 'Space Mono', monospace; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--accent-orange); margin-bottom: 14px; display: inline-block; } .ai-lab-page .bonus-title { font-size: 1.42rem; margin: 0 0 12px; color: var(--text-light); letter-spacing: -0.02em; line-height: 1.2; } .ai-lab-page .bonus-desc { color: var(--text-muted); font-size: 0.98rem; line-height: 1.65; margin: 0 0 18px; } .ai-lab-page .bonus-desc:last-child { margin-bottom: 0; }/* Več zraka znotraj bonus-block "darilo" boxa */ .ai-lab-page .bonus-block .bonus-desc { margin-bottom: 22px; line-height: 1.7; } .ai-lab-page .bonus-block .bonus-desc:last-child { margin-bottom: 0; } .ai-lab-page .bonus-video { border-radius: 14px; overflow: hidden; background: #000; aspect-ratio: 16 / 10; } .ai-lab-page .bonus-video video { width: 100%; height: 100%; object-fit: cover; display: block; }/* --- ALTERNATIVNA POT (Bootcamp sidekick under hero) --- */ .ai-lab-page .alt-path { background: radial-gradient(ellipse at 12% 0%, rgba(244, 122, 95, 0.10) 0%, rgba(244, 122, 95, 0) 55%), radial-gradient(ellipse at 88% 0%, rgba(125, 167, 217, 0.08) 0%, rgba(125, 167, 217, 0) 55%), var(--hero-bg); padding: 36px 24px 32px; border: none; border-bottom: 1px solid var(--border-strong); position: relative; overflow: hidden; } .ai-lab-page .alt-path::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%); pointer-events: none; z-index: 0; } .ai-lab-page .alt-path-inner { position: relative; z-index: 1; max-width: 960px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .ai-lab-page .alt-path-text { color: var(--text-light); font-size: 1rem; line-height: 1.5; margin: 0; flex: 1; min-width: 240px; } .ai-lab-page .alt-path-text strong { color: var(--accent-orange); font-weight: 700; } .ai-lab-page .alt-path-text .alt-path-meta { display: block; color: var(--text-muted); font-size: 0.88rem; margin-top: 4px; } .ai-lab-page .alt-path-cta { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; padding: 14px 22px; border-radius: 6px; border: 1px solid var(--border-strong); background: transparent; color: var(--text-light); text-decoration: none; font-size: 0.95rem; font-weight: 600; transition: background 0.25s ease, border-color 0.25s ease; } .ai-lab-page .alt-path-cta:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.34); }/* --- BONUSES GRID (cream sekcija) --- */ .ai-lab-page .bonuses-section .profile-kicker { color: var(--accent-orange) !important; } .ai-lab-page .bonuses-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 48px; } .ai-lab-page .bonus-card { position: relative; padding: 28px 28px 26px; border: 1px solid rgba(255,255,255,0.96); border-radius: 16px; background: linear-gradient(165deg, rgba(255,255,255,0.85), rgba(252,249,245,0.7)); backdrop-filter: blur(10px) saturate(108%); -webkit-backdrop-filter: blur(10px) saturate(108%); box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 6px 24px -12px rgba(26,26,24,0.18); transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .ai-lab-page .bonus-card:hover { transform: translateY(-2px); border-color: rgba(244,122,95,0.40); box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 12px 32px -14px rgba(26,26,24,0.24); } .ai-lab-page .bonus-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; } .ai-lab-page .bonus-label { font-family: 'Space Mono', monospace; font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent-orange); font-weight: 700; } .ai-lab-page .bonus-value { font-family: 'Space Mono', monospace; font-size: 1.05rem; font-weight: 700; color: #1a1a18; } .ai-lab-page .bonus-title { font-size: 1.15rem; line-height: 1.3; color: #1a1a18; margin: 0 0 10px; letter-spacing: -0.01em; } .ai-lab-page .bonus-desc { color: rgba(26,26,24,0.72); font-size: 0.96rem; line-height: 1.55; margin: 0; } .ai-lab-page .bonuses-extras { margin: 32px 0 0; padding: 18px 22px; border: 1px dashed rgba(244,122,95,0.40); border-radius: 12px; background: rgba(255,235,214,0.35); color: rgba(26,26,24,0.78); font-size: 0.97rem; line-height: 1.55; } .ai-lab-page .bonuses-total { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 28px; padding: 22px 28px; border-radius: 14px; background: linear-gradient(135deg, rgba(244,122,95,0.14), rgba(244,122,95,0.06)); border: 1px solid rgba(244,122,95,0.42); } .ai-lab-page .bonuses-total-label { font-size: 1rem; font-weight: 600; color: #1a1a18; letter-spacing: -0.01em; } .ai-lab-page .bonuses-total-val { font-family: 'Space Mono', monospace; font-size: 1.6rem; font-weight: 800; color: var(--accent-orange); } @media (max-width: 640px) { .ai-lab-page .bonuses-grid { grid-template-columns: 1fr; gap: 16px; } .ai-lab-page .bonuses-total { flex-direction: column; align-items: flex-start; gap: 8px; } }/* --- RECAP TABLE (dark) --- */ .ai-lab-page .recap-section .profile-kicker { color: var(--accent-orange); } .ai-lab-page .recap-table { margin: 40px 0 0; border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; padding: 12px 24px; background: rgba(255,255,255,0.025); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .ai-lab-page .recap-row { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 18px; padding: 16px 4px; border-bottom: 1px dashed rgba(255,255,255,0.08); } .ai-lab-page .recap-row:last-child { border-bottom: none; } .ai-lab-page .recap-icon { font-size: 1.2rem; line-height: 1; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; } .ai-lab-page .recap-icon-check { color: #00C4EE; background: rgba(0, 196, 238, 0.10); border: 1px solid rgba(0, 196, 238, 0.30); font-weight: 700; } .ai-lab-page .recap-icon-gift, .ai-lab-page .recap-icon-shield, .ai-lab-page .recap-icon-plus { background: rgba(244,122,95,0.10); border: 1px solid rgba(244,122,95,0.30); } .ai-lab-page .recap-icon-plus { color: var(--accent-orange); font-weight: 700; } .ai-lab-page .recap-text strong { display: block; color: var(--text-light); font-size: 1rem; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 2px; } .ai-lab-page .recap-text span { display: block; color: var(--text-muted); font-size: 0.88rem; line-height: 1.4; } .ai-lab-page .recap-val { font-family: 'Space Mono', monospace; font-size: 1.1rem; font-weight: 700; color: var(--text-light); white-space: nowrap; } .ai-lab-page .recap-val-soft { color: var(--text-muted); font-size: 0.95rem; font-weight: 500; font-style: italic; } .ai-lab-page .recap-divider { height: 1px; margin: 8px 0; background: linear-gradient(90deg, transparent, rgba(244,122,95,0.45), transparent); } .ai-lab-page .recap-total-row { grid-template-columns: 1fr auto; padding: 16px 4px 8px; border-bottom: none !important; } .ai-lab-page .recap-total-row .recap-val-total { font-size: 1.4rem; color: var(--text-light); } .ai-lab-page .recap-pay-row { grid-template-columns: 1fr auto; padding: 14px 4px 18px; border-bottom: none !important; } .ai-lab-page .recap-pay-row .recap-val-pay { font-family: 'Space Mono', monospace; font-size: 2.4rem; font-weight: 900; color: var(--primary); letter-spacing: -0.02em; line-height: 1; } @media (max-width: 600px) { .ai-lab-page .recap-row { grid-template-columns: 28px 1fr; row-gap: 4px; } .ai-lab-page .recap-row .recap-val { grid-column: 2; justify-self: start; } .ai-lab-page .recap-total-row, .ai-lab-page .recap-pay-row { grid-template-columns: 1fr; } .ai-lab-page .recap-total-row .recap-val, .ai-lab-page .recap-pay-row .recap-val { justify-self: start; } }/* --- GARANCIJA (cream) --- */ .ai-lab-page .guarantee-section .profile-kicker { color: var(--accent-orange) !important; } .ai-lab-page .guarantee-body { color: rgba(26,26,24,0.78) !important; font-size: 1.05rem; line-height: 1.65; margin: 0 0 20px; } .ai-lab-page .guarantee-body strong { color: #1a1a18 !important; font-weight: 700; }/* --- ZAKAJ ZDAJ (dark) --- */ .ai-lab-page .why-now-section .profile-kicker { color: var(--accent-orange); } .ai-lab-page .why-now-body { color: var(--text-muted); font-size: 1.05rem; line-height: 1.7; margin: 0 0 20px; } .ai-lab-page .why-now-callout { margin-top: 36px; padding: 28px 30px; border-left: 3px solid var(--accent-orange); background: linear-gradient(90deg, rgba(244,122,95,0.06), rgba(244,122,95,0)); border-radius: 0 12px 12px 0; } .ai-lab-page .why-now-callout strong { display: block; color: var(--text-light); font-size: 1.1rem; margin-bottom: 12px; letter-spacing: -0.01em; } .ai-lab-page .why-now-callout p { color: var(--text-muted); font-size: 1rem; line-height: 1.65; margin: 0 0 12px; } .ai-lab-page .why-now-callout p:last-child { margin-bottom: 0; } .ai-lab-page .why-now-callout em { color: var(--text-light); font-style: normal; font-weight: 600; }/* Cream variant: Zakaj zdaj na peach (kot Garancija) */ .ai-lab-page .why-now-section.outcomes-cream .why-now-body { color: rgba(26, 26, 24, 0.78); } .ai-lab-page .why-now-section.outcomes-cream .why-now-body strong { color: rgb(26, 26, 24); } .ai-lab-page .why-now-section.outcomes-cream .why-now-body em { color: rgba(26, 26, 24, 0.62); } .ai-lab-page .why-now-section.outcomes-cream .why-now-callout { background: linear-gradient(90deg, rgba(244,122,95,0.10), rgba(244,122,95,0)); border-left-color: var(--accent-orange); } .ai-lab-page .why-now-section.outcomes-cream .why-now-callout strong { color: rgb(26, 26, 24); } .ai-lab-page .why-now-section.outcomes-cream .why-now-callout p { color: rgba(26, 26, 24, 0.78); } .ai-lab-page .why-now-section.outcomes-cream .why-now-callout em { color: rgb(26, 26, 24); }/* --- Shimmer separator (animirana oranžna črta na vrhu cream sekcije) --- */ /* Posnema bootcamp-section::before - 1px shimmer line at section top */ .ai-lab-page .cream-shimmer-line { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient( 90deg, rgba(244, 122, 95, 0) 0%, rgba(244, 122, 95, 0.15) 20%, rgba(244, 122, 95, 0.5) 45%, rgba(255, 180, 140, 0.85) 50%, rgba(244, 122, 95, 0.5) 55%, rgba(244, 122, 95, 0.15) 80%, rgba(244, 122, 95, 0) 100% ); background-size: 220% 100%; background-position: -110% 0; animation: bootcamp-shimmer 8s ease-in-out infinite; pointer-events: none; z-index: 2; } @media (prefers-reduced-motion: reduce) { .ai-lab-page .cream-shimmer-line { animation: none; background-position: 0 0; } }/* Ko je Zakaj zdaj zlita z Garancijo (ena vizualna sekcija) - odstrani podvojene blobove + razmik črta→vsebina enak kot Bootcamp (calc + 48px) */ .ai-lab-page .why-now-section.outcomes-cream.outcomes-cream-flush { padding-top: calc(var(--section-gap) + 24px); padding-bottom: calc(var(--section-gap) + 24px); } .ai-lab-page .why-now-section.outcomes-cream.outcomes-cream-flush::before, .ai-lab-page .why-now-section.outcomes-cream.outcomes-cream-flush::after { display: none; } .ai-lab-page .why-now-section.outcomes-cream.outcomes-cream-flush .outcomes-spotlight { display: none; }/* --- FINAL CLOSER (dark, usklajen z Zakaj zdaj prej) --- */ .ai-lab-page .final-closer-dark { padding: calc(var(--section-gap) + 24px) 24px; position: relative; overflow: hidden; } .ai-lab-page .final-closer-dark .dot-pattern { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 22px 22px; opacity: 0.6; } .ai-lab-page .final-closer-dark .profile-kicker { color: var(--accent-orange); font-family: 'Space Mono', monospace; font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 400; } .ai-lab-page .closer-headline { font-size: clamp(1.7rem, 3.6vw, 2.4rem); line-height: 1.3; letter-spacing: -0.02em; color: var(--text-light); margin: 0 0 36px; font-weight: 700; } .ai-lab-page .closer-headline em { color: var(--accent-orange); font-style: italic; font-weight: 600; } .ai-lab-page .closer-product { font-family: 'Space Mono', monospace; font-size: 1.05rem; letter-spacing: 0.04em; color: var(--text-light); margin: 0 0 14px; font-weight: 700; } .ai-lab-page .closer-summary { color: var(--text-muted); font-size: 1.05rem; line-height: 1.65; margin: 0 0 32px; max-width: 600px; } .ai-lab-page .final-closer-dark .closer-checklist { list-style: none; padding: 0; margin: 0 0 36px; max-width: 560px; text-align: left; display: flex; flex-direction: column; gap: 12px; } .ai-lab-page .final-closer-dark .closer-checklist li { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; background: rgba(255,255,255,0.03); color: var(--text-light); font-size: 1rem; line-height: 1.5; position: static; } .ai-lab-page .final-closer-dark .closer-checklist li::before { content: "✓"; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: rgba(244, 122, 95, 0.16); border: 1px solid rgba(244, 122, 95, 0.42); border-radius: 7px; color: var(--accent-orange); font-weight: 700; font-size: 0.95rem; position: static; transform: none; } .ai-lab-page .closer-result-line { color: var(--text-light); font-size: 1.08rem; margin: 36px 0 12px; font-weight: 600; } .ai-lab-page .closer-result-emph { color: var(--accent-orange); font-size: 1.3rem; margin-bottom: 50px; font-weight: 700; letter-spacing: -0.01em; } .ai-lab-page .final-closer-dark .closer-options { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0 0 50px; text-align: left; } .ai-lab-page .final-closer-dark .closer-option { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 22px 24px; } .ai-lab-page .final-closer-dark .closer-option-num { display: inline-block; font-family: 'Space Mono', monospace; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-orange); margin-bottom: 10px; } .ai-lab-page .final-closer-dark .closer-option p { color: var(--text-muted); font-size: 0.96rem; line-height: 1.6; margin: 0; } .ai-lab-page .closer-meta { color: var(--text-muted); font-size: 0.88rem; margin-top: 28px; } @media (max-width: 600px) { .ai-lab-page .final-closer-dark .closer-options { grid-template-columns: 1fr; } .ai-lab-page .closer-headline { font-size: clamp(1.4rem, 5.5vw, 1.9rem); } }/* --- FINAL CLOSER (dodatno: checklist + dve opciji) --- */ .ai-lab-page .closer-checklist { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; text-align: left; max-width: 600px; margin-left: auto; margin-right: auto; } .ai-lab-page .closer-checklist li { position: relative; padding: 12px 16px 12px 44px; border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; background: rgba(255,255,255,0.03); color: var(--text-light); font-size: 1rem; } .ai-lab-page .closer-checklist li::before { content: "✓"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--accent-orange); font-weight: 700; font-size: 1rem; } .ai-lab-page .closer-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 0 0 40px; text-align: left; } .ai-lab-page .closer-option { padding: 24px 26px; border: 1px solid rgba(255,255,255,0.10); border-radius: 14px; background: rgba(255,255,255,0.03); } .ai-lab-page .closer-option-num { display: block; font-family: 'Space Mono', monospace; font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent-orange); font-weight: 700; margin-bottom: 12px; } .ai-lab-page .closer-option p { color: var(--text-muted); font-size: 0.98rem; line-height: 1.6; margin: 0; } @media (max-width: 720px) { .ai-lab-page .closer-options { grid-template-columns: 1fr; gap: 14px; } }/* --- FAQ (cream) --- */ .ai-lab-page .faq-section .profile-kicker { color: var(--accent-orange) !important; } .ai-lab-page .faq-list { margin-top: 40px; display: grid; gap: 12px; } .ai-lab-page .faq-item { border: 1px solid rgba(255,255,255,0.96); border-radius: 14px; background: linear-gradient(165deg, rgba(255,255,255,0.85), rgba(252,249,245,0.7)); backdrop-filter: blur(10px) saturate(108%); -webkit-backdrop-filter: blur(10px) saturate(108%); box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 4px 18px -10px rgba(26,26,24,0.16); transition: border-color 0.22s ease, box-shadow 0.22s ease; overflow: hidden; } .ai-lab-page .faq-item[open] { border-color: rgba(244,122,95,0.42); box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 8px 24px -12px rgba(26,26,24,0.20); } .ai-lab-page .faq-item summary { list-style: none; cursor: pointer; padding: 18px 56px 18px 24px; font-size: 1.02rem; font-weight: 600; color: #1a1a18; letter-spacing: -0.01em; position: relative; line-height: 1.4; } .ai-lab-page .faq-item summary::-webkit-details-marker { display: none; } .ai-lab-page .faq-item summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(244,122,95,0.45); border-radius: 50%; color: var(--accent-orange); font-size: 1.2rem; font-weight: 400; line-height: 1; transition: transform 0.25s ease, background 0.22s ease; } .ai-lab-page .faq-item[open] summary::after { content: "−"; background: rgba(244,122,95,0.12); } .ai-lab-page .faq-body { padding: 0 24px 22px; color: rgba(26,26,24,0.74); font-size: 0.98rem; line-height: 1.65; } .ai-lab-page .faq-body p { margin: 0 0 12px; } .ai-lab-page .faq-body p:last-child { margin-bottom: 0; } .ai-lab-page .faq-body a { color: var(--accent-orange); text-decoration: underline; text-underline-offset: 3px; }/* --- HERO --- */ .ai-lab-page .hero { position: relative; display: flex; min-height: max(400px, 75vh); flex-direction: column; align-items: center; justify-content: center; gap: 32px; overflow: hidden; background: var(--hero-bg); padding: 80px 24px; text-align: center; margin-bottom: -2px; } .ai-lab-page .hero-media { pointer-events: none; position: absolute; inset: 0; /* Warm grade: desaturate first, then sepia + saturate to lock to warm tones */ filter: grayscale(var(--hero-warm-gray, 0)) sepia(var(--hero-warm-sepia, 0)) saturate(var(--hero-warm-sat, 1)) brightness(var(--hero-warm-bri, 1)); } .ai-lab-page .hero-warm-overlay { pointer-events: none; position: absolute; inset: 0; z-index: 1; opacity: var(--hero-warm-overlay, 0); mix-blend-mode: var(--hero-warm-blend, multiply); background: linear-gradient( 135deg, rgba(244, 122, 95, 0.85) 0%, rgba(255, 165, 110, 0.75) 45%, rgba(255, 196, 158, 0.65) 100% ); transition: opacity 0.35s ease; } .ai-lab-page .hero-video { height: 100%; width: 100%; object-fit: cover; } .ai-lab-page .hero-overlay-top, .ai-lab-page .hero-overlay-bottom { pointer-events: none; position: absolute; left: 0; right: 0; z-index: 1; height: 45%; } .ai-lab-page .hero-overlay-top { top: 0; background: linear-gradient(to bottom, var(--hero-bg), transparent); } .ai-lab-page .hero-overlay-bottom { bottom: 0; background: linear-gradient(to top, #000, transparent); } .ai-lab-page .hero-warm-haze { pointer-events: none; position: absolute; left: -8%; bottom: -22%; z-index: 1; width: min(900px, 78vw); height: 70%; background: radial-gradient(ellipse at 35% 55%, rgba(244, 122, 95, 0.46) 0%, rgba(240, 230, 214, 0.18) 28%, rgba(244, 122, 95, 0.08) 50%, rgba(244, 122, 95, 0) 72%); filter: blur(36px); opacity: 0.78; } .ai-lab-page .hero-cool-haze { pointer-events: none; position: absolute; right: -10%; top: -18%; z-index: 1; width: min(820px, 72vw); height: 66%; background: radial-gradient(ellipse at 70% 45%, rgba(244, 122, 95, 0.34) 0%, rgba(240, 230, 214, 0.14) 28%, rgba(244, 122, 95, 0.06) 52%, rgba(244, 122, 95, 0) 74%); filter: blur(42px); opacity: 0.62; } .ai-lab-page .dot-pattern { pointer-events: none; position: absolute; inset: 0; z-index: 2; background-image: radial-gradient(circle, rgba(255,255,255,0.085) 1px, transparent 1px); background-size: 22px 22px; mask-image: radial-gradient(ellipse at center, black 35%, transparent 82%); -webkit-mask-image: radial-gradient(ellipse at center, black 35%, transparent 82%); mix-blend-mode: screen; } .ai-lab-page .hero-seam-fix { pointer-events: none; position: absolute; left: 0; right: 0; bottom: -1px; height: 180px; z-index: 3; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 55%, #000 100%); } .ai-lab-page .hero-content { position: relative; z-index: 2; display: flex; width: 100%; max-width: 960px; flex-direction: column; align-items: center; gap: 22px; } .ai-lab-page .hero h1 { margin: 0; font-size: clamp(40px, 8vw, 96px); font-weight: 400; letter-spacing: -0.02em; line-height: 1.02; color: #fff; } .ai-lab-page .top-banner { background: rgba(20, 18, 16, 0.55); backdrop-filter: blur(16px) saturate(120%); -webkit-backdrop-filter: blur(16px) saturate(120%); border-bottom: none; padding: 14px 24px; text-align: center; position: relative; z-index: 5; } .ai-lab-page .top-banner::after { content: ''; position: absolute; left: 1.5rem; right: 1.5rem; bottom: -1px; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.32) 18%, rgba(255,255,255,0.42) 50%, rgba(255,255,255,0.32) 82%, rgba(255,255,255,0)); box-shadow: 0 1px 12px rgba(255,255,255,0.08); pointer-events: none; } .ai-lab-page .top-banner p { margin: 0 auto; max-width: 1040px; font-family: 'Wix Madefor Display', 'Google Sans Text', 'Inter', sans-serif; font-size: 14px; line-height: 1.65; color: rgba(243,243,243,0.7); font-weight: 400; } .ai-lab-page .hero-subtitle { margin: 0; font-size: clamp(16px, 2vw, 24px); color: #fff; max-width: 860px; font-weight: 400; line-height: 1.55; } .ai-lab-page .hero-cta { margin-top: 32px; display: inline-flex; height: 56px; cursor: pointer; align-items: center; justify-content: center; white-space: nowrap; border-radius: 999px; border: 1px solid rgba(255,255,255,0.18); background: rgba(20,22,26,0.32); padding: 12px 32px; font-family: 'Wix Madefor Display', 'Google Sans Text', 'Inter', sans-serif; font-size: 20px; font-weight: 500; color: #fff; text-decoration: none; backdrop-filter: blur(40px) saturate(140%); -webkit-backdrop-filter: blur(40px) saturate(140%); transition: all 0.2s ease; } .ai-lab-page .hero-cta:hover { background: rgba(30,32,36,0.42); border-color: rgba(255,255,255,0.28); opacity: 1; } .ai-lab-page .hero-meta { margin: 0; font-size: 14px; line-height: 1.65; color: rgba(243,243,243,0.7); max-width: 780px; }/* --- SLEEK FORM --- */ .ai-lab-page .optin-wrapper { max-width: 600px; margin: 0 auto; text-align: left; position: relative; z-index: 10; background: rgba(255,255,255,0.02); border: 1px solid var(--border-strong); border-radius: 8px; padding: 28px; box-shadow: var(--shadow-soft); backdrop-filter: none; -webkit-backdrop-filter: none; } .ai-lab-page .optin-alert { display: flex; align-items: center; gap: 12px; color: var(--primary); font-size: 0.95rem; font-weight: 500; margin-bottom: 24px; justify-content: center; text-transform: uppercase; letter-spacing: 0.05em; } .ai-lab-page .form-group { display: flex; flex-direction: column; gap: 16px; } .ai-lab-page .form-inputs { display: flex; gap: 16px; } @media (max-width: 600px) { .ai-lab-page .form-inputs { flex-direction: column; } } .ai-lab-page input { flex: 1; background: rgba(255, 255, 255, 0.02); border: 1px solid var(--border-strong); color: var(--text-light); padding: 18px 24px; font-size: 1.05rem; font-family: 'Wix Madefor Display', 'Google Sans Text', 'Inter', sans-serif; outline: none; border-radius: 6px; transition: all 0.3s ease; box-shadow: none; } .ai-lab-page input:focus { border-color: rgba(255,255,255,0.34); background: rgba(255,255,255,0.04); box-shadow: 0 0 0 1px rgba(255,255,255,0.14); } .ai-lab-page input::placeholder { color: #7f7f7f; } .ai-lab-page .btn-primary { background: #ffffff; color: #191a1f; border: 1px solid #ffffff; padding: 18px 30px; border-radius: 6px; font-size: 0.98rem; font-weight: 700; cursor: pointer; transition: all 0.3s ease; width: 100%; text-transform: none; letter-spacing: 0.01em; box-shadow: none; } .ai-lab-page .btn-primary:hover { background: #dfdfdf; transform: none; } .ai-lab-page .btn-secondary { display: inline-block; width: 100%; text-align: center; padding: 18px 30px; border-radius: 6px; border: 1px solid var(--border-strong); background: transparent; color: #efefef; text-decoration: none; font-size: 1rem; font-weight: 600; letter-spacing: 0.01em; transition: all 0.25s ease; box-shadow: none; } .ai-lab-page .btn-secondary:hover { background: rgba(255, 255, 255, 0.06); border-color: rgba(255,255,255,0.34); transform: none; } .ai-lab-page .pricing-hook { text-align: center; color: var(--text-muted); font-size: 0.9rem; margin-top: 24px; line-height: 1.6; }/* --- SECTIONS --- */ .ai-lab-page section { padding: calc(var(--section-gap) + 24px) 0; position: relative; background: #000; } .ai-lab-page section + section { margin-top: 0; } .ai-lab-page .section-title { font-size: clamp(1.9rem, 3.8vw, 2.6rem); margin-bottom: 14px; letter-spacing: -0.03em; line-height: 1.1; } .ai-lab-page .section-intro { color: var(--text-muted); font-size: 1.08rem; margin-bottom: 24px; }/* --- TWO PATHS (Replaces Before/After) --- */ .ai-lab-page .two-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } @media (max-width: 768px) { .ai-lab-page .two-paths { grid-template-columns: 1fr; } } .ai-lab-page .path-card { background: var(--card-bg); border: 1px solid var(--border-strong); border-radius: 8px; padding: 30px; transition: all 0.3s ease; box-shadow: var(--shadow-soft); backdrop-filter: none; -webkit-backdrop-filter: none; } .ai-lab-page .path-card.with { border-top: none; } .ai-lab-page .path-card.without { border-top: none; } .ai-lab-page .path-card:hover { background: rgba(255,255,255,0.04); border-color: var(--border-strong); } .ai-lab-page .path-icon { margin-bottom: 24px; } .ai-lab-page .path-card.with .path-icon { color: #e8e8e8; } .ai-lab-page .path-card.without .path-icon { color: #9b9b9b; } .ai-lab-page .path-head { font-size: 1.6rem; font-weight: 700; color: var(--text-light); margin-bottom: 16px; letter-spacing: -0.02em; } .ai-lab-page .path-body { color: var(--text-muted); font-size: 1.1rem; line-height: 1.6; }/* --- PATH SAVINGS / CTA / RECOMMENDED (po Bootcampu razcep) --- */ .ai-lab-page .two-paths-section { padding: calc(var(--section-gap) + 24px) 0; border-radius: 0; } .ai-lab-page .two-paths-subtitle { color: rgba(243, 243, 243, 0.65); font-size: 1.15rem; line-height: 1.5; margin: 16px auto 0; max-width: 640px; } .ai-lab-page .path-card { position: relative; display: flex; flex-direction: column; } .ai-lab-page .path-card.with { border-color: rgba(244, 122, 95, 0.45); background: linear-gradient(180deg, rgba(244, 122, 95, 0.04) 0%, rgba(255,255,255,0.02) 100%); box-shadow: 0 12px 40px rgba(244, 122, 95, 0.08); } .ai-lab-page .path-recommended { position: absolute; top: -12px; left: 24px; background: var(--accent-orange); color: #1a1a1a; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; } .ai-lab-page .path-savings { margin-top: 24px; padding: 20px 22px; border: 1px solid rgba(255,255,255,0.10); border-radius: 10px; background: rgba(255,255,255,0.025); } .ai-lab-page .path-card.with .path-savings { border-color: rgba(244, 122, 95, 0.28); background: rgba(244, 122, 95, 0.06); } .ai-lab-page .path-savings-title { font-size: 0.85rem; font-weight: 600; letter-spacing: 0.04em; color: var(--text-light); margin-bottom: 12px; text-transform: uppercase; } .ai-lab-page .path-savings-list { list-style: none; padding: 0; margin: 0 0 14px; display: flex; flex-direction: column; gap: 8px; } .ai-lab-page .path-savings-list li { color: rgba(243, 243, 243, 0.78); font-size: 0.98rem; line-height: 1.5; padding-left: 18px; position: relative; } .ai-lab-page .path-savings-list li::before { content: '·'; position: absolute; left: 6px; top: -2px; color: var(--accent-orange); font-weight: 900; font-size: 1.2rem; } .ai-lab-page .path-savings-list strong { color: #f3f3f3; font-weight: 700; } .ai-lab-page .path-savings-total { margin-top: 10px; padding-top: 12px; border-top: 1px solid rgba(244, 122, 95, 0.25); font-size: 1.05rem; color: #f3f3f3; } .ai-lab-page .path-savings-total strong { color: var(--accent-orange); font-size: 1.25rem; font-weight: 800; } .ai-lab-page .path-savings-muted .path-savings-list li::before { color: rgba(255,255,255,0.35); } .ai-lab-page .path-cta { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; padding: 16px 24px; border-radius: 999px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: all 0.2s ease; } .ai-lab-page .path-cta-primary { margin-top: auto; padding-top: 18px; padding-bottom: 18px; background: var(--accent-orange); color: #ffffff; border: 1px solid var(--accent-orange); } .ai-lab-page .path-cta-primary:hover { background: #f8845a; transform: translateY(-1px); } .ai-lab-page .path-cta-secondary { margin-top: auto; padding-top: 18px; padding-bottom: 18px; background: transparent; color: #f3f3f3; border: 1px solid rgba(255,255,255,0.22); } .ai-lab-page .path-cta-secondary:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.4); }/* --- INLINE SECTION CTAS (univerzalni gumbi za vmesne sekcije) --- */ .ai-lab-page .section-ctas { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; align-items: center; margin: 56px auto 0; max-width: 640px; } .ai-lab-page .section-ctas.section-ctas-soft { margin-top: 40px; } .ai-lab-page .section-cta-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 28px; background: var(--accent-orange); color: #ffffff; border: 1px solid var(--accent-orange); border-radius: 999px; font-size: 1rem; font-weight: 700; text-decoration: none; letter-spacing: -0.01em; transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease; box-shadow: 0 4px 18px rgba(244,122,95,0.22); } .ai-lab-page .section-cta-primary:hover { background: #f8845a; transform: translateY(-1px); box-shadow: 0 6px 24px rgba(244,122,95,0.32); } .ai-lab-page .section-cta-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 26px; background: transparent; color: var(--text-light); border: 1px solid rgba(255,255,255,0.22); border-radius: 999px; font-size: 0.98rem; font-weight: 600; text-decoration: none; transition: background 0.2s ease, border-color 0.2s ease; } .ai-lab-page .section-cta-secondary:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.40); }/* Soft variant: text-link-style, malo manjši, za zaključke */ .ai-lab-page .section-cta-soft { display: inline-flex; align-items: center; gap: 8px; color: var(--accent-orange); font-size: 1rem; font-weight: 600; text-decoration: none; padding: 12px 20px; border-bottom: 1px solid rgba(244,122,95,0.4); transition: border-color 0.2s ease, color 0.2s ease; } .ai-lab-page .section-cta-soft:hover { border-color: var(--accent-orange); color: #f8845a; }/* Cream sekcija - sekundarni gumb mora biti dark border, ne white */ .ai-lab-page .outcomes-section.outcomes-cream .section-cta-secondary, .ai-lab-page .phases-section.phases-cream .section-cta-secondary, .ai-lab-page .bootcamp-section[style*="rgb(252"] .section-cta-secondary { color: #1a1a1a; border-color: rgba(0,0,0,0.22); } .ai-lab-page .outcomes-section.outcomes-cream .section-cta-secondary:hover, .ai-lab-page .phases-section.phases-cream .section-cta-secondary:hover, .ai-lab-page .bootcamp-section[style*="rgb(252"] .section-cta-secondary:hover { background: rgba(0,0,0,0.045); border-color: rgba(0,0,0,0.40); } @media (max-width: 540px) { .ai-lab-page .section-ctas { gap: 10px; margin-top: 40px; } .ai-lab-page .section-cta-primary, .ai-lab-page .section-cta-secondary { padding: 14px 22px; font-size: 0.95rem; } }/* Light theme overrides for two-paths section pinned dark */ html[data-theme="light"] .ai-lab-page .two-paths-section { background-color: #151822 !important; } html[data-theme="light"] .ai-lab-page .two-paths-section .section-title { color: #f3f3f3 !important; } html[data-theme="light"] .ai-lab-page .two-paths-section .two-paths-subtitle { color: rgba(243,243,243,0.7) !important; } html[data-theme="light"] .ai-lab-page .two-paths-section .path-head { color: #f3f3f3 !important; } html[data-theme="light"] .ai-lab-page .two-paths-section .path-body { color: rgba(243,243,243,0.75) !important; } html[data-theme="light"] .ai-lab-page .two-paths-section .path-savings-list li { color: rgba(243,243,243,0.78) !important; } html[data-theme="light"] .ai-lab-page .two-paths-section .path-savings-list strong { color: #f3f3f3 !important; } html[data-theme="light"] .ai-lab-page .two-paths-section .path-savings-title { color: #f3f3f3 !important; } html[data-theme="light"] .ai-lab-page .two-paths-section .path-cta-secondary { color: #f3f3f3 !important; }/* --- PROFILES SECTION (narrow narrative + numbers) --- */ .ai-lab-page .profiles-section { position: relative; background-color: #0F1219; background-image: radial-gradient(ellipse at 18% 0%, rgba(244, 122, 95, 0.04) 0%, rgba(244, 122, 95, 0) 55%), radial-gradient(ellipse at 82% 100%, rgba(244, 122, 95, 0.03) 0%, rgba(244, 122, 95, 0) 60%); padding: calc(var(--section-gap) + 24px) 24px; overflow: hidden; } .ai-lab-page .profiles-section::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px); background-size: 22px 22px; mask-image: radial-gradient(ellipse 70% 80% at center, black 30%, transparent 85%); -webkit-mask-image: radial-gradient(ellipse 70% 80% at center, black 30%, transparent 85%); pointer-events: none; z-index: 0; } .ai-lab-page .profiles-section::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(244, 122, 95, 0.55) 1px, transparent 1.5px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(circle 240px at var(--mx, -200px) var(--my, -200px), black 0%, rgba(0,0,0,0.5) 40%, transparent 75%); mask-image: radial-gradient(circle 240px at var(--mx, -200px) var(--my, -200px), black 0%, rgba(0,0,0,0.5) 40%, transparent 75%); pointer-events: none; z-index: 0; opacity: 0; transition: opacity 0.3s ease; } .ai-lab-page .profiles-section.is-hovering::after { opacity: 1; } @media (hover: none) { .ai-lab-page .profiles-section::after { display: none; } } .ai-lab-page .profiles-inner { position: relative; z-index: 1; } .ai-lab-page .profiles-inner { max-width: 750px; margin: 0 auto; position: relative; z-index: 1; } .ai-lab-page .profiles-section .section-title { font-size: clamp(1.9rem, 3.8vw, 2.6rem); margin-bottom: 14px; letter-spacing: -0.03em; } .ai-lab-page .profiles-section .section-intro { color: var(--text-muted); font-size: 1.08rem; margin-bottom: 0; } .ai-lab-page .profiles-list { margin-top: 72px; display: flex; flex-direction: column; gap: 72px; } .ai-lab-page .profile-item { position: relative; display: flex; flex-direction: column; background: transparent; border: 1px solid rgba(255,255,255,0.06); border-radius: 18px; padding: 36px 40px 32px; transition: border-color 0.25s ease, transform 0.25s ease; }/* Pol-prozorno ozadje preko pseudo-elementa, da tekst ostane 100% čist */ .ai-lab-page .profile-item::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0.012) 100%); opacity: 0.7; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); pointer-events: none; z-index: 0; transition: opacity 0.25s ease; } .ai-lab-page .profile-item > * { position: relative; z-index: 1; } .ai-lab-page .profile-item:hover { border-color: rgba(255,255,255,0.12); } .ai-lab-page .profile-item:hover::before { opacity: 0.85; } .ai-lab-page .profile-header { display: flex; flex-direction: column; gap: 6px; margin-bottom: 26px; } .ai-lab-page .profile-headtext { display: contents; } .ai-lab-page .profile-kicker { font-family: 'Space Mono', monospace; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.16em; color: var(--accent-orange); font-weight: 700; } .ai-lab-page .profile-name { font-size: clamp(1.6rem, 3.2vw, 2.1rem); color: var(--text-light); letter-spacing: -0.02em; line-height: 1.18; margin: 0; font-weight: 700; text-wrap: balance; } .ai-lab-page .profile-body { display: flex; flex-direction: column; gap: 18px; } .ai-lab-page .profile-body p { color: var(--text-muted); font-size: 1.04rem; line-height: 1.7; margin: 0; } .ai-lab-page .profile-need { margin-top: 18px; padding-top: 22px; border-top: 1px dashed rgba(244,122,95,0.22); color: var(--text-light); font-size: 1.02rem; line-height: 1.65; } .ai-lab-page .profile-need strong { display: block; font-family: 'Space Mono', monospace; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.16em; color: var(--accent-orange); font-weight: 700; margin-bottom: 10px; }/* --- ABOUT-ALENKA SECTION --- */ .ai-lab-page .about-section { background-color: #0B0F18; background-image: radial-gradient(ellipse 55% 45% at 50% 25%, rgba(244, 122, 95, 0.13) 0%, rgba(244, 122, 95, 0.05) 40%, rgba(244, 122, 95, 0) 75%), radial-gradient(ellipse 80% 60% at 50% 50%, rgba(255, 180, 130, 0.04) 0%, rgba(255, 180, 130, 0) 70%); border-top: 1px solid rgba(255,255,255,0.06); padding: calc(var(--section-gap) + 24px) 24px; } .ai-lab-page .about-inner { max-width: 720px; margin: 0 auto; } .ai-lab-page .about-header { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; margin-bottom: 44px; } .ai-lab-page .about-header-text { min-width: 0; } .ai-lab-page .about-portrait { width: 160px; height: 160px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 3px solid rgba(244,122,95,0.35); box-shadow: 0 8px 28px rgba(0,0,0,0.35); } .ai-lab-page .about-portrait img { width: 100%; height: 100%; object-fit: cover; display: block; } @media (max-width: 600px) { .ai-lab-page .about-header { grid-template-columns: 1fr; gap: 20px; text-align: left; justify-items: start; } .ai-lab-page .about-portrait { width: 130px; height: 130px; order: -1; } } .ai-lab-page .about-section .section-title { font-size: clamp(1.9rem, 3.8vw, 2.6rem); margin-bottom: 44px; margin-top: 14px; letter-spacing: -0.03em; line-height: 1.15; } .ai-lab-page .about-kicker { display: inline-block; } .ai-lab-page .about-body { display: flex; flex-direction: column; gap: 22px; } .ai-lab-page .about-body p { color: var(--text-light); font-size: 1.06rem; line-height: 1.75; margin: 0; } .ai-lab-page .about-body p em { color: var(--text-muted); font-style: italic; } .ai-lab-page .about-moment { font-family: 'Wix Madefor Display', 'Google Sans Text', 'Inter', sans-serif; font-size: clamp(1.4rem, 2.4vw, 1.8rem) !important; line-height: 1.4 !important; letter-spacing: -0.01em; font-weight: 600; color: var(--text-light) !important; margin: 36px 0 !important; padding: 0 !important; border: 0 !important; } .ai-lab-page .about-callout { color: var(--accent-orange) !important; font-weight: 700; font-size: 1.22rem !important; border-top: 1px dashed rgba(244,122,95,0.28); padding-top: 26px; margin-top: 14px !important; line-height: 1.4 !important; letter-spacing: -0.01em; } .ai-lab-page .about-closing { color: var(--text-light) !important; font-weight: 600; font-size: 1.1rem !important; line-height: 1.65 !important; }/* --- ABOUT: STORY DISCLOSURE (case-study trigger + expand) --- */ .ai-lab-page .story-disclosure { margin-top: 56px; } .ai-lab-page .story-trigger { width: 100%; display: flex; align-items: center; gap: 24px; background: transparent; border: 1.5px solid rgba(244, 122, 95, 0.45); border-radius: 14px; padding: 26px 30px; cursor: pointer; text-align: left; font-family: 'Wix Madefor Display', 'Google Sans Text', 'Inter', sans-serif; color: var(--text-light); transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } .ai-lab-page .story-trigger:hover { background: rgba(244, 122, 95, 0.06); border-color: rgba(244, 122, 95, 0.7); } .ai-lab-page .story-trigger-text { flex: 1; font-size: 1.15rem; line-height: 1.5; font-weight: 500; letter-spacing: -0.01em; } .ai-lab-page .story-trigger-cta { flex-shrink: 0; font-family: 'Space Mono', monospace; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.16em; color: var(--accent-orange); white-space: nowrap; display: flex; align-items: center; gap: 8px; transition: gap 0.25s ease; } .ai-lab-page .story-trigger:hover .story-trigger-cta { gap: 12px; } .ai-lab-page .story-trigger-cta .arrow { display: inline-block; transition: transform 0.3s ease; } .ai-lab-page .story-disclosure[data-open="true"] .story-trigger-cta .arrow { transform: rotate(90deg); } .ai-lab-page .story-disclosure[data-open="true"] .story-trigger { background: rgba(244, 122, 95, 0.05); border-color: rgba(244, 122, 95, 0.55); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ai-lab-page .story-content { display: none; padding: 36px 30px 32px; border: 1.5px solid rgba(244, 122, 95, 0.55); border-top: none; border-radius: 0 0 14px 14px; background: rgba(244, 122, 95, 0.025); } .ai-lab-page .story-disclosure[data-open="true"] .story-content { display: block; animation: storyFadeIn 0.35s ease; } @keyframes storyFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .ai-lab-page .story-content p { color: var(--text-light); line-height: 1.75; margin: 0 0 18px; } .ai-lab-page .story-content p:last-child { margin-bottom: 0; } .ai-lab-page .story-then-now { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 28px 0; } @media (max-width: 720px) { .ai-lab-page .story-then-now { grid-template-columns: 1fr; } } .ai-lab-page .story-card { border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 24px 26px; background: rgba(255,255,255,0.025); } .ai-lab-page .story-card-head { font-family: 'Space Mono', monospace; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.18em; color: var(--text-muted); margin-bottom: 14px; } .ai-lab-page .story-card.then .story-card-head { color: rgba(255,255,255,0.45); } .ai-lab-page .story-card.now .story-card-head { color: var(--accent-orange); } .ai-lab-page .story-card-title { font-size: 1.1rem; font-weight: 700; color: var(--text-light); margin: 0 0 14px; line-height: 1.35; } .ai-lab-page .story-card p { font-size: 0.96rem; line-height: 1.65; margin-bottom: 12px; } .ai-lab-page .story-card p:last-child { margin-bottom: 0; } .ai-lab-page .story-divider { height: 1px; background: linear-gradient(90deg, transparent, rgba(244,122,95,0.25), transparent); margin: 28px 0; } .ai-lab-page .story-examples-head { font-family: 'Space Mono', monospace; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.16em; color: var(--accent-orange); margin-bottom: 18px; } .ai-lab-page .story-examples-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 24px; } @media (max-width: 720px) { .ai-lab-page .story-examples-grid { grid-template-columns: 1fr; } } .ai-lab-page .story-example { padding: 18px 20px; border: 1px solid rgba(255,255,255,0.06); border-radius: 10px; background: rgba(255,255,255,0.018); font-size: 0.95rem; line-height: 1.55; color: var(--text-light); } .ai-lab-page .story-example strong { display: block; color: var(--accent-orange); font-family: 'Space Mono', monospace; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 6px; } .ai-lab-page .story-closing { font-size: 1.05rem !important; font-weight: 600; color: var(--text-light) !important; } @media (max-width: 720px) { .ai-lab-page .story-trigger { flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px 22px; } .ai-lab-page .story-trigger-text { font-size: 1.05rem; } .ai-lab-page .story-content { padding: 28px 22px 26px; } }/* --- WHO IS THIS FOR (legacy) --- */ .ai-lab-page .who-grid { display: grid; grid-template-columns: 1fr; gap: 32px; margin-top: 60px; } .ai-lab-page .who-item { padding: 30px; background: var(--card-bg-soft); border: 1px solid var(--border-strong); border-radius: 8px; transition: all 0.3s ease; box-shadow: var(--shadow-soft); backdrop-filter: none; -webkit-backdrop-filter: none; } .ai-lab-page .who-item:hover { background: rgba(255,255,255,0.02); border-color: var(--border-strong); transform: none; } .ai-lab-page .who-item h3 { font-size: 1.4rem; margin-bottom: 12px; color: var(--text-light); } .ai-lab-page .who-item p { color: var(--text-muted); font-size: 1.1rem; line-height: 1.6; }/* --- HIGHLIGHTS --- */ .ai-lab-page .highlights-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 60px; row-gap: 50px; margin-top: 60px; } @media (max-width: 768px) { .ai-lab-page .highlights-grid { grid-template-columns: 1fr; gap: 40px; } } .ai-lab-page .highlight-item h3 { font-size: 1.3rem; margin-bottom: 12px; display: flex; align-items: flex-start; gap: 16px; } .ai-lab-page .highlight-item h3 span { font-size: 1.8rem; line-height: 1; margin-top: -4px; } .ai-lab-page .highlight-item p { color: var(--text-muted); font-size: 1.05rem; line-height: 1.7; padding-left: 44px; /* Align text under title, not icon */ }/* --- CURRICULUM (Minimalist List) --- */ .ai-lab-page .faze-list { margin-top: 80px; } .ai-lab-page .faze-item { border-top: 1px dashed rgba(26, 26, 24, 0.1); padding: 50px 0; display: grid; grid-template-columns: 200px 1fr; gap: 60px; } @media (max-width: 768px) { .ai-lab-page .faze-item { grid-template-columns: 1fr; gap: 20px; padding: 40px 0; } } .ai-lab-page .faze-meta { font-family: 'Space Mono', monospace; color: var(--primary); text-transform: uppercase; font-size: 0.9rem; letter-spacing: 0.1em; font-weight: 700; } .ai-lab-page .faze-meta span { display: block; color: var(--text-muted); font-size: 0.8rem; margin-top: 8px; font-weight: 400; } .ai-lab-page .faze-title { font-size: 2rem; margin-bottom: 20px; letter-spacing: -0.03em; } .ai-lab-page .faze-desc { color: var(--text-muted); font-size: 1.15rem; margin-bottom: 32px; line-height: 1.6; } .ai-lab-page .faze-bullets { list-style: none; } .ai-lab-page .faze-bullets li { margin-bottom: 16px; color: var(--text-muted); padding-left: 24px; position: relative; font-size: 1.05rem; line-height: 1.6; } .ai-lab-page .faze-bullets li::before { content: '→'; position: absolute; left: 0; color: var(--primary); font-family: 'Space Mono', monospace; }/* --- PRICING --- */ .ai-lab-page .pricing-list { margin-top: 60px; } .ai-lab-page .pricing-item { display: flex; justify-content: space-between; align-items: center; padding: 40px 0; border-bottom: 1px solid var(--border-faint); } @media (max-width: 600px) { .ai-lab-page .pricing-item { flex-direction: column; align-items: flex-start; gap: 16px; } } .ai-lab-page .pricing-name { font-size: 1.6rem; font-weight: 700; letter-spacing: -0.02em; } .ai-lab-page .pricing-note { display: block; color: var(--text-muted); font-size: 0.95rem; margin-top: 8px; font-weight: 400; } .ai-lab-page .pricing-val { font-family: 'Space Mono', monospace; font-size: 1.8rem; color: var(--text-light); font-weight: 700; } .ai-lab-page .bonuses { margin-top: 100px; } .ai-lab-page .bonus-item { margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid var(--border-faint); } .ai-lab-page .bonus-item:last-child { border-bottom: none; } .ai-lab-page .bonus-item strong { display: block; color: var(--primary); margin-bottom: 12px; font-size: 1.3rem; letter-spacing: -0.02em; }/* --- ACCORDION --- */ .ai-lab-page details.curriculum-accordion { background: var(--card-bg); border: 1px solid var(--border-strong); border-radius: 16px; margin-top: 40px; transition: all 0.3s ease; box-shadow: var(--shadow-soft); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .ai-lab-page details.curriculum-accordion summary { padding: 24px 32px; font-size: 1.3rem; font-weight: 700; color: var(--text-light); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; } .ai-lab-page details.curriculum-accordion summary::-webkit-details-marker { display: none; } .ai-lab-page details.curriculum-accordion summary::after { content: '+'; font-family: 'Space Mono', monospace; color: var(--primary); font-size: 1.8rem; transition: transform 0.3s ease; } .ai-lab-page details.curriculum-accordion[open] summary::after { content: '-'; transform: rotate(180deg); } .ai-lab-page .accordion-content { padding: 0 32px 32px 32px; }/* --- MLINČEK COMMENT --- */ .ai-lab-page .mlincek-container { display: flex; align-items: flex-start; gap: 20px; margin: 40px 0; animation: slideIn 0.5s ease-out forwards; } @keyframes slideIn { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } .ai-lab-page .mlincek-avatar { flex-shrink: 0; width: 50px; animation: float 3s ease-in-out infinite; margin-top: 4px; }/* Mlinček avatar as a "who is this?" link - first occurrence only */ .ai-lab-page a.mlincek-avatar-link { position: relative; display: block; text-decoration: none; border-radius: 50%; transition: transform 0.2s ease; } .ai-lab-page a.mlincek-avatar-link::after { content: "?"; position: absolute; top: -4px; right: -4px; width: 20px; height: 20px; background: var(--accent-orange); color: #fff; font-family: 'Space Mono', monospace; font-size: 0.72rem; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid var(--bg-dark, #0F1219); box-shadow: 0 2px 6px rgba(0,0,0,0.35); transition: transform 0.2s ease; } .ai-lab-page a.mlincek-avatar-link:hover { transform: scale(1.05); } .ai-lab-page a.mlincek-avatar-link:hover::after { transform: scale(1.15); } .ai-lab-page .mlincek-avatar-tip { position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%) translateY(4px); background: #1A1F2C; color: #F5F1EA; font-family: 'Space Mono', monospace; font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; padding: 7px 12px; border-radius: 8px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease; box-shadow: 0 4px 14px rgba(0,0,0,0.4); border: 1px solid rgba(244,122,95,0.3); } .ai-lab-page .mlincek-avatar-tip::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #1A1F2C; } .ai-lab-page a.mlincek-avatar-link:hover .mlincek-avatar-tip { opacity: 1; transform: translateX(-50%) translateY(0); } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0px); } } .ai-lab-page .mlincek-image { filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4)); width: 100%; height: auto; display: block; border-radius: 50%; } .ai-lab-page .mlincek-bubble { background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 22px 26px; border-radius: 14px 14px 14px 2px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18); position: relative; } .ai-lab-page .mlincek-bubble-dark { background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(244, 122, 95, 0.32); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 14px 14px 14px 2px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22); } .ai-lab-page .mlincek-text-dark { color: rgba(240,237,232,0.85); font-size: 0.95rem; line-height: 1.65; } .ai-lab-page .proof-galaxy { border-radius: 24px; overflow: hidden; position: relative; background: #060a18; background-image: url('https://kofetartca.si/staging/wp-content/uploads/revslider/Starry-Night-Parallax-Zoom-Effect-Slider/starsbg-1.jpg'); background-size: cover; background-position: center; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4); padding: 56px 44px; color: #fff; } .ai-lab-page .proof-galaxy::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(6,10,24,0.9) 0%, rgba(6,10,24,0.32) 52%, rgba(6,10,24,0.12) 100%), linear-gradient(to right, rgba(6,10,24,0.45) 0%, transparent 62%); z-index: 1; } .ai-lab-page .proof-galaxy-content { position: relative; z-index: 2; } .ai-lab-page .proof-galaxy h2, .ai-lab-page .proof-galaxy h3, .ai-lab-page .proof-galaxy p, .ai-lab-page .proof-galaxy li { color: #f0ede8; } .ai-lab-page .proof-galaxy p { color: rgba(240,237,232,0.75) !important; } .ai-lab-page .proof-galaxy .section-title { color: #fff; } .ai-lab-page .proof-galaxy ul.faze-bullets li { color: rgba(240,237,232,0.82); } .ai-lab-page .proof-galaxy ul.faze-bullets li::before { color: var(--primary); } @media (max-width: 768px) { .ai-lab-page .proof-galaxy { padding: 34px 24px; } .ai-lab-page { --section-gap: 48px; } } .ai-lab-page .mlincek-text { margin: 0; line-height: 1.65; font-family: 'Space Mono', monospace; font-style: italic; color: rgba(243,243,243,0.78); font-size: 0.95rem; } .ai-lab-page section .section-title + p[style*="color: var(--text-muted)"] { color: var(--text-muted) !important; }/* === EXPERIMENT: CREAM BOOTCAMP === */ .ai-lab-page .bootcamp-section { background: #fcfaf8; position: relative; }/* Animiran shimmer line na vrhu bootcamp sekcije */ .ai-lab-page .bootcamp-section::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient( 90deg, rgba(244, 122, 95, 0) 0%, rgba(244, 122, 95, 0.15) 20%, rgba(244, 122, 95, 0.5) 45%, rgba(255, 180, 140, 0.85) 50%, rgba(244, 122, 95, 0.5) 55%, rgba(244, 122, 95, 0.15) 80%, rgba(244, 122, 95, 0) 100% ); background-size: 220% 100%; background-position: -110% 0; animation: bootcamp-shimmer 8s ease-in-out infinite; pointer-events: none; } @keyframes bootcamp-shimmer { 0% { background-position: -110% 0; } 50% { background-position: 110% 0; } 100% { background-position: -110% 0; } } @media (prefers-reduced-motion: reduce) { .ai-lab-page .bootcamp-section::before { animation: none; background-position: 0 0; } } .ai-lab-page .bootcamp-section .section-title { color: #1a1a1a; } .ai-lab-page .bootcamp-section .bootcamp-lead { color: #1a1a1a; } .ai-lab-page .bootcamp-section .bootcamp-lead em { color: rgba(26,26,26,0.7); } .ai-lab-page .bootcamp-section .bootcamp-lead strong { color: inherit !important; font-weight: 700; } .ai-lab-page .bootcamp-section .bootcamp-body { color: rgba(26,26,26,0.7); } .ai-lab-page .bootcamp-section .bootcamp-price { color: #1a1a1a; } .ai-lab-page .bootcamp-section .bc-cards-title { color: #1a1a1a; } .ai-lab-page .bootcamp-section .bc-nav-btn { border: 0 !important; background: rgba(0,0,0,0.04); color: #1a1a1a; } .ai-lab-page .bootcamp-section .bc-nav-btn:hover:not([disabled]) { background: rgba(0,0,0,0.09); border: 0 !important; } .ai-lab-page .bootcamp-section .bc-card { background: #ffffff; } .ai-lab-page .bootcamp-section .bc-card:hover { background: #f7f9fa; } .ai-lab-page .bootcamp-section .bc-card-icon { background: rgba(0, 196, 239, 0.10); border: 1px solid rgba(0, 196, 239, 0.25); } .ai-lab-page .bootcamp-section .bc-card-icon svg { color: #00C4EE; } .ai-lab-page .bootcamp-section .bc-card-title { color: #1a1a1a; } .ai-lab-page .bootcamp-section .bc-card-desc { color: rgba(26,26,26,0.7); } .ai-lab-page .bootcamp-section .takeaway-block { background: #ffffff; border-color: rgba(0,0,0,0.06); } .ai-lab-page .bootcamp-section .takeaway-block h3 { color: #1a1a1a; } .ai-lab-page .bootcamp-section .takeaway-list li { color: rgba(26,26,26,0.75); } .ai-lab-page .bootcamp-section .takeaway-list li > span:last-child strong { color: #1a1a1a; } .ai-lab-page .bootcamp-section .takeaway-list li em { color: rgba(26,26,26,0.6); } .ai-lab-page .bootcamp-section details.bootcamp-disclosure { background: rgba(255,255,255,0.6); border-color: rgba(0,0,0,0.08); } .ai-lab-page .bootcamp-section details.bootcamp-disclosure summary { color: #1a1a1a; } .ai-lab-page .bootcamp-section .disclosure-content { border-top-color: rgba(0,0,0,0.07); } .ai-lab-page .bootcamp-section .disclosure-content p { color: rgba(26,26,26,0.75); } .ai-lab-page .bootcamp-section .disclosure-content p strong { color: #1a1a1a; } .ai-lab-page .bootcamp-section .disclosure-options-title { color: #1a1a1a; } .ai-lab-page .bootcamp-section .disclosure-options li { color: rgba(26,26,26,0.75); } .ai-lab-page .bootcamp-section .disclosure-options li strong { color: #1a1a1a; } .ai-lab-page .bootcamp-section .disclosure-closing { color: #1a1a1a !important; border-top-color: rgba(0,0,0,0.1) !important; } .ai-lab-page .bootcamp-section .bonus-block { background: linear-gradient(180deg, rgba(244,122,95,0.14) 0%, rgba(244,122,95,0.04) 100%); border-color: rgba(244,122,95,0.42); } .ai-lab-page .bootcamp-section .bonus-title { color: #1a1a1a; } .ai-lab-page .bootcamp-section .bonus-desc { color: rgba(26,26,26,0.75); } .ai-lab-page .bootcamp-section .mlincek-bubble { background: rgba(255, 255, 255, 0.92); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06); } .ai-lab-page .bootcamp-section .mlincek-text { color: rgba(40, 30, 20, 0.85); }/* === BOOTCAMP: poenoten razmik med bloki + brez borderjev === */ .ai-lab-page .bootcamp-section { --bootcamp-block-gap: 44px; }/* Razmik MED bloki: enoten margin-bottom za vse sekcijske kartice/bloke */ .ai-lab-page .bootcamp-section .bootcamp-intro-grid, .ai-lab-page .bootcamp-section .takeaway-block, .ai-lab-page .bootcamp-section .bc-cards-header, .ai-lab-page .bootcamp-section details.bootcamp-disclosure, .ai-lab-page .bootcamp-section .bonus-block { margin-bottom: var(--bootcamp-block-gap) !important; }/* bc-cards-header je naslov nad karticami; pod njim so kartice - naj ohrani manjši razmik do svojih kartic, ampak še vedno enoten do naslednje sekcije ga dobi .bc-cards */ .ai-lab-page .bootcamp-section .bc-cards-header { margin-bottom: 24px !important; } .ai-lab-page .bootcamp-section .bc-cards { margin-bottom: var(--bootcamp-block-gap) !important; }/* Zadnji blok znotraj bootcamp-inner brez spodnjega razmika */ .ai-lab-page .bootcamp-section .bootcamp-inner > *:last-child { margin-bottom: 0 !important; }/* Odstrani border z vseh notranjih okvirčkov */ .ai-lab-page .bootcamp-section .takeaway-block, .ai-lab-page .bootcamp-section details.bootcamp-disclosure, .ai-lab-page .bootcamp-section .bc-card, .ai-lab-page .bootcamp-section .bonus-block { border: 0 !important; box-shadow: none !important; }/* Odstrani inline border-width z prvega takeaway-blocka */ .ai-lab-page .bootcamp-section .takeaway-block[style*="border-width"] { border-width: 0 !important; }/* Reset inline marginov na bootcamp-body / bootcamp-price (nekateri imajo .last s 44px) - vse uporablja --bootcamp-block-gap preko intro-grida */ .ai-lab-page .bootcamp-section .bootcamp-body.last, .ai-lab-page .bootcamp-section .bootcamp-price.last { margin-bottom: 0 !important; }/* ============================================ OUTCOMES SECTION - own palette, set via tweaks. Defaults below match "Soft charcoal" recommendation. ============================================ */ .ai-lab-page { --hero-bg: #0A0E16; --outcomes-bg: #1F2024; --outcomes-card: #2A2C32; --outcomes-card-hover: #32343B; --outcomes-text-strong: #f3f3f3; --outcomes-text-muted: #a8aab0; --outcomes-border: rgba(255,255,255,0.07); --outcomes-border-hover: rgba(255,255,255,0.16); --outcomes-dot: rgba(255,255,255,0.06); --outcomes-step-line-end: rgba(255,255,255,0.06); } .ai-lab-page .outcomes-section, html[data-theme="light"] .ai-lab-page .outcomes-section, html[data-theme="dark"] .ai-lab-page .outcomes-section { background-color: var(--outcomes-bg) !important; background-image: radial-gradient(circle, var(--outcomes-dot) 1px, transparent 1px) !important; background-size: 22px 22px !important; } .ai-lab-page .outcomes-section .outcomes-title, .ai-lab-page .outcomes-section .outcomes-punchline { color: var(--outcomes-text-strong) !important; } .ai-lab-page .outcomes-section .outcomes-subtitle { color: var(--outcomes-text-muted) !important; } .ai-lab-page .outcomes-section .step-num { background: rgba(244,122,95,0.12) !important; border: 1px solid rgba(244,122,95,0.55) !important; color: var(--accent-orange) !important; } .ai-lab-page .outcomes-section .step-line { background: linear-gradient(to bottom, rgba(244,122,95,0.45) 0%, var(--outcomes-step-line-end) 100%) !important; } .ai-lab-page .outcomes-section .step-card { background: var(--outcomes-card) !important; border: 1px solid var(--outcomes-border) !important; } .ai-lab-page .outcomes-section .step-card:hover { background: var(--outcomes-card-hover) !important; border-color: var(--outcomes-border-hover) !important; } .ai-lab-page .outcomes-section .step-title { color: var(--outcomes-text-strong) !important; } .ai-lab-page .outcomes-section .step-desc { color: var(--outcomes-text-muted) !important; } .ai-lab-page .outcomes-section .step-takeaway { border-top: 1px dashed rgba(244,122,95,0.40) !important; color: var(--accent-orange) !important; } .ai-lab-page .outcomes-section .step-takeaway strong { color: var(--outcomes-text-strong) !important; }/* ============================================ OUTCOMES - CREAM/PEACH light variant Activated by .outcomes-cream class on .outcomes-section Inspired by uploaded reference page (cream + breathing blobs) ============================================ */ .ai-lab-page .outcomes-section.outcomes-cream { background-color: #fcfaf8 !important; background-image: none !important; position: relative; overflow: hidden; isolation: isolate; } .ai-lab-page .outcomes-section.outcomes-cream::before, .ai-lab-page .outcomes-section.outcomes-cream::after { content: ''; position: absolute; border-radius: 50%; pointer-events: none; filter: blur(60px) saturate(108%); z-index: 0; will-change: transform; } .ai-lab-page .outcomes-section.outcomes-cream::before { top: -8%; left: -10%; width: 56vw; height: 56vw; max-width: 720px; max-height: 720px; background: radial-gradient(ellipse at 42% 48%, rgba(244, 122, 95, 0.10) 0%, rgba(255, 214, 184, 0.45) 34%, rgba(255, 235, 214, 0.12) 70%, rgba(255, 235, 214, 0) 88%); animation: outcomesBlobA 18s ease-in-out infinite; } .ai-lab-page .outcomes-section.outcomes-cream::after { top: 18%; right: -12%; width: 42vw; height: 42vw; max-width: 540px; max-height: 540px; background: radial-gradient(ellipse at 56% 44%, rgba(126, 200, 227, 0.10) 0%, rgba(206, 232, 242, 0.40) 36%, rgba(212, 235, 245, 0.10) 70%, rgba(212, 235, 245, 0) 88%); animation: outcomesBlobB 21s ease-in-out infinite; } @keyframes outcomesBlobA { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(4%, 3%) scale(1.04); } 66% { transform: translate(-3%, 2%) scale(0.98); } } @keyframes outcomesBlobB { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(-3%, 4%) scale(1.05); } 66% { transform: translate(4%, -2%) scale(0.97); } } .ai-lab-page .outcomes-section.outcomes-cream > .outcomes-inner { position: relative; z-index: 1; }/* Mouse-tracked spotlight (orange/peach glow follows cursor) */ .ai-lab-page .outcomes-section.outcomes-cream .outcomes-spotlight { position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: 0; transition: opacity 0.5s ease; background: radial-gradient( circle 420px at var(--mx, 50%) var(--my, 50%), rgba(244, 122, 95, 0.22) 0%, rgba(255, 196, 158, 0.18) 22%, rgba(255, 235, 214, 0.10) 45%, rgba(255, 235, 214, 0) 70% ); mix-blend-mode: multiply; will-change: background; } .ai-lab-page .outcomes-section.outcomes-cream:hover .outcomes-spotlight, .ai-lab-page .outcomes-section.outcomes-cream.is-active .outcomes-spotlight { opacity: 1; } @media (hover: none) { .ai-lab-page .outcomes-section.outcomes-cream .outcomes-spotlight { display: none; } }/* Mouse-reactive dot grid in hero (Stitch-inspired) */ .ai-lab-page .hero .hero-dotgrid { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; display: block; mask-image: radial-gradient(ellipse at center, black 35%, transparent 82%); -webkit-mask-image: radial-gradient(ellipse at center, black 35%, transparent 82%); mix-blend-mode: screen; } @media (hover: none) { .ai-lab-page .hero .hero-dotgrid { /* On touch, fall back to static dot pattern look */ background-image: radial-gradient(circle, rgba(255,255,255,0.085) 1px, transparent 1px); background-size: 22px 22px; } } .ai-lab-page .outcomes-section.outcomes-cream .outcomes-title, .ai-lab-page .outcomes-section.outcomes-cream .outcomes-punchline { color: #1a1a18 !important; } .ai-lab-page .outcomes-section.outcomes-cream .outcomes-subtitle { color: rgba(26, 26, 24, 0.62) !important; } .ai-lab-page .outcomes-section.outcomes-cream .step-num { background: rgba(255, 235, 214, 0.85) !important; border: 1px solid rgba(255, 255, 255, 0.96) !important; color: var(--accent-orange) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.5), 0 8px 18px rgba(244, 122, 95, 0.10), inset 0 1px 0 rgba(255,255,255,0.7); } .ai-lab-page .outcomes-section.outcomes-cream .step-line { background: linear-gradient(to bottom, rgba(244,122,95,0.50) 0%, rgba(26,26,24,0.06) 100%) !important; } .ai-lab-page .outcomes-section.outcomes-cream .step-card { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.96) !important; border-radius: 28px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22), 0 12px 26px rgba(26, 26, 24, 0.04), inset 0 1px 0 rgba(255,255,255,0.32) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease, backdrop-filter 0.22s ease !important; } .ai-lab-page .outcomes-section.outcomes-cream .step-card:hover { transform: translateY(-2px); background: linear-gradient(165deg, rgba(255,255,255,0.94), rgba(252,249,245,0.9)) !important; border-color: rgba(255,255,255,1) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.34), 0 24px 54px rgba(26, 26, 24, 0.08), inset 0 1px 0 rgba(255,255,255,0.92), inset 0 0 0 1px rgba(255,255,255,0.32) !important; backdrop-filter: blur(14px) saturate(108%) !important; -webkit-backdrop-filter: blur(14px) saturate(108%) !important; } .ai-lab-page .outcomes-section.outcomes-cream .step-title { color: #1a1a18 !important; } .ai-lab-page .outcomes-section.outcomes-cream .step-desc { color: rgba(26, 26, 24, 0.68) !important; } .ai-lab-page .outcomes-section.outcomes-cream .step-takeaway { border-top: 1px dashed rgba(244,122,95,0.45) !important; color: var(--accent-orange) !important; } .ai-lab-page .outcomes-section.outcomes-cream .step-takeaway strong { color: #1a1a18 !important; }/* ============================================ PHASES - CREAM/PEACH light variant (paralelno z .outcomes-cream) Activated by .phases-cream class on .phases-section ============================================ */ .ai-lab-page .phases-section.phases-cream { background-color: #fcfaf8 !important; background-image: none !important; position: relative; overflow: hidden; isolation: isolate; } .ai-lab-page .phases-section.phases-cream::before, .ai-lab-page .phases-section.phases-cream::after { content: ''; position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.55; z-index: 0; pointer-events: none; will-change: transform; } .ai-lab-page .phases-section.phases-cream::before { top: -8%; left: -10%; width: 540px; height: 540px; background: radial-gradient(circle at 30% 30%, rgba(255, 200, 168, 0.65), rgba(255, 200, 168, 0) 70%); animation: outcomesBlobA 18s ease-in-out infinite; } .ai-lab-page .phases-section.phases-cream::after { top: 18%; right: -12%; width: 620px; height: 620px; background: radial-gradient(circle at 70% 40%, rgba(255, 220, 195, 0.55), rgba(255, 220, 195, 0) 70%); animation: outcomesBlobB 22s ease-in-out infinite; } .ai-lab-page .phases-section.phases-cream > .phases-inner { position: relative; z-index: 1; }/* Mouse-tracked spotlight */ .ai-lab-page .phases-section.phases-cream .phases-spotlight { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; transition: opacity 0.4s ease; background: radial-gradient( 360px circle at var(--mx, 50%) var(--my, 50%), rgba(0, 196, 238, 0.18) 0%, rgba(0, 196, 238, 0.08) 30%, rgba(0, 196, 238, 0) 65% ); will-change: background; } .ai-lab-page .phases-section.phases-cream:hover .phases-spotlight, .ai-lab-page .phases-section.phases-cream.is-active .phases-spotlight { opacity: 1; } @media (hover: none) { .ai-lab-page .phases-section.phases-cream .phases-spotlight { display: none; } }/* Tipografija - temni teksti na cream ozadju */ .ai-lab-page .phases-section.phases-cream .phases-kicker { color: rgba(244, 122, 95, 0.95) !important; } .ai-lab-page .phases-section.phases-cream .phases-title { color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phases-subtitle { color: rgba(26, 26, 24, 0.72) !important; } .ai-lab-page .phases-section.phases-cream .phases-subtitle strong { color: inherit !important; font-weight: 700; } .ai-lab-page .phases-section.phases-cream .phases-subtitle em { color: #1a1a18 !important; }/* Step number circles */ .ai-lab-page .phases-section.phases-cream .step-num { background: rgba(0, 196, 238, 0.10) !important; border: 1px solid rgba(255, 255, 255, 0.96) !important; color: #00C4EE !important; box-shadow: 0 6px 18px rgba(0, 196, 238, 0.20), inset 0 1px 0 rgba(255,255,255,0.7); } .ai-lab-page .phases-section.phases-cream .step-line { background: linear-gradient(to bottom, rgba(0, 196, 238, 0.55) 0%, rgba(26,26,24,0.06) 100%) !important; }/* Phase cards - glass na cream */ .ai-lab-page .phases-section.phases-cream .phase-card { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.96) !important; box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset, 0 18px 32px -22px rgba(120, 70, 40, 0.18), 0 4px 14px -8px rgba(120, 70, 40, 0.10); backdrop-filter: blur(10px) saturate(108%); -webkit-backdrop-filter: blur(10px) saturate(108%); transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease, backdrop-filter 0.22s ease !important; } .ai-lab-page .phases-section.phases-cream .phase-card:hover { transform: translateY(-2px); background: linear-gradient(165deg, rgba(255,255,255,0.94), rgba(252,249,245,0.9)) !important; border-color: rgba(255, 255, 255, 1) !important; box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0 28px 44px -24px rgba(120, 70, 40, 0.26), 0 10px 22px -10px rgba(120, 70, 40, 0.16); backdrop-filter: blur(14px) saturate(108%) !important; -webkit-backdrop-filter: blur(14px) saturate(108%) !important; } .ai-lab-page .phases-section.phases-cream .phase-title { color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phase-title-sub { color: rgba(26, 26, 24, 0.55) !important; } .ai-lab-page .phases-section.phases-cream .phase-meta { color: var(--accent-orange) !important; } .ai-lab-page .phases-section.phases-cream .phase-desc { color: rgba(26, 26, 24, 0.72) !important; } .ai-lab-page .phases-section.phases-cream .phase-desc a { color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phase-desc a:hover { text-decoration-color: var(--accent-orange) !important; }/* Faze 0-4: phase pin - belo ozadje, oranžen rob, temni tekst (čisto, sofisticirano) */ .ai-lab-page .phases-section.phases-cream .phase-pin { background: rgba(255, 255, 255, 0.92) !important; border-color: rgba(244, 122, 95, 0.55) !important; color: #1a1a18 !important; }/* Faza 0 (Bootcamp) - oranžen rob, kot Faze 1-4 */ .ai-lab-page .phases-section.phases-cream .phase-zero .phase-pin { border-color: rgba(244, 122, 95, 0.55) !important; color: #1a1a18 !important; }/* Faza 4 finale - subtilen orange rob */ .ai-lab-page .phases-section.phases-cream .phase-finale .phase-card { border-color: rgba(244, 122, 95, 0.40) !important; box-shadow: 0 0 0 1px rgba(244,122,95,0.10) inset, 0 1px 0 rgba(255,255,255,0.9) inset, 0 18px 32px -22px rgba(120, 70, 40, 0.20); }/* Phase rich content + accordion - cream overrides */ .ai-lab-page .phases-section.phases-cream .phase-subtitle { color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phase-bullets li { color: rgba(26, 26, 24, 0.72) !important; } .ai-lab-page .phases-section.phases-cream .phase-bullets li strong { color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phase-cta { background: rgba(244,122,95,0.10) !important; border-color: rgba(244,122,95,0.42) !important; color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phase-cta:hover { background: rgba(244,122,95,0.20) !important; border-color: rgba(244,122,95,0.65) !important; } .ai-lab-page .phases-section.phases-cream .phase-cta::after { color: var(--accent-orange) !important; } .ai-lab-page .phases-section.phases-cream .phase-calls { border-top-color: rgba(244, 122, 95, 0.32) !important; }/* Cream variant: Klic-pin in Tag-pin imata isti slog */ .ai-lab-page .phases-section.phases-cream .phase-call-num, .ai-lab-page .phases-section.phases-cream .phase-call-tag { background: rgba(0, 196, 238, 0.10) !important; border-color: rgba(0, 196, 238, 0.45) !important; color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phase-call-title { color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phase-call-bullets li { color: rgba(26, 26, 24, 0.72) !important; } .ai-lab-page .phases-section.phases-cream .phase-call-bullets li strong { color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phase-call-finish { background: rgba(0, 196, 238, 0.08) !important; border-left: none !important; color: #1a1a18 !important; } .ai-lab-page .phases-section.phases-cream .phase-call-finish strong { color: #1a1a18 !important; font-weight: 400 !important; }/* Mlinček bubble on cream phases section */ .ai-lab-page .phases-section.phases-cream .mlincek-bubble { background: rgba(255, 255, 255, 0.92) !important; border-color: rgba(0, 0, 0, 0.10) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important; }/* Mlinček bubble on cream FAQ / outcomes-cream sections */ .ai-lab-page .outcomes-cream .mlincek-bubble { background: rgba(255, 255, 255, 0.92) !important; border-color: rgba(0, 0, 0, 0.10) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important; } .ai-lab-page .phases-section.phases-cream .mlincek-text { color: rgba(26, 26, 24, 0.85) !important; } /* Inline CSS extracted from snippet 1 */ @media (max-width: 600px) { .ai-lab-page .value-row { flex-direction: column !important; align-items: flex-start !important; gap: 8px; } .ai-lab-page .value-row .val-price { align-self: flex-start !important; } .ai-lab-page .value-total { flex-direction: column !important; align-items: flex-start !important; gap: 12px; } }/* Profile-card-like box for pricing/value */ .ai-lab-page .pricing-section-styled .profiles-inner { max-width: 880px; } .ai-lab-page .pricing-section-styled .value-box { position: relative; background: transparent; border: 1px solid rgba(255,255,255,0.06); border-radius: 18px; padding: 40px; margin: 60px 0; transition: border-color 0.25s ease; } .ai-lab-page .pricing-section-styled .value-box::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0.012) 100%); opacity: 0.7; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); pointer-events: none; z-index: 0; transition: opacity 0.25s ease; } .ai-lab-page .pricing-section-styled .value-box > * { position: relative; z-index: 1; } .ai-lab-page .pricing-section-styled .value-box:hover { border-color: rgba(255,255,255,0.12); } .ai-lab-page .pricing-section-styled .value-box:hover::before { opacity: 0.85; } /* CartFlows guard: checkout stays outside .ai-lab-page and keeps theme/CartFlows styling. */ .ai-lab-checkout-anchor { display: block; height: 1px; scroll-margin-top: 24px; } body .wcf-checkout-template, body .wcf-embed-checkout-form, body .woocommerce-checkout, body form.checkout { font-family: inherit; } /* WordPress/Ohio color guard: dark AI Lab sections keep the original light typography. Keep this last so theme heading/link colors cannot turn these sections black. */ body .ai-lab-page .hero, body .ai-lab-page .alt-path, body .ai-lab-page .profiles-section:not(.outcomes-cream), body .ai-lab-page .about-section, body .ai-lab-page .two-paths-section, body .ai-lab-page .pricing-section-styled, body .ai-lab-page .recap-section, body .ai-lab-page .final-closer-dark { color: #f3f3f3 !important; } body .ai-lab-page .hero h1, body .ai-lab-page .hero h2, body .ai-lab-page .hero h3, body .ai-lab-page .hero h4, body .ai-lab-page .hero h5, body .ai-lab-page .hero h6, body .ai-lab-page .alt-path h1, body .ai-lab-page .alt-path h2, body .ai-lab-page .alt-path h3, body .ai-lab-page .alt-path h4, body .ai-lab-page .alt-path h5, body .ai-lab-page .alt-path h6, body .ai-lab-page .profiles-section:not(.outcomes-cream) h1, body .ai-lab-page .profiles-section:not(.outcomes-cream) h2, body .ai-lab-page .profiles-section:not(.outcomes-cream) h3, body .ai-lab-page .profiles-section:not(.outcomes-cream) h4, body .ai-lab-page .profiles-section:not(.outcomes-cream) h5, body .ai-lab-page .profiles-section:not(.outcomes-cream) h6, body .ai-lab-page .about-section h1, body .ai-lab-page .about-section h2, body .ai-lab-page .about-section h3, body .ai-lab-page .about-section h4, body .ai-lab-page .about-section h5, body .ai-lab-page .about-section h6, body .ai-lab-page .two-paths-section h1, body .ai-lab-page .two-paths-section h2, body .ai-lab-page .two-paths-section h3, body .ai-lab-page .two-paths-section h4, body .ai-lab-page .two-paths-section h5, body .ai-lab-page .two-paths-section h6, body .ai-lab-page .final-closer-dark h1, body .ai-lab-page .final-closer-dark h2, body .ai-lab-page .final-closer-dark h3, body .ai-lab-page .final-closer-dark h4, body .ai-lab-page .final-closer-dark h5, body .ai-lab-page .final-closer-dark h6, body .ai-lab-page .hero .section-title, body .ai-lab-page .profiles-section:not(.outcomes-cream) .section-title, body .ai-lab-page .profiles-section:not(.outcomes-cream) .profile-name, body .ai-lab-page .about-section .section-title, body .ai-lab-page .two-paths-section .section-title, body .ai-lab-page .two-paths-section .path-head, body .ai-lab-page .pricing-section-styled .section-title, body .ai-lab-page .pricing-section-styled .pricing-name, body .ai-lab-page .recap-section .section-title, body .ai-lab-page .final-closer-dark .section-title, body .ai-lab-page .final-closer-dark .closer-headline, body .ai-lab-page .final-closer-dark .closer-product { color: #f3f3f3 !important; } body .ai-lab-page .hero p, body .ai-lab-page .alt-path p, body .ai-lab-page .profiles-section:not(.outcomes-cream) p, body .ai-lab-page .profiles-section:not(.outcomes-cream) li, body .ai-lab-page .about-section p, body .ai-lab-page .about-section li, body .ai-lab-page .two-paths-section p, body .ai-lab-page .two-paths-section li, body .ai-lab-page .pricing-section-styled p, body .ai-lab-page .pricing-section-styled li, body .ai-lab-page .recap-section p, body .ai-lab-page .recap-section li, body .ai-lab-page .final-closer-dark p, body .ai-lab-page .final-closer-dark li, body .ai-lab-page .section-intro, body .ai-lab-page .profile-body p, body .ai-lab-page .profile-need, body .ai-lab-page .path-body, body .ai-lab-page .path-savings-list li, body .ai-lab-page .closer-summary, body .ai-lab-page .closer-option p, body .ai-lab-page .recap-text span, body .ai-lab-page .pricing-section-styled .value-box span { color: rgba(243, 243, 243, 0.72) !important; } body .ai-lab-page .hero .hero-subtitle, body .ai-lab-page .about-section .about-body p, body .ai-lab-page .about-section .story-content p, body .ai-lab-page .pricing-section-styled .value-box strong, body .ai-lab-page .pricing-section-styled .value-total, body .ai-lab-page .recap-section .recap-text strong, body .ai-lab-page .recap-section .recap-val, body .ai-lab-page .final-closer-dark .closer-checklist li { color: #f3f3f3 !important; } body .ai-lab-page .hero .hero-meta, body .ai-lab-page .top-banner p, body .ai-lab-page .about-section .about-body p em, body .ai-lab-page .about-section .story-card p { color: rgba(243, 243, 243, 0.72) !important; } body .ai-lab-page .profile-kicker, body .ai-lab-page .label, body .ai-lab-page .path-savings-title, body .ai-lab-page .closer-option-num, body .ai-lab-page .closer-result-emph, body .ai-lab-page .recap-icon-plus { color: var(--accent-orange) !important; } body .ai-lab-page .path-recommended { color: #1a1a18 !important; } /* Loading/background guard: keep fallback color scoped to the AI Lab wrapper. */ body .ai-lab-page { background-color: #fcfaf8 !important; } /* Two-path cards: restore breathing room between savings boxes and CTA buttons. */ body .ai-lab-page .path-card .path-savings + .path-cta { margin-top: 34px !important; } body .ai-lab-page .path-card .path-cta { width: 100% !important; min-height: 64px !important; } /* WordPress/Ohio list guard: keep phase bullets visible inside custom cards. */ body .ai-lab-page .phase-bullets { list-style: none !important; padding-left: 0 !important; } body .ai-lab-page .phase-bullets > li { position: relative !important; padding-left: 44px !important; } body .ai-lab-page .phase-bullets > li::before { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; top: 0.72em !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: var(--accent-orange) !important; opacity: 0.9 !important; } @media (max-width: 640px) { body .ai-lab-page .container, body .ai-lab-page .outcomes-section, body .ai-lab-page .phases-section, body .ai-lab-page .bootcamp-section, body .ai-lab-page .profiles-section, body .ai-lab-page .about-section, body .ai-lab-page .two-paths-section, body .ai-lab-page .pricing-section-styled, body .ai-lab-page .recap-section, body .ai-lab-page .final-closer-dark, body .ai-lab-page .faq-section { padding-left: 26px !important; padding-right: 26px !important; } body .ai-lab-page .path-card { padding: 32px 28px !important; } body .ai-lab-page .path-savings { margin-top: 32px !important; padding: 24px 24px !important; } body .ai-lab-page .path-card .path-savings + .path-cta { margin-top: 36px !important; } body .ai-lab-page .phase-bullets > li { padding-left: 34px !important; } body .ai-lab-page .phase-bullets > li::before { left: 2px !important; } } /* Mlinček quotes on dark sections: keep the speech bubble visible on dark backgrounds. */ body .ai-lab-page .profiles-section:not(.outcomes-cream) .mlincek-bubble, body .ai-lab-page .about-section .mlincek-bubble, body .ai-lab-page .two-paths-section .mlincek-bubble, body .ai-lab-page .pricing-section-styled .mlincek-bubble, body .ai-lab-page .recap-section .mlincek-bubble, body .ai-lab-page .final-closer-dark .mlincek-bubble, body .ai-lab-page .mlincek-bubble-dark { background: rgba(255, 255, 255, 0.035) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 14px 14px 14px 2px !important; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18) !important; padding: 22px 26px !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; } body .ai-lab-page .mlincek-bubble-dark { border-color: rgba(244, 122, 95, 0.32) !important; } /* Hero guard: exported inline styles must not shrink rolling icons. */ body .ai-lab-page .rolling-icon .ri-frame img { width: 100% !important; height: 100% !important; object-fit: contain !important; } /* Mobile hero spacing: keep the first screen readable and evenly inset. */ @media (max-width: 640px) { body .ai-lab-page .top-banner { padding: 12px 26px !important; } body .ai-lab-page .alt-path { padding-left: 26px !important; padding-right: 26px !important; } body .ai-lab-page .top-banner::after { left: 26px !important; right: 26px !important; } body .ai-lab-page .top-banner p { font-size: 13px !important; line-height: 1.55 !important; } body .ai-lab-page .hero { min-height: auto !important; padding: 72px 26px 60px !important; justify-content: center !important; } body .ai-lab-page .hero-content { width: 100% !important; max-width: 100% !important; gap: 18px !important; padding: 0 !important; } body .ai-lab-page .hero h1 { font-size: clamp(42px, 16vw, 68px) !important; line-height: 1.02 !important; letter-spacing: -0.02em !important; } body .ai-lab-page .rolling-icon { width: 1.55em !important; height: 1.55em !important; margin: 0 0.14em !important; vertical-align: -0.43em !important; } body .ai-lab-page .hero-subtitle { max-width: 100% !important; font-size: 16px !important; line-height: 1.5 !important; } body .ai-lab-page .hero-cta { width: 100% !important; max-width: 340px !important; height: auto !important; min-height: 54px !important; margin-top: 10px !important; padding: 14px 22px !important; white-space: normal !important; text-align: center !important; font-size: 17px !important; } body .ai-lab-page .hero-meta { max-width: 100% !important; font-size: 12.5px !important; line-height: 1.55 !important; } } body .ai-lab-page .mlincek-text, body .ai-lab-page .mlincek-text-dark { font-family: var(--font-mono), 'Space Mono', 'Space Mono', monospace !important; font-size: 0.95rem !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.65 !important; letter-spacing: 0 !important; } /* Mlinček quotes on cream/white sections: original white speech bubble. */ body .ai-lab-page .bootcamp-section .mlincek-container, body .ai-lab-page .phases-section.phases-cream .mlincek-container, body .ai-lab-page .outcomes-section.outcomes-cream .mlincek-container { align-items: flex-start !important; gap: 20px !important; } body .ai-lab-page .bootcamp-section .mlincek-avatar, body .ai-lab-page .phases-section.phases-cream .mlincek-avatar, body .ai-lab-page .outcomes-section.outcomes-cream .mlincek-avatar { width: 50px !important; margin-top: 4px !important; } body .ai-lab-page .bootcamp-section .mlincek-bubble, body .ai-lab-page .phases-section.phases-cream .mlincek-bubble, body .ai-lab-page .outcomes-section.outcomes-cream .mlincek-bubble { flex: 1 1 auto !important; min-width: 0 !important; background: rgba(255, 255, 255, 0.94) !important; border: 0 !important; border-radius: 14px 14px 14px 2px !important; box-shadow: 0 8px 28px rgba(26, 26, 24, 0.08) !important; padding: 22px 26px !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body .ai-lab-page .bootcamp-section .mlincek-text, body .ai-lab-page .phases-section.phases-cream .mlincek-text, body .ai-lab-page .outcomes-section.outcomes-cream .mlincek-text { color: rgba(72, 64, 58, 0.92) !important; font-family: var(--font-mono), 'Space Mono', 'Space Mono', monospace !important; font-size: 0.95rem !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.65 !important; letter-spacing: 0 !important; } @media (max-width: 640px) { body .ai-lab-page .bootcamp-section .mlincek-container, body .ai-lab-page .phases-section.phases-cream .mlincek-container, body .ai-lab-page .outcomes-section.outcomes-cream .mlincek-container { gap: 14px !important; } body .ai-lab-page .bootcamp-section .mlincek-avatar, body .ai-lab-page .phases-section.phases-cream .mlincek-avatar, body .ai-lab-page .outcomes-section.outcomes-cream .mlincek-avatar { width: 44px !important; } body .ai-lab-page .bootcamp-section .mlincek-bubble, body .ai-lab-page .phases-section.phases-cream .mlincek-bubble, body .ai-lab-page .outcomes-section.outcomes-cream .mlincek-bubble { padding: 20px 22px !important; border-radius: 14px 14px 14px 2px !important; } } /* Banner čez hero */ .ai-lab-page main { position: relative; } .ai-lab-page .top-banner { position: absolute !important; top: 0; left: 0; right: 0; z-index: 10; } /* === BANNER FIX === */ .ai-lab-page main { position: relative; } .ai-lab-page .top-banner { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 10 !important; } .ai-lab-page .hero { padding-top: 160px !important; /* ← NOVA, desktop */ } @media (max-width: 640px) { .ai-lab-page .top-banner { padding: 18px 24px !important; } .ai-lab-page .top-banner p { line-height: 1.2 !important; text-align: left; padding-left: 10px !important; padding-right: 10px !important; } .ai-lab-page .hero { padding-top: 150px !important; /* ← morda povečaj iz 120 na 150 */ } body .ai-lab-page .hero h1 { margin: 50px 0px 20px !important; } body .ai-lab-page .hero { padding-left: 40px !important; padding-right: 40px !important; text-align: left; } } /* Two-paths: full-width dark section (full-bleed trik) */ .ai-lab-page .two-paths-section { position: relative; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; width: 100vw !important; max-width: 100vw !important; padding-left: calc(50vw - 50% + 40px) !important; padding-right: calc(50vw - 50% + 40px) !important; } /* Notranja vsebina ostane znotraj 960px, centrirana */ .ai-lab-page .two-paths-section .section-title, .ai-lab-page .two-paths-section .two-paths-subtitle, .ai-lab-page .two-paths-section .two-paths, .ai-lab-page .two-paths-section .mlincek-container { max-width: 960px; margin-left: auto !important; margin-right: auto !important; }/* End custom CSS */