.elementor-kit-7{--e-global-color-primary:#102B45;--e-global-color-secondary:#12B8A6;--e-global-color-text:#F3F7FA;--e-global-color-accent:#52677B;--e-global-color-9d02b34:#F2B95C;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Kompetencje Online – uzupełnienie do szablonów Elementor.
   Wklej w: Elementor > Ustawienia witryny > Własny CSS (lub Wygląd > Dostosuj > Dodatkowy CSS). */
:root{--ko-navy:#102B45;--ko-deep:#081D31;--ko-teal:#12B8A6;--ko-teal-dark:#078B80;--ko-gold:#F2B95C;--ko-muted:#617688;--ko-stroke:#DBE6EB}
html{scroll-behavior:smooth;scroll-padding-top:130px}
::selection{background:#B7EFE4;color:var(--ko-navy)}

/* Logo (znak + nazwa) */
.ko-brand{display:flex;align-items:center;gap:11px;color:var(--ko-navy);text-decoration:none;white-space:nowrap}
.ko-brand:hover{text-decoration:none}
.ko-brand-symbol{flex:none;width:48px;height:48px;border-radius:14px;background:var(--ko-teal);position:relative;overflow:hidden}
.ko-brand-symbol::before{content:'';width:27px;height:27px;border:5px solid #fff;border-left-color:transparent;border-top-color:transparent;border-radius:7px;transform:rotate(45deg);position:absolute;top:8px;left:10px}
.ko-brand-symbol::after{content:'';width:13px;height:13px;background:var(--ko-gold);border-radius:4px;position:absolute;top:10px;left:9px;transform:rotate(-10deg)}
.ko-brand-name{font:850 1.3rem/1.1 'Manrope',sans-serif;letter-spacing:-.055em;color:var(--ko-navy)}
.ko-brand-name b{color:var(--ko-teal-dark)}
.ko-brand-sub{display:block;font:800 .56rem/1.1 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.12em;margin-top:6px;color:var(--ko-muted)}
.ko-brand--light .ko-brand-name{color:#fff}.ko-brand--light .ko-brand-sub{color:#B5C9D5}
@media(max-width:650px){.ko-brand-sub{display:none}.ko-brand-symbol{width:42px;height:42px}}

/* Nagłówek */
.ko-header{backdrop-filter:blur(20px)}

/* Eyebrow z kreską */
.ko-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:10px}
.ko-eyebrow .elementor-heading-title::before{content:'';width:22px;height:3px;background:var(--ko-teal);border-radius:3px}
.ko-eyebrow--plain .elementor-heading-title::before{display:none}
.ko-accent{color:var(--ko-teal-dark);display:block}

/* Hero */
.ko-hero{position:relative;overflow:hidden}
.ko-hero::before{content:'';position:absolute;width:500px;height:500px;right:-215px;top:-280px;background:radial-gradient(circle,#BFEFE5 0%,transparent 70%);pointer-events:none}
.ko-hero-art{min-height:480px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}
.ko-hero-art::before{content:'';position:absolute;width:425px;height:425px;border-radius:50%;background:#D9F3EF;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-2}
.ko-hero-art::after{content:'';position:absolute;inset:15px;background-image:radial-gradient(var(--ko-teal) 1.4px,transparent 1.4px);background-size:23px 23px;opacity:.21;z-index:-3;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}
.ko-panel{width:min(100%,407px);background:#fff;padding:29px;border-radius:25px;box-shadow:0 28px 90px rgba(16,43,69,.17);transform:rotate(-3deg);border:1px solid #E8F2F2;font-family:'Inter',sans-serif}
.ko-panel-top{display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--ko-muted);margin-bottom:16px}
.ko-panel-dot{width:9px;height:9px;border-radius:50%;background:var(--ko-teal)}
.ko-panel-heading{font:850 1.75rem/1.2 'Manrope',sans-serif;letter-spacing:-.05em;color:var(--ko-navy)}
.ko-panel-desc{font-size:.85rem;color:var(--ko-muted);margin:6px 0 10px}
.ko-path{display:flex;align-items:center;gap:13px;margin:11px 0;padding:11px 13px;border-radius:12px;background:#F5F9FA}
.ko-path-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:10px;background:#DDF8F2;color:#087D76;font-weight:900;flex:none}
.ko-path--gold .ko-path-icon{background:#FFF0D7;color:#95620B}.ko-path--blue .ko-path-icon{background:#E4EAF9;color:#3F598D}
.ko-path strong{font-size:.82rem;color:var(--ko-navy);display:block;line-height:1.5}.ko-path small{font-size:.71rem;color:var(--ko-muted)}
.ko-panel-end{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--ko-stroke);font-size:.8rem;font-weight:800;color:var(--ko-teal-dark)}
.ko-chip{position:absolute;background:#fff;border:1px solid #E4F1EE;border-radius:14px;padding:11px 16px;box-shadow:0 14px 35px rgba(16,43,69,.12);font:850 .74rem 'Inter',sans-serif;color:var(--ko-navy)}
.ko-chip span{color:var(--ko-teal-dark);margin-right:6px}
.ko-chip--top{right:-15px;top:40px;transform:rotate(6deg)}.ko-chip--bottom{bottom:21px;left:-28px;transform:rotate(4deg)}

/* Ikony w kwadratach, checklisty */
.ko-icon-square{border-radius:14px;display:flex;justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;flex:none}
.ko-checklist .elementor-icon-list-icon{width:23px;height:23px;background:#DFF8F2;border-radius:50%;display:grid!important;place-items:center;flex:none}

/* Karty */
.ko-lift{transition:transform .2s,box-shadow .2s}
.ko-lift:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(16,43,69,.09)!important}
.ko-type-card{position:relative;overflow:hidden}
.ko-type-card::after{content:'';width:200px;height:200px;position:absolute;right:-110px;top:-110px;border:35px solid #E5F7F5;border-radius:50%;pointer-events:none}
.ko-doc-note{border-left-color:var(--ko-teal)!important}

/* Sekcja „O nas” */
.ko-why{height:420px;border-radius:25px;background:var(--ko-navy);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ko-why::before{content:'';width:380px;height:380px;border-radius:50%;border:70px solid rgba(18,184,166,.23);position:absolute;left:-70px;bottom:-170px}
.ko-why::after{content:'';width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.3);position:absolute;top:-90px;right:-40px}
.ko-why-quote{position:relative;z-index:2;color:#fff;max-width:290px;font:850 2.2rem/1.28 'Manrope',sans-serif;letter-spacing:-.05em}
.ko-why-quote span{color:#63E4D4}
@media(max-width:650px){.ko-why{height:320px}.ko-why-quote{font-size:1.8rem}}

/* FAQ */
.ko-faq .elementor-toggle-item{border:1px solid var(--ko-stroke);border-radius:13px;overflow:hidden;background:#fff}
.ko-faq .elementor-tab-title,.ko-faq .elementor-tab-content{border:0!important}

/* CTA */
.ko-cta{position:relative;overflow:hidden}
.ko-cta::after{content:'';width:300px;height:300px;border:50px solid rgba(18,184,166,.14);border-radius:50%;position:absolute;right:140px;top:-210px;pointer-events:none}
.ko-cta .elementor-widget-button{position:relative;z-index:2}

/* Stopka */
.ko-footer a{color:#D8E6EC}.ko-footer a:hover{color:#66E0D0}

/* Karty produktów WooCommerce (widget Produkty / Archiwum) */
.ko-products ul.products li.product{display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.ko-products ul.products li.product:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(16,43,69,.09)}
.ko-products ul.products li.product a img{aspect-ratio:1.62;object-fit:cover;margin-bottom:17px}
.ko-products ul.products li.product .woocommerce-loop-product__title{min-height:54px;padding:0 7px!important}
.ko-products ul.products li.product .price{margin:10px 7px!important}
.ko-products ul.products li.product .button{margin:auto 7px 0!important;align-self:flex-start}
.ko-products .onsale{background:var(--ko-gold)!important;color:var(--ko-deep)!important;border-radius:6px!important;font-weight:850;min-height:0!important;line-height:1!important;padding:7px 10px!important}
.ko-archive .woocommerce-result-count{color:var(--ko-muted);font-size:.88rem}
.ko-archive .woocommerce-ordering select{border:1px solid var(--ko-stroke);border-radius:10px;padding:10px 14px;background:#fff}
.ko-products nav.woocommerce-pagination ul{border:0!important;display:flex;gap:8px;justify-content:center}
.ko-products nav.woocommerce-pagination ul li{border:0!important}
.ko-products nav.woocommerce-pagination ul li a,.ko-products nav.woocommerce-pagination ul li span{border-radius:10px;min-width:42px;padding:12px!important;background:#fff;color:var(--ko-navy);font-weight:800}
.ko-products nav.woocommerce-pagination ul li span.current{background:var(--ko-navy);color:#fff}

/* Pojedynczy produkt */
.ko-product-cat .detail-label,.ko-product-cat .sku_wrapper,.ko-product-cat .tagged_as{display:none}
.ko-add-to-cart .quantity .qty{width:75px;min-height:52px;border-radius:10px}
.ko-tabs .woocommerce-tabs ul.tabs li.active{border-bottom:3px solid var(--ko-teal)!important}
.ko-tabs .woocommerce-Tabs-panel{background:#fff;padding:34px!important}

/* Komunikaty, pola formularzy */
.woocommerce-message,.woocommerce-info{border-top-color:var(--ko-teal)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--ko-teal-dark)!important}
.ko-woo-page input.input-text,.ko-woo-page select,.ko-woo-page textarea{border:1px solid var(--ko-stroke);border-radius:10px;padding:12px 14px}
.woocommerce a.remove{color:#A43B3B!important}/* End custom CSS */