@media(max-width:1220px){
  .main-nav{gap:20px}.main-nav a{font-size:15px}
  .hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(48px,5.6vw,70px)}
  .category-grid,.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;gap:24px}.hero h1{max-width:760px}.hero-art{min-height:390px}
  .materials-hero{grid-template-columns:1fr}.materials-hero-art{min-height:200px}
  .material-detail{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar input{grid-column:1/-1}
  .brand-wording strong{font-size:28px}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,var(--max))}.header-inner{min-height:72px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{padding-top:32px}.hero h1{font-size:clamp(46px,15vw,72px)}.hero-art{min-height:320px}.hero-eye{width:48%;right:2%;top:6%}.hero-book{width:63%;right:8%;bottom:-2%}.hero-quote-card{width:54%;font-size:13px}.hero-stamp{width:82px;left:5%;bottom:16%}
  .section{padding:26px 0}.section-head{align-items:flex-start;flex-direction:column}.category-grid,.material-grid{grid-template-columns:1fr 1fr}.material-card{min-height:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.filter-bar{grid-template-columns:1fr}.filter-bar input{grid-column:auto}.preview-box{min-height:300px}.preview-box iframe{height:520px}
  .filter-heading{align-items:flex-start;flex-direction:column}.materials-note{left:28%;max-width:220px}
}
@media(max-width:540px){
  .brand-mark{width:54px;height:40px}.brand-wording strong{font-size:24px}.brand-wording small{font-size:12px}
  .hero-art{min-height:285px}.hero-polka{display:none}.hero-eye{width:55%;right:-3%;top:4%}.hero-book{width:70%;right:4%;bottom:-3%}.hero-quote-card{width:59%;left:4%;bottom:6%;padding:11px 12px;font-size:12px}.hero-stamp{width:72px}
  .category-grid,.material-grid{grid-template-columns:1fr}
  .materials-hero-art{min-height:190px}.materials-note{left:26%;bottom:22px;font-size:11px;max-width:190px}.materials-eye{width:104px;left:16px}.materials-dots{width:96px;right:14px}
}
/* 2026-07-11 11:45 — kompaktsemad alamlehed */
@media(max-width:1100px){
  .materials-hero{grid-template-columns:minmax(0,.7fr) minmax(430px,1.3fr)}
}
@media(max-width:980px){
  .page-hero{padding:24px 0 14px}
  .materials-hero{grid-template-columns:1fr 1.35fr;gap:22px}
  .materials-hero-art{min-height:158px}
}
@media(max-width:760px){
  .page-hero{padding:22px 0 12px}
  .page-hero h1{font-size:clamp(38px,12vw,58px)}
  .materials-hero{grid-template-columns:1fr;gap:14px;padding-top:20px}
  .materials-hero-art{min-height:150px}
}
@media(max-width:540px){
  .materials-hero-art{min-height:145px}
  .materials-note{left:25%;bottom:16px;max-width:200px;font-size:10.5px}
  .materials-eye{width:82px;left:14px;top:14px}
  .materials-dots{width:82px;right:10px}
}

/* 2026-07-11 11:36 — materjali detailvaade */
@media(max-width:980px){
  .material-detail-hero{grid-template-columns:1fr 340px}
  .material-detail-content{grid-template-columns:1fr}
  .material-info-panel{position:static}
}
@media(max-width:760px){
  .material-detail-hero{grid-template-columns:1fr}.material-detail-cover-wrap{min-height:220px;max-height:360px}.material-detail-copy{min-height:0;padding:24px}.material-detail-copy h1{font-size:clamp(38px,11vw,58px)}.material-detail-description{font-size:15px}.interactive-preview{grid-template-columns:1fr}.interactive-preview>img{max-height:280px}.interactive-preview-copy{padding:22px}.interactive-preview h3{font-size:34px}
}
@media(max-width:520px){
  .material-page{padding-top:12px}.material-detail-copy{padding:20px;border-radius:18px}.material-detail-cover-wrap,.material-preview-panel,.material-info-panel{border-radius:16px}.material-detail-actions .btn{width:100%}.panel-title{font-size:25px}
}

@media(max-width:980px){
  .material-detail-hero{grid-template-columns:1fr .58fr}
  .material-detail-copy{min-height:200px}
  .material-detail-cover-wrap{min-height:200px;max-height:240px}
  .material-detail-content{grid-template-columns:1fr}
  .material-info-panel{position:static}
}
@media(max-width:760px){
  .material-detail-hero{grid-template-columns:1fr}
  .material-detail-copy{min-height:auto;padding:20px}
  .material-detail-cover-wrap{min-height:190px;max-height:240px}
  .interactive-preview{grid-template-columns:1fr;padding:10px}
}