.seo-listing,.seo-detail{padding-block:56px 88px}
.seo-crumbs{font-size:14px;color:#667085;margin-bottom:30px}
.seo-crumbs a{color:inherit;text-decoration:underline}
.seo-listing h1,.seo-detail h1{margin:0 0 18px;font-family:"Lora",Georgia,serif;line-height:1.15}
.seo-listing>p{margin-bottom:36px}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;margin:32px 0}
.seo-card{min-width:0}
.seo-card-image{display:block;aspect-ratio:4/5;overflow:hidden;background:#f1f2f3}
.seo-card-image img{width:100%;height:100%;object-fit:contain}
.seo-card-body{padding:14px 0}
.seo-card-body p{margin:0 0 8px;color:#667085;font-size:13px}
.seo-card-body h2{font-size:20px;line-height:1.3;margin:0 0 8px}
.seo-card-body h2 a{color:inherit}
.seo-card-body strong{font-size:15px}
.seo-pagination{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0}
.seo-pagination a{padding:8px 12px;border:1px solid #bbb;color:inherit}
.seo-pagination a[aria-current]{background:#222;color:#fff;border-color:#222}
.seo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:70px}
.seo-detail-image{display:block;width:100%;max-height:700px;object-fit:contain;background:#f1f2f3}
.seo-detail-grid h2{font-size:20px;margin:30px 0 14px}
.seo-detail-grid ul{padding-left:20px}
.seo-detail-grid li{margin-bottom:8px}
.seo-price{font-size:22px;font-weight:700}
.seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.seo-footer{padding:30px 0;background:#111;color:#fff}
.seo-footer a{color:#fff}
@media(max-width:850px){.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-detail-grid{grid-template-columns:1fr}}
@media(max-width:560px){.seo-grid{grid-template-columns:1fr}.seo-listing,.seo-detail{padding-block:35px 60px}}
.seo-header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;min-height:80px}
.seo-logo{font:700 24px "Lora",Georgia,serif;color:#202020;white-space:nowrap}
.seo-nav{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0}
.seo-nav a{display:inline-flex;align-items:center;min-height:44px;color:#333;font-size:14px;font-weight:600;white-space:nowrap}
.seo-nav a:hover,.seo-nav a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.seo-call{color:#222;font-weight:700;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.seo-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
@media(max-width:1050px){
  .seo-header-inner{grid-template-columns:1fr auto;grid-template-rows:64px auto;gap:0;min-height:0}
  .seo-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;width:100%}
  .seo-nav a{justify-content:center;min-height:44px;font-size:13px;white-space:normal;text-align:center}
  .seo-call{grid-column:2;grid-row:1;font-size:13px}
  .seo-logo{grid-column:1;grid-row:1;font-size:21px}
}
@media(max-width:390px){.seo-logo{font-size:19px}.seo-call{font-size:12px}.seo-nav a{font-size:12px}}

.seo-card-image{display:grid;place-items:center;padding:12px}
.seo-card-image img{width:auto;height:auto;max-width:100%;max-height:100%}
.seo-dimensions{font-weight:700;color:#244d61!important;line-height:1.45}
.seo-detail-media{display:grid;place-items:center;align-content:center;gap:14px;background:#f1f2f3;padding:16px;min-height:340px}
.seo-detail-image{width:auto;height:auto;max-width:100%;max-height:700px;background:transparent}
.seo-diagram-link{font-size:14px;font-weight:700;color:#155977;text-decoration:underline}
.seo-measurements{margin:24px 0;padding:18px 20px;background:#f1f7f9;border-left:3px solid #1686a8}
.seo-measurements h2{margin:0 0 12px!important;font-size:18px!important}
.seo-measurements dl{margin:0}
.seo-measurements dl>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-top:1px solid #dbe6eb}
.seo-measurements dt{font-weight:600}
.seo-measurements dd{margin:0;white-space:nowrap;font-weight:800}

.seo-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.seo-detail-grid>*{min-width:0}
.seo-detail-media{grid-template-columns:minmax(0,1fr);min-width:0}
.seo-detail-media .seo-detail-image{width:100%;max-width:850px}
@media(max-width:850px){.seo-detail-grid{grid-template-columns:minmax(0,1fr)}}

.seo-example{width:100%;margin-top:22px;padding:18px;background:#fff}
.seo-example h2{margin:0 0 14px;font-size:18px}
.seo-example a{display:inline-block;max-width:100%}
.seo-example img{display:block;max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain}
.seo-example p{margin:14px 0 0;color:#5f6870;font-size:14px}

.seo-primary-caption{width:100%;margin:0;color:#4d616a;font-size:13px;line-height:1.5}
.seo-photo-label{margin:0 0 4px!important;color:#476475;font-size:12px;font-weight:700}

.seo-detail-media--example{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:14px}
.seo-detail-media--example .seo-detail-image{width:auto;max-width:100%;max-height:450px}
.seo-detail-media--example .seo-example{margin:0;padding:10px}
.seo-detail-media--example .seo-example img{max-height:380px}
@media(max-width:560px){.seo-detail-media--example{grid-template-columns:minmax(0,1fr)}.seo-detail-media--example .seo-example{width:100%}}
