@import "./css.css";

/* ============================================
   EDITORIAL / MAGAZINE LAYOUT
   Serif headings + asymmetric grid + hero sidebar
   ============================================ */

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1;scroll-behavior:smooth}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:400;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}

/* Ikons font */
@font-face{font-family:'ikons';src:url(/assets/fonts/ikons.eot?-c80g8x);src:url(/assets/fonts/ikons.eot?#iefix-c80g8x) format("embedded-opentype"),url(/assets/fonts/ikons.woff?-c80g8x) format("woff"),url(/assets/fonts/ikons.ttf?-c80g8x) format("truetype"),url(/assets/fonts/ikons.svg?-c80g8x#ikons) format("svg");font-weight:400;font-style:normal}
[class^="icon-"],[class*=" icon-"],[class^="checkbox-icon-"],[class*=" checkbox-icon-"]{font-family:'ikons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-zoom_out:before{content:"\e600"}.icon-zoom_in:before{content:"\e601"}.icon-youtube:before{content:"\e602"}.icon-windows:before{content:"\e603"}.icon-wifi_3:before{content:"\e604"}.icon-wifi_2:before{content:"\e605"}.icon-wifi_1:before{content:"\e606"}.icon-warning:before{content:"\e607"}.icon-volume_up:before{content:"\e608"}.icon-volume_off:before{content:"\e609"}.icon-volume_mute:before{content:"\e60a"}.icon-volume_down:before{content:"\e60b"}.icon-volume_3:before{content:"\e60c"}.icon-volume_2:before{content:"\e60d"}.icon-volume_1:before{content:"\e60e"}.icon-voicemail:before{content:"\e60f"}.icon-vimeo:before{content:"\e610"}.icon-view:before{content:"\e611"}.icon-view_off:before{content:"\e612"}.icon-users:before{content:"\e613"}.icon-user:before{content:"\e614"}.icon-user_square:before{content:"\e615"}.icon-user_remove:before{content:"\e616"}.icon-user_ok:before{content:"\e617"}.icon-user_delete:before{content:"\e618"}.icon-user_circle:before{content:"\e619"}.icon-user_add:before{content:"\e61a"}.icon-upload:before{content:"\e61b"}.icon-unlock:before{content:"\e61c"}.icon-twitter:before{content:"\e61d"}.icon-tumblr:before{content:"\e61e"}.icon-timer:before{content:"\e61f"}.icon-time:before{content:"\e620"}.icon-tick:before{content:"\e621"}.icon-text_right:before{content:"\e622"}.icon-text_left:before{content:"\e623"}.icon-text_justify:before{content:"\e624"}.icon-text_center:before{content:"\e625"}.icon-terminal:before{content:"\e626"}.icon-target:before{content:"\e627"}.icon-tags:before{content:"\e628"}.icon-tag:before{content:"\e629"}.icon-suitcase:before{content:"\e62a"}.icon-stop:before{content:"\e62b"}.icon-star:before{content:"\e62c"}.icon-square:before{content:"\e62d"}.icon-square_up:before{content:"\e62e"}.icon-square_right:before{content:"\e62f"}.icon-square_remove:before{content:"\e630"}.icon-square_ok:before{content:"\e631"}.icon-square_left:before{content:"\e632"}.icon-square_down:before{content:"\e633"}.icon-square_delete:before{content:"\e634"}.icon-square_dashed:before{content:"\e635"}.icon-square_add:before{content:"\e636"}.icon-spotify:before{content:"\e637"}.icon-speech_bubbles:before{content:"\e638"}.icon-speech_bubble_2:before{content:"\e639"}.icon-speech_bubble_1:before{content:"\e63a"}.icon-speech_4:before{content:"\e63b"}.icon-speech_3:before{content:"\e63c"}.icon-speech_2:before{content:"\e63d"}.icon-speech_1:before{content:"\e63e"}.icon-slideshow:before{content:"\e63f"}.icon-skype:before{content:"\e640"}.icon-skip_previous:before{content:"\e641"}.icon-skip_next:before{content:"\e642"}.icon-shuffle:before{content:"\e643"}.icon-shopping_cart:before{content:"\e644"}.icon-shopping_cart_remove:before{content:"\e645"}.icon-shopping_cart_ok:before{content:"\e646"}.icon-shopping_cart_delete:before{content:"\e647"}.icon-shopping_cart_add:before{content:"\e648"}.icon-shopping_bag:before{content:"\e649"}.icon-shop:before{content:"\e64a"}.icon-share:before{content:"\e64b"}.icon-share_2:before{content:"\e64c"}.icon-screen_expand_3:before{content:"\e64d"}.icon-screen_expand_2:before{content:"\e64e"}.icon-screen_expand_1:before{content:"\e64f"}.icon-rss:before{content:"\e650"}.icon-rewind:before{content:"\e651"}.icon-resize_6:before{content:"\e652"}.icon-resize_5:before{content:"\e653"}.icon-resize_4:before{content:"\e654"}.icon-resize_3:before{content:"\e655"}.icon-resize_2:before{content:"\e656"}.icon-resize_1:before{content:"\e657"}.icon-repeat:before{content:"\e658"}.icon-repeat_2:before{content:"\e659"}.icon-repeat_1:before{content:"\e65a"}.icon-record:before{content:"\e65b"}.icon-progress:before{content:"\e65c"}.icon-printer:before{content:"\e65d"}.icon-presentation:before{content:"\e65e"}.icon-power:before{content:"\e65f"}.icon-polaroids:before{content:"\e660"}.icon-polaroid:before{content:"\e661"}.icon-plus:before{content:"\e662"}.icon-plug:before{content:"\e663"}.icon-play:before{content:"\e664"}.icon-pinterest_2:before{content:"\e665"}.icon-pinterest_1:before{content:"\e666"}.icon-pin_zoom_out:before{content:"\e667"}.icon-pin_zoom_in:before{content:"\e668"}.icon-pin_2:before{content:"\e669"}.icon-pin_1:before{content:"\e66a"}.icon-pill:before{content:"\e66b"}.icon-pie_chart:before{content:"\e66c"}.icon-picture:before{content:"\e66d"}.icon-pen_3:before{content:"\e66e"}.icon-pen_2:before{content:"\e66f"}.icon-pen_1:before{content:"\e670"}.icon-paypal:before{content:"\e671"}.icon-pause:before{content:"\e672"}.icon-notepad:before{content:"\e673"}.icon-notepad_remove:before{content:"\e674"}.icon-notepad_ok:before{content:"\e675"}.icon-notepad_delete:before{content:"\e676"}.icon-notepad_add:before{content:"\e677"}.icon-music:before{content:"\e678"}.icon-moustache:before{content:"\e679"}.icon-more:before,.checkbox-icon-other:before{content:"\e67a"}.icon-more_2:before{content:"\e67b"}.icon-minus:before{content:"\e67c"}.icon-microsoft:before{content:"\e67d"}.icon-microphone:before{content:"\e67e"}.icon-microphone_off:before{content:"\e67f"}.icon-map:before{content:"\e680"}.icon-map_remove:before{content:"\e681"}.icon-map_ok:before{content:"\e682"}.icon-map_delete:before{content:"\e683"}.icon-map_add:before{content:"\e684"}.icon-mail:before{content:"\e685"}.icon-mail_outgoing:before{content:"\e686"}.icon-mail_incoming:before{content:"\e687"}.icon-magnifying_glass:before{content:"\e688"}.icon-magnifying_glass_remove:before{content:"\e689"}.icon-magnifying_glass_add:before{content:"\e68a"}.icon-macbook:before{content:"\e68b"}.icon-logout:before{content:"\e68c"}.icon-login:before{content:"\e68d"}.icon-lock:before{content:"\e68e"}.icon-location:before{content:"\e68f"}.icon-loading:before{content:"\e690"}.icon-list:before{content:"\e691"}.icon-list_2:before{content:"\e692"}.icon-linkedin:before{content:"\e693"}.icon-link:before{content:"\e694"}.icon-line_graph:before{content:"\e695"}.icon-line_graph_square:before{content:"\e696"}.icon-layers:before{content:"\e697"}.icon-iphone:before,.checkbox-icon-smartphone:before{content:"\e698"}.icon-ipad:before,.checkbox-icon-tablet:before{content:"\e699"}.icon-instagram:before{content:"\e69a"}.icon-inbox:before{content:"\e69b"}.icon-inbox_out:before{content:"\e69c"}.icon-inbox_in:before{content:"\e69d"}.icon-image:before{content:"\e69e"}.icon-imac:before,.checkbox-icon-desktop:before{content:"\e69f"}.icon-home:before{content:"\e6a0"}.icon-heart:before{content:"\e6a1"}.icon-hashtag:before{content:"\e6a2"}.icon-grid_2:before{content:"\e6a3"}.icon-grid_1:before{content:"\e6a4"}.icon-graph_rise:before{content:"\e6a5"}.icon-graph_fall:before{content:"\e6a6"}.icon-google_plus:before{content:"\e6a7"}.icon-globe:before{content:"\e6a8"}.icon-frame:before{content:"\e6a9"}.icon-foursquare:before{content:"\e6aa"}.icon-forrst:before{content:"\e6ab"}.icon-font_size_up:before{content:"\e6ac"}.icon-font_size_down:before{content:"\e6ad"}.icon-following:before{content:"\e6ae"}.icon-followers:before{content:"\e6af"}.icon-folder:before{content:"\e6b0"}.icon-folder_remove:before{content:"\e6b1"}.icon-folder_ok:before{content:"\e6b2"}.icon-folder_delete:before{content:"\e6b3"}.icon-folder_add:before{content:"\e6b4"}.icon-first_aid:before{content:"\e6b5"}.icon-fast_forward:before{content:"\e6b6"}.icon-facebook_2:before{content:"\e6b7"}.icon-facebook_1:before{content:"\e6b8"}.icon-equalizer:before{content:"\e6b9"}.icon-eject:before{content:"\e6ba"}.icon-dropbox:before{content:"\e6bb"}.icon-drop:before{content:"\e6bc"}.icon-dribbble:before{content:"\e6bd"}.icon-download:before{content:"\e6be"}.icon-documents:before{content:"\e6bf"}.icon-document:before{content:"\e6c0"}.icon-document_upload:before{content:"\e6c1"}.icon-document_remove:before{content:"\e6c2"}.icon-document_ok:before{content:"\e6c3"}.icon-document_download:before{content:"\e6c4"}.icon-document_delete:before{content:"\e6c5"}.icon-document_add:before{content:"\e6c6"}.icon-diskette:before{content:"\e6c7"}.icon-crop:before{content:"\e6c8"}.icon-credit_card:before{content:"\e6c9"}.icon-copy_2:before{content:"\e6ca"}.icon-copy_1:before{content:"\e6cb"}.icon-computer_upload:before{content:"\e6cc"}.icon-computer_remove:before{content:"\e6cd"}.icon-computer_ok:before{content:"\e6ce"}.icon-computer_download:before{content:"\e6cf"}.icon-computer_delete:before{content:"\e6d0"}.icon-computer_add:before{content:"\e6d1"}.icon-compass:before{content:"\e6d2"}.icon-command:before{content:"\e6d3"}.icon-columns:before{content:"\e6d4"}.icon-cog:before{content:"\e6d5"}.icon-code:before{content:"\e6d6"}.icon-cloud:before{content:"\e6d7"}.icon-cloud_upload:before{content:"\e6d8"}.icon-cloud_ok:before{content:"\e6d9"}.icon-cloud_fail:before{content:"\e6da"}.icon-cloud_download:before{content:"\e6db"}.icon-close:before{content:"\e6dc"}.icon-clip:before{content:"\e6dd"}.icon-circle:before{content:"\e6de"}.icon-circle_up:before{content:"\e6df"}.icon-circle_stop:before{content:"\e6e0"}.icon-circle_skip_previous:before{content:"\e6e1"}.icon-circle_skip_next:before{content:"\e6e2"}.icon-circle_right:before{content:"\e6e3"}.icon-circle_rewind:before{content:"\e6e4"}.icon-circle_plus:before{content:"\e6e5"}.icon-circle_play:before{content:"\e6e6"}.icon-circle_pause:before{content:"\e6e7"}.icon-circle_ok:before{content:"\e6e8"}.icon-circle_minus:before{content:"\e6e9"}.icon-circle_left:before{content:"\e6ea"}.icon-circle_fast_forward:before{content:"\e6eb"}.icon-circle_down:before{content:"\e6ec"}.icon-circle_delete:before{content:"\e6ed"}.icon-chart:before{content:"\e6ee"}.icon-chart_7_8:before{content:"\e6ef"}.icon-chart_5_8:before{content:"\e6f0"}.icon-chart_3_8:before{content:"\e6f1"}.icon-chart_3_4:before{content:"\e6f2"}.icon-chart_1_8:before{content:"\e6f3"}.icon-chart_1_4:before{content:"\e6f4"}.icon-chart_1_2:before{content:"\e6f5"}.icon-cassette:before{content:"\e6f6"}.icon-camera:before{content:"\e6f7"}.icon-calendar:before{content:"\e6f8"}.icon-calendar_ok:before{content:"\e6f9"}.icon-calendar_add:before{content:"\e6fa"}.icon-bullseye:before{content:"\e6fb"}.icon-browser:before{content:"\e6fc"}.icon-browser_remove:before{content:"\e6fd"}.icon-browser_ok:before{content:"\e6fe"}.icon-browser_layout_3:before{content:"\e6ff"}.icon-browser_layout_2:before{content:"\e700"}.icon-browser_layout_1:before{content:"\e701"}.icon-browser_delete:before{content:"\e702"}.icon-browser_add:before{content:"\e703"}.icon-brightness_low:before{content:"\e704"}.icon-brightness_high:before{content:"\e705"}.icon-bookmark:before{content:"\e706"}.icon-book:before{content:"\e707"}.icon-book_2:before{content:"\e708"}.icon-book_1:before{content:"\e709"}.icon-bluetooth:before{content:"\e70a"}.icon-block:before{content:"\e70b"}.icon-bin:before{content:"\e70c"}.icon-bell:before{content:"\e70d"}.icon-behance:before{content:"\e70e"}.icon-battery_full:before{content:"\e70f"}.icon-battery_empty:before{content:"\e710"}.icon-battery_2_3:before{content:"\e711"}.icon-battery_1_3:before{content:"\e712"}.icon-basket:before{content:"\e713"}.icon-basket_remove:before{content:"\e714"}.icon-basket_ok:before{content:"\e715"}.icon-basket_delete:before{content:"\e716"}.icon-basket_add:before{content:"\e717"}.icon-bar_graph:before{content:"\e718"}.icon-bar_chart_3:before{content:"\e719"}.icon-bar_chart_2:before{content:"\e71a"}.icon-bar_chart_1:before{content:"\e71b"}.icon-arrows:before{content:"\e71c"}.icon-arrows_vertical:before{content:"\e71d"}.icon-arrows_vertical_2:before{content:"\e71e"}.icon-arrows_horizontal:before{content:"\e71f"}.icon-arrows_horizontal_2:before{content:"\e720"}.icon-arrow_up:before{content:"\e721"}.icon-arrow_right:before{content:"\e722"}.icon-arrow_left:before{content:"\e723"}.icon-arrow_down:before{content:"\e724"}.icon-arrow_2:before{content:"\e725"}.icon-arrow_1:before{content:"\e726"}.icon-appstore:before{content:"\e727"}.icon-apple:before,.checkbox-icon-ios:before{content:"\e728"}.icon-android:before,.checkbox-icon-android:before{content:"\e729"}.icon-alt:before{content:"\e72a"}.icon-alarm:before{content:"\e72b"}.icon-html5:before{content:"\f13b"}.icon-category-strategy:before{content:"\e72d"}.icon-category-sport:before{content:"\e72e"}.icon-category-spaceshooter:before,.icon-category-arcade:before{content:"\e72f"}.icon-category-pointnclick:before{content:"\e730"}.icon-category-puzzle:before{content:"\e731"}.icon-category-makeup:before{content:"\e732"}.icon-category-jumpnrun:before{content:"\e733"}.icon-category-dressup:before{content:"\e734"}.icon-category-cooking:before{content:"\e735"}.icon-category-cards:before{content:"\e736"}.icon-category-bubble_shooter:before{content:"\e737"}.icon-category-pong:before{content:"\e738"}.icon-category-action:before{content:"\e739"}.icon-category-boys:before{content:"\e73a"}.icon-category-girls:before{content:"\e73b"}.icon-category-racing:before{content:"\e73c"}.icon-category-new:before{content:"\e73e"}.icon-category-kids:before{content:"\e73f"}.icon-category-best:before{content:"\e740"}.icon-category-match3:before{content:"\e72c"}.icon-category-quiz:before{content:"\e73d"}

/* ============================================
   GLOBAL — Editorial / Magazine
   Warm cream paper + serif headings
   ============================================ */
*{-webkit-tap-highlight-color:transparent!important;outline:none!important}

html{font-size:100%;line-height:1.6}

body{
	font-family:"DM Sans","SF Pro Text",-apple-system,system-ui,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#2c2c2c;
	font-weight:400;
	background:#faf8f5;
	min-height:100vh;
	overflow-x:hidden
}

/* Typography — Serif for headings, sans for body */
h1,.h1{
	font-family:"Playfair Display",Georgia,"Times New Roman",serif;
	font-size:2.8em;line-height:1.12;font-weight:700;
	color:#1a1a1a;letter-spacing:-.01em
}
h1 a,.h1 a{color:#1a1a1a;text-decoration:none}
h2,.h2{
	font-family:"Playfair Display",Georgia,serif;
	font-size:1.6em;line-height:1.2;font-weight:600;
	color:#1a1a1a;letter-spacing:-.005em
}
h2 a,.h2 a{color:#1a1a1a;text-decoration:none}
h3,.h3{font-size:1.05em;line-height:1.4;font-weight:500;color:#555}
h4,.h4{font-size:.9em;line-height:1.5;font-weight:500;color:#777}
p{color:#5a5a5a;margin-top:.5em;font-size:.95em;line-height:1.7}
p a{color:#b76e2e;text-decoration:underline;text-underline-offset:3px;font-weight:500;transition:color .2s}
p a:hover{color:#8b4513}
img{display:block;max-width:100%}
table{width:100%}
table thead,table th{font-weight:600}

/* App Container */
.app-container{width:100%;overflow:hidden;background:transparent;position:relative;z-index:1}
#app{position:relative;transform:translate3d(0,0,0)}

/* ============================================
   HEADER — Cream paper + thin rule
   ============================================ */
header.main{
	position:sticky;top:0;z-index:100;
	background:rgba(250,248,245,.95);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	border-bottom:1px solid #e8e3d9
}
header.main .main-section{
	display:flex;align-items:center;justify-content:space-between;
	padding:0 48px;height:68px;
	max-width:1340px;margin:0 auto;width:auto
}

/* Logo — serif magazine style */
header.main .logo{
	order:1;text-decoration:none;display:flex;align-items:center;flex-shrink:0
}
header.main .logo svg{width:200px}
@media only screen and (max-width:600px){header.main .logo svg{width:130px}}

/* Nav — thin text, no pills */
header.main .menuHolder{order:2;flex:1;display:flex;justify-content:center;position:static;min-width:0}
header.main .menuHolder label[for="navigationTrigger"]{display:none!important}
header.main .menuHolder #navigationTrigger{display:none}
header.main .menuHolder nav.main{
	display:flex!important;position:static;
	width:auto;max-width:100%;background:transparent;
	border:none;box-shadow:none;padding:0;
	overflow:visible;align-items:center
}
header.main .menuHolder nav.main ul{
	display:flex!important;flex-direction:row!important;
	align-items:center;gap:0;
	margin-right:0!important;
	flex-wrap:nowrap;justify-content:center;
	overflow-x:auto;overflow-y:hidden;
	scroll-behavior:smooth;
	scrollbar-width:none;-ms-overflow-style:none;
	padding:2px 0;max-width:100%
}
header.main .menuHolder nav.main ul::-webkit-scrollbar{display:none}
header.main .menuHolder nav.main ul:after{display:none}
header.main .menuHolder nav.main ul.tile-list{display:none!important}

header.main .menuHolder nav.main ul>li{
	padding:0;margin:0;width:auto!important;
	display:inline-flex!important;flex-shrink:0
}
header.main .menuHolder nav.main ul>li a{
	display:inline-flex;align-items:center;gap:5px;
	text-decoration:none;font-size:12.5px;font-weight:500;
	padding:8px 18px;
	color:#8c8c8c;border:none!important;
	transition:color .2s;
	white-space:nowrap;position:relative;
	font-family:"DM Sans",sans-serif;
	letter-spacing:.02em;
	text-transform:uppercase
}
header.main .menuHolder nav.main ul>li a::after{
	content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);
	width:0;height:2px;background:#b76e2e;transition:width .25s ease
}
header.main .menuHolder nav.main ul>li a:hover{color:#b76e2e}
header.main .menuHolder nav.main ul>li a:hover::after{width:40%}
header.main .menuHolder nav.main ul>li a.active{color:#b76e2e;font-weight:600}
header.main .menuHolder nav.main ul>li a.active::after{width:40%}
header.main .menuHolder nav.main ul>li a i{font-size:1em}
header.main .menuHolder nav.main ul>li a img{display:none}

/* Language */
.language-select{
	order:3;position:relative;height:32px;width:52px;overflow:hidden;border-radius:0;flex-shrink:0
}
.language-select .value{
	position:absolute;top:0;right:0;bottom:0;left:0;
	padding:6px 10px;font-size:11px;line-height:20px;
	background:#f0ece4;cursor:pointer;color:#8c8c8c;
	font-weight:500;border:1px solid #ddd8cc;
	font-family:"DM Sans",sans-serif;
	letter-spacing:.04em
}
.language-select .value:before{
	content:'';position:absolute;top:50%;margin-top:-3px;right:7px;
	height:0;width:0;border:4px solid transparent;border-top:4px solid #8c8c8c
}
.language-select select{display:block;position:absolute;top:0;height:100%;opacity:0;width:100%;cursor:pointer}

/* ============================================
   HERO — Full-width editorial with side text
   ============================================ */
.hero-banner{
	position:relative;
	background:#fff;
	margin:0;padding:0;
	border-bottom:1px solid #e8e3d9
}
.hero-inner{
	max-width:1340px;margin:0 auto;
	padding:96px 48px 88px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:80px;
	align-items:center
}
.hero-text h1{
	font-family:"Playfair Display",Georgia,serif;
	font-size:4.2em;line-height:1.05;font-weight:800;
	color:#1a1a1a;
	margin-bottom:18px;letter-spacing:-.02em;
	font-style:italic
}
.hero-text p{
	font-size:1.15em;color:#888;margin:0;font-weight:400;
	line-height:1.7;max-width:420px;
	font-family:"DM Sans",sans-serif
}
.hero-text p::before{
	content:'';display:block;
	width:60px;height:3px;
	background:#b76e2e;
	margin-bottom:24px
}

/* Hero feature image */
.hero-feature{
	position:relative;overflow:hidden;
	border:1px solid #e8e3d9;
	aspect-ratio:4/3;background:#f0ece4
}
.hero-feature img{
	width:100%;height:100%;object-fit:cover;
	transition:transform .5s ease
}
.hero-feature:hover img{transform:scale(1.04)}
.hero-feature-label{
	position:absolute;bottom:20px;left:20px;
	background:#fff;padding:8px 18px;
	font-family:"DM Sans",sans-serif;font-size:11px;
	font-weight:600;letter-spacing:.06em;text-transform:uppercase;
	color:#b76e2e;border:1px solid #e8e3d9
}

@media only screen and (max-width:768px){
	.hero-inner{grid-template-columns:1fr;gap:40px;padding:56px 24px 48px}
	.hero-text h1{font-size:2.6em}
}

/* ============================================
   CONTENT AREA
   ============================================ */
.main-section{margin:0 auto;width:1340px;max-width:100%;box-sizing:border-box;padding:0 48px}
.content{background:transparent;min-height:60vh}
.content .main-section{margin-top:72px;margin-bottom:72px}
.content .main-section:first-of-type{margin-top:56px}
.content .main-section + .main-section{margin-top:80px}

/* Section accent — editorial rule */
.section-divider{
	width:40px;height:2px;
	background:#b76e2e;
	margin:10px 0 32px
}

/* Section Header */
.content .main-section > h1.h2{display:none}
.content .main-section > h2.h1{
	margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:16px
}
.content .main-section > h2.h1 a{
	display:inline-flex;align-items:center;gap:10px;
	font-size:1.5em;font-weight:700;color:#1a1a1a;
	font-family:"Playfair Display",Georgia,serif;letter-spacing:-.005em;
	font-style:italic
}
.content .main-section > h2.h1 a.section-more{
	font-size:11px;font-weight:600;color:#b76e2e;
	padding:0;border-radius:0;
	background:transparent;border:none;
	transition:all .2s;font-family:"DM Sans",sans-serif;
	text-transform:uppercase;letter-spacing:.08em;
	border-bottom:1px solid transparent;padding-bottom:2px
}
.content .main-section > h2.h1 a.section-more:hover{
	border-bottom-color:#b76e2e
}
.content .main-section > h2.h1 a img{
	height:22px;width:22px;filter:brightness(0) invert(0);opacity:.7
}

/* ============================================
   GAME GRID — Masonry / staggered 4-col
   Cards alternate sizes for visual rhythm
   ============================================ */
.scroll-row-wrapper{position:relative;margin:0;padding:0}
.scroll-row-wrapper .main-section{padding:0}
.scroll-row-wrapper + .btn-container{margin:32px 0 0}

ul.games{
	list-style:none;padding:0;margin:0;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
	overflow:visible
}
ul.games:before,ul.games:after{display:none}
ul.games:last-child{margin-bottom:0}

/* Game card — editorial style */
ul.games li{
	width:auto!important;float:none!important;
	margin:0!important;padding:0!important
}
ul.games li a{
	display:block;text-decoration:none;
	position:relative;overflow:hidden;
	background:#fff;
	border:1px solid #e8e3d9;
	transition:all .3s ease
}
ul.games li a:hover{
	border-color:#b76e2e;
	box-shadow:0 12px 32px rgba(0,0,0,.06);
	transform:translateY(-3px)
}

/* STAGGERED SIZES — every 3rd item is larger (2×2), every 5th is wide (spans 2 cols) */
ul.games li:nth-child(5n+1){grid-column:span 2;grid-row:span 2}
ul.games li:nth-child(5n+3){grid-column:span 2}

/* Special games — editorial featured layout */
ul.games.games-special{
	display:grid;grid-template-columns:repeat(4,1fr);
	gap:20px;overflow:visible
}
ul.games.games-special li{width:auto!important}
ul.games.games-special li:nth-child(1){grid-column:span 2;grid-row:span 2}
ul.games.games-special li:nth-child(2){grid-column:span 2}
ul.games.games-special li:nth-child(3){grid-column:span 1}
ul.games.games-special li:nth-child(4){grid-column:span 1}
ul.games.games-special li:nth-child(5){grid-column:span 1}
ul.games.games-special li:nth-child(6){grid-column:span 1}

/* Card image */
ul.games li .icon{
	position:relative;width:100%;overflow:hidden;
	background:#f0ece4
}
ul.games li .icon img{
	width:100%;height:100%;object-fit:cover;
	transition:transform .5s ease;
	aspect-ratio:16/9
}
/* Featured cards get 4:3 ratio for taller look */
ul.games li:nth-child(5n+1) .icon img,
ul.games.games-special li:nth-child(1) .icon img{aspect-ratio:4/3}
ul.games li a:hover .icon img{transform:scale(1.05)}

/* Play badge */
ul.games li a .play-badge{
	position:absolute;top:12px;right:12px;
	background:#b76e2e;
	color:#fff;font-size:10px;font-weight:600;
	padding:6px 16px;
	opacity:0;transform:translateY(-6px);
	transition:all .3s ease;
	pointer-events:none;z-index:3;
	letter-spacing:.06em;
	font-family:"DM Sans",sans-serif;
	text-transform:uppercase
}
ul.games li a:hover .play-badge{opacity:1;transform:translateY(0)}

/* Card name — sits below image */
ul.games li .name-container{
	padding:16px 20px 20px;
	background:#fff;position:relative;z-index:1
}
ul.games li .name{
	color:#2c2c2c;font-size:14px;
	line-height:1.35;font-weight:500;
	text-align:left;width:100%;
	overflow:hidden;text-overflow:ellipsis;
	white-space:nowrap;
	font-family:"DM Sans",sans-serif
}
ul.games li a:hover .name{color:#b76e2e}

/* Category grid — tighter, no stagger */
.category-grid ul.games{grid-template-columns:repeat(4,1fr)}
.category-grid ul.games li:nth-child(5n+1){grid-column:span 1;grid-row:span 1}
.category-grid ul.games li:nth-child(5n+3){grid-column:span 1}

/* ---- Responsive ---- */
@media only screen and (max-width:1100px){
	ul.games{grid-template-columns:repeat(3,1fr);gap:16px}
	ul.games li:nth-child(5n+1){grid-column:span 2;grid-row:span 2}
	ul.games li:nth-child(5n+3){grid-column:span 1}
	ul.games.games-special{grid-template-columns:repeat(3,1fr);gap:16px}
	.category-grid ul.games{grid-template-columns:repeat(3,1fr)}
}
@media only screen and (max-width:768px){
	ul.games{grid-template-columns:repeat(2,1fr);gap:12px}
	ul.games li:nth-child(5n+1){grid-column:span 1;grid-row:span 1}
	ul.games li:nth-child(5n+3){grid-column:span 1}
	ul.games.games-special{grid-template-columns:repeat(2,1fr);gap:12px}
	ul.games.games-special li:nth-child(1){grid-column:span 2;grid-row:span 1}
	.category-grid ul.games{grid-template-columns:repeat(2,1fr)}
}
@media only screen and (max-width:480px){
	ul.games{grid-template-columns:repeat(2,1fr);gap:8px}
	ul.games.games-special{grid-template-columns:repeat(2,1fr);gap:8px}
	.content .main-section > h2.h1 a{font-size:1.2em}
}

/* ============================================
   BUTTONS — Flat, editorial
   ============================================ */
.btn,.btn-highlight,.btn-primary,.btn-neutral,.btn-transparent{
	display:inline-block;box-sizing:border-box;
	padding:12px 32px;border:0;cursor:pointer;margin:0;
	text-decoration:none;text-align:center;
	font-size:13px;font-weight:600;
	border-radius:0;transition:all .2s ease;
	letter-spacing:.04em;position:relative;
	font-family:"DM Sans",sans-serif
}
.btn{
	background:#fff;color:#5a5a5a;
	border:1px solid #ddd8cc
}
.btn:hover{background:#faf8f5;color:#1a1a1a;border-color:#b76e2e}
.btn-group .btn,.btn-group .btn-highlight,.btn-group .btn-primary,.btn-group .btn-neutral,.btn-group .btn-transparent{margin-left:6px}
.btn.btn-block,.btn-block.btn-highlight,.btn-block.btn-primary,.btn-block.btn-neutral,.btn-block.btn-transparent{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn[disabled],[disabled].btn-highlight,[disabled].btn-primary,[disabled].btn-neutral,[disabled].btn-transparent{opacity:.4}

.btn-highlight{
	background:#b76e2e;color:#fff;
	border:1px solid #b76e2e
}
.btn-highlight:hover{
	background:#8b4513;border-color:#8b4513
}

.btn-primary{
	background:#1a1a1a;color:#fff;
	border:1px solid #1a1a1a
}
.btn-primary:hover{background:#333;border-color:#333}

.btn-neutral{
	background:#fff;color:#5a5a5a;
	border:1px solid #ddd8cc
}
.btn-neutral:hover{background:#faf8f5;color:#1a1a1a;border-color:#b76e2e}
.btn-transparent{background:transparent;color:#b76e2e;font-weight:600;border:1px solid transparent}
.btn-transparent:hover{color:#8b4513}

.btn-container{margin:36px 0 20px;text-align:left}
.btn-container .btn,.btn-container .btn-highlight,.btn-container .btn-primary,.btn-container .btn-neutral,.btn-container .btn-transparent{
	padding:14px 44px;border-radius:0;font-size:14px
}

/* ============================================
   FOOTER — Dark footer contrast
   ============================================ */
footer.main{
	margin-top:100px;padding:64px 0 40px;
	background:#1a1a1a;border-top:none;
	position:relative;z-index:1
}
footer.main a{color:#b76e2e;text-decoration:none;font-weight:500;transition:color .2s}
footer.main a:hover{color:#d4956a}
footer.main .footer-content{margin:0 auto;max-width:1340px;padding:0 48px;box-sizing:border-box}

/* Footer tags */
footer.main .footer-content section.tags{margin-bottom:36px}
footer.main .footer-content section.tags nav.main{
	background:none;width:auto;min-height:0;
	margin:0;padding:0;border-radius:0;border:none
}
footer.main .footer-content section.tags nav.main ul{
	display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px
}
footer.main .footer-content section.tags nav.main ul li{
	padding:0;float:none;width:auto;display:inline
}
footer.main .footer-content section.tags nav.main ul li a{
	display:inline-flex;align-items:center;
	background:#2a2a2a;border:1px solid #3a3a3a;
	padding:8px 18px;
	font-weight:500;font-size:12px;
	color:#999;transition:all .2s;text-decoration:none;
	font-family:"DM Sans",sans-serif
}
footer.main .footer-content section.tags nav.main ul li a img{display:none}
footer.main .footer-content section.tags nav.main ul li a:hover{
	background:#b76e2e;color:#fff;border-color:#b76e2e
}
footer.main .footer-content section.tags nav.main .tile-list{display:none}

/* Meta */
footer.main .footer-content nav.meta{padding:0;margin:0 auto}
footer.main .footer-content nav.meta ul{
	padding:0;margin:0;display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;gap:28px
}
footer.main .footer-content nav.meta a{
	color:#666;text-decoration:none;
	font-size:12px;font-weight:500;transition:color .2s;
	font-family:"DM Sans",sans-serif
}
footer.main .footer-content nav.meta a:hover{color:#b76e2e}

/* Copyright */
footer.main .copyright{
	margin:32px 0 0;text-align:left;color:#555;
	font-size:12px;font-weight:400;
	border-top:1px solid #2a2a2a;
	padding-top:28px;
	font-family:"DM Sans",sans-serif
}
footer.main .copyright .consent-box-links{
	display:flex;justify-content:flex-start;gap:14px;flex-wrap:wrap
}
footer.main .copyright .consent-box-links a{color:#b76e2e}
footer.main .copyright .consent-box-links a:hover{color:#d4956a}
footer.main .copyright .consent-box-links span{color:#555}
footer.main .powered-by-famobi{display:none}

@media only screen and (max-width:600px){
	footer.main{padding:48px 0 32px}
	footer.main .footer-content section.tags nav.main ul{gap:6px}
	footer.main .footer-content section.tags nav.main ul li a{font-size:11px;padding:6px 14px}
}

/* ============================================
   TILES
   ============================================ */
.tile,.tile-highlight,.tile-primary,.tile-info,.tile-neutral{
	display:block;padding:32px;
	background:#fff;
	margin-bottom:16px;
	border:1px solid #e8e3d9;
	transition:all .2s
}
.tile:hover,.tile-highlight:hover,.tile-primary:hover,.tile-info:hover,.tile-neutral:hover{
	border-color:#b76e2e;background:#fdfcf9
}
.tile .hint,.tile-highlight .hint,.tile-primary .hint,.tile-info .hint,.tile-neutral .hint{height:0;margin-top:0;overflow:hidden;transition:all .25s}
.tile p,.tile-highlight p,.tile-primary p,.tile-info p,.tile-neutral p{text-align:center}
.tile.withSpacing,.withSpacing.tile-highlight,.withSpacing.tile-primary,.withSpacing.tile-info,.withSpacing.tile-neutral{margin-top:40px}
.tile.active,.active.tile-highlight,.active.tile-primary,.active.tile-info,.active.tile-neutral{border:1px solid #b76e2e}
.tile.active .hint,.active.tile-highlight .hint,.active.tile-primary .hint,.active.tile-info .hint,.active.tile-neutral .hint{margin-top:20px}
.tile.teaser,.teaser.tile-highlight,.teaser.tile-primary,.teaser.tile-info,.teaser.tile-neutral{padding:14px;min-height:60px;text-decoration:none}
.tile.teaser:before,.teaser.tile-highlight:before,.teaser.tile-primary:before,.teaser.tile-info:before,.teaser.tile-neutral:before,.tile.teaser:after,.teaser.tile-highlight:after,.teaser.tile-primary:after,.teaser.tile-info:after,.teaser.tile-neutral:after{content:" ";display:table}
.tile.teaser:after,.teaser.tile-highlight:after,.teaser.tile-primary:after,.teaser.tile-info:after,.teaser.tile-neutral:after{clear:both}
.tile.teaser img,.teaser.tile-highlight img,.teaser.tile-primary img,.teaser.tile-info img,.teaser.tile-neutral img,.tile.teaser svg,.teaser.tile-highlight svg,.teaser.tile-primary svg,.teaser.tile-info svg,.teaser.tile-neutral svg{float:left;width:52px}
.tile.teaser header,.teaser.tile-highlight header,.teaser.tile-primary header,.teaser.tile-info header,.teaser.tile-neutral header{margin-left:64px;font-size:20px}
.tile.teaser p,.teaser.tile-highlight p,.teaser.tile-primary p,.teaser.tile-info p,.teaser.tile-neutral p{margin:4px 0 0 64px;font-size:15px;text-align:left}

.tile-highlight{background:#fdfcf9;border:1px solid rgba(183,110,46,.2);color:#b76e2e}
.tile-primary{background:#fdfcf9;border:1px solid rgba(26,26,26,.2);color:#1a1a1a}
.tile-info{margin-top:-20px;background:#faf8f5;border-top:1px solid #e8e3d9;color:#5a5a5a}
.tile-neutral{background:#fff;color:#5a5a5a}

.tile-list{list-style:none;margin:-10px;margin-top:20px}
.tile-list:before,.tile-list:after{content:" ";display:table}
.tile-list:after{clear:both}
.tile-list li{box-sizing:border-box;padding:0 10px;float:left;width:50%}
.tile-list li .tile-neutral{margin-bottom:10px}

@media only screen and (max-width:750px){
	.tile-list{margin:0;margin-bottom:20px}
	.tile-list li{padding:0;float:none;width:100%}
	.tile-list li .teaser.tile-neutral{min-height:50px}
	.tile-list li .teaser{margin-bottom:10px}
}

/* ============================================
   FORMS
   ============================================ */
input,textarea{box-sizing:border-box;margin-top:20px;border:0;outline:none;font-size:.95em;color:#2c2c2c}
input{
	background:#fff;border:1px solid #ddd8cc;
	padding:14px 20px;transition:all .2s;
	font-family:"DM Sans",sans-serif;font-weight:400
}
input:focus{border-color:#b76e2e;box-shadow:0 0 0 3px rgba(183,110,46,.08)}
textarea{
	width:100%;padding:16px;resize:none;line-height:1.6;
	background:#fff;border:1px solid #ddd8cc;
	font-family:"DM Sans",sans-serif;color:#2c2c2c
}

/* ============================================
   GAME DETAIL PAGE — Editorial hero
   ============================================ */
.game header{margin-bottom:56px}
.game header .background{
	position:relative;background-size:cover;overflow:hidden;
	background-position:center center;text-align:center;
	border-bottom:1px solid #e8e3d9
}
.game header .background .backgroundDarken{
	padding:100px 0;
	background:linear-gradient(180deg,rgba(250,248,245,.2),rgba(250,248,245,.97))
}
.game header .background .backgroundDarken .main-section{margin-top:0;margin-bottom:0}
.game header .icon{
	display:block;width:160px;max-width:100%;
	margin:0 auto 28px;
	border:1px solid #e8e3d9;
	overflow:hidden;
	box-shadow:0 12px 40px rgba(0,0,0,.08);
	transition:all .3s ease
}
.game header .icon:hover{
	transform:scale(1.04);
	border-color:#b76e2e;
	box-shadow:0 16px 48px rgba(0,0,0,.12)
}
.game header h1{
	color:#1a1a1a;margin-bottom:0;text-align:center;
	font-family:"Playfair Display",Georgia,serif;
	font-size:2.6em;font-weight:700;
	font-style:italic;letter-spacing:-.02em
}
.game .play-btn-container{position:relative;height:56px;margin:28px 0 0}
.game .play-btn-container:before,.game .play-btn-container:after{
	position:absolute;box-sizing:border-box;content:'';
	border-bottom:1px solid #e8e3d9;
	top:50%;left:0;width:20%
}
.game .play-btn-container:after{padding-right:0;left:auto;right:0}
.game .play-btn-container .play-btn{
	display:block;margin:0 auto;width:50%;max-width:240px;
	height:52px;font-size:15px;line-height:34px;
	font-weight:600;font-family:"DM Sans",sans-serif;
	letter-spacing:.06em
}
.game .game-infos{margin-left:-10px;margin-right:-10px}
.game .game-infos:before,.game .game-infos:after{content:" ";display:table}
.game .game-infos:after{clear:both}
.game .game-description{box-sizing:border-box;padding:0 20px;margin-bottom:48px}
.game .game-description p{margin:0;text-align:center;font-size:1.05em;color:#5a5a5a;font-weight:400}
.game .game-categories{margin-top:48px;text-align:center}
.game .game-categories ul{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.game .game-categories ul li{
	background:#fff;border:1px solid #e8e3d9;transition:all .2s
}
.game .game-categories ul li:hover{
	background:#b76e2e;border-color:#b76e2e
}
.game .game-categories ul li a{
	display:block;padding:8px 22px;
	text-decoration:none;color:#5a5a5a;
	font-weight:500;font-size:13px;font-family:"DM Sans",sans-serif
}
.game .game-categories ul li:hover a{color:#fff}
.game .game-languages{margin-top:48px}
.game .game-languages ul{display:flex;flex-wrap:wrap;justify-content:center;margin:15px -5px 0}
.game .game-languages ul li{text-align:center;padding:5px;max-width:50px}
.game .game-languages ul li a{display:block;color:#5a5a5a;text-decoration:none;font-weight:500}
.game .for-companies{margin:48px 0;text-align:center}
.game .for-companies .btn-primary{display:inline-block;margin-top:15px}
.game .similarGames{
	margin:56px 0;
	background:#fff;
	padding:40px;
	border:1px solid #e8e3d9
}
.game .similarGames h2{
	margin-bottom:28px;
	font-family:"Playfair Display",Georgia,serif;
	color:#1a1a1a;font-style:italic
}

/* Game items on detail page */
.game_box{padding-bottom:0;display:flex;flex-wrap:wrap;gap:16px}
.game_item{
	display:inline-block;text-decoration:none;
	width:calc(25% - 12px);
	vertical-align:top;
	overflow:hidden;
	background:#fff;
	border:1px solid #e8e3d9;
	transition:all .25s ease
}
.game_item:hover{
	transform:translateY(-4px);
	border-color:#b76e2e;
	box-shadow:0 8px 24px rgba(0,0,0,.06)
}
.game_item img{width:100%;aspect-ratio:16/9;object-fit:cover}
.game_item .game_name{
	display:block;text-align:center;padding:12px 10px;
	font-size:13px;color:#2c2c2c;font-weight:500;
	font-family:"DM Sans",sans-serif
}
.game_item:hover .game_name{color:#b76e2e}

@media only screen and (max-width:768px){
	.game_item{width:calc(50% - 10px)}
	.game header .icon{width:120px}
	.game header h1{font-size:1.8em}
	.game header .background .backgroundDarken{padding:64px 0}
}

/* ============================================
   BACK TO TOP — Floating editorial
   ============================================ */
.backToTop{
	position:fixed;bottom:32px;right:32px;
	width:44px;height:44px;
	background:#1a1a1a;
	border:none;
	cursor:pointer;display:flex;align-items:center;justify-content:center;
	transition:all .2s ease;z-index:50;
	box-shadow:0 4px 20px rgba(0,0,0,.1)
}
.backToTop:hover{
	background:#b76e2e;
	box-shadow:0 6px 24px rgba(0,0,0,.15)
}
.backToTop svg{
	position:absolute;top:50%;left:50%;
	transform:translate(-50%,-50%);
	width:18px;height:18px;stroke:#fff
}
.backToTop img{display:none}

/* ============================================
   LOADING
   ============================================ */
@keyframes editorialDotFade{0%{opacity:0}to{opacity:.9}}
@keyframes editorialDotBounce{
	0%,80%,to{transform:scale(.4);opacity:.4}
	40%{transform:scale(1);opacity:1}
}
.dgmlwU[data-v-8e7a8d5a]{
	position:fixed;width:100%;height:100%;top:0;left:0;
	background:#faf8f5;
	animation:editorialDotFade .3s ease both;z-index:100001
}
.AFSJx[data-v-8e7a8d5a]{
	display:flex;align-items:center;justify-content:center
}
.AFSJx div[data-v-8e7a8d5a]{
	width:12px;height:12px;margin:0 5px;border-radius:0;
	background:#b76e2e;
	animation:1.4s ease-in-out 0s infinite normal both running editorialDotBounce
}
.AFSJx div[data-v-8e7a8d5a]:nth-child(2){
	animation-delay:-.16s;background:#8c8c8c
}
.AFSJx div[data-v-8e7a8d5a]:nth-child(3){
	animation-delay:-.32s;background:#ddd8cc
}

/* ============================================
   FULLSCREEN GAME
   ============================================ */
.header[data-v-8e7a8d5a]{
	position:fixed;top:0;z-index:100;width:100%;height:64px;
	background:rgba(250,248,245,.97);
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
	border-bottom:1px solid #e8e3d9;
	padding:0 48px;box-sizing:border-box
}
.app-module[data-v-1f7a4c38]{
	position:absolute;left:0;top:0;
	height:var(--height,100%);width:var(--width,100%);
	--width:100vw;
	min-height:var(--minHeight,100vh);
	z-index:5;background:#faf8f5;overflow:hidden
}
.app-module .setting[data-v-1f7a4c38]{position:absolute;left:0;top:0}

/* ============================================
   STATIC PAGES
   ============================================ */
.static .content ul{list-style:circle;padding-left:16px}
.static .content a{color:#b76e2e}

/* ============================================
   EXTERNAL TEASER
   ============================================ */
section.externalTeaser{margin:0 0 48px;background:#fff;border:1px solid #e8e3d9}
section.externalTeaser .main-section{margin:0 auto}
section.externalTeaser ul{display:block}
section.externalTeaser ul li{width:100%}
section.externalTeaser ul li a{
	display:flex;flex-direction:column;
	box-sizing:border-box;height:100%;
	padding:32px 24px;color:#5a5a5a;
	text-align:center;text-decoration:none;font-weight:500
}
section.externalTeaser ul li a .btn-highlight{margin:20px 0 0;white-space:nowrap;align-self:center}
section.externalTeaser ul li+li a{margin-top:8px}
section.previewTeaser{display:none}

/* ============================================
   RESPONSIVE GLOBAL
   ============================================ */
@media only screen and (max-width:750px){
	html{font-size:100%}
	h1,.h1{font-size:2em}
	h2,.h2{font-size:1.3em}
	header.main .main-section{padding:0 20px;height:56px}
	header.main .menuHolder nav.main ul>li a{padding:6px 12px;font-size:11px;gap:4px}
	.content .main-section{margin-top:48px;margin-bottom:48px;padding:0 20px}
	.content .main-section:first-of-type{margin-top:32px}
	.content .main-section + .main-section{margin-top:56px}
	.main-section{padding:0 20px}
	.game .similarGames{padding:28px 20px}
	footer.main .footer-content{padding:0 20px}
}
@media only screen and (max-width:480px){
	header.main .menuHolder nav.main ul>li a{padding:4px 8px;font-size:10px}
	header.main .logo svg{width:110px}
	header.main .main-section{padding:0 12px}
}