.sogm-wrap{box-sizing:border-box;width:min(1320px,calc(100vw - 48px));max-width:none;margin:24px 0 55px;position:relative;left:50%;transform:translateX(-50%);font-family:inherit;color:#202c39}.sogm-wrap *{box-sizing:border-box}.sogm-intro{margin-bottom:24px}.sogm-intro h2{font-size:clamp(25px,3vw,36px);margin:0 0 8px;color:#17334b}.sogm-intro p{margin:0;color:#576474}.sogm-search{display:grid;grid-template-columns:minmax(240px,2fr) minmax(180px,1fr) auto;gap:12px;margin:0 0 18px;padding:18px;background:#f3f6f8;border:1px solid #e1e8ed;border-radius:10px}.sogm-search input,.sogm-search select,.sogm-search button{width:100%;min-width:0;height:48px;padding:10px 14px;border:1px solid #cbd5df;border-radius:6px;font-size:15px}.sogm-search button{background:#043f58;color:white;border-color:#043f58;cursor:pointer;font-weight:600;text-transform:none}.sogm-search button:hover{background:#075673}.sogm-count{color:#566473;margin:0 0 17px;font-size:14px}.sogm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sogm-card{min-width:0;border:1px solid #e0e6eb;border-radius:9px;overflow:hidden;background:white;box-shadow:0 2px 10px rgba(10,30,50,.04);transition:box-shadow .15s}.sogm-card:hover{box-shadow:0 7px 24px rgba(10,30,50,.12)}.sogm-card>a{display:block;text-decoration:none}.sogm-photo,.sogm-photo-fallback{height:210px;width:100%;display:flex;align-items:center;justify-content:center;background:#f3f5f7;position:relative;overflow:hidden}.sogm-photo img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}.sogm-photo-fallback{color:#748292;font-size:13px;text-align:center;padding:18px}.sogm-image-error{display:none;color:#748292;font-size:13px}.sogm-photo.sogm-broken img{display:none}.sogm-photo.sogm-broken .sogm-image-error{display:block}.sogm-card-body{padding:16px}.sogm-card h3{font-size:17px;line-height:1.4;margin:8px 0 10px;font-weight:600;overflow-wrap:anywhere}.sogm-card h3 a{color:#21384d;text-decoration:none}.sogm-card h3 a:hover{text-decoration:underline}.sogm-card small{color:#6c7884;font-size:12px}.sogm-ref{font-size:12px;font-weight:700;color:#043f58;letter-spacing:.02em}.sogm-pagination{display:flex;justify-content:space-between;gap:12px;margin:30px 0}.sogm-pagination a{padding:10px 16px;background:#043f58;color:#fff;border-radius:5px;text-decoration:none}.sogm-detail .sogm-main-photo{margin:24px 0}.sogm-detail .sogm-main-photo .sogm-photo{height:min(540px,65vh)}.sogm-detail .sogm-main-photo img{max-height:100%}.sogm-gallery{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.sogm-gallery>a{width:190px}.sogm-gallery .sogm-photo{height:145px}@media(max-width:1100px){.sogm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:740px){.sogm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sogm-search{grid-template-columns:1fr}.sogm-photo,.sogm-photo-fallback{height:175px}.sogm-card-body{padding:12px}}@media(max-width:440px){.sogm-grid{grid-template-columns:1fr}.sogm-wrap{width:calc(100vw - 28px)}.sogm-photo,.sogm-photo-fallback{height:225px}}
/* v1.2 catalogue and detail refinements */
.sogm-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.sogm-pagination{justify-content:center;align-items:center;flex-wrap:wrap;gap:7px}
.sogm-pagination a,.sogm-page-current{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:14px}
.sogm-page-current{background:#e1ebf0;color:#043f58;font-weight:700;border:1px solid #b6cbd6}
.sogm-page-ellipsis{padding:0 4px;color:#65717b}
body .sogm-detail{width:calc(100% - 48px)!important;max-width:1200px!important;margin:38px auto 70px!important;padding:0!important;left:auto!important;transform:none!important;position:relative!important;clear:both;display:block}
.sogm-detail .sogm-back{margin:0 0 25px;font-size:14px}
.sogm-detail .sogm-back a{color:#043f58;text-decoration:none}
.sogm-detail-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(24px,4vw,55px);align-items:start}
.sogm-detail-media,.sogm-detail-info{min-width:0}
.sogm-detail .sogm-main-photo{display:block;margin:0;text-decoration:none}
.sogm-detail .sogm-main-photo .sogm-photo{height:auto;min-height:250px;max-height:620px;padding:20px;border-radius:10px;background:#f3f5f7}
.sogm-detail .sogm-main-photo img{width:100%;height:auto;max-height:580px;object-fit:contain;padding:0}
.sogm-detail .sogm-detail-media>.sogm-photo-fallback{height:350px;border-radius:10px}
.sogm-detail-eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#47657a;font-weight:700}
.sogm-detail h1{font-size:clamp(25px,2.5vw,38px);line-height:1.2;color:#1d354b;margin:12px 0 26px;overflow-wrap:anywhere}
.sogm-meta{margin:0 0 26px;border-top:1px solid #dce4e9}
.sogm-meta>div{display:grid;grid-template-columns:minmax(130px,40%) 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #dce4e9}
.sogm-meta dt{font-weight:700;color:#304b60}.sogm-meta dd{margin:0;overflow-wrap:anywhere}
.sogm-description{line-height:1.7;color:#283746}.sogm-description p{margin:0 0 15px}
.sogm-detail .sogm-gallery{margin:15px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sogm-detail .sogm-gallery>a{width:auto;min-width:0}.sogm-detail .sogm-gallery .sogm-photo{height:100px;border-radius:5px}
@media(max-width:800px){.sogm-detail-layout{grid-template-columns:1fr}.sogm-detail .sogm-main-photo .sogm-photo{max-height:500px}.sogm-detail .sogm-main-photo img{max-height:460px}}
@media(max-width:480px){body .sogm-detail{width:calc(100% - 28px)!important;margin:22px auto 45px!important}.sogm-meta>div{grid-template-columns:1fr;gap:3px}.sogm-detail .sogm-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v1.2.4: never upscale a thumbnail into a hero image. */
.sogm-thumb-only{margin-top:14px;max-width:230px}.sogm-thumb-only p{font-size:12px;color:#62758b}.sogm-thumb-only .sogm-photo{height:auto;min-height:0}.sogm-thumb-only img{max-width:100%;height:auto;object-fit:contain}

/* v1.2.9: maintain aspect ratio, distinguish fallback images and protect layout */
.sogm-detail .sogm-main-photo{display:block;text-decoration:none;cursor:default}
.sogm-detail .sogm-main-photo .sogm-photo{width:100%;height:auto;min-height:240px;max-height:620px}
.sogm-detail .sogm-main-photo .sogm-photo img{width:100%;height:auto;max-height:580px;object-fit:contain}
.sogm-photo-fallback{border:1px dashed #ccd6df;border-radius:6px}

/* v1.2.10: never upscale a thumbnail on item pages */
.sogm-detail .sogm-main-photo .sogm-photo-thumbnail{min-height:160px;max-height:none;height:auto;padding:24px;display:flex;align-items:center;justify-content:center}
.sogm-detail .sogm-main-photo .sogm-photo-thumbnail img{width:auto!important;height:auto!important;max-width:100%;max-height:260px;object-fit:contain;image-rendering:auto;padding:0}
.sogm-thumbnail-note{font-size:13px;color:#607286;margin:-12px 0 20px;text-align:center}

/* v1.2.10.1: contained thumbnail, proportional frame, and readable caption.
   Scope all overrides to item detail pages; search cards remain unchanged. */
.sogm-detail .sogm-detail-media .sogm-main-photo:has(.sogm-photo-thumbnail){
  margin:0 0 12px!important;
}
.sogm-detail .sogm-detail-media .sogm-main-photo .sogm-photo-thumbnail{
  box-sizing:border-box;min-height:0!important;max-height:none!important;height:auto!important;
  width:100%;padding:22px!important;border-radius:10px;display:flex;
  align-items:center;justify-content:center;overflow:hidden;
}
.sogm-detail .sogm-detail-media .sogm-main-photo .sogm-photo-thumbnail img{
  display:block;width:auto!important;height:auto!important;max-width:min(100%,240px)!important;
  max-height:300px!important;object-fit:contain!important;padding:0!important;
  image-rendering:auto;flex:0 1 auto;
}
.sogm-detail .sogm-detail-media .sogm-thumbnail-note{
  display:block;position:static!important;clear:both;margin:0 0 22px!important;
  padding:0 8px;font-size:13px;line-height:1.5;text-align:center;color:#607286;
}
@media(max-width:480px){
  .sogm-detail .sogm-detail-media .sogm-main-photo .sogm-photo-thumbnail{padding:18px!important}
  .sogm-detail .sogm-detail-media .sogm-main-photo .sogm-photo-thumbnail img{max-width:min(100%,210px)!important}
}

/* v1.2.10.2: full-width responsive catalogue, scoped to plugin only */
body .sogm-wrap:not(.sogm-detail){width:calc(100vw - 64px)!important;max-width:1800px!important;margin:28px auto 64px!important;left:50%!important;transform:translateX(-50%)!important;position:relative!important;float:none!important;clear:both!important;font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal}
body .sogm-wrap:not(.sogm-detail) .sogm-search{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,2.5fr) minmax(190px,1fr) minmax(175px,.65fr)!important;gap:14px!important;align-items:center}
body .sogm-wrap:not(.sogm-detail) .sogm-search input,body .sogm-wrap:not(.sogm-detail) .sogm-search select,body .sogm-wrap:not(.sogm-detail) .sogm-search button{width:100%!important;max-width:none!important;margin:0!important;font-family:inherit!important}
body .sogm-wrap:not(.sogm-detail) .sogm-grid{width:100%!important;max-width:none!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important}
body .sogm-wrap:not(.sogm-detail) .sogm-intro,body .sogm-wrap:not(.sogm-detail) .sogm-count,body .sogm-wrap:not(.sogm-detail) .sogm-card{font-family:Arial,Helvetica,sans-serif!important}
body .sogm-detail{width:calc(100vw - 64px)!important;max-width:1700px!important;left:50%!important;transform:translateX(-50%)!important;margin:38px 0 70px!important;font-family:Arial,Helvetica,sans-serif!important}
@media(max-width:1450px){body .sogm-wrap:not(.sogm-detail) .sogm-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:1120px){body .sogm-wrap:not(.sogm-detail) .sogm-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}body .sogm-wrap:not(.sogm-detail) .sogm-search{grid-template-columns:minmax(0,2fr) minmax(160px,1fr)!important}body .sogm-wrap:not(.sogm-detail) .sogm-search button{grid-column:1/-1}}
@media(max-width:820px){body .sogm-wrap:not(.sogm-detail) .sogm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body .sogm-wrap:not(.sogm-detail),body .sogm-detail{width:calc(100vw - 36px)!important}}
@media(max-width:620px){body .sogm-wrap:not(.sogm-detail) .sogm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body .sogm-wrap:not(.sogm-detail) .sogm-search{grid-template-columns:minmax(0,1fr)!important}body .sogm-wrap:not(.sogm-detail) .sogm-search button{grid-column:auto}body .sogm-wrap:not(.sogm-detail),body .sogm-detail{width:calc(100vw - 28px)!important}}
@media(max-width:390px){body .sogm-wrap:not(.sogm-detail) .sogm-grid{grid-template-columns:minmax(0,1fr)!important}}