.dialog-specs{width:100%;margin:23px 0 0;border-top:1px solid #d9e0d8}
.dialog-specs div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #d9e0d8;padding:10px 0;font-size:12px}
.dialog-specs dt{color:#7b877d;min-width:38px}
.dialog-specs dd{margin:0;text-align:right;color:#2b3d32;overflow-wrap:anywhere}
.dialog-body .dialog-craft{font-size:12px;color:#526b57;margin:13px 0 0}
.product-card .product-open{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;color:inherit;cursor:pointer}
.product-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.product-card-bottom b{font-size:14px}.product-card-bottom a{font-size:11px;color:#245d43;border:1px solid #d7e2da;padding:7px 10px;border-radius:30px;white-space:nowrap}.product-card-bottom a:hover{background:#eaf2ec}
.dialog-price{font-size:22px;color:#203b2b;margin-top:15px}.dialog-color{display:block;width:100%;font-size:12px;margin:18px 0 2px;color:#607366}.dialog-color[hidden]{display:none}.dialog-color select{display:block;margin-top:8px;padding:11px;border:1px solid #d6e0d8;border-radius:9px;background:#fff;width:100%;color:#20382b}
.carousel-arrow{position:absolute;z-index:2;top:45%;width:38px;height:38px;border:0;border-radius:50%;background:#ffffffde;color:#213c31;font-size:30px;line-height:30px;box-shadow:0 4px 18px #18241e30;cursor:pointer}.carousel-arrow.previous{left:18px}.carousel-arrow.next{right:18px}.carousel-arrow[hidden]{display:none}
body.modal-open{overflow:hidden}#productDialog[open]{max-height:min(92dvh,900px);overflow:hidden;grid-template-columns:minmax(0,52%) minmax(0,48%)}#productDialog .dialog-image{height:min(92dvh,900px);min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:30px 34px 20px;overflow:hidden}#dialogMainView{width:100%;height:100%;border:0;background:#f3f5f2;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;border-radius:12px;padding:0}#dialogImage{width:100%;height:100%;max-height:none!important;object-fit:contain;transition:transform .18s ease;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%)}#dialogMainView.zooming #dialogImage{transform:scale(1.75)}#productDialog .dialog-thumbs{position:static;display:flex;align-items:center;justify-content:flex-start;overflow-x:auto;gap:9px;max-width:100%;padding:3px 0 4px}#productDialog .dialog-thumbs button{flex:none;width:66px;height:66px;border:2px solid transparent;border-radius:9px;padding:3px;background:#fff;cursor:pointer}#productDialog .dialog-thumbs button.active{border-color:#2d6944}#productDialog .dialog-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:5px}#productDialog .dialog-body{height:min(92dvh,900px);max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:66px 45px 35px}#productDialog .dialog-close{position:fixed;right:max(calc((100vw - min(1050px,100vw - 30px))/2 + 24px),24px);top:max(calc((100dvh - min(92dvh,900px))/2 + 15px),15px);z-index:5}
#imageViewer[open]{width:min(1320px,96vw);max-width:none;height:min(94dvh,950px);max-height:none;border-radius:19px;overflow:hidden;background:#fff}.image-viewer::backdrop{background:#10241ce0}.viewer-close{position:absolute;right:20px;top:12px;z-index:5;border:0;background:#fff;color:#20392c;font-size:30px;width:40px;height:40px;cursor:pointer}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100%}.viewer-photo{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;background:#f7f9f7;padding:40px 20px}.viewer-photo img{width:calc(100% - 90px);height:100%;object-fit:contain}.viewer-photo button{flex:none;border:0;background:#fff;border-radius:50%;width:36px;height:36px;font-size:28px;color:#2a4b35;cursor:pointer}.viewer-photo button[hidden]{display:none}.viewer-side{padding:65px 23px 25px;overflow-y:auto;overscroll-behavior:contain}.viewer-side>span{font-size:11px;letter-spacing:.12em;color:#7e9381}.viewer-side h2{font-size:20px;line-height:1.5;margin:12px 0}.viewer-side p{font-size:12px;color:#849184;line-height:1.7}.viewer-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:28px 0}.viewer-thumbs button{border:2px solid #e6ede6;background:#fff;border-radius:9px;padding:4px;cursor:pointer}.viewer-thumbs button.active{border-color:#2d6944}.viewer-thumbs img{width:100%;aspect-ratio:1;object-fit:contain}
@media(max-width:760px){#productDialog[open]{display:block;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain}#productDialog .dialog-image{height:44dvh;min-height:0;padding:16px 17px 8px}#productDialog .dialog-body{height:auto;max-height:none;overflow:visible;padding:23px 24px 30px}#productDialog .dialog-close{position:sticky;float:right;right:10px;top:7px;margin-right:10px}.viewer-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 160px}.viewer-photo{padding:25px 6px 5px}.viewer-photo img{width:calc(100% - 78px)}.viewer-side{padding:10px 18px;overflow:auto}.viewer-side h2{font-size:14px;margin:3px 0}.viewer-side p{display:none}.viewer-thumbs{display:flex;gap:5px;margin:7px 0}.viewer-thumbs button{width:54px;height:54px;flex:none}}
#productDialog .dialog-close{position:absolute;right:18px;top:13px;margin:0;background:#ffffffdc;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:27px;z-index:5}@media(max-width:760px){#productDialog .dialog-close{position:sticky;float:right;top:7px;margin-right:7px}}

/* Keep every extra photo visible beside the main photo in the quick-view dialog. */
#productDialog .dialog-image{grid-template-columns:70px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:10px}
#productDialog #dialogMainView{grid-column:2;grid-row:1;min-width:0}
#productDialog .dialog-thumbs{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 2px 0;scrollbar-width:thin}
#productDialog .dialog-thumbs button{width:62px;height:62px;flex:0 0 62px}
#productDialog .carousel-arrow.previous{left:120px}
@media(max-width:760px){#productDialog .dialog-image{grid-template-columns:55px minmax(0,1fr);gap:7px}#productDialog .dialog-thumbs button{width:51px;height:51px;flex-basis:51px}#productDialog .carousel-arrow.previous{left:82px}}

/* Authored product context and verified public relationships. */
.seo-page .product-connection{margin-top:28px}
.seo-page .product-connection h2{font-size:19px;line-height:1.35;margin:0 0 13px;color:#1c3024}
.seo-page .product-connection p{font-size:13px;line-height:1.75;color:#405647;margin:0 0 7px}
.seo-page .product-connection small{font-size:11px;color:#748579}
.seo-page .connection-chips{display:flex;flex-wrap:wrap;gap:8px}
.seo-page .connection-chips a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid #cbdbce;border-radius:999px;background:#f4f8f3;color:#27543a;font-size:12px}
.seo-page .product-pairings,.seo-page .product-cases{border-top:1px solid #e2eae1;padding-top:30px;margin-top:48px}
.seo-page .connection-products,.seo-page .connection-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.seo-page .connection-product,.seo-page .connection-case{display:grid;gap:9px;min-width:0;padding:10px;border:1px solid #e4ebe4;border-radius:10px;color:#253c2e;font-size:13px;line-height:1.45}
.seo-page .connection-product img,.seo-page .connection-case img{width:100%;aspect-ratio:1.15;object-fit:contain;background:#f7f9f6;border-radius:7px}
.seo-page .connection-case img{object-fit:cover}
.seo-page .connection-schemes{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.seo-page .connection-scheme{display:inline-block;padding:8px 11px;border:1px solid #cfded0;border-radius:7px;color:#28603d;font-size:12px}
@media(max-width:760px){.seo-page .connection-products,.seo-page .connection-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-page .product-pairings,.seo-page .product-cases{margin-top:30px;padding-top:24px}}
@media(max-width:850px){.seo-page .product-images{grid-template-rows:min(37dvh,320px) auto}.seo-page .product-images .main-photo{height:100%;max-height:none}.seo-page .product-thumbnails{height:100%;max-height:100%;overflow-y:auto}}

.seo-page .category-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 4px}
.seo-page .category-subnav a{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:9px 14px;border:1px solid #d7e2d8;border-radius:8px;background:#fff;color:#34513b;font-size:13px}
.seo-page .category-subnav a[aria-current="page"]{background:#223b2b;border-color:#223b2b;color:#fff}
.seo-page .category-subnav span{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}

/* Desktop: two columns, six visible rows; extra images scroll inside the rail. */
.seo-page .product-images {grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto auto;align-items:start}
.seo-page .product-thumbnails {display:grid;grid-template-columns:repeat(2,60px);grid-auto-rows:60px;gap:6px;align-content:start;height:auto;max-height:390px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 6px 0 0;scrollbar-width:thin}
.seo-page .product-thumbnails button {width:60px;height:60px;min-height:60px;margin:0;flex:none}
.seo-page .product-images .main-photo {grid-column:2;grid-row:1;min-width:0;height:clamp(390px,38vw,610px);max-height:610px;aspect-ratio:auto}
.seo-page .product-images .image-tip {grid-column:1/-1}
#productDialog .dialog-image {grid-template-columns:132px minmax(0,1fr);align-items:start}
#productDialog .dialog-thumbs {display:grid;grid-template-columns:repeat(2,60px);grid-auto-rows:60px;gap:6px;align-content:start;max-height:min(390px,100%);padding:0 6px 0 0}
#productDialog .dialog-thumbs button {width:60px;height:60px;min-height:60px;flex:none}
#productDialog .carousel-arrow.previous {left:182px}
@media(max-width:850px){
  .seo-page .product-images {grid-template-columns:58px minmax(0,1fr);grid-template-rows:min(37dvh,320px) auto;column-gap:8px}
  .seo-page .product-thumbnails {grid-template-columns:52px;grid-auto-rows:52px;height:100%;max-height:100%;gap:6px}
  .seo-page .product-thumbnails button {width:52px;height:52px;min-height:52px}
  .seo-page .product-images .main-photo {height:100%;min-height:0;max-height:none}
}
@media(max-width:760px){
  #productDialog .dialog-image {grid-template-columns:55px minmax(0,1fr)}
  #productDialog .dialog-thumbs {grid-template-columns:51px;grid-auto-rows:51px;max-height:100%;gap:7px}
  #productDialog .dialog-thumbs button {width:51px;height:51px;min-height:51px}
  #productDialog .carousel-arrow.previous {left:82px}
}