.gf-page#nahled, .gf-page#navigace {padding-block: 10px}
.gf-page .jap-preview {padding: 6px 0; border: 0; border-radius: 0; background: transparent; color: #494641; justify-content: flex-start; gap: 16px; box-shadow: none}
.gf-page .jap-preview span {font-size: 13px}
.gf-page#uvod {padding-block: clamp(20px,4vw,56px)}
.gf-page .gf-gallery {gap: 6px; grid-template-columns: 3fr 1fr; grid-template-rows: repeat(2, minmax(0,1fr))}
.gf-page .gf-gallery a {border-radius: 0; min-width: 0}
.gf-page .gf-gallery a:first-child {grid-area: 1/1/3/2}
.gf-page .gf-gallery img, .gf-page .gf-gallery a:first-child img {height: 100%; object-fit: cover}
.gf-page .gf-gallery {height: clamp(245px,30vw,450px)}
.gf-page .gf-facts {border-block: 1px solid #d4cfc5; padding-block: 10px}
.gf-page .gf-facts>div {background: none; border: 0}
.gf-page .gf-decors[hidden], .gf-swatch[hidden] {display: none}
.gf-sample-board {display: grid; grid-template-columns: minmax(0,1.12fr) minmax(0,1fr); gap: clamp(20px,3.5vw,58px); align-items: start; margin: 24px 0}
.gf-sample-detail {background: #292b28; color: white}
.gf-sample-zoom {display: block; overflow: hidden; position: relative; cursor: zoom-in}
.gf-sample-photo {width: 100%; aspect-ratio: 1.96; object-fit: cover; display: block}
.gf-zoom-label {position: absolute; right: 12px; bottom: 12px; background: #fff; color: #282722; font-weight: 650; padding: 5px 10px; font-size: 13px}
.gf-sample-info {display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: clamp(18px,2vw,30px)}
.gf-sample-code {color: #f5c09a; font-size: 12px; letter-spacing: .08em; text-transform: uppercase}
.gf-sample-info .gf-sample-name {color: white; font-size: clamp(21px,2.2vw,33px); margin: 4px 0 8px; line-height: 1.1}
.gf-sample-spec p {color: #e5e1da; font-size: 14px; line-height: 1.45; margin: 0}
.gf-sample-inquiry {background: #fff; color: #342b24!important; text-decoration: none!important; padding: 11px 16px; white-space: nowrap; font-size: 15px; font-weight: 700}
.gf-sample-inquiry:hover {background: #ffe0c7}
.gf-sample-list {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px 10px}
.gf-swatch {display: flex; flex-direction: column; justify-content: flex-start; padding: 0 0 6px; background: transparent; border: none; border-bottom: 3px solid transparent; cursor: pointer; text-align: left; color: #292b28; font: inherit}
.gf-swatch-image {width: 100%; aspect-ratio: 1.45; object-fit: cover; display: block}
.gf-swatch-title {display: block; font-size: clamp(11px,1vw,14px); line-height: 1.25; font-weight: 650; margin-top: 7px}
.gf-swatch[aria-pressed=true] {border-color: #a6420f}
.gf-swatch:hover .gf-swatch-image {outline: 1px solid #574b3f; outline-offset: -1px}
.gf-sample-more {background: transparent; border: 1px solid #81786d; color: #332d26; font: inherit; font-weight: 650; font-size: 14px; padding: 10px 18px; margin-top: 18px; cursor: pointer}
.gf-sample-more:hover {background: white}
.gf-sample-board :is(button,a):focus-visible {outline: 3px solid #af4c1b; outline-offset: 3px}
.gf-cat-hero {position: relative; isolation: isolate; min-height: clamp(340px,35vw,510px); display: grid; align-items: end; overflow: hidden; background: #302c27}
.gf-cat-hero img {position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 65%}
.gf-cat-hero::before {content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#100e0cda,transparent 88%),linear-gradient(0deg,#16130f95,transparent 65%)}
.gf-cat-copy {padding: clamp(26px,4.5vw,70px); max-width: 650px}
.gf-cat-copy h1 {color: #fff!important; font-size: clamp(40px,5vw,80px); line-height: 1.03; margin: 0 0 12px}
.gf-cat-copy p {color: #fff; line-height: 1.6; margin: 0 0 20px; max-width: 470px}
.gf-cat-copy a {display: inline-block; font-weight: bold; color: #26221e; text-decoration: none; background: white; padding: 11px 17px}
.gf-cat-copy a+a {color: white; background: transparent; text-decoration: underline; text-underline-offset: 4px}
@media(max-width:800px) {
  .gf-sample-board {grid-template-columns: 1fr}
  .gf-sample-photo {aspect-ratio: 2.35}
  .gf-swatch-title {font-size: 12px}
  .gf-sample-info {padding: 15px}
  .gf-sample-inquiry {padding: 9px 12px}
  .gf-sample-list {gap: 10px 7px}
  .gf-cat-copy {padding: 24px}
}
@media(max-width:380px) {
  .gf-sample-info {flex-wrap: wrap}
  .gf-cat-copy a {padding-inline: 11px}
}
.gf-zoom-dialog {background: #252521; color: white; border: 0; padding: 0; width: min(94vw,1280px); max-width: 94vw; max-height: 94dvh}
.gf-zoom-dialog::backdrop {background: #161512de}
.gf-zoom-dialog .gf-zoom-image {display: block; width: 100%; height: min(72dvh,780px); object-fit: contain}
.gf-zoom-close, .gf-zoom-control {background: #fff; color: #26241f; border: 0; padding: 9px 13px; font: inherit; font-weight: 600; cursor: pointer}
.gf-zoom-close {position: absolute; top: 10px; right: 10px}
.gf-zoom-bar {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px; text-align: center}