.hikmat-size-guide-instance { display:inline-block; }
.hikmat-size-guide-trigger,
.hikmat-size-guide-trigger:focus {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:32px; margin:0; padding:0; border:0; background:transparent;
  color:#6c6c6c; font:inherit; font-size:13px; font-weight:300; line-height:1.3; cursor:pointer;
}
.hikmat-size-guide-trigger img { display:block; width:18px; height:18px; object-fit:contain; }
.hikmat-size-guide-trigger:hover,
.hikmat-size-guide-trigger:focus-visible { color:#000; background:#fff; text-decoration:underline; text-underline-offset:5px; }
.hikmat-size-guide-trigger:focus-visible { outline:1px solid #111; outline-offset:3px; }

.hikmat-guide-modal[hidden] { display:none!important; }
.hikmat-guide-modal { position:fixed; z-index:2147483500; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; }
.hikmat-guide-backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:rgba(0,0,0,.35); cursor:default; }
.hikmat-guide-panel { position:relative; z-index:1; width:min(1080px, 100%); max-height:calc(100dvh - 48px); overflow:hidden; background:#f9f9f9; box-shadow:0 12px 48px rgba(0,0,0,.18); }
.hikmat-guide-scroll { max-height:calc(100dvh - 48px); overflow-y:auto; padding:45px 48px 50px; overscroll-behavior:contain; }
.hikmat-guide-close { position:absolute; top:13px; right:15px; z-index:2; display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:0; border-radius:50%; background:#fff; color:#000; font-size:29px; font-weight:200; line-height:1; cursor:pointer; }
.hikmat-guide-close:focus-visible { outline:1px solid #111; outline-offset:2px; }
.hikmat-guide-title { margin:0 0 38px; color:#000; font-size:20px; font-weight:300; line-height:1.35; text-align:center; }

.hikmat-size-guide { color:#111; font-size:14px; font-weight:300; }
.hikmat-guide-body { display:grid; grid-template-columns:minmax(0, 1fr) minmax(180px, .55fr); align-items:start; gap:30px; }
.hikmat-guide-copy { min-width:0; }
.hikmat-guide-copy h3 { margin:0 0 5px; color:#000; font-size:18px; font-weight:300; line-height:1.35; }
.hikmat-guide-sku { margin:0 0 23px; color:#5a5a5a; font-size:14px; font-weight:300; }
.hikmat-guide-units { display:inline-flex; margin-bottom:20px; border:1px solid #d6d6d6; overflow:hidden; }
.hikmat-guide-unit { padding:7px 14px; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.hikmat-guide-unit.is-active { background:#111; color:#fff; }
.hikmat-guide-table-wrap { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.hikmat-guide-table-wrap table { border-collapse:collapse; width:100%; white-space:nowrap; }
.hikmat-guide-table-wrap th,.hikmat-guide-table-wrap td { border-bottom:1px solid #dcdcde; padding:11px 13px; text-align:center; font:inherit; }
.hikmat-guide-table-wrap th:first-child { text-align:left; }
.hikmat-guide-table-wrap thead th { font-weight:500; }
.hikmat-guide-detail { padding:4px 0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.hikmat-guide-detail:hover,.hikmat-guide-detail:focus-visible,.hikmat-guide-detail.is-active { text-decoration:underline; text-underline-offset:3px; }
.hikmat-guide-detail:focus-visible { outline:1px solid #111; outline-offset:3px; }
.hikmat-guide-sketch { min-height:240px; display:flex; justify-content:center; align-items:flex-start; }
.hikmat-guide-image { display:block; width:100%; max-width:320px; max-height:470px; height:auto; object-fit:contain; }
.hikmat-guide-image[hidden] { display:none; }

@media(max-width:1024px) {
  .hikmat-guide-panel { width:min(680px, 100%); }
  .hikmat-guide-scroll { padding:52px 25px 32px; }
  .hikmat-guide-body { display:block; }
  .hikmat-guide-title { font-size:18px; margin-bottom:30px; }
  .hikmat-guide-copy h3,.hikmat-guide-sku { text-align:center; }
  .hikmat-guide-copy h3 { font-size:16px; }
  .hikmat-guide-sku { font-size:12px; }
  .hikmat-guide-units { display:flex; width:max-content; margin:0 auto 22px; }
  .hikmat-guide-sketch { padding-top:24px; min-height:180px; }
  .hikmat-guide-image { max-width:220px; max-height:320px; }
}
@media(max-width:767px) {
  .hikmat-guide-modal { padding:0; }
  .hikmat-guide-panel { width:100%; height:100dvh; max-height:100dvh; }
  .hikmat-guide-scroll { max-height:100dvh; padding:62px 18px 32px; }
  .hikmat-guide-close { top:15px; right:15px; }
  .hikmat-guide-table-wrap th,.hikmat-guide-table-wrap td { padding:10px; }
}