/* Wersja mobilna quick-fick.com - nadpisuje styl.css tylko na wąskich ekranach */
@media (max-width: 1000px) {
	html, body { overflow-x: hidden; }
	body { margin: 0; -webkit-text-size-adjust: 100%; }
	img, iframe, video, embed { max-width: 100%; height: auto; }

	/* Szkielet: jedna kolumna */
	#wrapper, #footer { width: auto !important; max-width: 100%; margin: 0 !important; box-sizing: border-box; padding-left: 8px; padding-right: 8px; }
	.mainContent, .mainContent.wide, .contentCategory, #sideBar, #sidebarWide { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; }
	#sideBar, #sidebarWide { margin-top: 12px !important; }
	.corner_tl, .corner_tr, .corner_bl, .corner_br { display: none; }

	/* Nagłówek i baner górny */
	#logo { max-width: 100%; }
	#adTop, #adTop a { width: auto !important; max-width: 100%; height: auto !important; }
	#adTop img { width: 100% !important; height: auto !important; }
	#adTop object, #adTop embed, #adTop ruffle-object { max-width: 100%; }

	/* Menu: przyciski zawijające się w wiersze */
	#wrapperNav { width: auto !important; height: auto !important; box-sizing: border-box; padding: 6px !important; margin: 6px 0 !important; background: #ffe7ff !important; border: 3px solid #f0f; border-radius: 8px; }
	#wrapperNav:after { content: ""; display: block; clear: both; }
	#subNav { float: none !important; width: auto !important; height: auto !important; display: flex; flex-wrap: wrap; gap: 4px; margin: 0 !important; padding: 0 !important; }
	#subNav li { float: none !important; height: auto !important; margin: 0 !important; background-image: none !important; border: 0 !important; }
	#subNav li a, #subNav strong { display: block; padding: 8px 10px !important; line-height: 1.2 !important; background: #fff !important; border: 1px solid #f6c; border-radius: 4px; }
	#wrapperNav .box, #wrapperNav .more { display: none; }

	/* Strona główna */
	#homepageVideoInsert { width: auto !important; }
	#animPlayer, #playerPlayer { float: none !important; width: auto !important; height: auto !important; overflow: hidden; }
	#animViewer, #playerViewer { display: block !important; float: none !important; margin: 0 auto !important; height: 300px !important; }
	#animList { display: none !important; }
	#hotGames { display: block !important; float: none !important; width: auto !important; height: auto !important; overflow: hidden; margin: 8px 0 0 0 !important; background: #ffe7ff !important; border: 3px solid #f0f; border-radius: 8px; box-sizing: border-box; }
	#hotGames h2 { margin: 0 !important; padding: 0 10px; background: #e800e8; }
	#hotGames ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 6px; margin: 6px !important; padding: 0 !important; }
	#hotGames li { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 4px !important; text-align: center; }
	.banner, .adSpace-8 { width: auto !important; height: auto !important; overflow: hidden; }
	.adSpace-8 img { width: 100% !important; height: auto !important; }
	#gameSections { width: auto !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; padding: 0 !important; margin: 8px 0 !important; }
	#gameSections > li { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; box-sizing: border-box; padding-bottom: 8px; background: #ffe7ff !important; border: 3px solid #f6c; border-radius: 8px; }
	#gameSections .gameIcons { display: flex; flex-wrap: wrap; gap: 4px; padding: 0 6px !important; }
	#gameSections .gameIcons li { float: none !important; margin: 0 !important; background: #fff !important; border: 1px solid #f6c; border-radius: 4px; }
	#gameSections .gameIcons { width: auto !important; }

	/* Lista gier w kategorii */
	.contentCategory { overflow: hidden; }
	.contentCategory > hr { width: auto; }
	.contentCategory .linkMap { float: none !important; width: auto !important; margin: 4px 0 !important; }
	.contentCategory h2 { width: auto !important; }
	.thumbnail { float: none !important; display: inline-block !important; vertical-align: top; width: calc(50% - 8px) !important; height: auto !important; margin: 4px 2px !important; padding-bottom: 8px !important; box-sizing: border-box; overflow: hidden; }
	.thumbnail .details { float: none !important; }
	.thumbnail .details h6 { float: none !important; width: auto !important; font-size: 1.15em; }
	.thumbnail img { width: 100% !important; height: auto !important; }
	.thumbnail .details { width: auto !important; }
	ul.pagination { width: auto !important; clear: both; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding: 8px 0 !important; }
	ul.pagination li { float: none !important; margin: 0 !important; }
	ul.pagination li, ul.pagination li a, ul.pagination li span { width: auto !important; }
	ul.pagination li a, ul.pagination li span { display: inline-block; min-width: 32px; padding: 6px 4px !important; text-align: center; }

	/* Strona gry */
	.game-box { width: auto !important; max-width: 100%; }
	.contentCategory .banner { width: auto !important; }
	.ad-down-space-game, .adsBoxRight3, .adSpace-4, .adSpace-5 { float: none !important; width: auto !important; text-align: center; }
	.ad-space-right-game { width: auto !important; text-align: center; }
	.fb-comments, .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe { width: 100% !important; max-width: 100%; }

	/* Pasek boczny */
	.block_300x250, .ad_300x250 { width: auto !important; height: auto !important; position: relative; text-align: center; background: none !important; padding: 0 !important; }
	.block_300x250_holder, .ad_300x250_holder { position: static !important; margin: 0 auto; }
	.boxContent, #description, #textAdsBox, #playersLogin, .adsBoxRight4 { width: auto !important; float: none !important; }
	.boxContent p, #textAdsBox p { width: auto !important; }
	ol.topGame { float: none !important; }

	/* Stopka */
	#footer .center { width: auto !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; padding: 8px 0; }
	#footer .left, #footer .right, #footer em.left, #footer em.right { float: none !important; width: auto !important; }
}

@media (max-width: 420px) {
	#gameSections { grid-template-columns: 1fr; }
}

/* Strona VIP: treść, przyciski i galeria mieszczą się w ekranie */
@media (max-width: 1000px) {
	.content { float: none !important; display: block !important; width: auto !important; margin: 0 0 8px 0 !important; box-sizing: border-box; overflow: hidden; }
	.content > p { text-align: left; }
	.buttonVip { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; padding: 0 6px; }
	.buttonVip a { display: block; max-width: 100%; }
	.buttonVip img { display: block; padding: 4px 0 !important; max-width: 100%; height: auto; }
	.gallery.clearfix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 10px 8px !important; margin: 0; }
	.gallery.clearfix > li { display: block !important; padding: 0 !important; margin: 0; }
	.gallery.clearfix > li a { display: block; line-height: 0; }
	.gallery.clearfix > li img { display: block; width: 100% !important; height: auto !important; }
}
@media (max-width: 1000px) and (min-width: 600px) {
	.gallery.clearfix { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}