/**handles:style**/
/*
Theme Name: Lorenz
Theme URI:
Author: 300.codes
Author URI:
Description: Custom WordPress theme for Lorenz
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lorenz
*/

.wp-block-lorenz-color-separator *{
    z-index:-1;
}

/* Rotated headings inline-block */
[class*="rotation-"] p,
[class*="rotation-"] h1,
[class*="rotation-"] h2,
[class*="rotation-"] h3,
[class*="rotation-"] h4,
[class*="rotation-"] h5,
[class*="rotation-"] h6 {
	display: inline-block !important;
	padding: 0;
}

p[class*="rotation-"],
h1[class*="rotation-"],
h2[class*="rotation-"],
h3[class*="rotation-"],
h4[class*="rotation-"],
h5[class*="rotation-"],
h6[class*="rotation-"] {
	display: inline-block !important;
	padding: 0;
}

.wp-block-button__link img{	
    vertical-align: middle;
    margin-top: -4px;
    margin-bottom: -4px;
	margin-left: 16px;  
} 

.lnz_packshot {
    width: 100%;
    position: relative;
    z-index:2;
}

.lnz_packshot:before {
    content:"";
    width:100%;
    padding-top:100%;
}
.lnz_packshot .lnz-product-sidebar-block,
.lnz_packshot figure {
    position: absolute!important;
    margin:auto!important;
    max-width:100%;
    max-height:100%;
    container-type: inline-size;
    width: 100%;
}
.wp-block-group:has(>.lnz_packshot),
.wp-block-term:has(.lnz_packshot){
    position:relative;
    padding:32px 0;
}
.lnz_packshot_hover{
    position:absolute!important;
    width:100%;
    height:100%;
    top:0;
    left:0;
    container: packshot / inline-size;   
    z-index:1;
}
.lnz_packshot_hover p{
	opacity: 1;
}
.lnz_packshot_hover:before{
    content:"";
    display:block;
    width:85cqw;
    height:85cqw;
    background: rgba(255,255,255,0.2);
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius: 999px;
	opacity:1;
}

.lnz_packshot_hover figure {
	position: absolute!important;
	z-index: 2;
	margin:0;
	width: 100%;
	transform : translate(0,0) rotate(0deg)!important;
}
.lnz_packshot_hover p,
.lnz_packshot_hover:before,
.lnz_packshot_hover figure{
	transition: all 0.3s ease;
}
.wp-block-term:has(.lnz_packshot):not(:hover) .lnz_packshot_hover p,
.wp-block-term>a:has(.lnz_packshot):not(:hover) .lnz_packshot_hover p {
    opacity:0;
}
.wp-block-term:has(.lnz_packshot):not(:hover) .lnz_packshot_hover:before,
.wp-block-term>a:has(.lnz_packshot):not(:hover) .lnz_packshot_hover:before {
    opacity:0;
}
/* .wp-block-term:has(.lnz_packshot):not(:hover) .lnz_packshot_hover figure:nth-child(2) {
    transform: translate(50%,-10%)!important;
}
.wp-block-term:has(.lnz_packshot):not(:hover) .lnz_packshot_hover figure:nth-child(3) {
    transform: translate(-80%,-30%) rotate(-90deg)!important;
}
.wp-block-term:has(.lnz_packshot):not(:hover) .lnz_packshot_hover figure:nth-child(4) {
    transform: translate(-10%,50%)!important;
} */
.wp-block-group>a:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover p,
.wp-block-group:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover p {
    opacity:0;
}
.wp-block-group>a:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover:before,
.wp-block-group:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover:before {
    opacity:0;
}
/* .wp-block-group:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure:nth-child(2) {
    transform: translate(50%,-10%)!important;
}
.wp-block-group:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure:nth-child(3) {
    transform: translate(-80%,-30%) rotate(-90deg)!important;
}
.wp-block-group:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure:nth-child(4) {
    transform: translate(-10%,50%)!important;
} */

.wp-block-term:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure,
.wp-block-term>a:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure {
    transform: translate(-66%,-44%)!important;
    opacity: 0;
}
.wp-block-term:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure+figure,
.wp-block-term>a:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure+figure {
    transform: translate(-45%,10%) rotate(-90deg)!important;
    opacity: 0;
}
.wp-block-term:has(>.lnz_packshot):hover .lnz_packshot_hover figure,
.wp-block-term>a:has(>.lnz_packshot):hover .lnz_packshot_hover figure {
    top:8%!important;
    left:42%!important;
    transform: rotate(0deg)!important;
    opacity: 1;
}
.wp-block-term:has(>.lnz_packshot):hover .lnz_packshot_hover figure+figure,
.wp-block-term>a:has(>.lnz_packshot):hover .lnz_packshot_hover figure+figure {
    top:0%!important;
    left:-20%!important;
    opacity: 1;
}
/* .wp-block-term:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure:nth-child(3) {
    transform: translate(-10%,50%)!important;
} */

.wp-block-term:has(>.lnz_packshot) .lnz_packshot_hover figure,
.wp-block-term>a:has(>.lnz_packshot) .lnz_packshot_hover figure{
    height: 90%;
}
.wp-block-term:has(>.lnz_packshot) .lnz_packshot_hover figure img,
.wp-block-term>a:has(>.lnz_packshot) .lnz_packshot_hover figure img{
    height: 100%;
}
.wp-block-group:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure,
.wp-block-group>a:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure {
    transform: translate(-66%,-44%)!important;
    opacity: 0;
}
.wp-block-group:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure+figure,
.wp-block-group>a:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure+figure {
    transform: translate(-45%,10%) rotate(-90deg)!important;
    opacity: 0;
}
.wp-block-group:has(>.lnz_packshot):hover .lnz_packshot_hover figure,
.wp-block-group>a:has(>.lnz_packshot):hover .lnz_packshot_hover figure {
    top:8%!important;
    left:42%!important;
    transform: rotate(0deg)!important;
    opacity: 1;
}
.wp-block-group:has(>.lnz_packshot):hover .lnz_packshot_hover figure+figure,
.wp-block-group>a:has(>.lnz_packshot):hover .lnz_packshot_hover figure+figure {
    top:0%!important;
    left:-20%!important;
    opacity: 1;
}
/* .wp-block-group:has(>.lnz_packshot):not(:hover) .lnz_packshot_hover figure:nth-child(3) {
    transform: translate(-10%,50%)!important;
} */

.wp-block-group:has(>.lnz_packshot) .lnz_packshot_hover figure,
.wp-block-group>a:has(>.lnz_packshot) .lnz_packshot_hover figure{
    height: 90%;
}
.wp-block-group:has(>.lnz_packshot) .lnz_packshot_hover figure img,
.wp-block-group>a:has(>.lnz_packshot) .lnz_packshot_hover figure img{
    height: 100%;
}

body{
	overflow-x:hidden;
}
.lnz-separator-mobile {
    display: none!important;
}
@media (max-width: 1024px) {
    .lnz-separator-desktop {
        display: none!important;
    }
    .lnz-separator-mobile {
        display: block!important;
    }
}
.on-top{
	position: relative;
	z-index: 200;
}
.promo-text{
	max-width: 1320px!important;
	margin-left:auto!important;
	margin-right:auto!important;
}

/* Query Loop Pagination */
.wp-block-query-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px!important;
}

.wp-block-query-pagination-numbers {
	display: flex;
	align-items: center;
	gap: 4px;
}

.wp-block-query-pagination-numbers .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 8px;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.2s ease;
    box-sizing: border-box;
    font-weight: 500;
}

.wp-block-query-pagination-numbers .page-numbers:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background-color: #E31E24;
	color: white;
	font-weight: 400;
}

.wp-block-query-pagination-numbers .page-numbers.dots {
	background: none;
	min-width: auto;
	padding: 0 4px;
}

/* Previous/Next arrows */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 20px;
	color: #000;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.2s ease;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

/* Hide text, show only arrows */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	font-size: 0;
}

.wp-block-query-pagination-previous::before {
	content: '';
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

.wp-block-query-pagination-next::after {
	content: '';
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

/* Disabled state for prev/next */
.wp-block-query-pagination-previous.is-disabled,
.wp-block-query-pagination-next.is-disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}

.wp-block-query-pagination-previous.is-disabled:hover,
.wp-block-query-pagination-next.is-disabled:hover {
	background-color: transparent;
}

.wp-block-query-pagination-previous:nth-last-child(2){
	display: none;
}
.wp-block-query-pagination-next:nth-child(2){
	display: none;
}

/* Ordered List - large green numbers */
ol.wp-block-list {
	list-style: none !important;
	padding-left: 80px !important;
	margin-left: 0 !important;
	counter-reset: list-counter;
    max-width: 440px;
}

ol.wp-block-list > li {
	position: relative;
	counter-increment: list-counter;
	margin-bottom: 24px;
    line-height: 1.5;
}

ol.wp-block-list > li::before {
	content: counter(list-counter) ".";
	position: absolute;
	left: -80px;
	top: 50%;
	transform: translateY(-50%);
	width: 56px;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1;
	color: currentColor;
	font-family: var(--wp--preset--font-family--laca, sans-serif);
}
@media (max-width: 1024px) {
	.wp-site-blocks{
		overflow-x: hidden;
	}
}

#pozostale-marki{
	display: none;
}
#pozostale-marki:target{
	display: block;
}

/* Table of Contents Block */

div:has(>.wp-block-table-of-contents){
	position: sticky;
	top:30px;
}

.wp-block-table-of-contents > ol {
	list-style: none !important;
	padding-left: 0 !important;
	margin: 0 !important;
	counter-reset: none !important;
}

.wp-block-table-of-contents > ol > li {
	counter-increment: none !important;
	margin-bottom: 0 !important;
}

.wp-block-table-of-contents > ol > li::before {
	display: none !important;
}

.wp-block-table-of-contents .wp-block-table-of-contents__entry {
	display: block;
	padding: 16px;
	color: #000;
	text-decoration: none;
	text-transform: none;
	font-size: 1rem;
	font-weight: 400;
	transition: background-color 0.2s ease;
	border-radius: 4px;
}

.wp-block-table-of-contents .wp-block-table-of-contents__entry:hover,
.wp-block-table-of-contents .wp-block-table-of-contents__entry.is-active {
	background-color: rgba(0, 0, 0, 0.05);
}

html{
	scroll-behavior: smooth;
}
ol.wp-block-list#ingriedients{
	max-width: 100%;
	padding-left: 40px!important;
}
ol.wp-block-list#ingriedients > li::before {
	font-size: 2rem;
	left:-65px;
    text-align: right;
}
ol.wp-block-list#ingriedients > li:last-child{
	margin-bottom: 0;
}
.z-2{
	z-index: 2;
	position: relative;
}
.z-100{
	z-index: 100;
	position: relative;
}

.wp-300c-ua-login-button--logged-in {
    height: 60px !important;
}

/* RWD */
@media (max-width: 1024px) {
	body{
		padding-top:90px!important;
	}
  .wp-site-blocks>.wp-block-group>header,
  .wp-block-template-part>header{
    padding: 16px !important;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
  }
  /*hide admin bar on mobile*/
  html:has(.admin-bar){
	margin-top:0!important;
	scroll-padding-top: 0!important;
  }
  html #wpadminbar{
	display:none;
  }
  .wp-site-blocks>.wp-block-group>header>div,
  .wp-block-template-part>header>div{
    padding:0!important;
  }
  .wp-block-navigation__responsive-dialog{
	margin-top:0!important;
	}
	.wp-site-blocks>.wp-block-group>header>div,
	.wp-block-template-part>header>div{
		background-color: inherit;
	}	
	.wp-site-blocks>.wp-block-group>header nav,	
  .wp-block-template-part>header nav{
	background-color: inherit;
    order:-1;    
  }
  .wp-site-blocks>.wp-block-group>header nav>button,
  .wp-block-template-part>header nav>button,.wp-block-navigation__responsive-container-close{
    border:1px solid currentColor;
    color:white;
    padding: 16px;
    border-radius:999px;
  }
  .wp-block-navigation__responsive-container-open:has(+ .is-menu-open){
	opacity: 0;
  }
  .wp-block-button:has(.wp-300c-ua-login-button--logged-in){
	font-size: 0!important;
  }
  .wp-300c-ua-login-button{
     font-size:0!important; 
   	 padding:13px!important;
  }
  .wp-300c-ua-login-button:not(.wp-300c-ua-login-button--logged-in):before{
    content:"";
    width:30px;
    height:30px;
    display:block;
    background:url('https://lorenz.external.300codes.website/wp-content/uploads/2026/02/User.svg')
  }
  .wp-300c-ua-login-button--logged-in{
    padding: 13px !important;
    width: 60px;
  }
  .wp-300c-ua-login-button__icon svg{
	width: 30px;
	height: 30px;
  }
  html{
    font-size:12px!important;
  }
  .wp-block-navigation__responsive-container{
	background-color: inherit!important;
	color:inherit!important;
    top: 90px;
    text-align:left;
    padding: 0 16px!important;
    overflow:visible!important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{
    align-items:flex-start;
    width:100%;
  }
  .wp-block-navigation__responsive-container-close{
    position:absolute;
    top:-74px;
    right:auto;
    left:0; 
    z-index:9999999;
  }
  .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
	padding-top:2rem!important;
  }
  .wp-block-navigation__responsive-container-content *{
	font-size: 1.25rem!important;
  }
  .wp-block-template-part:last-child *{
    font-size: 1.25rem!important;
	text-align: left;
}
.wp-block-template-part:last-child .wp-block-heading{
    font-size: 1.5rem!important;
    margin-bottom:0!important;
}
.wp-block-social-links .wp-social-link svg {
    height: 32px;
    width: 32px;
}

.wp-block-template-part:last-child > .wp-block-group:last-child nav{
    order:-1;    
}
.wp-block-template-part:last-child > .wp-block-group:last-child nav ul{
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    gap: 1em;
}

.entry-content > *:not(.wp-block-lorenz-color-separator):not(#pozostale-marki):not(.cta-animation),
.wp-site-blocks header + .wp-block-group> *:not(.wp-block-lorenz-color-separator):not(.z-2),
#pozostale-marki > *:not(.wp-block-lorenz-color-separator){
	padding-left: 16px!important;
	padding-right: 16px!important;
}

.wp-block-terms-query .wp-block-term-template{
    grid-template-columns: repeat(auto-fill, minmax(max(120px, 100% / 6), 1fr));
}
.archive.tax-marka .wp-block-terms-query .wp-block-term-template{
    grid-template-columns: 1fr;
}
body{
	font-size: clamp(16px, 0.217vw + 0.951rem, 20px)!important;
	text-align: center;
}
.entry-content  .wp-block-buttons,
.wp-site-blocks header + .wp-block-group  .wp-block-buttons,
#pozostale-marki  .wp-block-buttons,
.banner  .wp-block-buttons{
	justify-content: center;
	width: 100%;
}
.banner{
    padding: 20px 0!important;
    position:relative;
    border-radius: 16px!important;
}
.banner p{
    margin-bottom:10px
}
.banner .wp-block-site-logo{
    display:none!important;
}
.banner .wp-block-buttons{
    margin-top:10px;   
}
.banner .wp-block-image{
    margin:0;
    position:absolute;
    bottom:0;
    left:0;
}
.banner .wp-block-image img{
    height:auto;
    width:100%;
}
.promo-text{	
    justify-content: center!important;
	margin-bottom: 30px !important;
}
.promo-text p:first-child, .promo-text style:first-child+p{
	margin-left: 0!important;
}
.promo-text p:last-child{
	margin-right: 0!important;
}
.mobile-margin{
	margin-bottom: -150px!important;
}
.lnz_packshot_hover {
	display: none;
}

.hero-text{
    transform:translateX(-20px) translateY(-20px);
}
.hero-text img{
    width:90px;
}
.lnz-snacks-animation{
	margin-top: 60px !important;
}
.centered{
	width: 100%;
	justify-content: center;
}
.yoast-breadcrumbs{
	text-align: left;
}
.yoast-breadcrumbs a{
	text-decoration: none;
}
ol.wp-block-list{
	text-align: left;
    padding-left: 40px !important;
}
ol.wp-block-list > li::before{
	left:-40px!important;
}
.wp-300c-form-label{
	text-align: left;
	font-size: 14px!important;
}
.big-banner {
    justify-content: flex-end!important;
    align-items: center!important;
	text-align: center;
}
.big-banner .wp-block-buttons {
	padding-bottom: 50px;
}
}

/* Columns: reverse on mobile (<1024px) */
@media (max-width: 1024px) {
	/* Stacked (column layout on mobile) → column-reverse */
	.wp-block-columns.lnz-reverse-mobile:not(.is-not-stacked-on-mobile) {
		flex-direction: column-reverse;
	}
	/* Not stacked (stays row on mobile) → row-reverse */
	.wp-block-columns.lnz-reverse-mobile.is-not-stacked-on-mobile {
		flex-direction: row-reverse;
	}
    .circlebg{
        width: 125vw !important;
        max-width: none;
        margin-left: -12.5vw !important;
        padding-top: 125vw !important;
    }
    .circle-1{
        font-size: 54px!important;
    }
    .circle-2{
        font-size: 66px!important;
    }
}

@media (min-width:1024px) {
	.wp-block-navigation__submenu-container{
        color:inherit!important;
        background:inherit!important;
    }
    header nav, header nav *{
        background:inherit!important;
    }
    header{
        z-index:10;
    }
    header > div{
        background: inherit!important;
    }
    header nav ul ul{
        right:auto!important;
        left: 0!important;
        border:0!important;
    }
    .logged-in header  nav + .wp-block-button{
        font-size:0!important;
    }
        .wp-block-navigation__responsive-container-content >ul >li{
        padding:12px 24px!important;
        border: 4px solid transparent;
        border-radius:56px;
    }
    .wp-block-navigation__responsive-container-content >ul >li:has(>.current-menu-ancestor),
    .wp-block-navigation__responsive-container-content >ul >li:has(>.current-menu-item),
    .wp-block-navigation__responsive-container-content >ul >li:hover{
        border-color:currentColor;
    }
    .wp-block-navigation__responsive-container-content >ul >li ul{
        width:100%!important;
        border:1px solid !important;
        border-radius:8px;
        margin-top:10px;
        padding:8px 0;
        padding-top:8px!important;
    }
    .wp-block-navigation__responsive-container-content >ul >li ul li{
        text-transform:none;
        font-family: 'Open Sans',sans-serif;
        font-weight:400;
        padding: 12px 16px;
        font-size: 1em;
        line-height:150%;
    }

    .wp-block-navigation__responsive-container-content >ul >li ul li a{
        padding:0!important;
    }
    .wp-block-navigation__submenu-icon {
        height:16px!important;
        width:24px!important;
        margin-top:-2px;
        margin-left:8px!important;
        margin-right:-8px;
    }


    .wp-block-navigation__responsive-container-content>ul>li:hover:after{
        content:"";
        display:block;
        width:100%;
        height:13px;
        position:absolute;
        top:100%;left:0;
    }

}
footer a,
.wp-block-template-part:last-child a{
    text-decoration:none!important;
}
footer a:hover,
.wp-block-template-part:last-child a:hover{
    color: var(--wp--preset--color--red);
}

.only_archive{
    display:none!important;
    position: relative;
}
.is_archive .only_archive{
    display:flex!important;
}

.opacity-15{
    opacity: 0.15;
}


:root :where(.wp-block-button .wp-block-button__link) {
    background-color: var(--wp--preset--color--petrol);
    border-width: 1px;
    border-top-color: var(--wp--preset--color--transparent);
    border-top-width: 1px;
    border-top-style: solid;
    border-right-color: var(--wp--preset--color--transparent);
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-color: var(--wp--preset--color--transparent);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-color: var(--wp--preset--color--transparent);
    border-left-width: 1px;
    border-left-style: solid;
    color: var(--wp--preset--color--yellow);
    font-size: 16px;
    line-height: 1;
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 20px;
    padding-left: 24px;
    text-transform: uppercase;
}

:root :where(.wp-block-button .wp-block-button__link) {
    padding: 18px 24px;
}

:root :where(.wp-block-button .wp-block-button__link a:where(:not(.wp-element-button))) {
    color: var(--wp--preset--color--yellow);
}

:where(.wp-block-button__link) {
    border-radius: 9999px;
    box-shadow: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-decoration: none
}

.yoast-breadcrumbs{    
    font-size: 14px;
    font-weight: 400;
}
.yoast-breadcrumbs a {
    text-decoration: none;
}
.yoast-breadcrumbs span > span {
    padding: 0 8px;
}
.yoast-breadcrumbs span > span:first-child {
    padding-left: 0;
}
.socials {
    position: absolute;
    right: 80px;
    top: 150px;
}
@media (max-width: 1024px) {
    .socials {
        position:static;
        width:100%;
        margin: 20px auto 0;
    }

    .socials ul {
        max-width: none;
        flex-wrap: nowrap;
        gap: 16px;
        justify-content: center;
        width: 100vw;
        padding-left: 0 !important;
    }
    .socials ul + div{
        display:none;
    }
    .wp-block-group:has(>.socials) figure,
    .wp-block-group:has(>.socials) .wp-block-group:not(.socials){
        margin-bottom:0!important;
    }
    .wp-block-group:has(>.yoast-breadcrumbs){
        padding-bottom: 40px!important;
    }
}

.flex-1>*{
    flex:1;
}

@media (max-width:1024px) {
    .flex-1>*{
        flex:0 0 100%;
    }    

    .cta-animation .wp-block-lorenz-color-separator{
        margin-top: -150px!important;
    }
    .cta-animation .circlebg {
        margin-top:-440px!important;
        margin-bottom: 0!important;
    }
    .cta-animation .floating-asset:nth-child(1){
        top: 117px!important;
        transform: translateX(calc(-50% + -96px))!important;
        width: 200px!important;
    }
    .cta-animation .floating-asset:nth-child(3){
        top: 290px!important;
        transform: translateX(calc(-50% + 100px))!important;
        width: 140px!important;
    }
    .cta-animation .floating-asset:nth-child(4){
        top: 800px!important;
        transform: translateX(calc(-50% + -85px))!important;
        width: 200px!important;
    }
    .cta-animation .floating-asset:nth-child(5){
        top: 930px!important;
        transform: translateX(calc(-50% + 133px))!important;
        width: 156px!important;
    }
    .cta-animation.cta-animation.cta-animation.cta-animation.cta-animation{
        padding-left:0!important;
        padding-right:0!important;
    }
}

.wp-block-button__link {
  transition: filter 0.2s ease;
}
.wp-block-button__link:hover{
    opacity: 0.8;
}