dm-size-chart{display:block}.dm-size-chart__trigger{display:inline-flex;align-items:center;gap:6px;width:fit-content;font:inherit;font-size:12px;letter-spacing:.02em;line-height:1.5;color:#111;cursor:pointer;border:1px solid #ccc;border-radius:20px;background:transparent;padding:6px 14px;text-decoration:none;transition:border-color .2s ease,background .2s ease}.dm-size-chart__trigger:before{content:"";width:14px;height:14px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23111' stroke-width='1.2'%3E%3Crect x='2' y='6' width='16' height='8' rx='1'/%3E%3Cpath d='M6 6v4m4-4v3m4-3v4'/%3E%3C/svg%3E") center / contain no-repeat}.dm-size-chart__trigger:hover{border-color:#111;background:#fafafa}.dm-size-chart__dialog{box-sizing:border-box;width:min(820px,calc(100vw - 40px));max-height:85dvh;border:0;border-radius:8px;padding:24px;background:#fff;color:#202020;box-shadow:0 24px 80px #0004}.dm-size-chart__dialog::backdrop{background:#0006}.dm-size-chart__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dm-size-chart__header h2{font-size:16px;margin:0}.dm-size-chart__close{border:0;background:transparent;border-radius:50%;width:44px;height:44px;font-size:24px;color:#999;cursor:pointer;transition:color .2s ease,background .2s ease}.dm-size-chart__close:hover{color:#111;background:#fafafa}.dm-size-chart__trigger:focus-visible,.dm-size-chart__close:focus-visible,.dm-chart__scroll:focus-visible{outline:3px solid #7e5b40;outline-offset:4px}.dm-chart{font-family:Jost,Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;color:#202020}.dm-chart__intro{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;margin-bottom:18px}.dm-chart__product{display:flex;align-items:center;justify-content:center;min-height:120px}.dm-chart__product img{display:block;width:auto;max-width:100%;height:auto;max-height:260px;border-radius:6px;object-fit:contain}.dm-chart__diagram{position:relative;overflow:hidden;margin:0 0 10px auto;max-width:240px;width:min(100%,280px)}.dm-chart__diagram img{position:absolute;height:auto;display:block}.dm-chart__guide{text-align:right;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;color:#38332f}.dm-chart__guide h3{font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.5;margin:8px 0 10px}.dm-chart__guide ol{padding:0;margin:0;list-style:none}.dm-chart__guide li{margin:5px 0;font-size:12px;line-height:1.6;font-weight:400}.dm-chart__scroll{overflow:auto;overscroll-behavior-inline:contain;border:1px solid #ccc;border-radius:10px}.dm-chart table{width:100%;border-collapse:collapse;font:inherit;font-size:12px;color:inherit}.dm-chart caption{text-align:left;font-weight:600;padding:14px;background:#fafafa;caption-side:top}.dm-chart th,.dm-chart td{text-align:center;vertical-align:middle;padding:8px 6px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;min-width:64px}.dm-chart th:first-child{min-width:100px;text-align:left;background:#fafafa}.dm-chart thead th{font-weight:600;background:#f2f2f2}.dm-chart tbody th{font-weight:500}.dm-chart tbody tr:last-child>*{border-bottom:0}.dm-chart tr>*:last-child{border-right:0}@media(max-width:650px){.dm-size-chart__dialog{padding:0 16px 16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.dm-chart__intro{grid-template-columns:1fr;gap:16px}.dm-chart__product img{max-height:220px}.dm-chart__guide{font-size:14px}.dm-chart th,.dm-chart td{padding:8px 5px;min-width:60px}.dm-chart th:first-child{min-width:90px}.dm-size-chart__header h2{font-size:16px}}@media(prefers-reduced-motion:no-preference){.dm-size-chart__dialog[open]{animation:dm-chart-enter .15s ease-out}@keyframes dm-chart-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.dm-size-chart__trigger,.dm-size-chart__close{transition:none}}.dm-size-chart-label{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.dm-size-chart-inline{flex:none;margin-inline-start:auto}.dm-size-chart-inline .dm-size-chart__trigger{white-space:nowrap}.dm-size-chart__dialog{margin:auto;text-align:left;letter-spacing:normal;font-weight:400}.dm-size-chart__dialog .dm-chart table{margin:0}.dm-size-chart__dialog .dm-chart__guide h3{text-transform:none}.dm-chart.dm-chart table{table-layout:auto;width:100%;margin:0;border-spacing:0}.dm-chart.dm-chart table th,.dm-chart.dm-chart table td{box-sizing:border-box;width:auto;height:auto;padding:8px 6px;font-size:12px;line-height:1.5;white-space:nowrap;overflow-wrap:normal;word-break:normal}.dm-chart.dm-chart table th:first-child{min-width:112px}.dm-chart.dm-chart table td{min-width:82px}@media(max-width:650px){.dm-chart.dm-chart table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.dm-chart.dm-chart table th,.dm-chart.dm-chart table td{padding:10px 12px}.dm-chart.dm-chart table td{min-width:104px}.dm-chart.dm-chart table th:first-child{position:sticky;left:0;z-index:1;min-width:118px;background:#fafafa;box-shadow:1px 0 #ccc}.dm-chart.dm-chart thead th:first-child{background:#f2f2f2}.dm-chart__scroll{max-width:100%;-webkit-overflow-scrolling:touch}.dm-chart__intro:after{content:"Di\11f er bedenleri g\f6rmek i\e7in tabloyu yana kayd\131r\131n \2192";font-size:11px;color:#666;text-align:center}.dm-chart__product img{max-height:160px}.dm-chart__diagram{max-width:180px}.dm-size-chart__dialog .dm-size-chart__header{position:sticky;top:0;z-index:3;background:#fff;padding:0;margin:0 0 4px;min-height:44px;align-items:center}}.dm-chart__product{flex-direction:column;gap:12px}.dm-chart__product-meta{margin:0;text-align:center;font-size:14px;font-weight:600;line-height:1.5;color:#333}@media(min-width:651px){.dm-size-chart__dialog{width:min(980px,calc(100vw - 40px));max-height:90dvh}.dm-chart__product img{max-height:390px}.dm-size-chart__dialog{padding-top:12px}.dm-size-chart__header{margin-bottom:8px;align-items:flex-start}.dm-size-chart__header h2{line-height:28px}.dm-size-chart__header .dm-size-chart__close{height:28px;line-height:28px;padding:0}.dm-chart__product{transform:translate(12px)}.dm-chart__guide h3{font-size:17px}.dm-chart__guide li{font-size:14px;line-height:1.65}.dm-chart.dm-chart table th,.dm-chart.dm-chart table td{font-size:14px;padding:10px 8px}.dm-chart.dm-chart table td{min-width:96px}.dm-chart__product-meta{font-size:16px}}@media(max-width:650px){.dm-chart__product img{max-height:200px}}@media(max-width:650px){.dm-chart{display:flex;flex-direction:column;gap:18px}.dm-chart__intro{display:contents}.dm-chart__intro:after{content:none}.dm-chart__product{order:0;align-self:center;box-sizing:border-box;width:100%;max-width:100%;border:1px solid #e1e1e1;border-radius:12px;padding:12px;gap:8px;background:#fff}.dm-chart__product img{max-height:200px}.dm-chart__product-meta{font-size:13px}.dm-chart__scroll{order:1;width:100%;box-sizing:border-box}.dm-chart__scroll:before{content:"Di\11f er bedenler i\e7in yana kayd\131r\131n \2192";display:block;position:sticky;left:0;padding:8px;font-size:11px;color:#666;text-align:center;background:#fff}.dm-chart__guide{order:2;box-sizing:border-box;width:100%;border:1px solid #e1e1e1;border-radius:12px;padding:16px;background:#fff}.dm-chart__guide,.dm-chart__guide h3,.dm-chart__guide li{text-align:center}.dm-chart__diagram{max-width:180px;margin:0 auto 10px}}@media(max-width:650px){.dm-chart.dm-chart table th:first-child:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:#ccc;pointer-events:none}}@media(max-width:650px){.dm-chart.dm-chart table th,.dm-chart.dm-chart table td{border:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.dm-chart.dm-chart table th:first-child{border-right:0;box-shadow:none}.dm-chart.dm-chart table tr>:last-child{border-right:0}.dm-chart.dm-chart table tbody tr:last-child>*{border-bottom:0}}@media(max-width:650px){.dm-size-chart__dialog .dm-size-chart__header form{margin:0 0 0 auto}.dm-size-chart__dialog .dm-size-chart__close{display:flex;align-items:center;justify-content:flex-end;padding:0;text-align:right}}@media(max-width:650px){.dm-chart__scroll:before{border-bottom:1px solid #ccc;box-sizing:border-box}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dm-size-chart.css.map */