/* --- Intro --- */
section.common.intro
{
    background-image:linear-gradient(to bottom,var(--section-grey) 0% calc(50% + var(--section-vert-margin)/4),#00000000 calc(50% + var(--section-vert-margin)/4) 100%);
}

section.common.intro .wp-block-media-text
{
    overflow:clip;
    border-radius:var(--block-radius);
    box-shadow:var(--block-shadow);
    background:none #FFFFFF;
}

section.common.intro .wp-block-media-text>.wp-block-media-text__content
{
    flex:3 0 24em;
    padding:var(--block-padding);
}

section.common.intro .wp-block-media-text>.wp-block-media-text__content>*
{
    font-size:1.25em;
    font-weight:500;
    color:var(--light-black);
}

section.common.intro .wp-block-media-text>.wp-block-media-text__media
{
    flex:1 0 16em;
    align-self:stretch;
}

section.common.intro .wp-block-media-text>.wp-block-media-text__media>img
{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
}

/* --- What --- */
section.common.what>.container>.inner
{
    padding:var(--block-padding);
    border-radius:var(--block-radius);
    background:none #FFFFFF;
}

section.common.what .wp-block-columns>.block-core--column
{
    flex:1 0 24em;
}

section.common.what .wp-block-acf-image-title-text
{
    grid-template-columns:repeat(auto-fit,minmax(20em,1fr));
    gap:var(--flex-gap-l) var(--flex-gap-s);
}

section.common.what .wp-block-acf-image-title-text>.item
{
    position:relative;
    grid:'i' 0 'h' 1fr/1fr;
    padding:var(--block-padding);
    border-radius:var(--block-radius);
    box-shadow:var(--block-shadow);
}

section.common.what .wp-block-acf-image-title-text>.item>.img
{
    position:absolute;
    top:calc(-1.40625em - var(--block-padding-v));
    left:0;
    width:2.8125em;
    padding:0.6em 0.45em;
    border-radius:0.5em;
    background:none var(--green);
    box-shadow:1.29px 2.57px 3.86px 0px #00000040;
}
section.common.what .wp-block-acf-image-title-text>.item>.img::before
{
    display:inline;
    font-size:1.366em;
    line-height:1;
    font-weight:800;
    color:#FFFFFF;
}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(01)>.img::before{content:'01.';}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(02)>.img::before{content:'02.';}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(03)>.img::before{content:'03.';}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(04)>.img::before{content:'04.';}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(05)>.img::before{content:'05.';}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(06)>.img::before{content:'06.';}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(07)>.img::before{content:'07.';}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(08)>.img::before{content:'08.';}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(09)>.img::before{content:'09.';}
section.common.what .wp-block-acf-image-title-text>.item:nth-child(10)>.img::before{content:'10.';}

section.common.what .wp-block-acf-image-title-text>.item>.header
{
    font-size:1em;
    font-weight:700;
    color:var(--light-black);
}

/* --- For Who --- */
section.common.for_who
{
    padding-bottom:0;
    background-image:linear-gradient(to top,var(--section-grey) 0% 20em,#00000000 20em 100%);
}

section.common.for_who .wp-block-columns
{
    grid:1fr/repeat(auto-fit,minmax(24em,1fr));
}

section.common.for_who .wp-block-columns>.block-core--column>.wp-block-column,
section.common.for_who .wp-block-columns>.block-core--column>.wp-block-column>.block-core--media-text,
section.common.for_who .wp-block-columns>.block-core--column>.wp-block-column>.block-core--media-text>.wp-block-media-text
{
    height:100%;
}

section.common.for_who .wp-block-columns .wp-block-media-text
{
    display:grid;
    grid:'t m'/min(26em,100%) 1fr;
    gap:0;
    overflow:clip;
    border-radius:var(--block-radius);
    box-shadow:var(--block-shadow);
    background:none #FFFFFF;
}
section.common.for_who .wp-block-columns .wp-block-media-text.mapped
{
    background:url('/app/uploads/2025/06/wb-fullfilment-004.webp') left bottom/80% auto no-repeat #FFFFFF;
}

section.common.for_who .wp-block-columns .wp-block-media-text>.wp-block-media-text__content
{
    grid-area:t;
    align-self:stretch;
    padding:var(--block-padding);
/*     padding-right:0; */
}

section.common.for_who .wp-block-columns .wp-block-media-text>.wp-block-media-text__content *
{
    font-size:1em;
    line-height:1.3;
    color:var(--light-black);
}
section.common.for_who .wp-block-columns .wp-block-media-text>.wp-block-media-text__content>:last-child,
section.common.for_who .wp-block-columns .wp-block-media-text>.wp-block-media-text__content>:last-child>:last-child
{
    margin-bottom:0;
}

section.common.for_who .wp-block-columns .wp-block-media-text>.wp-block-media-text__media
{
    grid-area:m;
    justify-self:stretch;
    align-self:stretch;
    margin-left:calc(0px - var(--block-padding-h));
}

section.common.for_who .wp-block-columns .wp-block-media-text>.wp-block-media-text__media>img
{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
}

/* --- Advantages --- */
section.common.advantages
{
    background-image:linear-gradient(to top,var(--green) 0 calc(8em + var(--section-vert-margin)),#00000000 calc(8em + var(--section-vert-margin)) 100%);
}

section.common.advantages p
{
    color:var(--light-black);
}

section.common.advantages .wp-block-acf-image-title-text
{
    grid:'i1 i3 i4' 1fr 'i2 i3 i5' 1fr/1fr 1fr 1fr;
}

section.common.advantages .wp-block-acf-image-title-text>.item
{
    display:grid;
    grid:'t' min-content 'i' minmax(3em,1fr)/1fr;
    border-radius:var(--block-radius);
    box-shadow:var(--block-shadow);
    background:var(--blue);
}
section.common.advantages .wp-block-acf-image-title-text>.item:nth-child(1){grid-area:i1;}
section.common.advantages .wp-block-acf-image-title-text>.item:nth-child(2){grid-area:i2;}
section.common.advantages .wp-block-acf-image-title-text>.item:nth-child(3){grid-area:i3;}
section.common.advantages .wp-block-acf-image-title-text>.item:nth-child(4){grid-area:i4;}
section.common.advantages .wp-block-acf-image-title-text>.item:nth-child(5){grid-area:i5;}

section.common.advantages .wp-block-acf-image-title-text>.item>.header
{
    display:none;
}

section.common.advantages .wp-block-acf-image-title-text>.item>.text
{
    padding:var(--block-padding);
}

section.common.advantages .wp-block-acf-image-title-text>.item>.text *
{
    font-size:1.25em;
    font-weight:700;
    color:#FFFFFF;
}

section.common.advantages .wp-block-acf-image-title-text>.item>.img
{
    background:none right bottom/contain no-repeat transparent;
}

/* --- Services --- */
section.common.services
{
    background-image:none;
}

section.common.services .wp-block-acf-image-title-text>.item
{
    background:none #FFFFFF;
}

section.common.services .wp-block-acf-image-title-text>.item>.header,
section.common.services .wp-block-acf-image-title-text>.item>a.link
{
    color:var(--blue);
}

section.common.services .wp-block-acf-image-title-text>.item>a.link
{
    background-image:var(--li-marker-blue);
}