.sec-experience .retailers-map .block-content { display:flex; flex-direction:column; gap:calc(2* var(--elements-gap)); width:100%; overflow:hidden; }
.sec-experience .retailers-map .small-title { margin:auto; }

/* =========================================================
  🧩 Map
========================================================= */
.sec-experience .retailers-map-content .word-map { width:100%; height:auto; margin:auto; display:block; }

.sec-experience .retailers-map .block-header h3 { margin:auto; }

.sec-experience .retailers-map .block-content .retailers-map-content { position:relative; }
.sec-experience .retailers-map .block-content .retailers-map-content figure { position:relative; width:100%; margin:auto; }

/* =========================================================
  🧩 Pin + pulse animation - theme
========================================================= */
.sec-experience .retailers-map-content figure .map-pin { color:var(--basic-color-green); }
.sec-experience .retailers-map-content .map-pin-wrapper::before { background:var(--basic-color-green); opacity:0.6; animation:pinPulse 2s infinite; }
@keyframes pinPulse { 0% { transform:translate(-50%, -50%) scale(1); opacity:0.6; } 70% { transform:translate(-50%, -50%) scale(2.2); opacity:0; } 100% { transform:translate(-50%, -50%) scale(1); opacity:0; } }

/* =========================================================
  🧩 Pin + pulse animation - ia
========================================================= */
.sec-experience .retailers-map-content figure .map-pin { display:block; height:var(--space-36); width:var(--space-36); position:absolute; cursor:pointer; }
.sec-experience .retailers-map-content .map-pin-wrapper { position:absolute; height:var(--space-36); width:var(--space-36); display:flex; align-items:center; justify-content:center; }
.sec-experience .retailers-map-content .map-pin-wrapper::before { content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:50%; transform:translate(-50%, -50%); z-index:0; pointer-events:none; }


/* =========================================================
  🧩 Tooltip - theme
========================================================= */
.sec-experience .retailers-map .tooltip { background:var(--tooltip-dark-bg); transition:opacity var(--transition-time) ease; backdrop-filter:blur(var(--tooltip-dark-bg-blur)) saturate(180%); -webkit-backdrop-filter:blur(var(--tooltip-dark-bg-blur)) saturate(180%); /* Safari/iOS */ border:1px solid rgba(255, 255, 255, 0.3); /* delikatna ramka */ box-shadow:0 4px 12px rgba(0,0,0,.15); }
.sec-experience .retailers-map .tooltip.show { transition:opacity var(--transition-time) ease; opacity:1; pointer-events: auto; }
.sec-experience .retailers-map .tooltip .content p,
.sec-experience .retailers-map .tooltip .content ul li { color:var(--tooltip-dark-foreground); }
.sec-experience .retailers-map .tooltip .content ul { display:flex; flex-direction:column; gap:var(--space-8); }
.sec-experience .retailers-map .tooltip .tooltip-close #tooltip-close { background:var(--tooltip-dark-close-icon-bg); fill:var(--tooltip-dark-close-icon); color:var(--tooltip-dark-close-icon); }

/* =========================================================
  🧩 Tooltip - ia
========================================================= */
.sec-experience .retailers-map .tooltip { position:absolute; border-radius:var(--small-box-br); display:flex; flex-direction:row; gap:calc(var(--elements-gap)/2); padding:var(--space-24); width:500px; opacity:0; pointer-events:none; text-align:left; }
.sec-experience .retailers-map .tooltip.extra-wide { width:540px; }
.sec-experience .retailers-map .tooltip.show { opacity:1; pointer-events:auto; z-index:100; }
.sec-experience .retailers-map .tooltip img { max-width:100%; border-radius:var(--space-8); margin-bottom:var(--space-8); display:none; }
.sec-experience .retailers-map .tooltip .tooltip-container { display:flex; flex-direction:column; gap:calc(var(--paragraph-gap)/2); }
.sec-experience .retailers-map .tooltip h4 { display:block; }
.sec-experience .retailers-map .tooltip .content { display:flex; flex-direction:column; gap:calc(var(--paragraph-gap)/2); }


/* =========================================================
  🧩 Retailers logo slider
========================================================= */
.sec-experience .retailers-logos .retailers-list-logos { display:flex; flex-direction:column; gap:var(--elements-gap); /* padding-top:var(--small-box-padding); */ }
.sec-experience .retailers-logos .retailers-list-logos .retailers-logos-container { overflow:hidden; position:relative; margin:auto; -webkit-mask-image:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 13%, rgba(0,0,0,1) 97%, rgba(0,0,0,0) 100%); -webkit-mask-repeat:no-repeat; -webkit-mask-size:100% 100%; mask-image:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 13%, rgba(0,0,0,1) 97%, rgba(0,0,0,0) 100%); mask-repeat:no-repeat; mask-size:100% 100%; }

.retailers-logo-track { display:flex; flex-wrap:nowrap; gap:var(--small-box-gap); will-change:transform; user-select:none; -webkit-user-drag:none; pointer-events:auto; min-width:max-content; }
.retailers-logo-track li { padding:0;margin:0; justify-content:center; align-items:center; display:flex; }
.retailers-logo-track li .brand { background:var(--box-light-bg); display:flex; border-radius:var(--small-box-br); justify-content:center; align-items:center; padding:0 var(--small-box-padding); }
.retailers-logo-track img { width:auto; display:block; pointer-events:none; }


/* =========================================================
  🧩 RWD
========================================================= */
@media (min-width:1px) and (max-width:640px) {
  .sec-experience .section-header h2, 
  .sec-experience .block .block-header { max-width:480px; margin:auto; }  
  .sec-experience .block .lead { max-width:480px; margin:auto; }

  .sec-experience .retailers-map .block-header { text-align:left; }

  .sec-experience .retailers-map .block-header h3 br { display:none; }
  .sec-experience .retailers-map .block-content .retailers-map-content figure { min-width:300px; max-width:600px; }
  .sec-experience .retailers-map .block-content .retailers-map-content figure .map-pin { height:var(--space-24); width:var(--space-24); }
  .sec-experience .retailers-map-content .word-map { min-width:300px; max-width:600px; }

  .sec-experience .retailers-map-content .discover-implement { display:flex; display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) !important; z-index:1; min-width:280px; }

  .sec-experience .retailers-logos .retailers-logos-container,
  .sec-experience .retailers-logos .retailers-list-logos { width:90vw; box-sizing:border-box; }

  .sec-experience .retailers-logos { text-align:left; }
  .sec-experience .retailers-map .small-title,
  .sec-experience .retailers-logos .small-title { margin:0; }

  .retailers-logo-track li .brand { height:46px; width:120px; }
  .retailers-logo-track img { max-height:20px; max-width:80px; }

  /* RETAILERS MAP */
  .sec-experience .retailers-map .retailers-map-content .map-pin { display:flex !important; }
  .sec-experience .retailers-map #retailer-usa { left:12%; top:26%; }
  .sec-experience .retailers-map #retailer-mex { left:10%; top:36%; }
  .sec-experience .retailers-map #retailer-arg { left:26%; top:72%; }

  .sec-experience .retailers-map #retailer-uk { left:42%; top:13%; }
  .sec-experience .retailers-map #retailer-de { left:45.5%; top:15%; }
  .sec-experience .retailers-map #retailer-pol { left:48%; top:16%; }

  .sec-experience .retailers-map #retailer-turkey { right:44%; top:25%; }
  .sec-experience .retailers-map #retailer-india { right:29%; top:39%; }
  .sec-experience .retailers-map #retailer-thailand { right:20.5%; top:43%; }
  .sec-experience .retailers-map #retailer-vietnam { right:18%; top:39%; }
  .sec-experience .retailers-map #retailer-malysia { right:23%; top:47%; }
  .sec-experience .retailers-map #retailer-indonesia { right:20%; top:57%; }
  .sec-experience .retailers-map #retailer-soth-korea { right:14.5%; top:27%; }
  .sec-experience .retailers-map #retailer-japan { right:11%; top:25%; }
  .sec-experience .retailers-map #retailer-china { right:20%; top:24%; }
}

@media (min-width:641px) and (max-width:1023px) {
  .sec-experience .retailers-map .block-header,
  .sec-experience .retailers-logos .block-header { text-align:left; max-width:600px; }
  .sec-experience .retailers-map .block-content .retailers-map-content figure { min-width:600px; max-width:1000px; }
  .sec-experience .retailers-map .block-content .retailers-map-content figure .map-pin { height:var(--space-32); width:var(--space-32); }
  .sec-experience .retailers-map-content .word-map { min-width:600px; max-width:1000px; }

  .sec-experience .retailers-map .headline-wrapper { text-align:left; }
  .sec-experience .retailers-map .headline-wrapper .small-title { margin:0; }
  .sec-experience .retailers-map .lead { text-align:left; }

  .sec-experience .retailers-logos .block-header h3,
  .sec-experience .retailers-logos .small-title { margin:0; text-align:left; }  
  .sec-experience .retailers-logos .lead { text-align:left; }  

  .sec-experience .retailers-map-content .discover-implement { display:none; }

  .sec-experience .retailers-logos .retailers-list-logos .retailers-logos-container,
  .sec-experience .retailers-logos .retailers-list-logos { width:100%; max-width:70vw; }
  .sec-experience .retailers-logos .retailers-list-logos p { max-width:640px; margin:auto; }

  .retailers-logo-track li .brand { height:46px; width:120px; }
  .retailers-logo-track img { max-height:20px; max-width:80px; }

  /* RETAILERS MAP */
  .sec-experience .retailers-map #retailer-usa { left:12%; top:26%; }
  .sec-experience .retailers-map #retailer-mex { left:10%; top:36%; }
  .sec-experience .retailers-map #retailer-arg { left:26%; top:72%; }

  .sec-experience .retailers-map #retailer-uk { left:42%; top:13%; }
  .sec-experience .retailers-map #retailer-de { left:45.5%; top:15%; }
  .sec-experience .retailers-map #retailer-pol { left:48%; top:16%; }

  .sec-experience .retailers-map #retailer-turkey { right:44%; top:25%; }
  .sec-experience .retailers-map #retailer-india { right:29%; top:39%; }
  .sec-experience .retailers-map #retailer-thailand { right:20.5%; top:43%; }
  .sec-experience .retailers-map #retailer-vietnam { right:18%; top:39%; }
  .sec-experience .retailers-map #retailer-malysia { right:23%; top:47%; }
  .sec-experience .retailers-map #retailer-indonesia { right:20%; top:57%; }
  .sec-experience .retailers-map #retailer-soth-korea { right:14.5%; top:27%; }
  .sec-experience .retailers-map #retailer-japan { right:11%; top:25%; }
  .sec-experience .retailers-map #retailer-china { right:20%; top:24%; }
}

@media (min-width:1024px) and (max-width:1199px) {
  .sec-experience .retailers-map .block-header { text-align:center; }
  .sec-experience .retailers-map .block-header .lead,
  .sec-experience .retailers-logos .block-header .lead { max-width:600px; margin:auto; }
  .sec-experience .retailers-map .block-content { gap:calc(3 * var(--elements-gap));}
  .sec-experience .block { gap:calc(var(--elements-gap) * 3); }

  .sec-experience .retailers-logos .block-header h3,
  .sec-experience .retailers-logos .small-title { margin:auto; }  
  .sec-experience .retailers-map .block-content .retailers-map-content figure { min-width:900px; max-width:1100px; }
  .sec-experience .retailers-map .block-content .retailers-map-content figure .map-pin { height:var(--space-32); width:var(--space-32); }
  .sec-experience .retailers-map-content .word-map { min-width:900px; max-width:1100px; }

  .sec-experience .retailers-map-content .discover-implement { display:none; }

  .sec-experience .retailers-logos .retailers-logos-container,
  .sec-experience .retailers-logos .retailers-list-logos { width:100%; max-width:90vw; }
  .sec-experience .retailers-logos .retailers-list-logos p { max-width:640px; margin:auto; }

  .retailers-logo-track li .brand { height:54px; width:150px; }
  .retailers-logo-track img { max-height:22px; max-width:80px; }

  /* RETAILERS MAP */
  .sec-experience .retailers-map #retailer-usa { left:12%; top:26%; }
  .sec-experience .retailers-map #retailer-mex { left:10%; top:36%; }
  .sec-experience .retailers-map #retailer-arg { left:26%; top:72%; }

  .sec-experience .retailers-map #retailer-uk { left:42%; top:13%; }
  .sec-experience .retailers-map #retailer-de { left:45.5%; top:15%; }
  .sec-experience .retailers-map #retailer-pol { left:48%; top:16%; }

  .sec-experience .retailers-map #retailer-turkey { right:44%; top:25%; }
  .sec-experience .retailers-map #retailer-india { right:29%; top:39%; }
  .sec-experience .retailers-map #retailer-thailand { right:20.5%; top:43%; }
  .sec-experience .retailers-map #retailer-vietnam { right:18%; top:39%; }
  .sec-experience .retailers-map #retailer-malysia { right:23%; top:47%; }
  .sec-experience .retailers-map #retailer-indonesia { right:20%; top:57%; }
  .sec-experience .retailers-map #retailer-soth-korea { right:14.5%; top:27%; }
  .sec-experience .retailers-map #retailer-japan { right:11%; top:25%; }
  .sec-experience .retailers-map #retailer-china { right:20%; top:24%; }
}

@media (min-width:1200px) {
  .sec-experience .retailers-map .block-content .retailers-map-content figure { min-width:1200px; max-width:1200px; }
  .sec-experience .retailers-map-content .word-map { max-width:1150px; }

  .sec-experience .retailers-map-content .discover-implement { display:none; }

  .sec-experience .retailers-logos .small-title { margin:auto; }
  .sec-experience .retailers-logos .retailers-logos-container,
  .sec-experience .retailers-logos .retailers-list-logos { max-width:1100px; }
  .sec-experience .retailers-logos .retailers-list-logos p { max-width:640px; margin:auto; }

  .retailers-logo-track li .brand { height:58px; width:180px; }
  .retailers-logo-track img { max-height:22px; max-width:90px; }

  /* RETAILERS MAP */
  .sec-experience .retailers-map #retailer-usa { left:12%; top:26%; }
  .sec-experience .retailers-map #retailer-mex { left:10%; top:36%; }
  .sec-experience .retailers-map #retailer-arg { left:26%; top:72%; }

  .sec-experience .retailers-map #retailer-uk { left:42%; top:13%; }
  .sec-experience .retailers-map #retailer-de { left:45.5%; top:15%; }
  .sec-experience .retailers-map #retailer-pol { left:48%; top:16%; }

  .sec-experience .retailers-map #retailer-turkey { right:44%; top:25%; }
  .sec-experience .retailers-map #retailer-india { right:29%; top:39%; }
  .sec-experience .retailers-map #retailer-thailand { right:20.5%; top:43%; }
  .sec-experience .retailers-map #retailer-vietnam { right:18%; top:39%; }
  .sec-experience .retailers-map #retailer-malysia { right:23%; top:47%; }
  .sec-experience .retailers-map #retailer-indonesia { right:20%; top:57%; }
  .sec-experience .retailers-map #retailer-soth-korea { right:14.5%; top:27%; }
  .sec-experience .retailers-map #retailer-japan { right:11%; top:25%; }
  .sec-experience .retailers-map #retailer-china { right:20%; top:24%; }
}