*{box-sizing:border-box}body{margin:0;background:#fffdf9;color:#272723;font:400 16px/1.55 "DM Sans",Arial,sans-serif}a{color:#ef6b18;text-underline-offset:5px}button,input,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #dfc9b7;border-radius:13px;background:#fff8ef;color:#ef6b18;padding:10px 16px;font-style:italic;font-weight:650}button:hover{border-color:#ef6b18}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #ef6b18;outline-offset:3px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;background:white;border-bottom:2px solid #ef6b18}.demo-header img{display:block;object-fit:contain}.demo-header-actions{display:flex;align-items:center;gap:16px}.demo-header-actions span{color:#ef6b18;font-size:11px;letter-spacing:.08em}main{max-width:1120px;margin:auto;padding:36px 24px 140px}.demo-kicker{font-size:11px;letter-spacing:.16em;color:#ef6b18;font-weight:700}h1{font-size:48px;letter-spacing:-.04em;line-height:1.1;margin:8px 0}h1 span{color:#ef6b18}h1 em{font-size:25px;font-style:normal;border:1px solid #e7a77f;border-radius:12px;padding:4px 12px;vertical-align:middle;color:#ef6b18}h2{font-size:27px;line-height:1.25;letter-spacing:-.03em;margin:0 0 18px}h3{font-size:18px;line-height:1.4;margin:12px 0}.demo-note{font-size:13px;line-height:1.5;color:#6a6258}.demo-intro{max-width:730px;margin-bottom:30px}.demo-card{border:1px solid #e4d7ca;border-top:3px solid #ef6b18;border-radius:22px;padding:26px;background:linear-gradient(135deg,#fffaf2,#fffdf9);margin:18px 0}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.demo-number{background:white;border:1px solid #eddfd2;padding:18px;border-radius:16px;display:flex;flex-direction:column;min-width:0}.demo-number strong{font-size:25px;line-height:1.3;color:#ef6b18;overflow-wrap:anywhere}.demo-number span{font-size:12px;color:#6a6258}.demo-alert{padding:18px;border-left:3px solid #ef6b18;background:#fff0df;border-radius:14px;margin-top:20px}.demo-actions,.demo-guide{display:flex;gap:10px;flex-wrap:wrap}.demo-guide>button{flex:1 1 200px;text-align:left}.demo-primary{background:#ef6b18;color:#221b16;border-color:#ef6b18}.demo-card label{display:block;margin:18px 0;font-weight:600}.demo-card input:not([type=range]),textarea{width:100%;display:block;padding:12px;margin-top:8px;border:1px solid #d9c8b8;background:white;border-radius:12px;font-size:16px}.demo-card input[type=range]{display:block;width:100%;min-height:44px;accent-color:#ef6b18}.demo-log{border-top:1px solid #e4d7ca;padding-top:12px}.demo-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-products article{border:1px solid #e7d9cb;border-radius:18px;background:white;padding:16px;min-width:0}.demo-photo{padding:0;width:100%;border:0;background:white;display:block}.demo-photo img{width:100%;height:160px;object-fit:contain}.demo-products p{font-size:12px}.demo-cart-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #e5d8cb;padding:12px 0}.demo-cart-row strong{flex:1 1 200px}.demo-end{padding:25px 0;display:flex;flex-direction:column;gap:12px}#demo-status{color:#ef6b18;min-height:24px}#demo-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fffefb;border-top:1px solid #e8ddd2;padding:7px max(12px,calc((100% - 900px)/2)) calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #ef6b1808}#demo-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;min-height:86px;border:0;background:transparent;font-size:14px;line-height:1.2;color:#5a605b;padding:8px 4px 14px}#demo-nav svg{width:29px;height:29px}.psr-icon-accent{stroke:#ef6b18}#demo-nav [aria-current=page]{background:#fff0e6;color:#ef6b18}#demo-nav [aria-current=page]::after{content:"";position:absolute;bottom:5px;width:32px;height:4px;border-radius:3px;background:#ef6b18}.demo-dialog{width:min(720px,calc(100vw - 24px));max-height:92dvh;overflow:auto;border:1px solid #e1d0bf;border-top:4px solid #ef6b18;border-radius:20px;padding:24px;background:#fffaf3;color:#272723}.demo-dialog::backdrop{background:#201b16b8}.demo-dialog header{display:flex;gap:16px;align-items:center;justify-content:space-between}.demo-dialog img{display:block;width:100%;height:240px;object-fit:contain}.demo-actions [aria-pressed=true]{background:#ffe5d1;border-color:#ef6b18}@media(max-width:700px){.demo-header{position:sticky;top:0;z-index:60;padding:8px 12px}.demo-header img{width:118px;height:48px}.demo-header-actions{gap:6px;flex-direction:column;align-items:flex-end}.demo-header-actions span{font-size:9px}.demo-header-actions button{font-size:12px;padding:5px 10px;min-height:36px}main{padding:24px 16px 130px}h1{font-size:38px}h2{font-size:24px}.demo-card{padding:20px}.demo-metrics{grid-template-columns:1fr 1fr;gap:10px}.demo-number{padding:14px}.demo-number strong{font-size:23px}.demo-products{grid-template-columns:1fr}.demo-products article{display:grid;grid-template-columns:100px 1fr;gap:8px 14px}.demo-photo{grid-row:span 3}.demo-photo img{height:120px}.demo-products h3,.demo-products p{margin:0}.demo-products button:not(.demo-photo){font-size:13px}.demo-products h3{font-size:16px}#demo-nav{padding-inline:6px}#demo-nav button{font-size:11px;min-height:76px}#demo-nav svg{width:25px;height:25px}.demo-dialog{padding:18px}.demo-dialog h2{font-size:23px}}@media print{body>*:not(.demo-print){display:none!important}.demo-print[open]{display:block;position:static;width:100%;max-height:none;border:0;overflow:visible}.demo-print button{display:none}.demo-print::backdrop{background:white}}.demo-context{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px 24px;padding:12px 24px;background:#f7f5f1;border-bottom:1px solid #e6ddd4;font-size:14px}.demo-context>span{margin-right:auto;font-weight:700}.demo-context a{min-height:36px;display:flex;align-items:center}@media(max-width:700px){.demo-context{padding:10px 16px;gap:8px 18px;font-size:12px}.demo-context>span{flex-basis:100%}}