/* Rokoko - Strona główna - style z dev */
img {border:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}
a:focus {text-decoration:none;}
a {outline:none;}
a img {border:none;}
img {max-width:100%;}
b,strong {font-weight:700;}
* {box-sizing:border-box;-mox-box-sizing:border-box;-webkit-box-sizing:border-box;}

/* Base typography */
html {font-size: clamp(0.8rem, 1vw + 0.1rem, 1.2rem);}
html,body {margin:0;padding:0;height:100%; font-family: "Montserrat", sans-serif; color: #fff;}
.nag {font-family: "Poppins", sans-serif;}

.flex {display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexStart {justify-content:flex-start;}
.flexEnd {justify-content:flex-end;}
.flexCenter {justify-content:center;}
.flexVcenter {align-items:center;}
.flexVend {align-items:flex-end;}
.flexAround {justify-content:space-around;}

#rokoko-wrapper {min-height:100%;position:relative; background: #1a1a1a;}

/* Header/Topbar */
#rokoko-topbar {z-index:999;position:fixed;top:0;right:0;left:0;background:#000;padding:1.5rem 0;box-shadow:none;transition:all 0.3s;}
#rokoko-topbar .flex {align-items:center;}
#rokoko-topbar .box.flex {flex-wrap:nowrap;}
#rokoko-topbar.fixedHeader {padding:1rem 0;background:#000;}
#rokoko-topbar.fixedHeader .rokoko-logo {width:150px;}

.rokoko-logo {width:200px;transition:all 0.3s;}
.rokoko-logo img {height:auto;display:block;max-width:100%;}

#rokoko-menu.desktop {display:none !important;}
.rokoko-mobile {display:block;}
#rokoko-hamburger {cursor:pointer;display:flex;align-items:center;gap:0.75rem;margin-left:auto;}
.rokoko-menu-text {color:#fff;font-family: "Alumni Sans Pinstripe", sans-serif;font-weight:400;font-size:1.1rem;letter-spacing:0.05em;text-transform:uppercase;letter-spacing:3px;}
#rokoko-nav-icon {width: 30px;height: 20px;position: relative;margin: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#rokoko-nav-icon span {display: block;position: absolute;height: 1px;width: 100%;background: #fff;border-radius: 0;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#rokoko-nav-icon span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#rokoko-nav-icon span:nth-child(2) {top: 9px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#rokoko-nav-icon span:nth-child(3) {top: 18px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#rokoko-nav-icon.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#rokoko-nav-icon.open span:nth-child(2) {width: 0%;opacity: 0;}
#rokoko-nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 19px;left: 8px;}

#rokoko-mobile-menu {background:rgba(26, 26, 26, 0.98);z-index:998;position:fixed;top:0;bottom:0;right:0;left:0;text-align:center;padding-top:100px;display:none;}
#rokoko-mobile-menu .rokoko-menu-list {font-family: "Alumni Sans Pinstripe", sans-serif;font-weight:400;letter-spacing:0.15em;display:block;flex-direction:column;gap:1rem;list-style:none;}
#rokoko-mobile-menu .rokoko-menu-list li {width:100%;padding:1rem 10px;}
#rokoko-mobile-menu .rokoko-menu-list li a {padding:0.5rem 1rem;color:#fff !important;font-size:1.5rem;transition: all	0.3s;}
#rokoko-mobile-menu .rokoko-menu-list li a:hover {background:#fff;color:#000 !important;}

/* Hero Section */
.rokoko-hero-section {min-height:100vh;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:0;margin-top:0;overflow:hidden;}
.rokoko-hero-video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%, -50%);object-fit:cover;z-index:0;}
.rokoko-hero-section::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.3) 60%, transparent 100%);z-index:1;}
.rokoko-hero-overlay {width:100%;height:100%;position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;padding-bottom:8rem;padding-left:0;}
.rokoko-hero-content {width:100%;padding:0 2rem 0rem;position:relative;z-index:2;max-width:750px;margin:0 auto;}
.rokoko-hero-content h1 {font-size:2.5rem;font-weight:300;line-height:100%;margin:0 0 2rem;color:#fff;letter-spacing:-0.01rem;text-align:left;text-transform:uppercase;}
.rokoko-hero-description {font-size:0.8rem;line-height:2;color:#fff;margin:0;max-width:700px;text-shadow:1px 1px 4px rgba(0,0,0,0.8);font-weight:400;text-align:left;letter-spacing:0;text-align:justify;}

.rokoko-box {max-width:1620px;margin: 0px auto;padding:0px 2rem;}
.rokoko-boxSmaller {width:100%;max-width:1400px;margin:0px auto;}

.rokoko-main-content-wrapper {background-size:cover;background-position:top center;position:relative;}

/* Galeria */
.rokoko-gallery-section {padding:2rem 0;position:relative;}
.rokoko-gallery-mosaic {display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-bottom:3rem;align-items:start;}
.rokoko-gallery-column {display:flex;flex-direction:column;gap:1rem;}
.rokoko-gallery-item {position:relative;overflow:hidden;cursor:pointer;transition:transform 0.3s;width:100%;}
.rokoko-gallery-item a {display:block;width:100%;}
.rokoko-gallery-item img {width:100%;height:auto;display:block;transition:transform 0.3s;object-fit:cover;}
.rokoko-gallery-item:hover {transform:scale(1.02);z-index:10;}
.rokoko-gallery-item:hover img {transform:scale(1.05);}
.rokoko-gallery-button-wrapper {display:flex;align-items:center;justify-content:flex-start;padding:1.5rem 0;background:transparent;cursor:default;flex-shrink:0;}
.rokoko-gallery-button-wrapper:hover {transform:none;}
.rokoko-gallery-button {font-family:"Poppins", sans-serif;font-size:0.9rem;font-weight:300;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:0.2rem;padding:1rem 1.5rem;transition:all 0.3s;display:inline-block;text-align:left;white-space:nowrap;}
.rokoko-gallery-button:hover {background:#fff;color:#000;}
.rokoko-gallery-cta-mobile {display:none;}

/* Pasja tworzenia */
.rokoko-passion-section {padding:2rem 0;position:relative;}
.rokoko-passion-content {display:flex;justify-content:space-between;gap:4rem;align-items:center;}
.rokoko-passion-text-column {flex:1;max-width:50%;}
.rokoko-passion-content h2.nag2 {font-family:"Poppins", sans-serif;font-size:2.5rem;font-weight:400;margin:0 0 2rem;color:#CAB894;letter-spacing:-0.01rem;}
.rokoko-passion-description {font-family:"Montserrat", sans-serif;font-size:0.8rem;line-height:2;color:#fff;margin:0;font-weight:400;letter-spacing:0;}
.rokoko-passion-images-column {flex:0 0 auto;width:45%;}
.rokoko-passion-images-column img {width:auto;height:250px;opacity:0.95;object-fit:contain;filter:brightness(0.9);}

/* Od konceptu */
.rokoko-concept-section {padding:2rem 0;position:relative;}
.rokoko-concept-content {display:flex;justify-content:space-between;gap:4rem;align-items:center;}
.rokoko-concept-image-column {flex:0 0 auto;width:40%;}
.rokoko-concept-profile-image img {width:100%;height:100%;object-fit:cover;display:block;}
.rokoko-concept-text-column {flex:1;max-width:52%;}
.rokoko-concept-description {font-family:"Montserrat", sans-serif;font-size:0.8rem;line-height:2;color:#fff;margin:0;font-weight:400;letter-spacing:0;}

/* Kontakt */
.rokoko-contact-section {padding:2rem 0;position:relative;}
.rokoko-contact-content {text-align:center;position:relative;z-index:1;}
.rokoko-contact-content h2 {font-family:"Poppins", sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 1.5rem;color:#D9CEB4;text-transform:uppercase;letter-spacing:-0.01rem;}
.rokoko-contact-cta p {font-family:"Montserrat", sans-serif;font-size:1.5rem;font-weight:400;color:#D9CEB4;margin:0;}

/* Footer */
.rokoko-footer {padding:4rem 0 3rem;color:#fff;position:relative;}
.rokoko-footer .rokoko-box {border-top:1px solid #CAB894;padding-top:2rem;}
.rokoko-footer-content {display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;flex-wrap:wrap;}
.rokoko-footer-column {min-width:150px;}
.rokoko-footer-column.footer-column-3 {width:700px;max-width:100%;}
.rokoko-footer-logo {margin-bottom:1.5rem;}
.rokoko-footer-logo img {max-width:150px;height:auto;display:block;opacity:0.9;}
.rokoko-footer-column p {font-family:"Montserrat", sans-serif;font-size:0.8rem;line-height:1.8;margin:0 0 0.5rem;color:#727272;font-weight:400;}
.rokoko-footer-column p strong {font-weight:700;color:#D9CEB4;}

/* Responsive */
@media all and ( max-width:1020px) {
	.rokoko-hero-section {min-height:80vh;margin-top:80px;}
	.rokoko-hero-content {padding:0 1.5rem 3rem;}
	.rokoko-box {padding:0px 1.5rem;}
	.rokoko-gallery-mosaic {grid-template-columns:repeat(2, 1fr);gap:0.75rem;}
	.rokoko-gallery-button-wrapper {display:none;}
	.rokoko-gallery-cta-mobile {display:block;grid-column:1 / -1;text-align:center;margin-top:1rem;}
	.rokoko-passion-content {flex-direction:column;gap:3rem;}
	.rokoko-passion-text-column {max-width:100%;}
	.rokoko-passion-images-column {width:100%;}
	.rokoko-concept-content {flex-direction:column;gap:3rem;}
	.rokoko-concept-image-column {width:100%;display:flex;justify-content:center;}
	.rokoko-concept-text-column {max-width:100%;}
	.rokoko-footer-content {flex-direction:column;gap:2rem;}
	.rokoko-footer-column {min-width:100%;}
	.rokoko-galeria-karty {grid-template-columns:repeat(2, 1fr) !important;}
}
@media all and ( max-width:768px) {
	.rokoko-hero-section {min-height:70vh;margin-top:70px;}
	.rokoko-hero-content {padding:0 1rem 2.5rem;}
	.rokoko-box {padding:0px 1rem;}
	.rokoko-logo {width:150px;}
	#rokoko-topbar.fixedHeader .rokoko-logo {width:120px;}
	.rokoko-gallery-mosaic {grid-template-columns:1fr;gap:0.5rem;}
}

/* ===== Galeria – lista kategorii ===== */
.rokoko-galeria-lista {padding:3rem 0;min-height:50vh;}
.rokoko-galeria-lista .rokoko-box {color:#fff;}
.rokoko-galeria-karty {display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;}
.rokoko-galeria-karta {display:block;position:relative;overflow:hidden;border-radius:4px;aspect-ratio:4/3;text-decoration:none;color:#fff;}
.rokoko-galeria-karta-imgs {position:absolute;inset:0;transition:transform 0.3s;}
.rokoko-galeria-karta-img {position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 0.4s ease, transform 0.3s;}
.rokoko-galeria-karta-img-0 {opacity:1;z-index:1;}
.rokoko-galeria-karta-img-1 {opacity:0;z-index:2;}
.rokoko-galeria-karta-img-2 {opacity:0;z-index:3;}
.rokoko-galeria-karta.has-hover-imgs:hover .rokoko-galeria-karta-img-0 {opacity:0;}
.rokoko-galeria-karta.has-hover-imgs:hover .rokoko-galeria-karta-img-1 {opacity:1;}
.rokoko-galeria-karta.has-hover-imgs:hover .rokoko-galeria-karta-img-2 {opacity:0;}
.rokoko-galeria-karta.has-hover-imgs.cycle-0:hover .rokoko-galeria-karta-img-0 {opacity:1;}
.rokoko-galeria-karta.has-hover-imgs.cycle-0:hover .rokoko-galeria-karta-img-1 {opacity:0;}
.rokoko-galeria-karta.has-hover-imgs.cycle-0:hover .rokoko-galeria-karta-img-2 {opacity:0;}
.rokoko-galeria-karta.has-hover-imgs.cycle-2:hover .rokoko-galeria-karta-img-0 {opacity:0;}
.rokoko-galeria-karta.has-hover-imgs.cycle-2:hover .rokoko-galeria-karta-img-1 {opacity:0;}
.rokoko-galeria-karta.has-hover-imgs.cycle-2:hover .rokoko-galeria-karta-img-2 {opacity:1;}
.rokoko-galeria-karta:hover .rokoko-galeria-karta-imgs {transform:scale(1.05);}
.rokoko-galeria-karta-tytul {position:absolute;bottom:0;left:0;right:0;padding:1.25rem 1rem;background:linear-gradient(transparent, rgba(0,0,0,0.85));font-family:"Poppins", sans-serif;font-size:1.1rem;font-weight:300;}
.rokoko-galeria-brak {color:#727272;font-size:0.95rem;}

/* Galeria kategoria – znak wodny i opis na hover */
.rokoko-galeria-kategoria {padding:2rem 0;min-height:50vh;}
.rokoko-galeria-kategoria .rokoko-box {color:#fff;}
.rokoko-galeria-kategoria-tytul {font-family:"Poppins", sans-serif;font-size:2rem;font-weight:400;color:#CAB894;margin:0 0 2rem;}
.rokoko-gallery-item-inner {position:relative;display:block;width:100%;}
.rokoko-gallery-watermark {position:absolute;bottom:8px;right:8px;width:60px;height:auto;min-height:30px;background-size:contain;background-repeat:no-repeat;background-position:bottom right;opacity:0.75;pointer-events:none;}
.rokoko-gallery-item-with-caption .rokoko-gallery-item-caption {position:absolute;bottom:0;left:0;right:0;padding:0.75rem 0.5rem;background:rgba(0,0,0,0.8);color:#fff;font-size:0.75rem;line-height:1.4;opacity:0;transition:opacity 0.25s;}
.rokoko-gallery-item-with-caption:hover .rokoko-gallery-item-caption {opacity:1;}
/* Fancybox pokazuje caption z data-caption – domyślnie pod zdjęciem */
.subpageWrap {padding-top:6rem !important;}