*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0F0D0A;
font-size:15px;
-webkit-font-smoothing:antialiased;
line-height:1.55;
font-family:"Mulish", 'Helvetica Neue', Arial, sans-serif;
text-rendering:optimizeLegibility;
color:#C9B98A;
overflow-wrap:break-word;
}
img{
max-width:100%;
display:block;
}
a{
color:inherit;
text-decoration:none;
}
button{
border:none;
background:none;
font-family:inherit;
cursor:pointer;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
height:0.5rem;
width:8px;
}
::-webkit-scrollbar-thumb{
border-radius:8px;
background:rgba(10, 8, 4, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.jou_shellnje{
grid-template-columns:15.5rem 1fr;
min-height:100vh;
display:grid;
}
.jou_mainnje{
min-width:0;
}
.jou_wrapnje{
margin:0 auto;
max-width:1400px;
width:100%;
}
.jou_containernje{
margin:0 auto;
padding:0 1rem;
max-width:1400px;
width:100%;
}
@media(min-width:766px){
.jou_containernje{
padding:0 1.75rem;
}
}
.jou_sectionnje{
padding:24px 1.75rem;
}
.jou_section_ptnje{
padding-top:34px;
}
.jou_band_softnje{
background:#1A1712;
}
.jou_eyebrownje{
font-family:"Mulish", 'Helvetica Neue', Arial, sans-serif;
text-transform:uppercase;
letter-spacing:.14em;
color:#FBA834;
line-height:1.4;
display:inline-block;
font-weight:600;
font-size:10.5px;
overflow-wrap:break-word;
}
.jou_drawer_cbnje{
display:none;
}
.jou_overlaynje{
display:none;
}
@media(max-width:1022px){
.jou_shellnje{
grid-template-columns:1fr;
}
.jou_mainnje{
padding-bottom:78px;
}
.jou_drawer_cbnje:checked~.jou_overlaynje{
background:rgba(10, 8, 4, 0.72);
inset:0;
z-index:70;
display:block;
position:fixed;
}
}
@media(max-width:560px){
.jou_sectionnje{
padding:18px 1rem;
}
.jou_section_ptnje{
padding-top:24px;
}
}
@keyframes zm3-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
@keyframes zm3-marquee{
0%{
transform:translateX(0)}
100%{
transform:translateX(-50%)}
}
/* ---------- sidebar ---------- */
.jou_sidenje{
gap:22px;
background:#13110E;
padding:22px 1.125rem;
height:100vh;
position:sticky;
overflow-y:auto;
align-self:start;
top:0;
display:flex;
flex-direction:column;
border-right:1px solid #2A2318;
}
.jou_brandnje{
gap:10px;
align-items:center;
display:flex;
}
.jou_logonje{
font-weight:700;
color:#F5EED8;
font-size:1.313rem;
letter-spacing:-.02em;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jou_side_ctanje{
border:1px solid #362D1E;
padding:1rem;
background:rgba(251, 168, 52, 0.11);
border-radius:0.813rem;
}
.jou_side_cta_hnje{
font-size:1.063rem;
line-height:1.15;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:6px;
color:#F5EED8;
font-weight:700;
}
.jou_side_cta_pnje{
margin-bottom:12px;
color:#C9B98A;
line-height:1.45;
font-size:12px;
}
.jou_navnje{
gap:3px;
flex-direction:column;
display:flex;
}
.jou_nav_labelnje{
padding:6px 0.625rem;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:9.5px;
text-transform:uppercase;
color:#564E3B;
letter-spacing:.14em;
}
.jou_nav_itemnje{
padding:0.625rem;
border-radius:0.563rem;
gap:0.688rem;
font-size:14px;
align-items:center;
color:#C9B98A;
font-weight:500;
display:flex;
}
.jou_nav_itemnje svg{
width:1.063rem;
height:17px;
}
.jou_nav_itemnje:hover{
background:rgba(251, 168, 52, 0.11);
color:#F5EED8;
}
.jou_nav_item_onnje{
background:rgba(251, 168, 52, 0.11);
font-weight:600;
color:#FBA834;
}
.jou_side_footnje{
background:#1A1712;
padding:12px;
border-radius:13px;
border:1px solid #362D1E;
margin-top:auto;
}
.jou_side_footnje p{
color:#C9B98A;
line-height:1.4;
margin-top:0.25rem;
font-size:12.5px;
}
/* ---------- topbar ---------- */
.jou_topnje{
gap:1rem;
padding:0.875rem 1.75rem;
background:#13110E;
align-items:center;
top:0;
border-bottom:1px solid #2A2318;
z-index:40;
position:sticky;
display:flex;
}
.jou_top_brandnje{
gap:9px;
align-items:center;
display:none;
}
.jou_searchnje{
background:#1A1712;
flex:1;
padding:11px 14px;
gap:10px;
border:1px solid #362D1E;
border-radius:13px;
display:flex;
font-size:0.844rem;
color:#8A7A5A;
align-items:center;
max-width:27.5rem;
}
.jou_searchnje svg{
flex:none;
width:16px;
height:1rem;
}
.jou_top_actionsnje{
gap:12px;
margin-left:auto;
align-items:center;
display:flex;
}
.jou_langnje{
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:12px;
color:#C9B98A;
}
.jou_burgernje{
border-radius:9px;
border:1px solid #362D1E;
background:#1A1712;
width:2.5rem;
justify-content:center;
color:#F5EED8;
height:40px;
align-items:center;
display:none;
}
/* ---------- bottom-nav (mobile) ---------- */
.jou_botnavnje{
display:none;
}
@media(max-width:1027px){
.jou_sidenje{
transition:transform .25s ease;
position:fixed;
top:0;
height:100vh;
left:0;
z-index:80;
width:280px;
transform:translateX(-100%);
}
.jou_drawer_cbnje:checked~.jou_shellnje .jou_sidenje{
transform:translateX(0);
}
.jou_topnje{
padding:0.875rem 1rem;
gap:0.75rem;
flex-wrap:wrap;
position:static;
}
.jou_top_brandnje{
display:flex;
}
.jou_searchnje{
display:none;
}
.jou_burgernje{
display:flex;
}
.jou_top_actionsnje{
gap:0.625rem;
width:100%;
margin-left:0;
align-items:stretch;
}
.jou_top_actionsnje .jou_langnje{
display:none;
}
.jou_top_actionsnje .jou_btnnje{
padding:0.688rem 0.625rem;
flex:1;
text-align:center;
}
.jou_botnavnje{
padding:0.5rem 6px calc(8px + env(safe-area-inset-bottom));
background:#13110E;
grid-template-columns:repeat(3,1fr);
transform:translateZ(0);
z-index:65;
left:0;
position:fixed;
bottom:0;
right:0;
display:grid;
border-top:1px solid #362D1E;
}
.jou_bnnje{
padding:6px 2px 0;
gap:4px;
justify-content:flex-end;
font-size:0.625rem;
font-weight:600;
flex-direction:column;
color:#C9B98A;
min-width:0;
align-items:center;
display:flex;
}
.jou_bnnje svg{
flex:none;
height:1.375rem;
width:22px;
}
.jou_bnnje span{
overflow:hidden;
text-align:center;
white-space:nowrap;
max-width:100%;
text-overflow:ellipsis;
}
.jou_bn_onnje{
color:#FBA834;
}
.jou_bn_centernje{
position:relative;
}
.jou_bn_fabnje{
border-radius:50%;
background:#FBA834;
color:#1A0F00;
display:flex;
align-items:center;
box-shadow:0 8px 2rem rgba(0, 0, 0, 0.65), 0 2px 0.5rem rgba(251, 168, 52, 0.18);
justify-content:center;
left:50%;
height:3.125rem;
top:-20px;
width:50px;
position:absolute;
transform:translateX(-50%);
}
.jou_bn_fabnje svg{
height:1.5rem;
width:1.5rem;
}
.jou_bn_centernje span{
color:#FBA834;
}
}
.jou_btnnje{
gap:8px;
border-radius:9px;
padding:11px 22px;
transition:background-color 0.2s ease,color 0.2s ease;
font-weight:700;
font-family:"Mulish", 'Helvetica Neue', Arial, sans-serif;
display:inline-flex;
font-size:14px;
justify-content:center;
cursor:pointer;
align-items:center;
}
.jou_btn_prinje{
background:#FBA834;
color:#1A0F00;
box-shadow:0 0 18px rgba(251, 168, 52, 0.45), 0 4px 0.75rem rgba(0, 0, 0, 0.50);
}
.jou_btn_prinje:hover{
background:#E08F18;
}
.jou_btn_ghostnje{
background:rgba(251, 168, 52, 0.11);
font-weight:600;
color:#F5EED8;
}
.jou_btn_linenje{
border:1px solid #4D3F28;
background:transparent;
color:#F5EED8;
font-weight:600;
}
.jou_btn_lgnje{
padding:16px 30px;
border-radius:13px;
font-size:15px;
}
.jou_bandnje .jou_btn_linenje{
border-color:rgba(255, 210, 100, 0.13);
color:#F7EDCC;
}
.jou_bandnje .jou_btn_ghostnje{
background:rgba(255, 220, 140, 0.08);
color:#F7EDCC;
}
.jou_link_mnje{
gap:0.313rem;
cursor:pointer;
display:inline-flex;
font-size:12px;
text-decoration:none;
color:#FBA834;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
align-items:center;
}
.jou_link_mnje svg{
width:0.875rem;
height:0.875rem;
}
.jou_bandnje .jou_link_mnje{
color:#FFB830;
}
.jou_dotnje{
background:#FBA834;
border-radius:50%;
flex:none;
width:7px;
height:7px;
}
.jou_dot_livenje{
background:#E8342A;
animation:zm3-pulse 1.4s infinite;
}
.jou_starsnje{
gap:2px;
display:inline-flex;
color:#FBA834;
}
.jou_starsnje svg{
width:0.938rem;
height:0.938rem;
}
.jou_chipnje{
border:1px solid #362D1E;
background:#1A1712;
padding:7px 0.75rem;
gap:6px;
border-radius:9px;
display:inline-flex;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
align-items:center;
font-size:11px;
color:#C9B98A;
}
.jou_chip_onnje{
border-color:transparent;
background:rgba(251, 168, 52, 0.11);
color:#FBA834;
}
.jou_gcnje{
display:block;
text-decoration:none;
cursor:pointer;
color:inherit;
min-width:0;
}
.jou_gc_thumbnje{
border:1px solid #362D1E;
overflow:hidden;
border-radius:0.813rem;
position:relative;
background-size:cover;
display:block;
aspect-ratio:1;
background-position:center;
}
.jou_gc_thumb_portraitnje{
aspect-ratio:3/4;
}
.jou_gc_thumb_widenje{
aspect-ratio:16/11;
}
.jou_gc_capnje{
background:linear-gradient(transparent,rgba(10, 8, 4, 0.72));
padding:9px;
bottom:0;
left:0;
position:absolute;
right:0;
}
.jou_gc_namenje{
display:block;
font-size:12.5px;
font-weight:700;
color:#F7EDCC;
}
.jou_gc_metanje{
color:#B09A68;
font-size:11px;
}
.jou_gc_badgenje{
background:#FBA834;
border-radius:9px;
padding:2px 6px;
right:8px;
position:absolute;
color:#1A0F00;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-weight:700;
top:0.5rem;
font-size:0.5rem;
}
.jou_gc_badge_hotnje{
background:#E8342A;
color:#F7EDCC;
}
.jou_gc_badge_livenje{
background:#E8342A;
left:0.5rem;
right:auto;
color:#F7EDCC;
}
.jou_gc_multnje{
inset:0;
justify-content:center;
align-items:center;
position:absolute;
display:flex;
font-size:28px;
font-weight:700;
color:#FBA834;
}
.jou_pcnje{
border-radius:0.813rem;
background:#1A1712;
border:1px solid #362D1E;
color:#C9B98A;
justify-content:center;
font-weight:700;
display:flex;
height:4rem;
font-size:0.875rem;
align-items:center;
}
.jou_railnje{
min-width:0;
}
.jou_rail_scrollnje{
gap:0.875rem;
display:grid;
}
.jou_rail_scrollnje>*{
min-width:0;
}
.jou_g6nje{
grid-template-columns:repeat(6,1fr);
}
.jou_g7nje{
grid-template-columns:repeat(7,1fr);
}
.jou_g4nje{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1022px){
.jou_g6nje,.jou_g7nje{
grid-template-columns:none;
overflow-x:auto;
grid-auto-columns:7.5rem;
scroll-snap-type:x mandatory;
grid-auto-flow:column;
padding-bottom:6px;
}
.jou_g6nje>*,.jou_g7nje>*{
scroll-snap-align:start;
}
.jou_g4nje{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:558px){
.jou_g4nje{
grid-template-columns:none;
grid-auto-columns:150px;
grid-auto-flow:column;
overflow-x:auto;
}
}
.jou_panelnje{
padding:1.75rem 32px;
border:1px solid #362D1E;
background:#1A1712;
border-radius:20px;
}
.jou_splitnje{
gap:36px;
align-items:start;
display:grid;
}
.jou_splitnje>*{
min-width:0;
}
.jou_split_anje{
grid-template-columns:.85fr 1.15fr;
}
.jou_split_bnje{
grid-template-columns:1fr 1.1fr;
}
.jou_split_cnje{
grid-template-columns:1.1fr .9fr;
}
.jou_pgridnje{
gap:2.5rem;
grid-template-columns:.9fr 1.1fr;
align-items:center;
display:grid;
}
.jou_pgridnje>*{
min-width:0;
}
.jou_leadnje{
line-height:1.65;
font-size:0.938rem;
color:#C9B98A;
margin-bottom:14px;
}
.jou_featnje{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.jou_featnje>*{
min-width:0;
}
.jou_feat2nje{
grid-template-columns:1fr 1fr;
}
.jou_feat_cardnje{
border:1px solid #362D1E;
border-radius:20px;
background:#1A1712;
padding:1.625rem;
}
.jou_feat_cardnje svg{
height:26px;
margin-bottom:16px;
width:26px;
color:#FBA834;
}
.jou_feat_cardnje h3{
font-weight:700;
margin-bottom:0.5rem;
font-size:1.125rem;
color:#F5EED8;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jou_feat_cardnje p{
font-size:13px;
line-height:1.6;
color:#C9B98A;
}
.jou_feat_cardnje b{
color:#F5EED8;
}
.jou_bignje{
gap:1.375rem;
flex-wrap:wrap;
display:flex;
}
.jou_big_nnje{
font-size:26px;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
color:#FBA834;
}
.jou_big_lnje{
color:#8A7A5A;
font-size:12px;
}
.jou_personnje{
background:#1A1712;
border-radius:0.813rem;
padding:16px 18px;
border:1px solid #362D1E;
gap:14px;
align-items:center;
display:flex;
}
.jou_avatarnje{
flex:none;
background:linear-gradient(135deg,#FBA834,#C47100);
border-radius:50%;
height:2.75rem;
width:2.75rem;
}
.jou_person_namenje{
font-size:14px;
font-weight:700;
color:#F5EED8;
}
.jou_person_rolenje{
color:#8A7A5A;
font-size:0.75rem;
}
.jou_kvnje{
overflow:hidden;
border:1px solid #362D1E;
background:#362D1E;
grid-template-columns:1fr 1fr;
border-radius:13px;
gap:1px;
display:grid;
}
.jou_kvnje>div{
background:#0F0D0A;
padding:16px 18px;
min-width:0;
}
.jou_kv_knje{
color:#FBA834;
font-size:9.5px;
text-transform:uppercase;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:5px;
}
.jou_kv_vnje{
font-size:13.5px;
font-weight:700;
color:#F5EED8;
}
@media(max-width:1026px){
.jou_split_anje,.jou_split_bnje,.jou_split_cnje,.jou_pgridnje{
gap:24px;
grid-template-columns:1fr;
}
.jou_featnje,.jou_feat2nje{
grid-template-columns:1fr;
}
.jou_kvnje{
grid-template-columns:1fr;
}
}
.jou_shnje{
margin-bottom:1rem;
min-width:0;
}
.jou_sh_rownje{
gap:12px;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
justify-content:space-between;
}
.jou_sh_rownje .jou_sh_lnje{
gap:6px;
display:flex;
flex-direction:column;
min-width:0;
}
.jou_sh_stacknje{
gap:10px;
flex-direction:column;
display:flex;
align-items:flex-start;
}
.jou_sh_centernje{
gap:0.625rem;
align-items:center;
display:flex;
flex-direction:column;
text-align:center;
}
.jou_sh_h2nje{
gap:9px;
overflow-wrap:break-word;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.25rem;
line-height:1.1;
color:#F5EED8;
display:flex;
font-weight:700;
align-items:center;
}
@media(min-width:767px){
.jou_sh_h2nje{
font-size:1.5rem;
}
}
.jou_bandnje .jou_sh_h2nje{
color:#F7EDCC;
}
.jou_eb_mononje{
text-transform:none;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.08em;
}
.jou_eb_mononje::before{
content:"// ";
}
.jou_eb_uppernje{
text-transform:uppercase;
letter-spacing:.14em;
}
.jou_eb_pillnje{
background:rgba(251, 168, 52, 0.11);
border-radius:999px;
padding:0.313rem 0.688rem;
text-transform:uppercase;
letter-spacing:.12em;
}
.jou_eb_linenje{
gap:10px;
display:inline-flex;
align-items:center;
}
.jou_eb_linenje::before{
background:#FBA834;
width:1.5rem;
display:inline-block;
height:1px;
content:"";
}
.jou_bandnje .jou_eb_linenje::before{
background:#FFB830;
}
.jou_bandnje .jou_eb_pillnje{
background:rgba(255, 220, 140, 0.08);
}
.jou_sh_linknje{
transition:color 0.2s ease,border-color 0.2s ease;
gap:6px;
border-bottom:1px solid #F5EED8;
padding-bottom:2px;
color:#F5EED8;
font-size:0.813rem;
display:inline-flex;
align-items:center;
white-space:nowrap;
font-weight:600;
}
.jou_sh_linknje:hover{
border-color:#FBA834;
color:#FBA834;
}
.jou_sh_linknje svg{
height:14px;
width:14px;
}
.jou_sh_link_chevnje{
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
border-bottom:0;
color:#FBA834;
padding-bottom:0;
font-size:0.75rem;
}
.jou_sh_link_btnnje{
background:#FBA834;
border-radius:999px;
padding:9px 18px;
border-bottom:0;
color:#1A0F00;
}
.jou_sh_link_btnnje:hover{
background:#E08F18;
border-color:transparent;
}
.jou_bandnje .jou_sh_linknje{
border-color:#F7EDCC;
color:#F7EDCC;
}
.jou_bandnje .jou_sh_link_chevnje{
color:#FFB830;
}
.jou_sh_rulenje{
margin:-2px 0 16px;
background:#362D1E;
height:1px;
}
.jou_bandnje .jou_sh_rulenje{
background:rgba(255, 210, 100, 0.13);
}
.jou_seo_grid3nje{
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
display:grid;
}
.jou_seo_grid4nje{
gap:0.813rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.jou_seo_grid3nje>*,.jou_seo_grid4nje>*{
min-width:0;
}
.jou_seo_cardnje{
border:1px solid #362D1E;
padding:1.5rem;
border-radius:0.813rem;
background:#1A1712;
}
.jou_seo_cardnje h3{
font-weight:700;
color:#F5EED8;
font-size:1.125rem;
margin-bottom:0.5rem;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jou_seo_cardnje p{
color:#C9B98A;
font-size:13px;
line-height:1.6;
}
.jou_seo_card_smnje{
padding:1.25rem;
}
.jou_seo_card_smnje h3{
font-size:16px;
}
.jou_seo_card_smnje p{
line-height:1.55;
font-size:0.781rem;
}
.jou_seo_rtp_rownje{
gap:36px;
grid-template-columns:1fr 1fr;
align-items:center;
display:grid;
margin-top:1rem;
}
.jou_rtpnje{
gap:14px;
display:flex;
min-width:0;
}
.jou_rtpnje>div{
padding:16px;
border-radius:0.813rem;
flex:1;
background:#0F0D0A;
min-width:0;
text-align:center;
}
.jou_rtp_nnje{
white-space:nowrap;
font-size:26px;
color:#FBA834;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
}
.jou_rtp_lnje{
color:#8A7A5A;
margin-top:4px;
font-size:0.688rem;
}
.jou_cmpnje{
border:1px solid #362D1E;
overflow:hidden;
border-radius:0.813rem;
max-width:760px;
}
.jou_cmp_rownje{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.jou_cmp_rownje>div{
padding:13px 14px;
text-align:center;
min-width:0;
}
.jou_cmp_rownje>div:first-child{
padding-left:1.375rem;
color:#F5EED8;
text-align:left;
font-weight:600;
}
.jou_cmp_thnje{
background:#0F0D0A;
font-weight:700;
font-size:0.781rem;
}
.jou_cmp_rownje:not(.jou_cmp_thnje){
background:#1A1712;
color:#C9B98A;
border-top:1px solid #2A2318;
}
.jou_cmp_zebranje{
background:#141109;
}
.jou_guidenje{
background:#1A1712;
border-radius:0.813rem;
border:1px solid #362D1E;
overflow:hidden;
cursor:pointer;
}
.jou_guide_covernje{
height:130px;
}
.jou_guide_bodynje{
padding:1.25rem;
}
.jou_guide_bodynje h3{
margin:7px 0 9px;
color:#F5EED8;
font-weight:700;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.25;
font-size:1rem;
}
.jou_guide_metanje{
font-size:11.5px;
color:#8A7A5A;
}
.jou_hubnje{
gap:28px;
grid-template-columns:repeat(5,1fr);
padding-top:1.75rem;
border-top:1px solid #2A2318;
display:grid;
}
.jou_hubnje>*{
min-width:0;
}
.jou_hubnje h4{
font-size:13px;
margin-bottom:0.688rem;
color:#F5EED8;
font-weight:700;
}
.jou_hub_colnje{
gap:8px;
flex-direction:column;
font-size:13px;
color:#C9B98A;
display:flex;
}
.jou_hub_colnje a{
cursor:pointer;
}
@media(max-width:1027px){
.jou_seo_grid3nje{
grid-template-columns:1fr;
}
.jou_seo_grid4nje{
grid-template-columns:repeat(2,1fr);
}
.jou_seo_rtp_rownje{
gap:20px;
grid-template-columns:1fr;
}
.jou_hubnje{
gap:22px;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:562px){
.jou_hubnje{
grid-template-columns:1fr;
}
}
.jou_heronje{
padding:2.875rem 3rem;
border-radius:20px;
border:1px solid #362D1E;
overflow:hidden;
background:linear-gradient(120deg,#1C1509,#0E1219);
color:#F7EDCC;
position:relative;
}
.jou_hero_glownje{
border-radius:50%;
background:radial-gradient(circle,rgba(251, 176, 52, 0.22),transparent 70%);
height:340px;
right:-3.75rem;
position:absolute;
top:-60px;
width:340px;
}
.jou_hero_innje{
max-width:600px;
position:relative;
}
.jou_heronje .jou_eyebrownje{
color:#FFB830;
}
.jou_pill_rownje{
background:rgba(255, 220, 140, 0.08);
gap:8px;
padding:0.375rem 0.813rem;
border-radius:999px;
border:1px solid rgba(255, 210, 100, 0.13);
letter-spacing:.1em;
display:inline-flex;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
align-items:center;
text-transform:uppercase;
font-size:10.5px;
color:#FFB830;
margin-bottom:22px;
}
.jou_hero_h1nje{
margin:1.125rem 0;
letter-spacing:-.02em;
font-weight:700;
color:#F7EDCC;
overflow-wrap:break-word;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.02;
font-size:3.375rem;
}
.jou_hero_h1nje em{
font-style:normal;
color:#FFB830;
}
.jou_hero_subnje{
margin-bottom:28px;
font-size:17px;
line-height:1.55;
color:#B09A68;
max-width:480px;
}
.jou_hero_ctanje{
gap:0.875rem;
flex-wrap:wrap;
align-items:center;
margin-bottom:1.625rem;
display:flex;
}
.jou_hero_trustnje{
gap:0.875rem;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.jou_hero_rating_txtnje{
font-size:13px;
color:#B09A68;
}
@media(max-width:1023px){
.jou_heronje{
padding:32px 1.5rem;
}
.jou_hero_h1nje{
font-size:2.375rem;
}
}
@media(max-width:557px){
.jou_hero_h1nje{
font-size:1.875rem;
}
}
.jou_tabsnje{
gap:0.563rem;
display:flex;
flex-wrap:wrap;
}
.jou_tabnje{
padding:10px 18px;
border:1px solid #362D1E;
border-radius:9px;
background:#1A1712;
font-size:13px;
color:#C9B98A;
cursor:pointer;
font-weight:600;
}
.jou_tab_onnje{
border-color:transparent;
background:#FBA834;
color:#1A0F00;
font-weight:700;
}
.jou_statnje{
grid-template-columns:repeat(4,1fr);
gap:14px;
display:grid;
}
.jou_statnje>*{
min-width:0;
}
.jou_stat_itemnje{
background:#1A1712;
border:1px solid #362D1E;
border-radius:13px;
padding:1.125rem 1.25rem;
}
.jou_stat_knje{
text-transform:uppercase;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.12em;
color:#8A7A5A;
margin-bottom:7px;
font-size:9.5px;
}
.jou_stat_vnje{
gap:0.5rem;
color:#F5EED8;
display:flex;
font-size:24px;
align-items:center;
overflow-wrap:anywhere;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
min-width:0;
}
.jou_stat_v_accentnje{
color:#FBA834;
}
@media(max-width:1025px){
.jou_statnje{
grid-template-columns:repeat(2,1fr);
}
}
.jou_wlcnje{
background:linear-gradient(120deg,#1C1509,#0E1219);
padding:36px 40px;
border:1px solid #362D1E;
overflow:hidden;
grid-template-columns:1.2fr .8fr;
gap:1.5rem;
border-radius:1.25rem;
position:relative;
display:grid;
align-items:center;
color:#F7EDCC;
}
.jou_wlcnje>*{
min-width:0;
}
.jou_wlcnje .jou_eyebrownje{
color:#FFB830;
}
.jou_wlc_glownje{
border-radius:50%;
background:radial-gradient(circle,rgba(251, 176, 52, 0.22),transparent 70%);
position:absolute;
top:-40px;
right:-2.5rem;
width:16.25rem;
height:260px;
}
.jou_wlc_innje{
position:relative;
}
.jou_wlc_h2nje{
margin:0.625rem 0 0.5rem;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:34px;
overflow-wrap:break-word;
color:#F7EDCC;
font-weight:700;
line-height:1.03;
}
.jou_wlc_h2nje em{
color:#FFB830;
font-style:normal;
}
.jou_wlc_subnje{
max-width:26.25rem;
font-size:0.875rem;
line-height:1.55;
color:#B09A68;
margin-bottom:18px;
}
.jou_wlc_termsnje{
gap:0.625rem;
position:relative;
display:flex;
flex-direction:column;
}
.jou_termnje{
gap:11px;
background:rgba(255, 220, 140, 0.08);
padding:0.813rem 0.938rem;
border:1px solid rgba(255, 210, 100, 0.13);
border-radius:0.813rem;
align-items:center;
display:flex;
}
.jou_termnje svg{
flex:none;
width:1.25rem;
height:20px;
color:#FFB830;
}
.jou_term_knje{
letter-spacing:.1em;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:9.5px;
color:#B09A68;
text-transform:uppercase;
}
.jou_term_vnje{
font-weight:700;
margin-top:2px;
font-size:0.875rem;
color:#F7EDCC;
}
@media(max-width:1027px){
.jou_wlcnje{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.jou_wlc_h2nje{
font-size:26px;
}
}
.jou_jpnje{
grid-template-columns:1.5fr 1fr 1fr;
gap:14px;
display:grid;
}
.jou_jpnje>*{
min-width:0;
}
.jou_jp_heronje{
border-radius:1.25rem;
border:1px solid #362D1E;
background:linear-gradient(135deg,#1C1509,#0E1219);
padding:1.625rem;
overflow:hidden;
gap:14px;
color:#F7EDCC;
position:relative;
min-height:180px;
flex-direction:column;
justify-content:space-between;
display:flex;
}
.jou_jp_glownje{
background:radial-gradient(circle,rgba(251, 176, 52, 0.22),transparent 70%);
border-radius:50%;
height:180px;
top:-40px;
position:absolute;
width:11.25rem;
right:-2.5rem;
}
.jou_jp_k_rownje{
gap:0.625rem;
position:relative;
align-items:center;
display:flex;
justify-content:space-between;
}
.jou_jp_knje{
letter-spacing:.12em;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#8A7A5A;
text-transform:uppercase;
font-size:10px;
}
.jou_jp_heronje .jou_jp_knje{
color:#B09A68;
}
.jou_jp_amtnje{
font-weight:700;
position:relative;
color:#FFB830;
line-height:1;
font-size:42px;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jou_jp_subnje{
margin-top:5px;
color:#B09A68;
font-size:0.75rem;
}
.jou_jp_cellnje{
border-radius:20px;
padding:1.375rem;
border:1px solid #362D1E;
background:#1A1712;
display:flex;
min-height:180px;
justify-content:space-between;
flex-direction:column;
}
.jou_jp_cellnje .jou_jp_amtnje{
color:#F5EED8;
font-size:30px;
}
.jou_jp_cellnje .jou_jp_subnje{
color:#8A7A5A;
}
@media(max-width:1021px){
.jou_jpnje{
grid-template-columns:1fr;
}
}
@media(max-width:557px){
.jou_jp_amtnje{
font-size:32px;
}
}
.jou_promo_gridnje{
gap:1rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.jou_promo_gridnje>*{
min-width:0;
}
.jou_promonje{
padding:1.5rem;
overflow:hidden;
border:1px solid #362D1E;
background:#1A1712;
border-radius:1.25rem;
min-height:9.375rem;
position:relative;
}
.jou_promo_hnje{
line-height:1.05;
margin-top:6px;
font-weight:700;
font-size:26px;
color:#F5EED8;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jou_promo_hnje em{
color:#FBA834;
font-style:normal;
}
.jou_promo_pnje{
font-size:12.5px;
color:#C9B98A;
margin-top:0.5rem;
line-height:1.5;
}
.jou_promo_featnje{
border-color:#362D1E;
background:linear-gradient(135deg,#1C1509,#0E1219);
}
.jou_promo_featnje .jou_promo_hnje{
color:#F7EDCC;
}
.jou_promo_featnje .jou_promo_hnje em{
color:#FFB830;
}
.jou_promo_featnje .jou_promo_pnje{
color:#B09A68;
}
.jou_promo_featnje .jou_eyebrownje{
color:#FFB830;
}
@media(max-width:1023px){
.jou_promo_gridnje{
grid-template-columns:1fr;
}
}
.jou_stepsnje{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.jou_stepsnje>*{
min-width:0;
}
.jou_stepnje{
border-radius:0.813rem;
padding:1.5rem;
background:#1A1712;
border:1px solid #362D1E;
position:relative;
}
.jou_step_numnje{
background:#FBA834;
border-radius:0.563rem;
height:1.875rem;
font-weight:700;
justify-content:center;
color:#1A0F00;
margin-bottom:14px;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
display:flex;
font-size:13px;
width:30px;
align-items:center;
}
.jou_step_hnje{
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:7px;
color:#F5EED8;
font-weight:700;
font-size:16px;
}
.jou_step_pnje{
line-height:1.55;
font-size:0.813rem;
color:#C9B98A;
}
@media(max-width:1021px){
.jou_stepsnje{
grid-template-columns:1fr;
}
}
.jou_tournje{
grid-template-columns:1.05fr 1fr;
overflow:hidden;
border:1px solid #362D1E;
border-radius:1.25rem;
display:grid;
}
.jou_tournje>*{
min-width:0;
}
.jou_tour_lnje{
padding:34px;
background:linear-gradient(135deg,#1C1509,#0E1219);
overflow:hidden;
color:#F7EDCC;
position:relative;
}
.jou_tour_h2nje{
margin:12px 0 10px;
font-weight:700;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.05;
font-size:1.875rem;
color:#F7EDCC;
}
.jou_tour_h2nje em{
font-style:normal;
color:#FFB830;
}
.jou_tour_textnje{
max-width:340px;
font-size:13.5px;
margin-bottom:1.25rem;
color:#B09A68;
line-height:1.6;
}
.jou_tour_metanje{
gap:18px;
margin-bottom:20px;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
}
.jou_tour_capnje{
margin-bottom:5px;
text-transform:uppercase;
font-size:0.594rem;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#B09A68;
}
.jou_countnje{
gap:0.375rem;
display:flex;
}
.jou_countnje span{
border-radius:9px;
padding:4px 9px;
border:1px solid rgba(255, 210, 100, 0.13);
background:rgba(255, 220, 140, 0.08);
font-weight:700;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:22px;
}
.jou_tour_unitsnje{
font-size:10px;
color:#B09A68;
}
.jou_boardnje{
padding:28px 1.875rem;
background:#1A1712;
}
.jou_board_headnje{
align-items:center;
margin-bottom:14px;
display:flex;
justify-content:space-between;
}
.jou_board_titlenje{
font-size:1rem;
color:#F5EED8;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
}
.jou_board_updnje{
text-transform:uppercase;
font-size:0.625rem;
color:#8A7A5A;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jou_board_listnje{
gap:2px;
flex-direction:column;
display:flex;
}
.jou_board_rownje{
border-radius:0.563rem;
padding:10px 12px;
gap:12px;
display:flex;
align-items:center;
}
.jou_board_top1nje{
background:rgba(251, 168, 52, 0.11);
}
.jou_board_rknje{
color:#8A7A5A;
width:1.25rem;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:14px;
font-weight:700;
}
.jou_board_top1nje .jou_board_rknje{
color:#FBA834;
}
.jou_board_nmnje{
flex:1;
font-size:0.844rem;
font-weight:600;
color:#C9B98A;
min-width:0;
}
.jou_board_top1nje .jou_board_nmnje{
color:#F5EED8;
font-weight:700;
}
.jou_board_ptnje{
color:#C9B98A;
font-size:12.5px;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
@media(max-width:1026px){
.jou_tournje{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.jou_tour_h2nje{
font-size:24px;
}
}
.jou_pay_logosnje{
grid-template-columns:repeat(4,1fr);
gap:0.563rem;
display:grid;
}
.jou_pay_logosnje>*{
min-width:0;
}
.jou_paynje{
border-radius:0.563rem;
border:1px solid #362D1E;
height:48px;
display:flex;
font-weight:700;
color:#C9B98A;
justify-content:center;
font-size:12px;
align-items:center;
}
.jou_tablenje{
border-radius:13px;
overflow:hidden;
border:1px solid #362D1E;
}
.jou_trownje{
grid-template-columns:1.3fr 1fr 1fr 1fr;
font-size:0.813rem;
display:grid;
}
.jou_trownje>div{
padding:13px 0.875rem;
min-width:0;
}
.jou_trownje>div:first-child{
color:#F5EED8;
padding-left:16px;
font-weight:700;
}
.jou_trow_thnje{
background:#0F0D0A;
letter-spacing:.06em;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#8A7A5A;
text-transform:uppercase;
font-size:0.594rem;
}
.jou_trownje:not(.jou_trow_thnje){
background:#1A1712;
border-top:1px solid #2A2318;
color:#C9B98A;
}
.jou_trow_zebranje{
background:#141109;
}
.jou_posnje{
font-weight:700;
color:#FBA834;
}
@media(max-width:1024px){
.jou_pay_logosnje{
grid-template-columns:repeat(2,1fr);
}
}
.jou_suppnje{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.jou_suppnje>*{
min-width:0;
}
.jou_supp_cardnje{
border-radius:0.813rem;
padding:24px;
background:#1A1712;
border:1px solid #362D1E;
}
.jou_supp_cardnje svg{
margin-bottom:14px;
width:24px;
height:1.5rem;
color:#FBA834;
}
.jou_supp_cardnje h3{
margin-bottom:6px;
font-weight:700;
color:#F5EED8;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1rem;
}
.jou_supp_cardnje p{
color:#C9B98A;
font-size:0.813rem;
line-height:1.55;
}
@media(max-width:1023px){
.jou_suppnje{
grid-template-columns:1fr;
}
}
.jou_dw_h2nje{
color:#F5EED8;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.08;
font-size:1.625rem;
font-weight:700;
margin-bottom:0.625rem;
}
.jou_steps_vnje{
grid-template-columns:1fr;
gap:0.625rem;
}
.jou_steps_vnje .jou_stepnje{
padding:1.125rem 1.25rem;
}
@media(max-width:563px){
.jou_dw_h2nje{
font-size:23px;
}
}
.jou_bannernje{
gap:1.75rem;
padding:2.25rem 40px;
background:linear-gradient(115deg,#1C1509,#0E1219);
overflow:hidden;
border-radius:1.25rem;
border:1px solid #362D1E;
flex-wrap:wrap;
color:#F7EDCC;
justify-content:space-between;
position:relative;
display:flex;
align-items:center;
}
.jou_banner_glownje{
border-radius:50%;
background:radial-gradient(circle,rgba(251, 176, 52, 0.22),transparent 68%);
height:200px;
transform:translateY(-50%);
width:12.5rem;
right:80px;
top:50%;
position:absolute;
}
.jou_banner_innje{
position:relative;
max-width:35rem;
}
.jou_bannernje .jou_eyebrownje{
color:#FFB830;
}
.jou_banner_h2nje{
margin:10px 0;
color:#F7EDCC;
line-height:1.05;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.875rem;
font-weight:700;
}
.jou_banner_textnje{
font-size:14px;
line-height:1.6;
color:#B09A68;
}
@media(max-width:561px){
.jou_banner_h2nje{
font-size:1.5rem;
}
}
.jou_appnje{
gap:36px;
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
}
.jou_app_copynje{
max-width:32.5rem;
}
.jou_app_h2nje{
margin:12px 0 10px;
color:#F5EED8;
line-height:1.05;
font-weight:700;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:28px;
}
.jou_app_textnje{
color:#C9B98A;
font-size:0.875rem;
line-height:1.6;
margin-bottom:20px;
}
.jou_app_btnsnje{
gap:0.75rem;
flex-wrap:wrap;
display:flex;
}
.jou_storenje{
background:#0F0D0A;
gap:0.563rem;
border-radius:13px;
border:1px solid #362D1E;
padding:11px 18px;
align-items:center;
font-size:13px;
font-weight:700;
cursor:pointer;
color:#F5EED8;
display:inline-flex;
}
.jou_storenje svg{
height:1rem;
width:16px;
}
.jou_app_qr_wrapnje{
gap:1rem;
align-items:center;
display:flex;
}
.jou_qrnje{
background:#0F0D0A;
grid-template-rows:repeat(5,1fr);
gap:3px;
padding:0.688rem;
border-radius:0.813rem;
grid-template-columns:repeat(5,1fr);
border:1px solid #362D1E;
height:108px;
width:108px;
display:grid;
}
.jou_qrnje i{
background:transparent;
}
.jou_qr_fnje{
background:#FBA834;
}
.jou_app_qr_capnje{
line-height:1.4;
color:#8A7A5A;
font-size:0.75rem;
max-width:84px;
}
.jou_vip_headnje{
gap:12px;
align-items:flex-end;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:18px;
}
.jou_vip_intronje{
font-size:13px;
color:#C9B98A;
max-width:420px;
}
.jou_vipnje{
gap:0.75rem;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.jou_vipnje>*{
min-width:0;
}
.jou_tiernje{
border:1px solid #362D1E;
padding:1.25rem;
border-radius:13px;
background:#1A1712;
}
.jou_tier_onnje{
border-color:#FBA834;
background:rgba(251, 168, 52, 0.11);
}
.jou_tier_medalnje{
border-radius:9px;
background:linear-gradient(135deg,#FBA834,#C47100);
width:1.875rem;
height:30px;
margin-bottom:0.875rem;
}
.jou_tier_namenje{
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:5px;
font-weight:700;
font-size:15px;
color:#F5EED8;
}
.jou_tier_txnje{
line-height:1.5;
color:#8A7A5A;
font-size:0.719rem;
}
@media(max-width:1026px){
.jou_vipnje{
grid-template-columns:repeat(2,1fr);
}
}
.jou_ab_h2nje{
margin:14px 0 16px;
line-height:1.08;
color:#F5EED8;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:32px;
}
.jou_ab_bodynje{
line-height:1.65;
margin-bottom:14px;
color:#C9B98A;
font-size:15px;
}
.jou_ab_chipsnje{
gap:10px;
margin-top:8px;
display:flex;
flex-wrap:wrap;
}
.jou_faqnje{
gap:0.625rem;
flex-direction:column;
display:flex;
}
.jou_faq_itemnje{
background:#1A1712;
padding:1.125rem 22px;
border:1px solid #362D1E;
border-radius:13px;
}
.jou_faq_qnje{
gap:1rem;
list-style:none;
justify-content:space-between;
cursor:pointer;
align-items:center;
color:#F5EED8;
font-size:0.969rem;
font-weight:600;
display:flex;
}
.jou_faq_qnje::-webkit-details-marker{
display:none;
}
.jou_faq_q_tnje{
gap:0.625rem;
display:flex;
}
.jou_faq_q_inje{
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-style:normal;
color:#FBA834;
}
.jou_faq_pmnje{
font-size:1.25rem;
color:#FBA834;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jou_faq_itemnje[open] .jou_faq_pmnje{
transform:rotate(45deg);
}
.jou_faq_anje{
font-size:13.5px;
line-height:1.6;
margin-top:0.75rem;
color:#C9B98A;
}
@media(max-width:559px){
.jou_ab_h2nje{
font-size:26px;
}
}
.jou_disputenje{
padding:26px 30px;
gap:1.75rem;
border:1px dashed #4D3F28;
border-radius:13px;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
}
.jou_dispute_innje{
max-width:41.25rem;
}
.jou_dispute_h2nje{
font-weight:700;
margin-bottom:8px;
color:#F5EED8;
font-size:1.375rem;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jou_dispute_textnje{
color:#C9B98A;
font-size:0.844rem;
line-height:1.6;
}
.jou_op_h2nje{
margin:0.625rem 0 8px;
font-weight:700;
color:#F5EED8;
font-size:24px;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.1;
}
.jou_op_textnje{
font-size:13.5px;
line-height:1.6;
color:#C9B98A;
}
@media(max-width:561px){
.jou_op_h2nje{
font-size:22px;
}
}
.jou_rcnje{
grid-template-columns:1fr 1fr 1fr;
gap:2rem;
display:grid;
}
.jou_rcnje>*{
min-width:0;
}
.jou_rc_awardsnje{
gap:11px;
display:flex;
flex-direction:column;
}
.jou_awardnje{
gap:11px;
display:flex;
align-items:center;
}
.jou_awardnje svg{
flex:none;
width:1.125rem;
height:1.125rem;
color:#F5C518;
}
.jou_award_tnje{
color:#F5EED8;
font-weight:700;
font-size:13.5px;
}
.jou_award_snje{
color:#8A7A5A;
font-size:11.5px;
}
.jou_rc_pressnje{
gap:0.625rem;
grid-template-columns:1fr 1fr;
display:grid;
}
.jou_logo_cellnje{
border-radius:9px;
border:1px solid #362D1E;
align-items:center;
justify-content:center;
height:48px;
font-size:0.813rem;
font-weight:700;
color:#C9B98A;
display:flex;
}
.jou_rc_partnernje{
background:#1A1712;
border:1px solid #362D1E;
padding:20px;
border-radius:0.813rem;
}
.jou_rc_partner_namenje{
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#F5EED8;
font-size:1.125rem;
margin-bottom:0.375rem;
font-weight:700;
}
.jou_rc_partner_textnje{
color:#C9B98A;
font-size:12.5px;
line-height:1.55;
}
@media(max-width:1027px){
.jou_rcnje{
gap:22px;
grid-template-columns:1fr;
}
.jou_rc_pressnje{
grid-template-columns:repeat(4,1fr);
}
}
.jou_provsnje{
grid-template-columns:repeat(6,1fr);
gap:12px;
display:grid;
margin-bottom:1.75rem;
}
.jou_provsnje>*{
min-width:0;
}
.jou_provnje{
border-radius:13px;
background:#1A1712;
border:1px solid #362D1E;
padding:12px;
text-decoration:none;
justify-content:center;
display:flex;
height:4rem;
align-items:center;
}
.jou_prov_imgnje{
max-height:32px;
max-width:100%;
object-fit:contain;
}
.jou_respnje{
gap:1.5rem;
background:#1A1712;
border:1px solid #362D1E;
border-radius:13px;
padding:1.625rem;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.jou_resp_innje{
max-width:560px;
}
.jou_resp_hnje{
margin-bottom:0.5rem;
font-weight:700;
font-size:19px;
font-family:"Oswald", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#F5EED8;
}
.jou_resp_pnje{
line-height:1.6;
font-size:0.844rem;
color:#C9B98A;
}
.jou_resp_badgesnje{
gap:0.875rem;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.jou_age18nje{
border-radius:9px;
padding:0.25rem 8px;
border:1.5px solid #E8342A;
font-weight:700;
color:#E8342A;
font-size:13px;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jou_resp_orgnje{
color:#8A7A5A;
font-size:0.813rem;
font-weight:600;
}
@media(max-width:1026px){
.jou_provsnje{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:560px){
.jou_provsnje{
grid-template-columns:repeat(2,1fr);
}
}
.jou_footernje{
padding:40px 28px;
background:#0A0805;
border-top:1px solid #2A2318;
}
.jou_footer_gridnje{
gap:32px;
grid-template-columns:1.4fr 1fr 1fr 1fr;
display:grid;
margin-left:auto;
margin-bottom:1.75rem;
margin-right:auto;
max-width:87.5rem;
}
.jou_footer_gridnje>*{
min-width:0;
}
.jou_footer_gridnje h4{
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.12em;
margin-bottom:13px;
text-transform:uppercase;
color:#564E3B;
font-size:10px;
}
.jou_fcolnje{
gap:9px;
color:#C9B98A;
display:flex;
flex-direction:column;
font-size:0.813rem;
}
.jou_fcolnje a{
cursor:pointer;
}
.jou_ft_aboutnje{
color:#8A7A5A;
font-size:13px;
margin-top:0.75rem;
line-height:1.6;
max-width:16.25rem;
}
.jou_ft_contactnje{
font-size:0.781rem;
color:#FBA834;
overflow-wrap:anywhere;
font-family:"Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-top:0.75rem;
}
.jou_footer_bottomnje{
margin:0 auto;
gap:1rem;
align-items:center;
flex-wrap:wrap;
max-width:1400px;
display:flex;
padding-top:20px;
border-top:1px solid #2A2318;
justify-content:space-between;
}
.jou_footer_bottomnje p{
font-size:11px;
max-width:45rem;
color:#564E3B;
line-height:1.6;
}
@media(max-width:1026px){
.jou_footer_gridnje{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:563px){
.jou_footer_gridnje{
grid-template-columns:1fr;
}
}