.wave { display: inline-block; animation: wave-hand 3.5s infinite; transform-origin: 70% 70%; }

@keyframes wave-hand {
  0%   { transform: rotate(0deg); }
  10%  { transform: rotate(20deg); }
  20%  { transform: rotate(-10deg); }
  30%  { transform: rotate(20deg); }
  40%  { transform: rotate(-10deg); }
  50%  { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}













/* =========================================================
  🧩 WRAPPER - quote
========================================================= */
.sec-am-quote-spec { padding:0; position:relative; display:none; }

.sec-am-quote-spec .wrapped { flex-direction:column; gap:var(--section-gap); padding:0 var(--wrapper-padding); width:100%; max-width:var(--width-wrap-1400); } 
.sec-am-quote-spec .wrapped .section-content { display:flex; flex-direction:column; gap:var(--section-gap); margin:auto; }

.sec-am-quote-spec .wrapped .section-content { display:flex; flex-direction:row; align-items: stretch; width:100%; max-width:1400px; }

.sec-am-quote-spec .wrapped .section-content .col-left { display:flex; flex-direction:column; justify-content:center; gap:var(--elements-gap-xl); width:60%;
        max-width: 720px; padding-left: calc(var(--box-padding) / 2); }
.sec-am-quote-spec .wrapped .section-content .col-left p { font-size:34px; line-height:var(--lh-135); }
.sec-am-quote-spec .wrapped .section-content .col-left button { width:fit-content; }


.sec-am-quote-spec .wrapped .section-content .col-right { display:flex; height:auto; width:40%; }
.sec-am-quote-spec .wrapped .section-content .col-right figure { width:100%; min-height:600px; height:fit-content; position:relative; }
.sec-am-quote-spec .wrapped .section-content .col-right img { position:absolute; right:0; bottom:0; width:43vw; max-width:520px; height:auto; }







/* =========================================================
  🧩 PROBLEMS
========================================================= */

.sec-am-issues { padding:var(--section-padding) 0; position:relative; }
.sec-am-issues::before { height:100%; width:100%; }
.sec-am-issues::before { content:""; position:absolute; top:0; left:0; }
.sec-am-issues::after { content:"";  position:absolute; inset:0; width:100%; height:calc(100%); left: 50%; top:0; }

.sec-am-issues .wrapped { width:100%; display:flex; flex-direction:column; padding:0 var(--wrapper-padding); }
.sec-am-issues .section-header { width:100%; margin:auto; max-width:720px; }
.sec-am-issues .section-header .header-container { margin:auto; }
.sec-am-issues .section-header h2,
.sec-am-issues .section-header .lead { text-align:center; margin:auto; max-width:700px; width:100%; }

.sec-am-solutions .section-header .small-title { text-align:center; margin:auto; }

.sec-am-issues .section-content { max-width:var(--width-wrap-1400); margin: auto; }

.sec-am-issues .box-list { display:flex; width: calc(1400px + ((100vw - 1400px) / 2)); margin-right: 0; }    
.sec-am-issues .box-list .box-list-wrapper { width:100%; display:flex;flex-direction:row;
justify-content: left;
    align-items: flex-start;
    flex-direction: row;
    gap: var(--small-box-gap);     
    scroll-padding-left: var(--wrapper-padding); 

    overflow-x: auto;
    overflow-y: visible;

    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-padding-left: var(--wrapper-padding);
    touch-action: pan-x pan-y;
    order: 1;


    gap: var(--small-box-gap);
    padding: 0 var(--wrapper-padding);

  }

/* =========================================================
  🧩 PROBLEMS - NODE INNER + ICONS
========================================================= */
.sec-am-issues .box-list .box .box-inner { display:flex; width:20vw; max-width:340px; min-height: 460px; flex-direction: column; justify-content: flex-start; position:relative; overflow:hidden; } 
.sec-am-issues .box-list .box .box-inner { padding: calc(1.5 * var(--small-box-padding)) calc(1.5 * var(--small-box-padding)); }

.sec-am-issues .box-list .box .box-inner .small-headline { font-size: var(--fs-s); text-transform:uppercase; }

.sec-am-issues .box-list .box .box-inner.ico-conversion::before { content:''; background:url('../../../../assets/_icons/_issues/conversion.png');}
.sec-am-issues .box-list .box .box-inner.ico-traffic::before { content:''; background:url('../../../../assets/_icons/_issues/traffic.png');}
.sec-am-issues .box-list .box .box-inner.ico-campaign::before { content:''; background:url('../../../../assets/_icons/_issues/campaign.png');}
.sec-am-issues .box-list .box .box-inner.ico-offer::before { content:''; background:url('../../../../assets/_icons/_issues/offer.png');}
.sec-am-issues .box-list .box .box-inner.ico-google::before { content:''; background:url('../../../../assets/_icons/_issues/google.png');}
.sec-am-issues .box-list .box .box-inner.ico-chaos::before { content:''; background:url('../../../../assets/_icons/_issues/chaos.png');}
.sec-am-issues .box-list .box .box-inner.ico-clicks::before { content:''; background:url('../../../../assets/_icons/_issues/clicks.png');}
.sec-am-issues .box-list .box .box-inner.ico-issues::before { content:''; background:url('../../../../assets/_icons/_issues/issues.png');}
.sec-am-issues .box-list .box .box-inner.ico-noplan::before { content:''; background:url('../../../../assets/_icons/_issues/noplan.png');}
.sec-am-issues .box-list .box .box-inner.ico-leads::before { content:''; background:url('../../../../assets/_icons/_issues/leads.png');}

.sec-am-issues .box-list .box .box-inner::before { content:''; width:100%; max-height:250px; aspect-ratio:1/1; margin:auto; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important;  z-index: 0;  transition: opacity var(--transition-time) ease; }
.sec-am-issues .box-list .box .box-inner:hover::before { opacity: 0.99; }
.sec-am-issues .box-list .box .box-inner::before { position: absolute; order: 3; opacity: 0.32; bottom: 28px; right:-16px; /*position:relative; order:3; opacity: 0.50;*/ }


.sec-am-issues .box-list .box .box-inner .article-content { padding-bottom:var(--box-padding); }
.sec-am-issues .box-list .box .box-inner .article-content,
.sec-am-issues .box-list .box .box-inner .article-text { width:100%; height:100%; gap:var(--space-8); display:flex; flex-direction:column; }


.sec-am-issues .section-content { gap:var(--section-gap); display:flex; flex-direction: column; }

.sec-am-issues .list-nav-buttons {
        width: 100vw;
        max-width: var(--width-wrap-1400);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end; padding: 0 var(--wrapper-padding);
}



/* =========================================================
  🧩 PROBLEMS - theme
========================================================= */
.section.sec-am-issues { z-index:0; }

.sec-am-issues::before { background: var(--section-bg); opacity:1.0; z-index:-2; }
.section.sec-am-issues::after { background: linear-gradient(180deg, color-mix(in srgb, var(--base-color-black) 100%, transparent) 20%, color-mix(in srgb, var(--color-black-700) 90%, transparent) 100%); /* background: var( --bg-special2);

 border-radius:50%; filter:blur(90px);*/ transform: translateX(-50%); z-index:-1; transition: height var(--transition-time) ease; opacity:0.65; }

.sec-am-issues .box-list .box.dark .box-inner { border: 1px solid rgba(255, 255, 255, 0.08); background: var(--bg-glass-effect-dark); backdrop-filter: blur(var(--space-24)); transition:var(--trans-complete-effect); } 
.sec-am-issues .box-list .box.dark .box-inner { background: var(--base-color-black); backdrop-filter: blur(0); } 

.sec-am-issues .box-list .box.dark .article-text h3 { color:var(--box-dark-text-heading); font-size:calc(1.20 * var(--fs-h5)); }




















/* =========================================================
  🧩 RETAILERS
========================================================= */
.sec-experience::before,
.sec-experience::after { height: 100% !important; }
.sec-experience { padding-bottom: var(--section-padding) !important; }
.sec-experience .retailers-map .block-header,
.sec-experience .retailers-map .block-header { width:100%; margin:auto; max-width:720px; }
.sec-experience .block.retailers-map .lead { width:100%; max-width:none; }
.sec-experience .retailers-container { display:flex; flex-direction:column; gap:calc(var(--elements-gap) * 2); }


/* =========================================================
  🧩 RESUME
========================================================= */
.sec-am-resume { padding:var(--section-padding) 0; position:relative;  }
.sec-am-resume .wrapped { flex-direction:column; gap:var(--section-gap); padding:0 var(--wrapper-padding); width:100%; max-width:var(--width-wrap-1400); } 
.sec-am-resume .wrapped .section-content { display:flex; flex-direction:column; gap:var(--section-gap); margin:auto; }

.sec-am-resume .wrapped .section-content { display:flex; flex-direction:row; align-items: stretch; width:100%; max-width:1400px; }

.sec-am-resume .section-header { width:100%; margin:auto; max-width:720px; }
.sec-am-resume .section-header .header-container { margin:auto; }
.sec-am-resume .section-header h2,
.sec-am-resume .section-header .lead { text-align:center; margin:auto; width: 100%; max-width:700px; }

.sec-am-resume .section-header .small-title { text-align:center; margin:auto; }


/* =========================================================
  🧩 RESUME - LIST + ITEMS
========================================================= */

.sec-am-resume .experience-list { width:860px; margin:auto; display:flex; flex-direction:column; gap:calc( 1.25 * var(--section-gap)); }

.sec-am-resume .experience-list .experience-item { display:flex; flex-direction:row; gap:var(--elements-gap-l); }
.sec-am-resume .experience-list .experience-item .experience-logo { 
	background:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; width:82px; height:82px; flex-shrink: 0; 
border-radius:var(--small-box-br);
border: 1px solid var(--color-black-100); box-shadow:var(--shadow-box)

}

.sec-am-resume .experience-list .experience-item .experience-logo img { max-width: 52px; max-height: 52px; width: auto; height: auto; }


.sec-am-resume .experience-list .experience-item .experience-content { display:flex; flex-direction:column; flex:1; gap:var(--elements-gap-s); }

.sec-am-resume .experience-list .experience-header { display:flex; flex-direction:column; gap:var(--elements-gap-xs); width:100%; }
.sec-am-resume .experience-list .experience-position { display:flex; flex-direction:column; gap:var(--elements-gap-xxs); }
.sec-am-resume .experience-list .experience-position .company { background: var(--text-special); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width:fit-content; font-weight:700; }

.sec-am-resume .experience-list .position-name { position:relative; overflow:visible; width:fit-content; }
.sec-am-resume .experience-list .position-name h2 { color:var(--section-text-heading); }
.sec-am-resume .experience-list .position-name h2 { width: fit-content; margin: 0; padding: 0; position: relative; }
.sec-am-resume .experience-list .position-name button { position: absolute; top: 50%; transform: translateY(-50%) translateX(8px); left: 100%; margin-left: var(--space-24); opacity: 0; pointer-events: none; transition: opacity 0.25s ease, transform 0.25s ease; }
.sec-am-resume .experience-list .experience-header:hover .position-name button { opacity: 1; transform: translateY(-50%) translateX(0); pointer-events: auto; }

.sec-am-resume .experience-list .experience-tasks { display:flex; flex-direction:column; gap:var(--elements-gap-xs); display:none; }
.sec-am-resume .experience-list .experience-tasks li { font: var(--p-l-regular-font); letter-spacing: var(--p-l-regular-ls); }

.sec-am-resume .box-list { width:100%; }
.sec-am-resume .box-list .box-list-wrapper { display:grid; grid-template-columns:repeat(3, 1fr); gap:calc(var(--section-gap)) calc(1.5 * var(--section-gap)); max-width:1300px; margin:auto; }
.sec-am-resume .box-list .box-list-wrapper .box { width:360px; }






/* =========================================================
  🧩 CASE STUDIES
========================================================= */
.sec-am-case-studies { padding:var(--section-padding) 0; position:relative; background: var(--section-bg); }
.sec-am-case-studies .wrapped { flex-direction:column; gap:var(--section-gap); padding:0 var(--wrapper-padding); width:100%; max-width:var(--width-wrap-1400); } 
.sec-am-case-studies .wrapped .section-content { display:flex; flex-direction:column; gap:var(--section-gap); margin:auto; }

.sec-am-case-studies .wrapped .section-content { display:flex; flex-direction:row; align-items: stretch; width:100%; max-width:1400px; }

.sec-am-case-studies .section-header .lead { text-align:center; margin:auto; width: 100%; max-width:700px; }




.framework {
  position: relative;
  z-index: 1;
}



.framework::before {
  content: "";
  position: absolute;
  inset: 0; /* wypełnia cały element */
  /* background: url("../../../../ChatGPT Image 20 lis 2025, 10_54_25.png") no-repeat center 50px;
  background-size: contain;
  opacity: 0.04;   /* << tutaj ustawiasz słabsze tło */
  z-index: -1;
  pointer-events: none;
}






@media (min-width: 1px) and (max-width: 640px) {
	.sec-who-am-i::before { height:100%; }
	.sec-who-am-i::after { height: 100%; max-height:100%; }


	/* usługi - menu */
	.sec-who-am-i .services-selector { flex-direction:column; gap:0; width:100%; }
	.sec-who-am-i .services-selector .panel-desktop { display:none; }
	.sec-who-am-i .services-selector .sidebar { flex: 0 0 1; }
	.sec-who-am-i .services-selector .tabs { gap: var(--elements-gap); }
	.sec-who-am-i .services-selector .sidebar .tabs li { display:block; max-width:540px; margin:auto; }
	.sec-who-am-i .services-selector .sidebar .tabs article { border-radius:var(--box-br); overflow:hidden;  }
	.sec-who-am-i .services-selector .sidebar .tabs article.active { gap:var(--space-4); overflow:visible; }

/* =========================================================
  🧩 TABS HEADER
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .q { min-height:64px; }

/* =========================================================
  🧩 TABS BUTTON
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .q button { display:flex; }
	.sec-who-am-i .services-selector .sidebar .tabs .active .q button { display:flex; width:20px; height:20px; }
	.sec-who-am-i .services-selector .sidebar .tabs .q .btn--s.btn--icon-only { width:32px !important; height:32px; }
	.sec-who-am-i .services-selector .sidebar .tabs .q .btn--s.btn--icon-only .btn--icon { height: 24px; width: 24px; }

/* =========================================================
  🧩 LARGE CONTENT PANEL
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .a { display:grid; overflow:hidden; padding:0 var(--small-box-padding); grid-template-rows:0fr; will-change:transform; transition: grid-template-rows var(--transition-time) ease; pointer-events:none; }
	.sec-who-am-i .services-selector .sidebar .tabs article.active .a { height:auto; grid-template-rows:1fr; padding-bottom:var(--small-box-padding); }
	.sec-who-am-i .services-selector .sidebar .tabs .a .a-wrapper { gap:var(--box-gap); display:flex; flex-direction:column; overflow: hidden; }

	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content .article-content-wrapper { flex-direction:column; }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content { flex-direction:column; gap:var(--small-box-gap); }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content .left { gap:calc(var(--paragraph-gap)*1.5); order: 1; }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content .left h4 { /*margin-bottom:-8px;*/ }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content .left ul { display:flex; flex-direction:column; gap:var(--space-4); }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content aside { order: 0; position:relative; width:100%; }

	.sec-who-am-i .services-selector article aside { overflow:hidden; padding-top:var(--space-8); display:none; }
	.sec-who-am-i .services-selector article.active aside { display:flex; overflow:visible; } 

	/*
	.sec-who-am-i .services-selector article aside { overflow:hidden; padding-top:var(--space-8); display:none; }
	.sec-who-am-i .services-selector article.active aside { display:flex; overflow:visible; } 
	*/
	.sec-who-am-i .services-selector .article-content aside .video { order: 0; width:100%; max-height:auto; aspect-ratio:16/9; border-radius:var(--small-box-br) }
	.sec-who-am-i .services-selector .article-content aside .video::before { border-radius:var(--small-box-br); width:auto; position:relative;  } 
	.sec-who-am-i .services-selector .article-content aside .video img { aspect-ratio:16/9; height:auto; width:100%; border-radius:var(--small-box-br); }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content header { display:none; }

/* =========================================================
  🧩 FOOTER
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .a footer { flex-direction:column; gap:var(--paragraph-gap); }
	.sec-who-am-i .services-selector .sidebar .tabs .a footer .btn { width:100% }
}

@media (min-width: 641px) and (max-width: 1023px) {
	.sec-who-am-i::before { height:100%; }
	.sec-who-am-i::after { height: 95%; max-height:95%; }
	.sec-who-am-i { padding-bottom:var(--section-padding); overflow:hidden; }

	/* usługi - menu */
	.sec-who-am-i .services-selector { flex-direction:column; gap:0; width:100%; }
	.sec-who-am-i .services-selector .panel-desktop { display:none; }
	.sec-who-am-i .services-selector .sidebar { flex: 0 0 1; }
	.sec-who-am-i .services-selector .tabs { gap: var(--elements-gap); }
	.sec-who-am-i .services-selector .sidebar .tabs li { display:block; max-width:540px; margin:auto; }
	.sec-who-am-i .services-selector .sidebar .tabs article { border-radius:var(--box-br); overflow:hidden;  }
	.sec-who-am-i .services-selector .sidebar .tabs article.active { gap:var(--space-4); overflow:visible; }

/* =========================================================
  🧩 TABS HEADER
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .q { min-height:54px; }

/* =========================================================
  🧩 TABS BUTTON
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .q button { display:flex; }
	.sec-who-am-i .services-selector .sidebar .tabs .q button svg { /*width:24px; height:24px;*/ }
	.sec-who-am-i .services-selector .sidebar .tabs .active .q button { display:flex; width:20px; height:20px; }
	.sec-who-am-i .services-selector .sidebar .tabs .q .btn--s.btn--icon-only { width:32px !important; height:32px; }
	.sec-who-am-i .services-selector .sidebar .tabs .q .btn--s.btn--icon-only .btn--icon { height: 24px; width: 24px; }

/* =========================================================
  🧩 LARGE CONTENT PANEL
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .a { display:grid; overflow:hidden; padding:0 var(--small-box-padding); grid-template-rows:0fr; will-change:transform; transition: grid-template-rows var(--transition-time) ease; pointer-events:none; }
	.sec-who-am-i .services-selector .sidebar .tabs article.active .a { height:auto; grid-template-rows:1fr; padding-bottom:var(--small-box-padding); }
	.sec-who-am-i .services-selector .sidebar .tabs .a .a-wrapper { gap:var(--box-gap); display:flex; flex-direction:column; overflow: hidden; }

	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content .article-content-wrapper { flex-direction:column; }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content { display:flex; flex-direction:column; gap:var(--elements-gap); }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content .left { display:flex; flex-direction:column; gap:var(--paragraph-gap);order:1; }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content .left h4 { /*margin-bottom:-8px;*/ }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content .left ul { display:flex; flex-direction:column; gap:var(--space-8); }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content aside { order:0; position:relative; }
	.sec-who-am-i .services-selector article aside { overflow:hidden; padding-top:var(--space-8); display:none; order:0; }
	.sec-who-am-i .services-selector article.active aside { display:flex; overflow:visible; }
	.sec-who-am-i .services-selector .article-content aside { width:100%; flex: 0 0 220px; border-radius: var(--small-box-br); gap:var(--elements-gap); display:flex; flex-direction:column; }
	.sec-who-am-i .services-selector .article-content aside .video { order: 0; width:100%; max-height:auto; aspect-ratio:16/9; border-radius:var(--small-box-br) }
	.sec-who-am-i .services-selector .article-content aside .video::before { border-radius:var(--small-box-br); width:auto; position:relative;  } 
	.sec-who-am-i .services-selector .article-content aside .video img { aspect-ratio:16/9; height:auto; width:100%; border-radius:var(--small-box-br); }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content header { display:none; }

/* =========================================================
  🧩 FOOTER
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .a footer { flex-direction:row; gap:var(--space-16); width:100%; }
	.sec-who-am-i .services-selector .sidebar .tabs .a footer .btn { width:50%; }
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.sec-who-am-i .section-header .lead { max-width: 550px; }

	.sec-who-am-i .services-selector { flex-direction:row; gap:var(--section-gap); }
	.sec-who-am-i .services-selector .sidebar { min-width:300px; flex: 0 0 300px; min-width:300px; max-width:320px;} /* nie rośnie, nie kurczy się poniżej 340px (możesz użyć 0 1 340px jeśli ma się kurczyć) */
	.sec-who-am-i .services-selector .tabs { gap: var(--space-8); }

/* =========================================================
  🧩 TABS HEADER
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .q { height:48px; }

/* =========================================================
  🧩 TABS BUTTON
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .q button { pointer-events:none; }
	.sec-who-am-i .services-selector .sidebar .tabs .q button svg { /*width:24px; height:24px;*/ }
	.sec-who-am-i .services-selector .sidebar .tabs .active .q button { display:flex; width:20px; height:20px; }
	
	.sec-who-am-i .services-selector .sidebar .tabs .q:hover button { display:flex; opacity:1; pointer-events:auto; }

	.sec-who-am-i .services-selector .sidebar .tabs .a { dislay:none; }

	.sec-who-am-i .services-selector .tabs--ver-list { gap:var(--space-8); }
	.sec-who-am-i .services-selector .tabs--ver-list li { width:100%; display:block; }

	.sec-who-am-i .services-selector .container { flex-direction:row; gap:var(--section-gap); }
	.sec-who-am-i .services-selector article,
	.sec-who-am-i .services-selector .article-content { gap:var(--elements-gap); }

	.sec-who-am-i .services-selector footer { gap:var(--elements-gap); }
	.sec-who-am-i .services-selector .panel-desktop { flex:1 1 0;  min-width:0; max-width:none; width:auto; padding:var(--small-box-padding) var(--box-padding); gap:var(--box-gap); border-radius:var(--box-br); display:flex; flex-direction:column; align-items:flex-start; }

/* =========================================================
  🧩 LARGE CONTENT PANEL
========================================================= */
	.sec-who-am-i .services-selector .panel-desktop .a-wrapper { gap:var(--box-gap); display:flex; flex-direction:column; overflow: hidden; }
	.sec-who-am-i .services-selector article,
	.sec-who-am-i .services-selector .panel-desktop .article-content-wrapper { flex-direction:column; }
	.sec-who-am-i .services-selector .panel-desktop .article-content-wrapper .left { order:1; }
	.sec-who-am-i .services-selector .panel-desktop .article-content { display:flex; flex-direction:column; }
	.sec-who-am-i .services-selector .panel-desktop .article-content .left { display:flex; flex-direction:column; gap:var(--paragraph-gap); max-width:540px; }
	.sec-who-am-i .services-selector .panel-desktop .container { display:flex; }

	.sec-who-am-i .services-selector .panel-desktop .article-content header { margin-bottom:-8px; }

	.sec-who-am-i .services-selector .panel-desktop .article-content ul { display:flex; flex-direction:column; gap:var(--space-8); }
	.sec-who-am-i .services-selector .panel-desktop footer { gap:var(--space-16); width:100%; }
	.sec-who-am-i .services-selector .panel-desktop footer a,
	.sec-who-am-i .services-selector .panel-desktop footer button { width:50%; }
	.sec-who-am-i .services-selector .article-content aside { width:fit-content; flex:0 0 auto; border-radius:var(--small-box-br); gap:var(--elements-gap); display:inline-flex; flex-direction:column; }
	.sec-who-am-i .services-selector .article-content aside .video { order: 0; max-width:590px; max-height:auto; aspect-ratio:16/9; border-radius:var(--small-box-br); align-self:flex-start;}
	.sec-who-am-i .services-selector .article-content aside .video::before { border-radius:var(--small-box-br); width:auto; position:relative; } 
	.sec-who-am-i .services-selector .article-content aside .video img { aspect-ratio:16/9; width:100%; border-radius:var(--small-box-br); }

}

@media (min-width: 1200px) {
	.sec-who-am-i .wrapped { max-width:var(--width-wrap-1400); }
	/* usługi - menu */
	.sec-who-am-i .services-selector { flex-direction:row; gap:var(--section-gap); }
	.sec-who-am-i .services-selector .sidebar { min-width:340px; flex:0 0 340px; min-width:340px; max-width:340px; } /* nie rośnie, nie kurczy się poniżej 340px (możesz użyć 0 1 340px jeśli ma się kurczyć) */
	.sec-who-am-i .services-selector .tabs { gap:var(--space-8); }

/* =========================================================
  🧩 TABS HEADER
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .q { height:48px; }

/* =========================================================
  🧩 TABS BUTTON
========================================================= */
	.sec-who-am-i .services-selector .sidebar .tabs .q button { pointer-events: none; }
	.sec-who-am-i .services-selector .sidebar .tabs .q button svg { /*width:24px; height:24px;*/ }
	.sec-who-am-i .services-selector .sidebar .tabs .active .q button { display:flex; width:20px; height:20px; }

	.sec-who-am-i .services-selector .sidebar .tabs .q:hover button { display:flex; pointer-events: auto; }

	.sec-who-am-i .services-selector .sidebar .tabs .a { dislay:none; }
	.sec-who-am-i .services-selector .tabs--ver-list { gap:var(--space-8); }
	.sec-who-am-i .services-selector .tabs--ver-list li { width:100%; display:block; }

/* =========================================================
  🧩 LARGE CONTENT PANEL
========================================================= */
	.sec-who-am-i .services-selector .panel-desktop .a-wrapper { gap:var(--box-gap); display:flex; flex-direction:column; }
	.sec-who-am-i .services-selector .container { flex-direction:row; gap:var(--section-gap); }
	.sec-who-am-i .services-selector article,
	.sec-who-am-i .services-selector .article-content { gap:var(--box-gap); overflow:visible; }

	.sec-who-am-i .services-selector footer { gap:var(--elements-gap); }
	.sec-who-am-i .services-selector .panel-desktop { flex: 1 1 0; min-width: 0; max-width: 920px; width:auto; padding:calc(var(--small-box-padding) * 1.25) var(--box-padding); gap:var(--box-gap); border-radius:var(--box-br); display:flex; flex-direction:column; align-items:flex-start; }

	.sec-who-am-i .services-selector article,
	.sec-who-am-i .services-selector .panel-desktop .article-content .left { display:flex; flex-direction:column; gap:var(--paragraph-gap); max-width:500px; }
	.sec-who-am-i .services-selector .panel-desktop .container { display:flex; }

	.sec-who-am-i .services-selector .panel-desktop .article-content-wrapper { flex-direction:row; }
	.sec-who-am-i .services-selector .sidebar .tabs .a .article-content .article-content-wrapper { flex-direction:row; }

/* =========================================================
  🧩 VIDEO CONTENT ASIDE
========================================================= */
	.sec-who-am-i .services-selector .panel-desktop aside { display:flex; border-radius:var(--small-box-br); }
	.sec-who-am-i .services-selector .panel-desktop aside .video { width:240px; max-height:auto; aspect-ratio:9/16; }
	.sec-who-am-i .services-selector .panel-desktop aside .video::before { border-radius:var(--small-box-br); width:auto; position:relative;  } 
	.sec-who-am-i .services-selector .panel-desktop aside .video img { aspect-ratio:9/16; border-radius:var(--small-box-br); }

/* =========================================================
  🧩 FOOTER
========================================================= */
	.sec-who-am-i .services-selector .panel-desktop .article-content h4 { /*margin-bottom:-8px;*/ }
	.sec-who-am-i .services-selector .panel-desktop .article-content ul { display:flex; flex-direction:column; gap:var(--space-8); }
	.sec-who-am-i .services-selector .panel-desktop footer { gap:var(--elements-gap); width:100%; }
	.sec-who-am-i .services-selector .panel-desktop footer a,
	.sec-who-am-i .services-selector .panel-desktop footer button { width:50%; }
}