:root{
--color-surface-background:#F8F4EA;
--color-surface-elevation-1:#EFE5D3;
--color-surface-paper:#FFFFFF;
--color-text-primary:#2F4F3A;
--color-text-secondary:#5C564E;
--color-accent-green:#7BAE4A;
--color-accent-orange:#D48C3F;
--color-accent-blue:#6AAED6;
--color-border-muted:#DCCFB9;

--font-heading:'Quicksand','Montserrat',Arial,sans-serif;
--font-body:'Spectral','Georgia',serif;

--fs-1:clamp(2.2rem,4vw,3rem);
--fs-2:clamp(1.9rem,3vw,2.25rem);
--fs-3:clamp(1.35rem,2.2vw,1.5rem);
--fs-4:1.25rem;
--fs-5:1rem;
--fs-6:0.875rem;

--lh-heading:1.25;
--lh-body:1.6;

--space-1:0.25rem;
--space-2:0.5rem;
--space-3:1rem;
--space-4:1.5rem;
--space-5:2rem;
--space-6:3rem;
--space-7:4.5rem;

--radius-sm:6px;
--radius-md:12px;
--radius-lg:24px;

--border:1px solid var(--color-border-muted);
--shadow-soft:0 2px 8px rgba(47,79,58,0.04);

--container-max:1040px;
--container-pad:2rem;
}

*,
*::before,
*::after{
box-sizing:border-box;
margin:0;
padding:0;
}

html{
-webkit-text-size-adjust:100%;
scroll-behavior:smooth;
}

body{
min-height:100vh;
font-family:var(--font-body);
font-size:var(--fs-5);
line-height:var(--lh-body);
color:var(--color-text-primary);
background:var(--color-surface-background);
text-rendering:optimizeLegibility;
}

img,
picture,
video,
canvas,
svg{
display:block;
max-width:100%;
height:auto;
}

input,
button,
textarea,
select{
font:inherit;
color:inherit;
background:none;
border:none;
outline:none;
}

button{
cursor:pointer;
}

a{
color:inherit;
text-decoration:none;
}

ul{
list-style:none !important;
padding:0;
margin:0;
}

h1,h2,h3,h4,h5,h6{
font-family:var(--font-heading);
line-height:var(--lh-heading);
color:var(--color-text-primary);
margin-bottom:var(--space-3);
}

h1{font-size:var(--fs-1);}
h2{font-size:var(--fs-2);}
h3{font-size:var(--fs-3);}
h4{font-size:var(--fs-4);}
h5{font-size:var(--fs-5);}
h6{font-size:var(--fs-6);}

p {
margin-bottom:var(--space-3);
color:var(--color-text-primary);
}

small{
font-size:var(--fs-6);
color:var(--color-text-secondary);
}

blockquote{
margin-bottom:var(--space-4);
padding-left:var(--space-4);
border-left:3px solid var(--color-accent-green);
color:var(--color-text-secondary);
}

ul:not([class]),
ol:not([class]){
margin-bottom:var(--space-4);
padding-left:var(--space-4);
}

ul:not([class]) li+li,
ol:not([class]) hr{
border:none;
border-top:var(--border);
margin:var(--space-5) 0;
}

:focus-visible{
outline:2px solid var(--color-accent-blue);
outline-offset:2px;
}

.container{
width:100%;
max-width:var(--container-max);
margin-inline:auto;
padding-inline:var(--container-pad);
}

.surface{
background:var(--color-surface-elevation-1);
border:var(--border);
border-radius:var(--radius-md);
}

.surface-paper{
background:var(--color-surface-paper);
border:var(--border);
border-radius:var(--radius-md);
}

.card{
background:var(--color-surface-elevation-1);
border:var(--border);
border-radius:var(--radius-md);
padding:var(--space-4);
}

.card>*:last-child{
margin-bottom:0;
}

.stack>*+*{
margin-top:var(--space-3);
}

.stack-lg>*+*{
margin-top:var(--space-5);
}

.inline{
display:flex;
align-items:center;
gap:var(--space-2);
min-width:0;
}

.inline-wrap {
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
min-width:0;
}

.center{
display:flex;
align-items:center;
justify-content:center;
min-width:0;
text-align:center;
}

.button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
padding:0.6em 1.2em;
border-radius:var(--radius-sm);
background:var(--color-accent-green);
color:#fff;
transition:transform .15s ease, background .2s ease;
}

.button:hover{
background:#6c9d40;
transform:scale(1.03);
}

.button-secondary{
background:var(--color-accent-orange);
}

.button-secondary:hover{
background:#bf7d36;
}

.link{
color:var(--color-accent-blue);
transition:color .2s ease;
}

.link:hover{
color:#4f95c2;
}

.input{
width:100%;
padding:0.6em 0.8em;
border-radius:var(--radius-sm);
border:var(--border);
background:var(--color-surface-paper);
}

.nav-toggle{
display:flex;
flex-direction:column;
gap:4px;
}

.nav-toggle span{
width:24px;
height:2px;
background:var(--color-text-primary);
display:block;
border-radius:2px;
}

.media{
border-radius:var(--radius-md);
overflow:hidden;
}

.media img{
border-radius:inherit;
}

.fade-in{
animation:fadeIn .3s ease both;
}

@keyframes fadeIn{
from{opacity:0;transform:translateY(6px);}
to{opacity:1;transform:none;}
}

@media (max-width:800px){
.container{
padding-inline:1.25rem;
}
}


.grx-header{
position:sticky;
top:0;
z-index:50;
background:var(--color-surface-elevation-1);
border-bottom:var(--border);
}
.grx-header-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
padding-block:var(--space-3);
}
.grx-brand{gap:var(--space-2);min-width:0;}
.grx-logo{width:auto;height:42px;object-fit:contain;}
.grx-brand-text{font-family:var(--font-heading);font-weight:600;white-space:nowrap;}

.grx-nav{display:flex;}
.grx-nav-list{display:flex;gap:var(--space-4);align-items:center;}
.grx-nav-list li{margin:0;padding:0;}
.grx-nav-list a{font-family:var(--font-heading);font-size:var(--fs-6);transition:color .2s ease;}
.grx-nav-list a:hover{color:var(--color-accent-green);}

.grx-actions{gap:var(--space-3);}
.grx-search{max-width:160px;}
.grx-contact-link{font-size:var(--fs-6);}

.grx-toggle{display:none;padding:6px;border-radius:var(--radius-sm);}
.grx-toggle:focus-visible{outline:2px solid var(--color-accent-blue);}

.grx-progress{
height:3px;
background:var(--color-accent-green);
width:0%;
transition:width .2s ease;
}

@media (max-width:900px){
.grx-nav{
position:fixed;
top:0;right:0;height:100vh;width:85%;max-width:320px;
background:var(--color-surface-paper);
border-left:var(--border);
padding:var(--space-5) var(--space-4);
transform:translateX(100%);
transition:transform .25s ease;
overflow-y:auto;
}
.grx-nav.open{transform:translateX(0);}
.grx-nav-list{flex-direction:column;align-items:flex-start;gap:var(--space-4);}
.grx-toggle{display:flex;}
.grx-search,.grx-contact-link{display:none;}
.grx-mobile-only{display:block;}
}

@media (min-width:901px){
.grx-mobile-only{display:none;}
}


.grx-footer{
margin-top:var(--space-7);
padding-block:var(--space-6);
background:var(--color-surface-elevation-1);
border-top:var(--border);
}
.grx-footer-inner{display:flex;flex-direction:column;gap:var(--space-5);}
.grx-footer-top {display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);}
.grx-footer-brand img{height:48px;margin-bottom:var(--space-2);}
.grx-footer-brand p {
  }
.grx-footer-nav ul,
.grx-footer-legal ul{display:flex;flex-direction:column;gap:var(--space-2);}
.grx-footer-newsletter form{display:flex;flex-direction:column;gap:var(--space-2);}
.grx-footer-bottom{text-align:center;}

.grx-consent{
position:fixed;
bottom:0;left:0;width:100%;
background:var(--color-surface-paper);
border-top:var(--border);
padding:var(--space-3);
box-shadow:var(--shadow-soft);
}
.grx-consent-inner{
max-width:var(--container-max);
margin-inline:auto;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
}

@media (max-width:800px){
.grx-footer-top {grid-template-columns:1fr;}
}


.pc-main{padding-top:var(--space-6);padding-bottom:var(--space-7);} 
.pc-section{margin-bottom:var(--space-6);} 

.pc-header-text{max-width:720px;margin-inline:auto;text-align:center;} 

.pc-text-block{max-width:720px;margin-inline:auto;} 

.pc-types-wrap {
  margin-inline:auto;} 
.pc-type{min-width:0;} 

.pc-goals-wrap {
  margin-inline:auto;} 
.pc-goal-list{display:flex;flex-direction:column;gap:var(--space-3);} 
.pc-goal-list li{position:relative;padding-left:1.5rem;min-width:0;} 
.pc-goal-list li::before{content:"";position:absolute;left:0;top:0.6em;width:8px;height:8px;border-radius:50%;background:var(--color-accent-green);} 
.pc-goal-list span{font-weight:600;} 

.pc-manage-card{max-width:720px;margin-inline:auto;padding:var(--space-4);} 
.pc-manage-inner{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;} 
.pc-manage-list{padding-left:1.2rem;} 
.pc-manage-list li{list-style:disc;margin-bottom:var(--space-2);} 

.pc-third .pc-text-block,.pc-update .pc-text-block{max-width:720px;margin-inline:auto;} 

@media (max-width:800px){
.pc-main{padding-top:var(--space-5);} 
}


.regulamin{padding-top:var(--space-6);padding-bottom:var(--space-7);} 
.reg-section{margin-bottom:var(--space-7);} 
.reg-block{display:flex;flex-direction:column;gap:var(--space-3);} 
.reg-block-narrow{max-width:720px;margin-inline:auto;} 
.reg-block-wide{max-width:820px;margin-inline:auto;} 
.reg-block-standard{max-width:760px;margin-inline:auto;} 
.reg-lead{font-size:var(--fs-4);} 
.reg-def-list{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2);} 
.reg-def-list li{padding-bottom:var(--space-2);border-bottom:var(--border);} 
.reg-rules ul,.reg-copyright ul{padding-left:var(--space-4);} 
.reg-rules ul li,.reg-copyright ul li{margin-top:var(--space-2);} 
.reg-section h2{margin-top:var(--space-4);} 
@media (max-width:800px){
.reg-block-narrow,.reg-block-standard,.reg-block-wide{max-width:100%;}
}


.pp-main{display:flex;flex-direction:column;gap:var(--space-6);} 

.pp-hero{padding:var(--space-7) 0;background:var(--color-surface-elevation-1);} 
.pp-hero-inner{max-width:720px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3);} 
.pp-hero-inner p {
  margin-inline:auto;} 

.pp-section{padding:var(--space-6) 0;} 

.pp-narrow{max-width:720px;margin-inline:auto;} 
.pp-medium{max-width:820px;margin-inline:auto;} 
.pp-wide{max-width:1040px;margin-inline:auto;} 

.pp-card-list{display:grid;grid-template-columns:1fr;gap:var(--space-4);} 
.pp-card{display:flex;flex-direction:column;gap:var(--space-3);} 

.pp-highlight{background:var(--color-surface-elevation-1);} 

.pp-rights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 
.pp-right{display:flex;flex-direction:column;gap:var(--space-3);transition:background .2s ease;} 
.pp-right:hover{background:#f3eadb;} 

@media (max-width:900px){
.pp-rights-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:600px){
.pp-rights-grid{grid-template-columns:1fr;}
.pp-hero-inner{padding-inline:var(--space-3);} 
}


.kontakt-page section{padding:var(--space-6) 0}

.kontakt-hero__inner{max-width:640px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.kontakt-why__card{max-width:800px;margin-inline:auto;padding:var(--space-5);background:var(--color-surface-elevation-1);border:var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);text-align:center}

.kontakt-list{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}
.kontakt-list li{position:relative;padding-left:1.4rem}
.kontakt-list li::before{content:"🌿";position:absolute;left:0}

.kontakt-form{max-width:900px;margin-inline:auto;padding:var(--space-5);background:var(--color-surface-paper);border:var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-4)}

.kontakt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.kontakt-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kontakt-field--full{grid-column:1 / -1}

.kontakt-actions{display:flex;flex-direction:column;gap:var(--space-2)}
.kontakt-feedback{font-size:var(--fs-6)}

.kontakt-response__inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.kontakt-faq__inner{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.faq-item{border:var(--border);border-radius:var(--radius-md);background:var(--color-surface-elevation-1);overflow:hidden}
.faq-question{width:100%;text-align:left;padding:var(--space-3);font-family:var(--font-heading)}
.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease;padding:0 var(--space-3)}
.faq-item.active .faq-answer{max-height:200px;opacity:1;padding:var(--space-3)}

.kontakt-tips__inner{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

.kontakt-community__inner{max-width:720px;margin-inline:auto;text-align:center}

.kontakt-cta__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}

@media (max-width:800px){
.kontakt-grid{grid-template-columns:1fr}
}


.uprawy-page section{margin-top:var(--space-7);} 

.uprawy-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-6);align-items:center;} 
.uprawy-hero-text{max-width:42ch;} 
.uprawy-hero-media img{width:100%;border-radius:var(--radius-md);} 

.uprawy-seasons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);} 
.season-card{padding:var(--space-4);border:var(--border);border-radius:var(--radius-md);text-align:center;background:var(--color-surface-elevation-1);} 

.spring-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);} 
.spring-timeline{display:flex;gap:var(--space-3);overflow-x:auto;} 
.timeline-item{padding:var(--space-3);background:var(--color-surface-elevation-1);border-radius:var(--radius-md);min-width:160px;} 
.highlight{background:var(--color-accent-green);color:#fff;} 

.dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);} 

.profit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 

.strategies-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);} 

.gallery-grid{columns:4 200px;column-gap:var(--space-3);} 
.gallery-item{margin-bottom:var(--space-3);} 

.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 

.uprawy-cta{background:var(--color-accent-green);color:#fff;padding:var(--space-6) 0;margin-top:var(--space-7);} 

@media(max-width:1000px){
.uprawy-hero-grid{grid-template-columns:1fr;}
.uprawy-seasons-grid{grid-template-columns:repeat(2,1fr);} 
.dual-grid,.profit-grid,.strategies-grid,.related-grid{grid-template-columns:1fr;} 
.gallery-grid{columns:2 140px;} 
.spring-grid{grid-template-columns:1fr;} 
}


.poradniki section{margin-top:var(--space-6)}
.hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-5);align-items:center}
.hero-text{max-width:60ch}
.kategorie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.kat{text-align:center}
.poziomy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.featured-card{position:relative;overflow:hidden}
.featured-card img{transition:transform .3s ease}
.featured-card:hover img{transform:scale(1.05)}
.featured-content{position:absolute;bottom:0;padding:var(--space-4);color:#fff}
.filter-bar{display:flex;gap:var(--space-3);flex-wrap:wrap}
.sezony-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.quotes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.story-block{max-width:65ch}
.cta-box{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr}
.kategorie-grid{grid-template-columns:repeat(2,1fr)}
.featured-grid{grid-template-columns:1fr}
.sezony-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.kategorie-grid,.poziomy-grid,.sezony-grid,.advanced-grid,.quotes-grid{grid-template-columns:1fr}
}


.news-page section{margin-bottom:var(--space-7);} 
.hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);align-items:center;} 
.hero-text{max-width:38ch;display:flex;flex-direction:column;gap:var(--space-3);} 
.hero-image img{width:100%;height:auto;} 
.badge{background:var(--color-accent-orange);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);} 
.chip {border:var(--border);padding:6px 10px;border-radius:20px;background:var(--color-surface-paper);} 
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);} 
.article-card{display:flex;flex-direction:column;gap:var(--space-2);} 
.filters-row{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;} 
.search-box{flex:1;min-width:200px;} 
.latest-list{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4);} 
.news-item{padding-bottom:var(--space-3);border-bottom:var(--border);} 
.patch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 
.event-card{display:flex;flex-direction:column;gap:var(--space-3);} 
.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);} 
.archive-list{text-align:center;max-width:600px;margin-inline:auto;} 
.cta-box{position:relative;border-radius:var(--radius-md);overflow:hidden;} 
.cta-box img{width:100%;} 
.cta-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-5);gap:var(--space-3);} 
@media(max-width:1000px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} 
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;} .patch-grid,.community-grid{grid-template-columns:1fr;} .trend-grid{grid-template-columns:1fr;}} 
@media(max-width:600px){.featured-grid{grid-template-columns:1fr;}}


.home .section{margin-top:var(--space-7);} 
.hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-5);align-items:center;} 
.hero-text{max-width:65ch;} 
.hero-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4);} 
.hero-shortcuts{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;} 
.hero-image img{width:100%;height:auto;} 

.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);} 
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);} 

.farming-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center;} 

.scroll-cards{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;} 
.scroll-cards .card{min-width:260px;scroll-snap-align:start;} 

.narrow{max-width:70ch;margin-inline:auto;} 
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);} 

.npc-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center;} 

.accordion .panel{display:none;padding:var(--space-3);} 

.craft-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);} 

.tabs{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-3);} 

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;} 
.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
.farming-grid,.craft-grid,.npc-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;}
.two-col{grid-template-columns:1fr;}
}


.sol-page section{margin-bottom:var(--space-7);} 
.sol-hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:420px;}
.sol-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.sol-hero-content{position:relative;z-index:1;max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);} 

.sol-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);} 
.sol-cat{display:flex;flex-direction:column;gap:var(--space-3);text-align:center;min-width:0;}

.sol-featured-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);} 
.sol-featured-main{display:flex;flex-direction:column;gap:var(--space-3);}
.sol-featured-side{display:grid;grid-template-rows:1fr 1fr;gap:var(--space-4);} 

.sol-filter-bar{display:flex;gap:var(--space-4);align-items:flex-start;}
.sol-filters-left{display:flex;gap:var(--space-2);flex:1;min-width:0;}
.sol-search{width:320px;display:flex;flex-direction:column;gap:var(--space-2);} 

.sol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 
.sol-item{display:flex;flex-direction:column;gap:var(--space-2);} 

.sol-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 

.sol-timeline{position:relative;text-align:center;}
.sol-timeline img{width:100%;height:auto;}
.sol-timeline-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:640px;background:rgba(255,255,255,0.85);padding:var(--space-4);border-radius:var(--radius-md);} 

.sol-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 

.sol-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 

.sol-cta{position:relative;text-align:center;}
.sol-cta img{width:100%;height:auto;}
.sol-cta-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:520px;display:flex;flex-direction:column;gap:var(--space-3);} 

@media(max-width:900px){
.sol-featured-grid{grid-template-columns:1fr;}
.sol-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:800px){
.sol-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.sol-how-grid,.sol-problem-grid,.sol-related-grid{grid-template-columns:1fr;}
.sol-filter-bar{flex-direction:column;}
.sol-search{width:100%;}
}

@media(max-width:500px){
.sol-cat-grid{grid-template-columns:1fr;}
.sol-grid{grid-template-columns:1fr;}
}


.postacie-page section{margin-top:var(--space-6);} 

.npc-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-5);align-items:center;}
.npc-hero-text{max-width:65ch;}
.npc-hero-image img{width:100%;}

.npc-mechanics-inner{max-width:720px;margin-inline:auto;text-align:center;}

.npc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);} 
.npc-card{background:var(--color-surface-elevation-1);border:var(--border);border-radius:var(--radius-md);padding:var(--space-3);min-width:0;}

.npc-categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 

.npc-gifts-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center;}
.npc-gifts-text{max-width:65ch;}

.npc-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);} 

.npc-season-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-5);align-items:center;}
.npc-season-text{max-width:65ch;}

.npc-profile-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);align-items:start;}
.npc-hidden{display:none;margin-top:var(--space-3);} 

.npc-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:900px;margin-inline:auto;}

.npc-cta-box{max-width:600px;margin-inline:auto;text-align:center;padding:var(--space-5);background:var(--color-surface-elevation-1);border:var(--border);border-radius:var(--radius-md);} 

@media(max-width:1100px){
.npc-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(max-width:900px){
.npc-hero-grid,.npc-gifts-grid,.npc-season-grid,.npc-profile-grid{grid-template-columns:1fr;}
.npc-categories-grid,.npc-advice-grid,.npc-community-grid{grid-template-columns:1fr;}
}

@media(max-width:600px){
.npc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:480px){
.npc-grid{grid-template-columns:1fr;}
}


.thankyou{
padding:var(--space-6) 0;
}

.thankyou__card{
padding:var(--space-6) var(--space-5);
}

.thankyou__content{
max-width:640px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.thankyou__lead{
font-size:var(--fs-4);
color:var(--color-text-primary);
}

.thankyou__text{
color:var(--color-text-secondary);
}

.thankyou__actions{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:var(--space-3);
margin-top:var(--space-3);
}

@media (max-width:800px){
.thankyou{
padding:var(--space-5) 0;
}

.thankyou__card{
padding:var(--space-5) var(--space-4);
}
}