.twm_gva_lp .twm-gva-demo{margin:0;min-width:0;width:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243b46;text-align:left}
.twm-gva-demo .twm-gva-demo-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.twm-gva-demo-caption strong{font-size:17px;line-height:1.35;font-weight:650;letter-spacing:-.03em}
.twm-gva-demo-caption>span{flex-shrink:0;font-size:10px;letter-spacing:.025em;border:1px solid #cbdcd5;background:#e9f1ed;border-radius:99px;color:#365c4a;padding:5px 8px}
.twm-gva-demo .twm-gva-demo-steps{display:flex;gap:0;list-style:none;margin:0 0 15px;padding:0;font-size:12px;font-weight:600;line-height:1.4}
.twm-gva-demo-steps li{display:flex;gap:6px;align-items:center;flex:1;color:#536269}
.twm-gva-demo-steps li+li:before{content:'→';color:#a4aeae;margin-right:8px;font-size:14px;font-weight:400}
.twm-gva-demo-steps li>span{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;background:#faf7f3;border:1px solid #d4d7d4;border-radius:50%;font-size:10px;color:#354b54}
.twm-gva-demo .twm-gva-demo-browser{overflow:hidden;border:1px solid #d9dedc;border-radius:18px;background:#fff;box-shadow:0 16px 42px #243b4614}
.twm-gva-demo-toolbar{display:flex;align-items:center;gap:5px;padding:10px 13px;background:#f1f3f1;border-bottom:1px solid #e3e6e2}
.twm-gva-demo-toolbar i{width:6px;height:6px;border-radius:50%;background:#c6ceca}
.twm-gva-demo-toolbar>span{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border:1px solid #e8ebe7;border-radius:7px;margin-left:8px;padding:5px 11px;font-size:10px;color:#75817d}
.twm-gva-demo-toolbar b{font-weight:600;color:#4f655b}
.twm-gva-demo-shop{padding:18px 20px 32px}
.twm-gva-demo-shop-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.twm-gva-demo-brand{font-size:18px;font-weight:750;letter-spacing:.13em;line-height:1.15;color:#263e47}
.twm-gva-demo-brand>span{display:block;font-size:7px;letter-spacing:.19em;font-weight:600;margin-top:5px;color:#7d8781}
.twm-gva-demo-languages{display:flex;gap:4px;padding:3px;border:1px solid #e1e6e2;background:#f5f7f4;border-radius:9px}
.twm-gva-demo .twm-gva-demo-languages button{padding:5px 9px;font:inherit;font-size:10px;line-height:1.4;font-weight:650;border:0;background:transparent;color:#61736b;cursor:pointer;min-height:28px}
.twm-gva-demo .twm-gva-demo-languages button[aria-pressed="true"]{background:#29434d;color:#fff;box-shadow:0 2px 4px #263e471a}
.twm-gva-demo-product{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:20px;align-items:stretch}
.twm-gva-demo-photo{display:flex;position:relative;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#faf6ed,#e8dfd2);border:1px solid #e5dfd5;border-radius:10px;min-width:0;min-height:232px;overflow:hidden}
.twm-gva-demo-photo svg{display:block;width:100%;height:232px;max-width:250px;filter:drop-shadow(3px 7px 5px #45352710)}
.twm-gva-demo-photo>span{position:absolute;bottom:12px;left:5px;right:5px;text-align:center;font-size:6px;letter-spacing:.14em;color:#8a7969;font-weight:600}
.twm-gva-demo-product-copy{padding:6px 0;min-width:0;align-self:center}
.twm-gva-demo-category{display:block;font-size:8px;font-weight:650;letter-spacing:.13em;color:#7a847e;margin-bottom:9px}
.twm-gva-demo .twm-gva-demo-title{font-size:clamp(19px,1.75vw,25px);font-weight:600;line-height:1.12;letter-spacing:-.05em;margin:0 0 11px;color:#253d46}
.twm-gva-demo .twm-gva-demo-description{margin:0;font-size:13px;line-height:1.6;color:#697771}
.twm-gva-demo .twm-gva-demo-color{display:flex;align-items:center;gap:7px;margin:13px 0 28px;font-size:10px;color:#6b766e}
.twm-gva-demo-color>span:first-child{width:12px;height:12px;border-radius:50%;background:#bd936e;border:2px solid white;outline:1px solid #c7baa9}
.twm-gva-demo-target-wrap{position:relative;isolation:isolate;outline:2px dashed #d75b55;outline-offset:5px;border-radius:5px;transition:outline-color .2s ease}
.twm-gva-demo-selection{position:absolute;left:-5px;bottom:calc(100% + 7px);font-size:9px;line-height:1.35;font-weight:600;background:#fff0eb;color:#a34039;padding:3px 5px;border-radius:3px;white-space:nowrap;max-width:calc(100% + 10px)}
.twm-gva-demo .twm-gva-demo-target{display:flex;justify-content:center;align-items:center;width:100%;min-height:43px;padding:10px 7px;font:inherit;font-size:13px;font-weight:650;line-height:1.4;border:0;background:#29434d;color:#fff;cursor:text;overflow-wrap:anywhere}
.twm-gva-demo[data-state="original"] .twm-gva-demo-target{text-decoration:underline;text-decoration-color:#e69680;text-decoration-style:wavy;text-underline-offset:4px;text-decoration-thickness:1px}
.twm-gva-demo[data-state="applied"] .twm-gva-demo-target-wrap{outline-color:#4f8c6f}
.twm-gva-demo[data-state="applied"] .twm-gva-demo-selection{background:#e5f1e8;color:#316347}
.twm-gva-demo .twm-gva-demo-editor{position:relative;margin:-12px 14px 0;border:1px solid #c4d2d4;border-radius:12px;background:#fff;box-shadow:0 12px 32px #203c4a1c;overflow:hidden}
.twm-gva-demo-editor-header{display:flex;align-items:center;gap:9px;padding:12px 15px;background:#29434d;color:white}
.twm-gva-demo-editor-icon{display:grid;position:relative;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:7px;background:#dd5656;color:white;font-size:22px;font-weight:750;line-height:1}
.twm-gva-demo-editor-icon>span{position:absolute;right:1px;bottom:1px;font-size:10px;line-height:1}
.twm-gva-demo-editor-header>div{flex:1;min-width:0}
.twm-gva-demo-editor-header strong{display:block;font-size:12px;line-height:1.4;font-weight:650;color:white}
.twm-gva-demo-editor-header>div>span{display:block;font-size:9px;color:#d1dfe0;line-height:1.4;margin-top:1px}
.twm-gva-demo-editor-dot{width:6px;height:6px;border-radius:50%;background:#a3cbb8;box-shadow:0 0 0 3px #a3cbb820}
.twm-gva-demo-detected{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:13px 15px 11px;padding-bottom:10px;border-bottom:1px solid #edf0eb}
.twm-gva-demo-detected>span{font-size:10px;color:#728078;line-height:1.4}
.twm-gva-demo-detected s{font-size:11px;color:#a25c51;text-decoration-thickness:1px;overflow-wrap:anywhere;text-align:right}
.twm-gva-demo .twm-gva-demo-input-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 15px 6px;font-size:10px;font-weight:650;color:#344e56}
.twm-gva-demo-input-label>span{font-size:9px;font-weight:500;color:#6f8079;background:#f1f5f0;border:1px solid #e3e9e0;border-radius:4px;padding:2px 5px}
.twm-gva-demo-edit-row{display:flex;gap:8px;margin:0 15px 10px;min-width:0}
.twm-gva-demo input[data-demo-input]{display:block;width:100%;min-width:0;flex:1;padding:10px 11px;border:1px solid #9db4b9;border-radius:6px;box-shadow:inset 0 1px 2px #203b4510;background:#fcfdfb;color:#243e47;font:inherit;font-size:14px;line-height:1.5;min-height:42px}
.twm-gva-demo input[data-demo-input][aria-invalid="true"]{border-color:#af3e39}
.twm-gva-demo .twm-gva-demo-apply{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b74242;background:#b74242;color:white;border-radius:6px;padding:10px 12px;font:inherit;font-size:11px;font-weight:650;line-height:1.35;cursor:pointer;flex-shrink:0;min-height:42px;transition:background-color .18s ease,transform .15s ease}
.twm-gva-demo .twm-gva-demo-apply:hover{background:#9e3535;border-color:#9e3535}
.twm-gva-demo .twm-gva-demo-apply:active{transform:translateY(1px)}
.twm-gva-demo .twm-gva-demo-apply>span{font-size:15px;line-height:1}
.twm-gva-demo .twm-gva-demo-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 15px 13px;min-height:26px}
.twm-gva-demo-editor-footer p{margin:0;font-size:10px;line-height:1.5;color:#6e7e76;max-width:75%}
.twm-gva-demo[data-state="applied"] .twm-gva-demo-editor-footer p{color:#32674a}
.twm-gva-demo .twm-gva-demo-editor-footer button{flex-shrink:0;padding:4px 0;background:none;border:0;border-bottom:1px solid #a5b4b0;border-radius:0!important;color:#425f61;font:inherit;font-size:9px;line-height:1.4;cursor:pointer}
.twm-gva-demo button:disabled{opacity:.45;cursor:default}
.twm-gva-demo :is(button,input):focus-visible{outline:2px solid #ac3d3d;outline-offset:3px}
.twm-gva-demo .twm-gva-demo-footnote{font-size:9px;color:#6a7873;text-align:center;margin:12px 0 0;line-height:1.5}
@media(min-width:981px){.twm_gva_lp .twm_gva_hero_grid{align-items:center}}
@media(max-width:980px) and (min-width:601px){.twm_gva_lp .twm-gva-demo{max-width:620px;margin:0 auto}.twm-gva-demo .twm-gva-demo-title{font-size:27px}.twm-gva-demo .twm-gva-demo-target{font-size:13px}}
@media(max-width:600px){.twm-gva-demo .twm-gva-demo-caption{gap:7px}.twm-gva-demo-caption strong{font-size:16px}.twm-gva-demo-caption>span{font-size:8px;padding:4px 6px}.twm-gva-demo-shop{padding:15px 13px 28px}.twm-gva-demo-product{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:13px}.twm-gva-demo .twm-gva-demo-title{font-size:21px}.twm-gva-demo-photo{min-height:217px}.twm-gva-demo-photo svg{height:200px}.twm-gva-demo-photo>span{display:none}.twm-gva-demo .twm-gva-demo-description{font-size:11px}.twm-gva-demo-category{font-size:7px;letter-spacing:.08em}.twm-gva-demo .twm-gva-demo-color{margin-bottom:30px}.twm-gva-demo .twm-gva-demo-editor{margin-left:7px;margin-right:7px}.twm-gva-demo-editor-header{padding:11px 12px}.twm-gva-demo-detected{margin-left:12px;margin-right:12px}.twm-gva-demo .twm-gva-demo-input-label{margin-left:12px;margin-right:12px}.twm-gva-demo-edit-row{margin-left:12px;margin-right:12px;flex-wrap:wrap}.twm-gva-demo input[data-demo-input]{font-size:16px;flex-basis:100%}.twm-gva-demo .twm-gva-demo-apply{width:100%;font-size:12px;min-height:43px}.twm-gva-demo .twm-gva-demo-editor-footer{margin-left:12px;margin-right:12px;min-height:35px}.twm-gva-demo .twm-gva-demo-editor-footer button{font-size:10px}.twm-gva-demo-steps{font-size:11px}.twm-gva-demo-steps li+li:before{margin-right:4px}.twm-gva-demo .twm-gva-demo-target{font-size:10px;min-height:44px}.twm-gva-demo-selection{font-size:7px}.twm-gva-demo .twm-gva-demo-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){.twm-gva-demo *{transition:none!important;animation:none!important}}