*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:24px}body{margin:0;color:#173731;background:#fafbf7;font:16px/1.55 "Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ea9e26;outline-offset:4px}header{max-width:1550px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 6%;gap:14px}header img{width:87px;display:block}nav{display:flex;align-items:center;gap:clamp(12px,3vw,42px);font-size:.94rem}nav a:hover,address a:hover{text-decoration:underline}.contact{border:1px solid #789389;border-radius:32px;padding:9px 20px}.hero{margin:0 2%;border-radius:24px;min-height:530px;display:grid;align-items:center;background:linear-gradient(90deg,#0c2a23f2,#172e22a6 43%,transparent 73%),url(assets/golden.jpg) center/cover;color:white}.hero-copy{padding:65px 6%;max-width:780px}.eyebrow{font-size:.71rem;letter-spacing:.17em;font-weight:700}.hero .eyebrow{color:#d9efbd}.eyebrow:before{content:"";display:inline-block;vertical-align:middle;width:30px;height:2px;margin-right:12px;background:currentColor}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.07;letter-spacing:-.05em;margin:18px 0}h1{font-size:clamp(3rem,6vw,6.8rem)}h1 em{color:#d8efb3}.hero p{max-width:415px;font-size:1.09rem}.button{display:inline-flex;align-items:center;gap:24px;background:#d8efb3;color:#18392c;border-radius:32px;padding:12px 20px;margin-top:12px;font-weight:600}.button:hover{background:white}.catalog,.about,footer{padding:60px 7%}.intro,.about{display:flex;align-items:center;justify-content:space-between;gap:24px}h2{font-size:clamp(2.4rem,4vw,4.6rem)}.intro p,small{color:#51645a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;margin-top:24px}.product{border-top:1px solid #cdd7ca;display:flex;align-items:center;gap:14px;padding:18px 0}.product img{width:60px;height:70px;object-fit:contain;background:white;border-radius:6px}.product strong,.product small{display:block}.product strong{font-size:1.14rem}.product b{margin-left:auto}.product:hover strong{text-decoration:underline}.about{background:#e6ecdf}.about p{max-width:520px;font-size:1.12rem}.about h2 em{color:#477550}footer{background:#173b31;color:#fff}address{display:flex;justify-content:space-between;gap:18px;font-style:normal;flex-wrap:wrap}footer h2{margin-top:0}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero{background-position:59% center}.about{display:block}}@media(max-width:600px){header{padding:10px 4%}header img{width:64px}nav{font-size:.82rem;gap:12px}.contact{padding:6px 10px}.hero{border-radius:17px;align-items:end;min-height:535px;background-image:linear-gradient(0deg,#102c23 0%,#132b20cf 47%,transparent 82%),url(assets/golden.jpg);background-position:72% top}.hero-copy{padding:28px 6%}.hero p{font-size:1rem;max-width:320px}.catalog,.about,footer{padding:38px 6%}.intro,address{display:block}.intro p{margin:0}.grid{grid-template-columns:1fr}.product{padding:12px 0}address>*{display:block;margin:12px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.product-page { max-width: 1450px; margin: auto; padding: 0 4% 64px; }
.trail { display: flex; flex-wrap: wrap; justify-content: start; gap: .55rem; padding: 16px 1%; font-size: .84rem; color: #3b584b; }
.product-hero { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; overflow: hidden; border-radius: 24px; background: #173b31; color: #fff; }
.product-hero > div { padding: clamp(26px, 5vw, 76px); }
.product-hero .eyebrow { text-transform: uppercase; color: #d8efb3; }
.product-hero p:not(.eyebrow) { max-width: 43ch; font-size: 1.09rem; }
.product-hero figure { margin: 0; padding: 40px; align-self: stretch; display: grid; place-items: center; background: radial-gradient(ellipse at center, #fff 15%, #e1ebd9); }
.product-hero figure img { width: 100%; height: clamp(245px, 29vw, 410px); object-fit: contain; }
.specs { display: grid; grid-template-columns: 1fr 1.5fr; gap: 32px; padding: 56px 4%; }
.specs h2 { margin: 0; }
.specs dl { margin: 0; }
.specs dl div { border-top: 1px solid #c4cfc1; padding: 17px 0; }
.specs dt { font-weight: 700; }
.specs dd { margin: 6px 0 0; max-width: 64ch; }
.leaflet { display: flex; align-items: center; gap: 24px; background: #e9efe3; border-radius: 18px; padding: 24px 4%; }
.leaflet img { width: 75px; height: 98px; object-fit: contain; }
.leaflet h2 { font-size: clamp(1.55rem, 3vw, 2.5rem); margin: 0 0 8px; }
.leaflet a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 700px) {
  .product-hero, .specs { grid-template-columns: 1fr; }
  .product-hero figure { padding: 20px; }
  .product-hero figure img { height: 200px; }
  .specs { padding: 34px 2%; gap: 20px; }
}

.viewer, .viewer-open { display: none; }
@supports selector(:popover-open) and selector(:has(*)) {
  .viewer-fallback { display: none; }
  .viewer-open {
    display: inline-block; border: none; background: transparent; color: inherit;
    padding: 8px 0; font: inherit; text-decoration: underline; text-underline-offset: 4px; cursor: pointer;
  }
  .viewer:popover-open {
    display: flex; flex-direction: column; width: min(94vw, 1080px); height: 90dvh;
    max-height: 96dvh; padding: 0; border: 0; border-radius: 16px; color: #173731;
    background: #fafbf7; box-shadow: 0 18px 65px #102b2366;
  }
  .viewer::backdrop { background: #0c201add; }
  body:has(.viewer:popover-open) { overflow: hidden; }
  .viewer-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; }
  .viewer-bar h2 { margin: 0; font-size: clamp(1.35rem, 3vw, 2.1rem); }
  .viewer-bar button, .viewer-zoom span { border: 1px solid #879d90; border-radius: 20px; background: white; padding: 8px 14px; color: inherit; font: inherit; cursor: pointer; }
  .viewer-zoom { margin: 0; padding: 0 16px 10px; border: 0; }
  .viewer-zoom legend { font-size: .8rem; padding: 0 0 4px; }
  .viewer-zoom label { position: relative; display: inline-block; }
  .viewer-zoom input { position: absolute; opacity: 0; }
  .viewer-zoom span { display: inline-block; font-size: .86rem; }
  .viewer-zoom input:checked + span { background: #173b31; color: white; }
  .viewer-zoom input:focus-visible + span { outline: 3px solid #c68016; }
  .viewer-scroll { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; background: #dde5dd; }
  .viewer-scroll img { display: block; width: 100%; max-width: none; height: auto; }
  .viewer:has([value="150"]:checked) .viewer-scroll img { width: 150%; }
  .viewer:has([value="200"]:checked) .viewer-scroll img { width: 200%; }
  .viewer:has([value="300"]:checked) .viewer-scroll img { width: 300%; }
}