.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:transparent; text-decoration:underline; text-underline-offset:5px; }
.hikmat-size-guide-trigger:focus-visible { outline:1px solid #111; outline-offset:3px; }
.hikmat-guide-modal[hidden],.hikmat-guide-detail-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,.hikmat-guide-close:focus-visible,.hikmat-guide-detail-close:focus,.hikmat-guide-detail-close:focus-visible { outline:1px solid #111; outline-offset:2px; border-color:transparent; background:#fff; color:#000; box-shadow:none; }
.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(220px, .55fr); align-items:stretch; gap:30px; }
.hikmat-guide-copy { min-width:0; }
.hikmat-guide-copy h3 { margin:0 0 5px; color:#000; font-size:21px; font-weight:400; 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; gap:0px; margin-bottom:17px; border:0; overflow:visible; }
/*
.hikmat-guide-unit,.hikmat-guide-unit:focus { position:relative; padding:3px 0 6px; border:0; background:transparent; color:#111; font:inherit; font-weight:400; line-height:1.2; cursor:pointer; box-shadow:none; }
.hikmat-guide-unit::after { content:""; position:absolute; right:0; bottom:0; left:0; height:1px; background:#111; transform:scaleX(0); transform-origin:center; transition:transform .16s ease; }
.hikmat-guide-unit:hover::after,.hikmat-guide-unit.is-active::after,.hikmat-guide-unit:focus-visible::after { transform:scaleX(1); }
.hikmat-guide-unit:focus-visible { outline:1px solid #111; outline-offset:4px; color:#111; }
*/

.hikmat-guide-unit {
    padding: 0px 10px 3px 10px !important;
    color: #000 !important;
    background: transparent !important;
    border: 0 !important;
    font-weight: 400px;
}

.hikmat-guide-unit:hover {
    padding: 0px 10px 3px 10px !important;
    color: #000 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: solid 1px #000 !important;
    border-radius: 0px !important;
    font-weight: 600px;
}

.hikmat-guide-unit.is-active,
.hikmat-guide-unit:focus {
    padding: 0px 10px 3px 10px !important;
    color: #000 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: solid 2px #000 !important;
    border-radius: 0px !important;
    font-weight: 600px;
}


.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; border-right:0!important; border-left:0!important; }
.hikmat-guide-table-wrap th,.hikmat-guide-table-wrap td { height:46px; border-top:0; border-right:0!important; border-bottom:1px solid #dcdcde; border-left:0!important; padding:10px 13px; text-align:center; vertical-align:middle; font:inherit; font-size:14px; font-weight:500; }
.hikmat-guide-table-wrap th:first-child { text-align:left; }
.hikmat-guide-table-wrap thead th { font-weight:500; }
.hikmat-guide-detail { display:inline; padding:0; border:0; background:transparent; color:#111; font:inherit; font-size:inherit; font-weight:inherit; text-align:left; text-decoration:none; }
.hikmat-guide-detail-row.has-detail-sketch { cursor:pointer; }
.hikmat-guide-detail-row.is-active { background:rgba(0,0,0,.035); }
.hikmat-guide-detail-row:focus { outline:none; }
.hikmat-guide-detail-row:focus-visible { outline:1px solid #111; outline-offset:-2px; }
.hikmat-guide-sketch { min-height:100%; height:100%; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.hikmat-guide-image { display:block; width:100%; max-width:360px; max-height:none; height:100%; object-fit:contain; }
.hikmat-guide-image[hidden] { display:none; }
.hikmat-guide-detail-modal { position:fixed; z-index:2147483600; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; }
.hikmat-guide-detail-backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:rgba(0,0,0,.45); }
.hikmat-guide-detail-panel { position:relative; z-index:1; width:min(520px,100%); max-height:calc(100dvh - 48px); padding:42px 24px 28px; overflow:auto; background:#fff; box-shadow:0 12px 48px rgba(0,0,0,.2); }
.hikmat-guide-detail-title { margin:0 42px 20px; color:#111; font-size:17px; font-weight:500; line-height:1.35; text-align:center; }
.hikmat-guide-detail-image { display:block; width:100%; max-width:390px; max-height:70dvh; margin:0 auto; object-fit:contain; }
.hikmat-guide-detail-close { position:absolute; top:9px; right:10px; display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:50%; background:#fff; color:#000; font-size:28px; line-height:1; cursor:pointer; }
@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:19px; }
  .hikmat-guide-sku { font-size:12px; }
  .hikmat-guide-units { display:flex; width:max-content; margin:0 auto 18px; }
  .hikmat-guide-sketch { padding-top:24px; min-height:180px; height:auto; }
  .hikmat-guide-image { max-width:240px; max-height:340px; height:auto; }
  .hikmat-guide-detail-row.has-detail-sketch:active { background:rgba(0,0,0,.05); }
}
@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 { height:44px; padding:9px 10px; }
  .hikmat-guide-detail-modal { padding:16px; }
  .hikmat-guide-detail-panel { max-height:calc(100dvh - 32px); padding:42px 18px 24px; }
}