.dwl-sg-trigger-wrap{margin:14px 0}
.dwl-sg-trigger{display:inline-flex!important;align-items:center;gap:.55em}
.dwl-sg-icon{width:1.15em;height:1.15em;display:inline-block;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center}
.dwl-sg-icon-ruler{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25 17.25 3 21 6.75 6.75 21H3v-3.75Zm3.5.75 1.4-1.4-1.5-1.5 1.4-1.4 1.5 1.5 1.4-1.4-1.5-1.5 1.4-1.4 1.5 1.5 1.4-1.4-1.5-1.5 4.85-4.85 1.75 1.75L5.75 18H6.5Z'/%3E%3C/svg%3E")}
.dwl-sg-icon-shirt{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 3 2 2h4l2-2 5 3-2 4-2-1v12H7V9l-2 1-2-4 5-3Z'/%3E%3C/svg%3E")}
.dwl-sg-modal[hidden]{display:none}
.dwl-sg-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px}
.dwl-sg-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);opacity:0;transition:opacity .18s}
.dwl-sg-dialog{position:relative;width:min(980px,100%);max-height:min(85vh,900px);overflow:auto;background:#fff;color:#151515;border-radius:16px;padding:clamp(20px,4vw,42px);box-shadow:0 24px 80px rgba(0,0,0,.3);opacity:0;transition:.18s transform,.18s opacity}
.dwl-sg-modal.is-open .dwl-sg-backdrop,.dwl-sg-modal.is-open .dwl-sg-dialog{opacity:1}
.dwl-sg-slide .dwl-sg-dialog{transform:translateY(35px)}
.dwl-sg-zoom .dwl-sg-dialog{transform:scale(.94)}
.dwl-sg-modal.is-open .dwl-sg-dialog{transform:none}
.dwl-sg-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:32px;line-height:1;cursor:pointer;padding:8px}
.dwl-sg-open{overflow:hidden}
.dwl-sg-content{width:100%}
.dwl-sg-description{margin-bottom:18px}
.dwl-sg-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
.dwl-sg-layout.has-guide-image{grid-template-columns:minmax(160px,230px) minmax(0,1fr)}
.dwl-sg-guide-media{display:flex;align-items:flex-start;justify-content:center;padding:16px;border:1px solid rgba(0,0,0,.12);background:#fff}
.dwl-sg-guide-image{display:block;max-width:100%;height:auto}
.dwl-sg-table-area{min-width:0}
.dwl-sg-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dwl-sg-content table{width:100%;border-collapse:collapse;margin:0;background:#fff}
.dwl-sg-content th,.dwl-sg-content td{text-align:left;padding:12px 14px;vertical-align:middle}
.dwl-sg-content thead th{background:var(--dwl-sg-head);color:var(--dwl-sg-head-text);font-weight:700}
.dwl-sg-content tbody tr:nth-child(even){background:rgba(0,0,0,.035)}
.dwl-sg-content.has-border table,.dwl-sg-content.has-border .dwl-sg-guide-media{border:1px solid rgba(0,0,0,.15)}
.dwl-sg-content.has-border th,.dwl-sg-content.has-border td{border:1px solid rgba(0,0,0,.15)}
@media(max-width:768px){.dwl-sg-layout.has-guide-image{grid-template-columns:1fr}.dwl-sg-guide-media{max-width:280px}}
@media(max-width:600px){.dwl-sg-modal{padding:0;align-items:end}.dwl-sg-dialog{width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding:24px 16px}.dwl-sg-content th,.dwl-sg-content td{padding:10px;white-space:nowrap}}
.dwl-sg-content,.dwl-sg-content table,.dwl-sg-guide-media{border-radius:var(--dwl-sg-radius,0)}
.dwl-sg-content.is-striped tbody tr:nth-child(even){background:rgba(0,0,0,.035)}
.dwl-sg-content:not(.is-striped) tbody tr:nth-child(even){background:transparent}
.dwl-sg-layout-above.has-guide-image{grid-template-columns:1fr}
.dwl-sg-layout-above .dwl-sg-guide-media{max-width:360px}
.dwl-sg-layout-first-column.has-guide-image{grid-template-columns:minmax(150px,230px) minmax(0,1fr);gap:0}
.dwl-sg-layout-first-column .dwl-sg-guide-media{height:100%;border-right:0}
.dwl-sg-layout-first-column .dwl-sg-scroll{height:100%}
.dwl-sg-footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(0,0,0,.12);font-size:.86em;line-height:1.5;color:#4b5563}
.dwl-sg-tab-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.dwl-sg-tab{appearance:none;border:1px solid rgba(0,0,0,.18);background:#fff;padding:9px 15px;border-radius:999px;cursor:pointer;font:inherit}
.dwl-sg-tab.is-active{background:#111;color:#fff;border-color:#111}
.dwl-sg-tab-panel[hidden]{display:none}
.dwl-sg-recommender{margin-top:20px;padding:18px;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:rgba(0,0,0,.02)}
.dwl-sg-recommender h3{margin:0 0 14px;font-size:1.05em}
.dwl-sg-recommender-fields{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.dwl-sg-recommender-fields label{display:grid;gap:5px;font-size:.88em;font-weight:600}
.dwl-sg-recommender-fields input{width:130px;min-height:42px;padding:8px 10px}
.dwl-sg-recommendation{margin:12px 0 0;font-weight:700}
.dwl-sg-guide-media svg{width:100%;max-width:230px;height:auto;color:#60717b}
@media(max-width:768px){.dwl-sg-layout-first-column.has-guide-image{grid-template-columns:1fr;gap:16px}.dwl-sg-layout-first-column .dwl-sg-guide-media{border-right:1px solid rgba(0,0,0,.15)}}
.dwl-sg-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px}
.dwl-sg-gallery figure{margin:0;border:1px solid rgba(0,0,0,.12);padding:8px;background:#fff}
.dwl-sg-gallery img{display:block;width:100%;height:auto}