#rotator-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    user-select: none;
}

#rotator-images {
    position: relative;
    width: 100%;
}

/* WSZYSTKIE obrazy absolutne */
.rot-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    pointer-events: none;
}

.rot-img.active {
    display: block;
}
#img-rotator-loader {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: 3px solid #ccc;
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    display: none;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}
.img-rotator-control {
    position: absolute;
    bottom: 50px; /* było 10px – za nisko */
    left: 10px;
    z-index: 10;
}
#rotator-wrapper{cursor: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='54'%20height='49'%20viewBox='0%200%2054%2049'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cellipse%20cx='27'%20cy='24.5'%20fill='%23FFF'%20rx='27'%20ry='15.016'/%3e%3cg%20fill='%23000'%3e%3cpath%20d='M39.323%207.862c-.399-2.704-7.058-4.322-8.318-4.352l1.145-1.278c.134-.15.134-.39%200-.54-.133-.149-.35-.149-.483%200l-1.711%201.91c-.13.144-.134.376-.011.526l1.71%202.1c.068.084.16.126.253.126.082%200%20.165-.033.23-.1.14-.141.15-.383.023-.538l-1.176-1.444c1.387.014%207.37%201.72%207.663%203.713.144.977-1.301%202.09-4.07%203.133-2.081.785-7.958%201.555-11.865%201.555-.188%200-.342.17-.342.381%200%20.21.154.381.342.381%203.963%200%209.949-.79%2012.084-1.594%203.259-1.229%204.739-2.53%204.526-3.98M18.24%2010.257c-.128-.16-.347-.171-.487-.027-.141.146-.152.393-.024.552l1.154%201.437c-4.703-.003-9.622-.582-12.538-1.478C1.27%209.18.627%207.843.695%207.184c.09-.866%201.424-1.888%203.662-2.804%201.932-.79%203.795-1.22%204.01-1.228.189-.001.343-.175.343-.39%200-.216-.155-.391-.345-.391-.372%200-8.008%201.774-8.352%204.696-.194%201.647%201.818%203.095%206.15%204.427C9.14%2012.41%2014.144%2013%2018.91%2013c.009%200%20.017-.002.025-.003l-1.194%201.353c-.135.152-.135.4%200%20.552.067.076.155.114.244.114.088%200%20.176-.038.244-.114l1.727-1.956c.13-.147.135-.384.012-.538l-1.728-2.151z'%20transform='translate(7.714%2017.387)'/%3e%3cpath%20d='M10.862%205.83l.18-.2c.09-.097.238-.097.328%200%20.399.433%201.002.719%201.69.719.96%200%201.545-.506%201.545-1.29%200-.858-.674-1.219-1.645-1.219-.156%200-.32%200-.453.002-.127.002-.231-.104-.231-.236V3.31c0-.132.104-.238.23-.236.135.002.3.002.454.002.833%200%201.537-.34%201.537-1.135%200-.764-.675-1.177-1.478-1.177-.644%200-1.14.23-1.584.666-.09.09-.237.08-.32-.019l-.163-.191c-.08-.094-.074-.235.01-.325C11.441.372%2012.154%200%2013.088%200c1.269%200%202.23.67%202.23%201.827%200%201.002-.803%201.497-1.417%201.6.595.062%201.527.589%201.527%201.704%200%201.146-.893%201.982-2.35%201.982-1.015%200-1.786-.424-2.224-.965-.076-.092-.073-.229.007-.317M20.808%204.893c0-1.011-.641-1.486-1.442-1.486-.632%200-1.235.423-1.575%201.022.066.857.481%201.92%201.575%201.92.97%200%201.442-.805%201.442-1.456m-3.837-1.342c0-1.858.792-3.551%202.565-3.551.718%200%201.232.266%201.61.678.074.082.086.208.028.304l-.148.24c-.076.122-.234.136-.331.033-.283-.297-.626-.491-1.16-.491-1.225%200-1.772%201.352-1.772%202.705v.268c.273-.475.971-1.074%201.782-1.074%201.132%200%202.055.733%202.055%202.2%200%201.186-.83%202.25-2.197%202.25-1.763%200-2.432-1.683-2.432-3.562M26.229%203.551c0-1.373-.39-2.787-1.544-2.787-1.152%200-1.542%201.414-1.542%202.787%200%201.374.39%202.798%201.542%202.798%201.153%200%201.544-1.424%201.544-2.798m-3.858%200c0-1.683.653-3.551%202.314-3.551C26.337%200%2027%201.868%2027%203.551c0%201.672-.663%203.562-2.315%203.562-1.66%200-2.314-1.89-2.314-3.562'%20transform='translate(7.714%2017.387)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"), auto;}
.img-rotator-control {
    cursor: default !important;
}
.img-rotator-control button {
    cursor: pointer !important;
}
#oval{  
	position:absolute;
	bottom:0px;
	
	width:100%;
	padding-bottom:15.15%;
	pointer-events:none;
	background-image:url(/img/oval.svg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:bottom;
}
.img-rotator-control {
  z-index:9;
  position:absolute;
  bottom:10px;
  left:0;
  right:0;
  margin:0 auto;
  width:90px;
  display:flex;
  justify-content:space-between
}
.img-rotator-control button {
  background:#fff;
  width:40px;
  height:40px;
  text-align:center;
  border-radius:64px;
  box-shadow:0 10px 40px 0 #bbb;
  border:none;
  cursor:pointer;
  transition:all .2s ease-in-out;
  cursor: pointer !important;

}
.img-rotator-control button:hover {
  background:#004a99;
  color:#fff;
}
.img-rotator-control svg {
  display:inline-block;
  fill:#004a99;
  width:15px
}
.img-rotator-control .previous svg {
  transform:rotate(180deg)
}
.img-rotator-control button:hover svg {
  fill:#fff
}

#open-rotator-btn {
    cursor: pointer;
    font-size: 32px;
    color: black;
	z-index:1000;
	width:54px;
	height:54px;
	border-radius:27px;
	box-shadow:0px 0px 10px #ccc;
	text-align:center;
	position:absolute;
	top:1rem;
	right:1rem;
}
@media (max-width: 767px) {
	#open-rotator-btn {display:none;}
}
#open-rotator-btn:hover{background:#033a7e;}
#open-rotator-btn {
    color: #0054A5; /* niebieski */
    transition: color .2s;
}

#open-rotator-btn:hover {
    color: white; /* na hover SVG stanie się białe */
	fill:white;
}

#rotator-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,1);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#rotator-wrapper {
    position: relative;
    width: 90vw;
    max-width: 1280px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

#rotator-close {
    position: absolute;
    top: 1rem;
    right: 2rem;
    background: transparent;
    border: none;
    font-size: 20px;
	font-weight:100;
    color: #444;
    cursor: pointer;
    z-index: 10000;
	padding:20px;
}

#img-rotator-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    z-index: 1000;
}

#rotator-images img {
    display: none;
    width: 100%;
    height: auto;
}

#rotator-images img.active {
    display: block;
}