.mobi-ref-detail{background:#f3f3f3;min-height:780px;color:#171717;font-family:Arial,Helvetica,sans-serif}
.mobi-ref-breadcrumbs{width:min(1440px,calc(100% - 48px));margin:auto;padding:26px 0 18px;display:flex;align-items:center;gap:11px;color:#777;font-size:13px;white-space:nowrap;overflow:hidden}
.mobi-ref-breadcrumbs a{color:#626262;flex-shrink:0}.mobi-ref-breadcrumbs a:hover{text-decoration:underline}.mobi-ref-breadcrumbs [aria-current]{overflow:hidden;text-overflow:ellipsis}
.mobi-ref-product-main{width:min(1440px,calc(100% - 48px));margin:auto;padding:10px 0 38px;display:grid;grid-template-columns:minmax(310px,410px) minmax(0,1fr);gap:36px;align-items:start}
.mobi-ref-gallery{min-width:0}.mobi-ref-main-image{aspect-ratio:1;background:#fff;border-radius:9px;overflow:hidden}.mobi-ref-main-image>img{width:100%;height:100%;object-fit:contain;display:block}
.mobi-ref-thumbnails{display:flex;gap:9px;margin-top:14px}.mobi-ref-thumb{width:64px;height:64px;padding:3px;border:1px solid #d2d2d2;border-radius:5px;background:#fff}.mobi-ref-thumb[aria-current]{border-color:var(--mobi-gold-active)}.mobi-ref-thumb img{width:100%;height:100%;object-fit:contain}
.mobi-ref-overview{background:#fff;min-height:405px;padding:0 10px 20px 0}.mobi-ref-overview h1{font-size:19px;line-height:1.32;max-width:720px;margin:2px 0 17px;font-weight:700;color:#161616}
.mobi-ref-summary{display:flex;flex-wrap:wrap;column-gap:28px;row-gap:12px;font-size:13px;color:#666}.mobi-ref-summary strong{font-weight:400;color:#222}.mobi-ref-sku,.mobi-ref-sku strong{color:#b95620!important}
.mobi-ref-pricing{border-top:1px solid #e8e8e8;margin:28px 0 20px;padding-top:25px;display:flex;align-items:center;gap:65px;font-size:14px;color:#888}.mobi-ref-pricing strong{color:#a84b23;text-decoration:underline;font-size:15px}
.mobi-ref-primary{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:25px;background:var(--mobi-gold);color:var(--mobi-on-gold)!important;font-size:13px;font-weight:600}.mobi-ref-primary:hover{background:var(--mobi-gold-hover)}
.mobi-ref-access{font-size:12px;color:#777;max-width:665px;line-height:1.6;margin-top:28px}
.mobi-ref-information{width:min(1440px,calc(100% - 48px));margin:0 auto 32px;background:#fff;border-radius:12px;overflow:hidden}.mobi-ref-tabs{padding:0 24px;border-bottom:1px solid #e4e4e4;height:49px;display:flex;align-items:stretch}.mobi-ref-tabs h2{margin:0;padding:14px 22px;border-bottom:2px solid var(--mobi-gold-active);font-size:14px;color:#173968}.mobi-ref-info-inner{padding:20px 30px 32px}.mobi-ref-info-inner h3{font-size:18px;margin:0 0 20px}.mobi-ref-info-inner h4{font-size:14px;margin:18px 0 16px;color:#161616}.mobi-ref-spec-list{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 22px;border-bottom:1px dashed #ddd;padding-bottom:26px}.mobi-ref-spec-list div{display:flex;gap:6px;min-width:0;font-size:13px;line-height:1.6}.mobi-ref-spec-list dt{color:#777;flex-shrink:0}.mobi-ref-spec-list dd{margin:0;overflow-wrap:anywhere}.mobi-ref-unknown{font-size:13px;line-height:1.7;color:#777}.mobi-ref-related{width:min(1440px,calc(100% - 48px));margin:42px auto 80px}.mobi-ref-related>h2{font-size:25px;margin:0 0 22px}.mobi-ref-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.mobi-ref-related-card{min-width:0;border-radius:10px;overflow:hidden;background:#fff;padding-bottom:12px;display:flex;flex-direction:column;gap:10px}.mobi-ref-related-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.mobi-ref-related-card span,.mobi-ref-related-card strong{font-size:12px;margin:0 12px}.mobi-ref-related-card strong{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:860px){.mobi-ref-product-main{grid-template-columns:minmax(250px,38%) minmax(0,1fr);gap:18px}.mobi-ref-overview h1{font-size:17px}.mobi-ref-spec-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mobi-ref-related-grid{gap:12px}}
@media(max-width:600px){.mobi-ref-breadcrumbs{width:calc(100% - 28px);padding:18px 0 13px;font-size:11px;gap:7px}.mobi-ref-product-main{width:calc(100% - 28px);display:flex;flex-direction:column;gap:23px;padding-bottom:27px}.mobi-ref-gallery{width:100%}.mobi-ref-main-image{max-height:440px}.mobi-ref-overview{min-height:0;padding:0 0 8px;width:100%}.mobi-ref-overview h1{font-size:17px}.mobi-ref-pricing{margin-top:20px;gap:24px}.mobi-ref-information{width:calc(100% - 24px);margin-bottom:20px}.mobi-ref-info-inner{padding:18px 15px}.mobi-ref-spec-list{grid-template-columns:1fr;gap:13px}.mobi-ref-related{width:calc(100% - 24px);margin:24px auto 55px}.mobi-ref-related>h2{font-size:21px}.mobi-ref-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.mobi-ref-source{font-size:12px;margin:18px 0 0}.mobi-ref-source a{color:#164c83;text-decoration:underline}

/* Long source descriptions must wrap instead of widening the mobile viewport. */
.mobi-ref-detail h1,.mobi-ref-detail dd,.mobi-ref-related-card strong{overflow-wrap:anywhere;min-width:0}


/* Reference-photo viewer: actions appear only when multiple actual media files exist. */
.mobi-ref-main-image{position:relative}
.mobi-ref-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:39px;height:39px;border:0;border-radius:50%;background:#10151b;color:#fff;font-size:29px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease}
.mobi-ref-gallery:hover .mobi-ref-gallery-arrow,.mobi-ref-gallery:focus-within .mobi-ref-gallery-arrow{opacity:1}
.mobi-ref-gallery-arrow.is-prev{left:12px}
.mobi-ref-gallery-arrow.is-next{right:12px}
.mobi-ref-gallery-arrow:hover{background:#30343b}
.mobi-ref-gallery-arrow:focus-visible,.mobi-ref-thumb:focus-visible{outline:2px solid var(--mobi-gold-active);outline-offset:2px}
.mobi-ref-thumbnails{overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.mobi-ref-thumb{display:block;flex:0 0 64px;cursor:pointer}
.mobi-ref-downloads{margin:12px 0 0;font-size:12px;color:#555}
.mobi-ref-downloads a{color:#1a406f;text-decoration:underline}
@media(hover:none){.mobi-ref-gallery-arrow{opacity:1}}


/* Audited public source image preview: no fabricated gallery images. */
.mobi-ref-main-image .mobi-ref-zoom{position:absolute;top:12px;right:12px;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:9px;border:1px solid #e9e9e9;background:#fffefa;color:#222;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .16s}
.mobi-ref-main-image .mobi-ref-zoom svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobi-ref-gallery:hover .mobi-ref-zoom,.mobi-ref-gallery:focus-within .mobi-ref-zoom{opacity:1}
.mobi-ref-photo-dialog{position:fixed;inset:0;margin:auto;padding:42px 18px 18px;width:min(960px,calc(100vw - 26px));max-height:calc(100dvh - 26px);border:0;border-radius:8px;background:#fff;box-shadow:0 12px 50px #0004;overflow:auto}
.mobi-ref-photo-dialog::backdrop{background:rgba(0,0,0,.76)}
.mobi-ref-photo-dialog img{display:block;margin:auto;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 110px);object-fit:contain}
.mobi-ref-photo-close{position:absolute;right:12px;top:9px;display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:#f2f2f2;border:0;border-radius:50%;color:#222;font-size:26px;cursor:pointer}
.mobi-ref-photo-close:hover{background:#ddd}
.mobi-ref-zoom:focus-visible,.mobi-ref-photo-close:focus-visible{outline:2px solid var(--mobi-gold-active);outline-offset:2px}
@media(hover:none){.mobi-ref-main-image .mobi-ref-zoom{opacity:1}}
