/* ROKA NATURALS responsive polish 2026-10-09. CSS-only and progressive enhancements. */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:clip}
main,section,article,aside,header,footer,nav,.container{min-width:0}
img,video,svg,canvas{max-width:100%}
img{height:auto}
iframe{max-width:100%}
p,li,h1,h2,h3,h4,h5,h6,a,button{overflow-wrap:break-word}
:where(.container,.section__inner,.header__inner){min-width:0}
:where(.grid,.cards,.experience-choice__grid,.roka-premium__grid,.visit-layout,.home-gia__grid,.meet-giorgi__grid)>*{min-width:0}
:where(input,select,textarea,button){max-width:100%;font:inherit}
:where(input,select,textarea){min-width:0}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #76523f;outline-offset:3px}
@media(max-width:980px){
 .header__inner{min-width:0}
 .header__inner>*{min-width:0}
}
@media(max-width:767px){
 :where(input,select,textarea){font-size:16px}
 :where(.container){width:100%;max-width:100%;padding-inline:clamp(14px,4vw,22px)}
 :where(.experience-choice__grid,.roka-premium__grid){grid-template-columns:repeat(2,minmax(0,1fr))}
 :where(.experience-choice__grid,.roka-premium__grid)>*{min-width:0}
 :where(.visit-layout,.contact-simple-grid){grid-template-columns:minmax(0,1fr)}
 :where(.visit-row){grid-template-columns:minmax(0,1fr)}
 :where(.visit-row)>div{min-width:0;width:100%}
 :where(.visit-form input,.visit-form select,.visit-form textarea){display:block;width:100%;max-width:100%;min-width:0}
 .roka-estimate{min-width:0}
 .roka-estimate>*{min-width:0}
}
@media(max-width:520px){
 :where(.experience-choice__grid,.roka-premium__grid){grid-template-columns:minmax(0,1fr)}
 :where(.visit-panel,.visit-summary){min-width:0;max-width:100%}
 .roka-estimate{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 10px}
 .roka-estimate small{grid-column:1/-1}
 .roka-estimate strong{white-space:nowrap;font-size:clamp(1.05rem,5vw,1.4rem)}
}
@media(max-width:350px){.roka-estimate{grid-template-columns:minmax(0,1fr)}.roka-estimate small{grid-column:1}.roka-estimate strong{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Experience section: exactly two cards remain after removing obsolete offers. */
@media (min-width: 768px) {
  .roka-premium__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:900px;
    margin-inline:auto;
    align-items:stretch;
  }
}
.roka-premium__grid > .xp-card {min-width:0;width:100%;}
@media (max-width: 767px) {
  .roka-premium__grid {grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;margin-inline:auto;}
}
@media (max-width: 520px) {
  .roka-premium__grid {grid-template-columns:minmax(0,1fr);}
}

/* Restore four editorial experience cards on desktop; responsive on tablets and phones. */
@media (min-width: 951px) {
  .roka-premium .roka-premium__grid {grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;}
}
@media (min-width: 521px) and (max-width: 950px) {
  .roka-premium .roka-premium__grid {grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;}
}
@media (max-width: 520px) {
  .roka-premium .roka-premium__grid {grid-template-columns:minmax(0,1fr);max-width:none;}
}