@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-0.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
} @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-1.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-2.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-3.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-4.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-5.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-6.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-7.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-9.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-10.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//4rowery.pl/wp-content/themes/theme-4rowery/assets/fonts/poppins-11.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} :root {
--accent:       #FE4F70;
--accent-dark:  #e63356;
--accent-light: #fff0f3;
--text-dark:    #203656;
--text-body:    #4b5563;
--text-muted:   #79889e;
--bg:           #ffffff;
--bg-light:     #f7f8fa;
--bg-card:      #ffffff;
--border:       #e8ebf0;
--radius:       8px;
--radius-sm:    4px;
--shadow:       0 2px 12px rgba(0,0,0,.07);
--shadow-hover: 0 6px 24px rgba(0,0,0,.12);
--gap:          24px;
--container:    1200px;
--transition:   .2s ease;
} *, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: 'Poppins', system-ui, -apple-system, sans-serif;
font-size: 15px;
line-height: 1.7;
color: var(--text-body);
background: var(--bg);
-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--accent); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--accent-dark); }
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: var(--text-dark);
line-height: 1.3;
margin: 0 0 .75em;
}
h1 { font-size: 2.2rem; }
h2 { font-size: 1.7rem; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.1rem; }
p { margin: 0 0 1.2em; }
ul, ol { padding-left: 1.5em; margin: 0 0 1em; }
figure { margin: 0; } .rw-container {
max-width: var(--container);
margin: 0 auto;
padding: 0 20px;
}
.rw-container--narrow {
max-width: 820px;
margin: 0 auto;
padding: 0 20px;
}
main { min-height: 60vh; } .rw-header {
background: var(--bg);
border-bottom: 2px solid var(--border);
position: sticky;
top: 0;
z-index: 100;
}
.rw-header__inner {
display: flex;
align-items: center;
height: 64px;
gap: 24px;
}
.rw-header__brand {
flex-shrink: 0;
font-size: 1.4rem;
font-weight: 700;
color: var(--text-dark);
text-decoration: none;
letter-spacing: -.02em;
}
.rw-header__brand span {
color: var(--accent);
}
.rw-header__brand img {
height: 36px;
width: auto;
}
.rw-header__nav {
flex: 1;
}
.rw-header__nav ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 4px;
}
.rw-header__nav a {
display: block;
padding: 6px 12px;
font-size: .85rem;
font-weight: 600;
color: var(--text-dark);
text-transform: uppercase;
letter-spacing: .04em;
border-radius: var(--radius-sm);
transition: color var(--transition), background var(--transition);
}
.rw-header__nav a:hover,
.rw-header__nav .current-menu-item > a,
.rw-header__nav .current-menu-ancestor > a {
color: var(--accent);
background: var(--accent-light);
}
.rw-header__search {
margin-left: auto;
flex-shrink: 0;
}
.rw-header__search form {
display: flex;
align-items: center;
gap: 8px;
}
.rw-header__search input[type="search"] {
border: 1px solid var(--border);
border-radius: 20px;
padding: 5px 14px;
font-size: .85rem;
font-family: inherit;
color: var(--text-body);
width: 180px;
outline: none;
transition: border-color var(--transition), width var(--transition);
background: var(--bg-light);
}
.rw-header__search input[type="search"]:focus {
border-color: var(--accent);
width: 220px;
}
.rw-header__search button {
background: none;
border: none;
cursor: pointer;
padding: 4px;
color: var(--text-muted);
display: flex;
align-items: center;
} .rw-menu-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 6px;
margin-left: auto;
flex-direction: column;
gap: 5px;
}
.rw-menu-toggle span {
display: block;
width: 24px;
height: 2px;
background: var(--text-dark);
border-radius: 2px;
transition: transform var(--transition), opacity var(--transition);
}
.rw-menu-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.rw-menu-toggle.is-active span:nth-child(2) { opacity: 0; }
.rw-menu-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .rw-badge {
display: inline-block;
padding: 3px 10px;
font-size: .72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
border-radius: 3px;
background: var(--accent);
color: #fff;
text-decoration: none;
transition: background var(--transition);
}
.rw-badge:hover { background: var(--accent-dark); color: #fff; } .rw-hero {
position: relative;
height: 480px;
overflow: hidden;
border-radius: var(--radius);
margin: 28px 0;
}
.rw-hero__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.rw-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(20,20,30,.82) 0%, rgba(20,20,30,.4) 55%, transparent 100%);
}
.rw-hero__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 32px 40px;
color: #fff;
}
.rw-hero__content .rw-badge {
margin-bottom: 12px;
}
.rw-hero__title {
font-size: 2rem;
color: #fff;
margin: 0 0 12px;
line-height: 1.25;
max-width: 720px;
}
.rw-hero__title a {
color: inherit;
text-decoration: none;
}
.rw-hero__title a:hover { color: var(--accent); }
.rw-hero__meta {
font-size: .82rem;
opacity: .85;
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap;
}
.rw-hero__meta a { color: #fff; opacity: .9; }
.rw-hero__meta a:hover { opacity: 1; color: var(--accent); } .rw-section {
padding: 40px 0;
}
.rw-section__title {
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .07em;
color: var(--text-dark);
margin: 0 0 24px;
padding-bottom: 12px;
border-bottom: 3px solid var(--accent);
display: inline-block;
} .rw-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap);
}
.rw-grid--2col { grid-template-columns: repeat(2, 1fr); } .rw-card {
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: var(--radius);
overflow: hidden;
transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.rw-card:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-hover);
border-color: var(--accent);
}
.rw-card__thumb {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
background: var(--bg-light);
}
.rw-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s ease;
}
.rw-card:hover .rw-card__thumb img { transform: scale(1.04); }
.rw-card__thumb .rw-badge {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
}
.rw-card__thumb-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--border);
font-size: 2.5rem;
}
.rw-card__body {
padding: 18px 20px 20px;
}
.rw-card__title {
font-size: 1rem;
font-weight: 700;
margin: 0 0 10px;
line-height: 1.4;
}
.rw-card__title a {
color: var(--text-dark);
}
.rw-card__title a:hover { color: var(--accent); }
.rw-card__meta {
display: flex;
align-items: center;
gap: 8px;
font-size: .78rem;
color: var(--text-muted);
flex-wrap: wrap;
}
.rw-card__meta a { color: var(--text-muted); }
.rw-card__meta a:hover { color: var(--accent); }
.rw-card__sep::before { content: "·"; }
.rw-card__excerpt {
font-size: .88rem;
color: var(--text-body);
margin: 10px 0 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .rw-cat-sections {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--gap);
padding-bottom: 40px;
}
.rw-cat-section {
border: 1px solid var(--border);
border-radius: var(--radius);
overflow: hidden;
background: var(--bg-card);
}
.rw-cat-section__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
border-bottom: 1px solid var(--border);
background: var(--bg-light);
}
.rw-cat-section__title {
font-size: .82rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .07em;
color: var(--text-dark);
margin: 0;
padding-left: 10px;
border-left: 3px solid var(--accent);
}
.rw-cat-section__more {
font-size: .78rem;
color: var(--accent);
font-weight: 600;
white-space: nowrap;
}
.rw-cat-section__more:hover { color: var(--accent-dark); }
.rw-cat-section__list {
display: flex;
flex-direction: column;
} .rw-mini-card {
display: flex;
gap: 14px;
padding: 14px 20px;
text-decoration: none;
color: inherit;
border-bottom: 1px solid var(--border);
transition: background var(--transition);
align-items: center;
}
.rw-mini-card:last-child { border-bottom: none; }
.rw-mini-card:hover { background: var(--bg-light); }
.rw-mini-card__thumb {
flex-shrink: 0;
width: 68px;
height: 52px;
border-radius: var(--radius-sm);
overflow: hidden;
background: var(--bg-light);
}
.rw-mini-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rw-mini-card__placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--border);
font-size: 1.2rem;
}
.rw-mini-card__body { flex: 1; min-width: 0; }
.rw-mini-card__title {
font-size: .88rem;
font-weight: 600;
color: var(--text-dark);
line-height: 1.35;
margin: 0 0 4px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.rw-mini-card:hover .rw-mini-card__title { color: var(--accent); }
.rw-mini-card__date {
font-size: .74rem;
color: var(--text-muted);
} .rw-single {
padding: 32px 0 56px;
} .rw-single__layout {
display: grid;
grid-template-columns: 1fr 300px;
gap: 40px;
align-items: start;
}
.rw-single__main {
min-width: 0; } .rw-sidebar {
position: sticky;
top: 80px; }
.rw-widget {
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 20px;
margin-bottom: 24px;
}
.rw-widget__title {
font-size: .8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
color: var(--text-dark);
margin: 0 0 16px;
padding-bottom: 10px;
border-bottom: 2px solid var(--accent);
display: inline-block;
} .rw-widget__post-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.rw-widget__post-list li {
display: flex;
gap: 12px;
align-items: flex-start;
}
.rw-widget__post-thumb {
flex-shrink: 0;
width: 64px;
height: 48px;
border-radius: var(--radius-sm);
overflow: hidden;
display: block;
}
.rw-widget__post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rw-widget__post-info {
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0;
}
.rw-widget__post-info a {
font-size: .85rem;
font-weight: 600;
color: var(--text-dark);
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.rw-widget__post-info a:hover { color: var(--accent); }
.rw-widget__post-info span {
font-size: .74rem;
color: var(--text-muted);
} .rw-widget__cat-list {
list-style: none;
margin: 0;
padding: 0;
}
.rw-widget__cat-list li {
border-bottom: 1px solid var(--border);
}
.rw-widget__cat-list li:last-child { border-bottom: none; }
.rw-widget__cat-list a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
font-size: .88rem;
color: var(--text-body);
text-decoration: none;
transition: color var(--transition);
}
.rw-widget__cat-list a:hover { color: var(--accent); }
.rw-widget__cat-list a span {
font-size: .75rem;
color: var(--text-muted);
background: var(--bg-light);
border-radius: 10px;
padding: 1px 8px;
flex-shrink: 0;
}
.rw-single__hero {
aspect-ratio: 16 / 7;
overflow: hidden;
border-radius: var(--radius);
margin-bottom: 32px;
background: var(--bg-light);
}
.rw-single__hero img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rw-single__header {
margin-bottom: 32px;
}
.rw-single__cats {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 14px;
}
.rw-single__title {
font-size: 2rem;
line-height: 1.25;
margin: 0 0 16px;
}
.rw-single__meta {
display: flex;
align-items: center;
gap: 16px;
font-size: .82rem;
color: var(--text-muted);
flex-wrap: wrap;
padding-bottom: 20px;
border-bottom: 1px solid var(--border);
}
.rw-single__meta a { color: var(--text-muted); }
.rw-single__meta a:hover { color: var(--accent); }
.rw-single__meta strong { color: var(--text-dark); } .rw-content {
font-size: 1rem;
line-height: 1.8;
color: var(--text-body);
}
.rw-content h2 {
font-size: 1.5rem;
margin: 2em 0 .75em;
padding-top: 1em;
border-top: 1px solid var(--border);
}
.rw-content h3 {
font-size: 1.2rem;
margin: 1.6em 0 .6em;
}
.rw-content p { margin-bottom: 1.3em; }
.rw-content ul, .rw-content ol {
margin-bottom: 1.3em;
padding-left: 1.6em;
}
.rw-content li { margin-bottom: .4em; }
.rw-content a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.rw-content a:hover { color: var(--accent-dark); }
.rw-content img {
border-radius: var(--radius-sm);
margin: 1.5em auto;
}
.rw-content blockquote {
border-left: 4px solid var(--accent);
margin: 1.5em 0;
padding: 1em 1.5em;
background: var(--accent-light);
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
font-style: italic;
color: var(--text-dark);
}
.rw-content table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
font-size: .9rem;
}
.rw-content th {
background: var(--bg-light);
color: var(--text-dark);
font-weight: 700;
text-align: left;
padding: 10px 14px;
border-bottom: 2px solid var(--border);
}
.rw-content td {
padding: 9px 14px;
border-bottom: 1px solid var(--border);
}
.rw-content tr:hover td { background: var(--bg-light); } .wp-block-rank-math-faq-block { margin: 2em 0; }
.rank-math-faq-item {
border-bottom: 1px solid var(--border);
padding: 16px 0;
}
.rank-math-question {
font-size: 1rem;
font-weight: 700;
color: var(--text-dark);
margin: 0 0 8px;
}
.rank-math-answer {
font-size: .92rem;
color: var(--text-body);
} .rw-single__footer {
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid var(--border);
}
.rw-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.rw-tag {
display: inline-block;
padding: 4px 12px;
font-size: .78rem;
font-weight: 600;
border: 1px solid var(--border);
border-radius: 20px;
color: var(--text-body);
text-decoration: none;
transition: border-color var(--transition), color var(--transition);
}
.rw-tag:hover { border-color: var(--accent); color: var(--accent); } .rw-related {
background: var(--bg-light);
padding: 32px 0;
margin-top: 40px;
border-top: 1px solid var(--border);
}
.rw-related .rw-container--narrow { padding-top: 0; } .rw-breadcrumbs {
font-size: .8rem;
color: var(--text-muted);
margin-bottom: 20px;
padding: 10px 0;
border-bottom: 1px solid var(--border);
}
.rw-breadcrumbs ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
}
.rw-breadcrumbs li {
display: flex;
align-items: center;
}
.rw-breadcrumbs li + li::before {
content: '/';
margin: 0 8px;
color: var(--border);
font-size: .85em;
}
.rw-breadcrumbs li[aria-current="page"] {
color: var(--text-body);
font-weight: 500; max-width: 360px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rw-breadcrumbs a {
color: var(--text-muted);
white-space: nowrap;
}
.rw-breadcrumbs a:hover { color: var(--accent); } .rw-pagination {
display: flex;
justify-content: center;
gap: 8px;
margin: 40px 0;
flex-wrap: wrap;
}
.rw-pagination .page-numbers {
display: flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 10px;
border: 1px solid var(--border);
border-radius: var(--radius-sm);
font-size: .85rem;
font-weight: 600;
color: var(--text-dark);
text-decoration: none;
transition: border-color var(--transition), background var(--transition), color var(--transition);
}
.rw-pagination .page-numbers:hover,
.rw-pagination .page-numbers.current {
background: var(--accent);
border-color: var(--accent);
color: #fff;
} .rw-archive {
padding: 32px 0 56px;
}
.rw-archive__header {
margin-bottom: 32px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border);
}
.rw-archive__title {
font-size: 1.8rem;
margin: 0 0 8px;
}
.rw-archive__desc {
color: var(--text-muted);
margin: 0;
} .rw-search-hero {
background: var(--bg-light);
padding: 40px 0;
text-align: center;
border-bottom: 1px solid var(--border);
margin-bottom: 32px;
}
.rw-search-hero h1 {
font-size: 1.6rem;
margin-bottom: 20px;
}
.rw-search-form {
display: inline-flex;
gap: 8px;
max-width: 480px;
width: 100%;
}
.rw-search-form input[type="search"] {
flex: 1;
padding: 10px 18px;
border: 2px solid var(--border);
border-radius: var(--radius);
font-size: .95rem;
font-family: inherit;
outline: none;
transition: border-color var(--transition);
}
.rw-search-form input[type="search"]:focus { border-color: var(--accent); }
.rw-search-form button {
padding: 10px 22px;
background: var(--accent);
color: #fff;
border: none;
border-radius: var(--radius);
font-size: .9rem;
font-weight: 700;
font-family: inherit;
cursor: pointer;
transition: background var(--transition);
}
.rw-search-form button:hover { background: var(--accent-dark); } .rw-404 {
text-align: center;
padding: 80px 20px;
}
.rw-404__code {
font-size: 8rem;
font-weight: 700;
color: var(--accent);
line-height: 1;
margin-bottom: 16px;
}
.rw-404__title {
font-size: 1.6rem;
margin-bottom: 12px;
}
.rw-404__text {
color: var(--text-muted);
margin-bottom: 28px;
}
.rw-btn {
display: inline-block;
padding: 11px 28px;
background: var(--accent);
color: #fff;
border-radius: var(--radius);
font-weight: 700;
font-size: .9rem;
text-decoration: none;
transition: background var(--transition);
}
.rw-btn:hover { background: var(--accent-dark); color: #fff; } .rw-footer {
background: var(--text-dark);
color: #a8b4c8;
margin-top: 60px;
}
.rw-footer__grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 40px;
padding: 48px 0 40px;
}
.rw-footer__heading {
font-size: .8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: #fff;
margin: 0 0 16px;
}
.rw-footer__about p {
font-size: .88rem;
line-height: 1.7;
margin: 0;
}
.rw-footer__about a { color: var(--accent); }
.rw-footer__links ul {
list-style: none;
margin: 0;
padding: 0;
}
.rw-footer__links li { padding: 4px 0; }
.rw-footer__links a {
font-size: .88rem;
color: #a8b4c8;
transition: color var(--transition);
}
.rw-footer__links a:hover { color: var(--accent); }
.rw-footer__recent-item {
display: flex;
gap: 10px;
margin-bottom: 14px;
align-items: flex-start;
}
.rw-footer__recent-item:last-child { margin-bottom: 0; }
.rw-footer__recent-thumb {
flex-shrink: 0;
width: 52px;
height: 40px;
border-radius: var(--radius-sm);
overflow: hidden;
background: rgba(255,255,255,.05);
}
.rw-footer__recent-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rw-footer__recent-title {
font-size: .82rem;
color: #c8d0dc;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.rw-footer__recent-title a { color: inherit; }
.rw-footer__recent-title a:hover { color: var(--accent); }
.rw-footer__recent-date {
font-size: .74rem;
color: #79889e;
margin-top: 3px;
}
.rw-footer__bottom {
border-top: 1px solid rgba(255,255,255,.08);
padding: 16px 0;
display: flex;
align-items: center;
justify-content: space-between;
font-size: .8rem;
flex-wrap: wrap;
gap: 8px;
}
.rw-footer__bottom a { color: #a8b4c8; }
.rw-footer__bottom a:hover { color: var(--accent); }
.rw-footer__bottom-menu {
display: flex;
gap: 16px;
list-style: none;
margin: 0;
padding: 0;
}  .rw-site-wrap { min-height: 60vh; } .rw-logo__text {
font-size: 1.35rem;
font-weight: 700;
color: var(--text-dark);
text-decoration: none;
letter-spacing: -.02em;
}
.rw-logo__text:hover { color: var(--accent); } .rw-header__actions {
display: flex;
align-items: center;
gap: 8px;
margin-left: auto;
} .rw-search-toggle {
background: none;
border: none;
cursor: pointer;
padding: 6px;
color: var(--text-dark);
display: flex;
align-items: center;
border-radius: var(--radius-sm);
transition: color var(--transition), background var(--transition);
}
.rw-search-toggle:hover { color: var(--accent); background: var(--accent-light); } .rw-search-bar {
border-top: 1px solid var(--border);
background: var(--bg);
overflow: hidden;
max-height: 0;
transition: max-height .25s ease, padding .25s ease;
padding: 0;
}
.rw-search-bar.is-open {
max-height: 80px;
padding: 14px 0;
} .rw-header.is-scrolled { box-shadow: 0 2px 12px rgba(0,0,0,.08); } .rw-card__thumb-link {
display: block;
text-decoration: none;
color: inherit;
} .rw-hero__excerpt {
font-size: .9rem;
opacity: .85;
margin: 0 0 14px;
max-width: 600px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .rw-footer__logo {
margin-bottom: 12px;
}
.rw-footer .rw-logo__text { color: #fff; font-size: 1.2rem; }
.rw-footer .rw-logo__text:hover { color: var(--accent); }
.rw-footer .custom-logo { filter: brightness(0) invert(1); } .rw-pagination .nav-links {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
} .rw-page-links {
display: flex;
gap: 8px;
align-items: center;
margin: 2em 0;
font-size: .9rem;
}  .rw-header__brand .custom-logo-link img,
.rw-header__brand .custom-logo {
height: 40px;
width: auto;
max-width: 200px;
}
@media (max-width: 1024px) {
.rw-grid { grid-template-columns: repeat(2, 1fr); }
.rw-footer__grid { grid-template-columns: 1fr 1fr; }
.rw-footer__recent { display: none; }
.rw-single__layout { grid-template-columns: 1fr 260px; gap: 28px; }
}
@media (max-width: 768px) {
:root { --gap: 16px; }
.rw-header__nav { display: none; }
.rw-header__nav.is-open {
display: block;
position: fixed;
top: 64px;
left: 0;
right: 0;
background: var(--bg);
border-bottom: 1px solid var(--border);
padding: 16px 20px;
box-shadow: var(--shadow);
z-index: 99;
}
.rw-header__nav.is-open ul {
flex-direction: column;
gap: 4px;
}
.rw-header__search { display: none; }
.rw-menu-toggle { display: flex; }
.rw-hero { height: 320px; }
.rw-hero__content { padding: 20px; }
.rw-hero__title { font-size: 1.35rem; }
.rw-grid { grid-template-columns: 1fr; }
.rw-grid--2col { grid-template-columns: 1fr; }
.rw-cat-sections { grid-template-columns: 1fr; }
.rw-single__title { font-size: 1.5rem; }
.rw-single__layout { grid-template-columns: 1fr; }
.rw-sidebar { display: none; } .rw-footer__grid { grid-template-columns: 1fr; gap: 28px; }
.rw-404__code { font-size: 5rem; }
}
@media (max-width: 480px) {
.rw-hero { height: 260px; border-radius: 0; margin: 0 -20px 24px; }
.rw-single__hero { border-radius: 0; margin: 0 -20px 24px; }
}