.shopify-section{position:relative}.section-debug-btn{position:absolute;top:8px;right:8px;z-index:9999;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:#2b303b;color:#fff;border:1px solid hsl(220 15% 35%);border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:500;cursor:pointer;opacity:.7;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;box-shadow:0 2px 8px #00000040;white-space:nowrap}.section-debug-btn:hover{opacity:1;background-color:#3d4452;transform:translateY(-1px);box-shadow:0 4px 12px #00000059}.section-debug-btn:active{transform:translateY(0)}.section-debug-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0}.section-debug-btn--copied{background-color:#1a9948!important;border-color:#21c45d!important;opacity:1!important}.section-debug-btn--copied svg{stroke:#d3f8e1}.section-debug-btn__type{max-width:150px;overflow:hidden;text-overflow:ellipsis}.shopify-section:has(.section-debug-btn:hover){outline:2px dashed hsl(213 94% 68%);outline-offset:-2px}.shopify-section--header .section-debug-btn,.section-header .section-debug-btn{position:fixed;top:auto;bottom:8px;right:8px}.section-debug-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);z-index:99999;display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#21242c;color:#fff;border:1px solid hsl(220 15% 30%);border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;box-shadow:0 8px 32px #0006;opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease}.section-debug-toast--visible{transform:translate(-50%) translateY(0);opacity:1;visibility:visible}.section-debug-toast svg{width:18px;height:18px;stroke:#51e186;stroke-width:2;fill:none;flex-shrink:0}.section-debug-toast__id{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;background-color:#363d49;padding:2px 8px;border-radius:4px;font-size:12px}[data-theme=dark] .section-debug-btn{background-color:#363d49;border-color:#576175}[data-theme=dark] .section-debug-btn:hover{background-color:#454e5e}[data-theme=dark] .shopify-section:has(.section-debug-btn:hover){outline-color:#61a6fa}@media screen and (max-width: 749px){.section-debug-btn{padding:5px 8px;font-size:10px;gap:4px}.section-debug-btn svg{width:12px;height:12px}.section-debug-btn__type{max-width:100px}}@media print{.section-debug-btn,.section-debug-toast,.section-debug-modal{display:none!important}}.section-debug-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none}.section-debug-modal.active{display:block}.section-debug-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#14181fbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.section-debug-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:700px;max-height:85vh;background-color:#1c1f26;border:1px solid hsl(220 15% 25%);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden}.section-debug-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid hsl(220 15% 22%);background-color:#21242c}.section-debug-modal__title{margin:0;font-size:16px;font-weight:600;color:#f2f2f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.section-debug-modal__actions{display:flex;align-items:center;gap:8px}.section-debug-modal__copy-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;background-color:#226bc3;border:1px solid hsl(213 70% 55%);border-radius:6px;color:#fff;font-size:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:all .15s ease}.section-debug-modal__copy-all:hover{background-color:#2f7cda;border-color:#5a97e2}.section-debug-modal__copy-all--success{background-color:#1eae53!important;border-color:#25da67!important}.section-debug-modal__copy-all svg{width:14px;height:14px;stroke:currentColor;fill:none;flex-shrink:0}.section-debug-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;border:1px solid hsl(220 15% 30%);border-radius:6px;color:#b3b3b3;cursor:pointer;transition:all .15s ease}.section-debug-modal__close:hover{background-color:#303541;color:#f2f2f2;border-color:#576175}.section-debug-modal__close svg{width:16px;height:16px;stroke:currentColor;fill:none}.section-debug-modal__body{flex:1;overflow-y:auto;padding:16px 20px}.section-debug-modal__info{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid hsl(220 15% 22%)}.section-debug-modal__meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:13px;color:#b3b3b3}.section-debug-modal__meta strong{color:#d9d9d9}.section-debug-modal__file{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:#61a6fa}.section-debug-modal__file strong{color:#b3b3b3}.section-debug-modal__components{display:flex;flex-direction:column;gap:12px}.section-debug-modal__component{background-color:#252932;border:1px solid hsl(220 15% 25%);border-radius:8px;overflow:hidden}.section-debug-modal__component--section{border-color:#1f5fad;background-color:#202d3c}.section-debug-modal__component-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background-color:#2b303b;border-bottom:1px solid hsl(220 15% 25%)}.section-debug-modal__component--section .section-debug-modal__component-header{background-color:#273649;border-color:#2e496b}.section-debug-modal__component-num{font-size:11px;font-weight:600;color:#61a6fa;font-family:ui-monospace,SFMono-Regular,monospace}.section-debug-modal__component-name{font-size:13px;font-weight:600;color:#e6e6e6;text-transform:capitalize}.section-debug-modal__component-class{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:#51e186;background-color:#21c45d26;padding:2px 6px;border-radius:4px;margin-left:auto}.section-debug-modal__component-details{padding:10px 14px;display:flex;flex-direction:column;gap:6px}.section-debug-modal__component-row{display:flex;align-items:center;gap:8px;font-size:12px}.section-debug-modal__component-label{color:#8c8c8c;min-width:90px;flex-shrink:0}.section-debug-modal__component-value{color:#d9d9d9;font-family:ui-monospace,SFMono-Regular,monospace;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.section-debug-modal__color-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid hsl(220 15% 35%);flex-shrink:0}.section-debug-modal__var{font-size:10px;color:#f5c73d;background-color:#f2b90d1f;padding:1px 5px;border-radius:3px}.section-debug-modal__file-hint{color:#61a6fa;font-size:11px}.section-debug-modal__layout-tag{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;color:#70dbdb;background-color:#33cccc1f;padding:2px 6px;border-radius:3px;margin-right:4px}.section-debug-modal__layout-tag--position{color:#c285e0;background-color:#9933cc1f}.section-debug-modal__layout-tag--highlight{color:#51e186;background-color:#21c45d26}.section-debug-modal__layout-tag--warning{color:#f5a83d;background-color:#f2930d26}.section-debug-modal__layout-tag--error{color:#e56666;background-color:#da252526}.section-debug-modal__layout-tag--success{color:#3bde77;background-color:#21c45d26}.section-debug-modal__img-src{font-size:10px;word-break:break-all;color:#7dc4e8;max-width:100%;display:block}.section-debug-modal__body::-webkit-scrollbar{width:8px}.section-debug-modal__body::-webkit-scrollbar-track{background:#21242c}.section-debug-modal__body::-webkit-scrollbar-thumb{background:#414958;border-radius:4px}.section-debug-modal__body::-webkit-scrollbar-thumb:hover{background:#576175}@media screen and (max-width: 600px){.section-debug-modal__content{width:95%;max-height:90vh}.section-debug-modal__meta{flex-direction:column;gap:6px}.section-debug-modal__component-row{flex-direction:column;align-items:flex-start;gap:2px}.section-debug-modal__component-label{min-width:auto;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-debug.css.map */