/* Ecommerce uses the same layered composition and playback controls as the website agent. */
.kec-demo .kah-site{background:#fcfaf5;color:#493f34}
.kec-demo .ka-browser{background:#f3f1eb;border-color:#e1dbd0}
.kec-demo .kah-draft{background:#eee6d8;border-color:#ded2bd;color:#705639;font-size:7px}
.kec-store-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 24px}
.kec-store-nav>strong{font:32px/.85 Georgia,serif;letter-spacing:-1.8px;color:#504533;font-weight:400}
.kec-store-nav>strong>span{display:block;font:6px/1.4 "Instrument Sans",sans-serif;letter-spacing:1.6px;margin-top:6px}
.kec-store-nav>span{font-size:8px;color:#70685a}
.kec-store-intro{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:110px;background:#f0e9dc;overflow:hidden}
.kec-store-intro>div{position:relative;z-index:1;padding:12px 24px}
.kec-store-intro>div>span{font-size:7px;letter-spacing:.14em;color:#80735f}
.ka-scope .kec-store-intro p{font:27px/1.05 Georgia,serif;color:#4b422f;letter-spacing:-1.1px;margin:9px 0 0}
.kec-demo .kec-store-intro>img{position:absolute;right:0;top:0;width:55%;height:100%;object-fit:cover;object-position:85% 56%;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.kec-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 24px 11px}
.kec-collection-heading>strong{font:20px/1.2 Georgia,serif;font-weight:400;color:#594b36;letter-spacing:-.5px}
.kec-collection-heading>span{font-size:8px;color:#8b7b63}
.kec-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0 24px}
.kec-product{position:relative;min-width:0}
.kec-product-slot{position:absolute;inset:0 0 44px;border:1px dashed #d6d0c2;border-radius:3px;background:#f6f2e9;opacity:0;transition:opacity .5s ease}
.kec-product-slot:before{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:20px/1 "Instrument Sans",sans-serif;color:#c4bcac}
.kec-product-content{position:relative;opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}
.kec-product-photo{height:clamp(90px,10vw,145px);overflow:hidden;border-radius:3px;background:#eee8dd}
.kec-demo .kec-product-photo>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .85s ease}
.kec-product-info{padding:9px 0 0;min-height:44px}
.kec-product-info>span{display:block;font-size:7px;letter-spacing:.04em;color:#8e806b;margin-bottom:3px}
.kec-product-info>div{display:flex;justify-content:space-between;gap:4px;font-size:10px;line-height:1.3;color:#5f523f}
.kec-product-info strong{font-weight:550;min-width:0}
.kec-product-info b{font-weight:500;white-space:nowrap}
.kec-store-footer{display:flex;justify-content:space-between;gap:20px;min-height:101px;padding:17px 24px 40px;color:#8a7a62;font-size:8px;line-height:1.6}
.kec-store-footer>span:first-child{max-width:39%}
.kec-store-footer>span:last-child{text-align:right}
.kec-demo .kah-build-progress{background:#e9e1d1}
.kec-demo .kah-build-progress>span{background:#9a9d72}
.kec-demo .kec-chat{width:385px;max-width:89%;margin-top:-92px;overflow:visible}
.kec-demo .kah-chat-header{border-radius:16px 16px 0 0}
.kec-demo .kah-chat-footer{border-radius:0 0 16px 16px}
.kec-demo .kah-human{margin-left:28px}
.kec-demo .kah-human p{min-height:19px;font-size:13px}
.kec-attachment-slot{position:relative;margin-top:9px;min-height:39px}
.kec-attachment{display:flex;align-items:center;gap:8px;min-height:39px;padding:7px 8px;background:#fff;border:1px solid #d2dfd7;border-radius:6px;transition:opacity .25s ease}
.kec-sheet-icon{display:flex;align-items:center;justify-content:center;width:24px;height:27px;flex:0 0 24px;background:#33734f;border-radius:3px;font:650 13px/1 "Instrument Sans",sans-serif;color:white}
.kec-attachment>div{min-width:0;flex:1}
.kec-attachment strong{display:block;font-size:10px;line-height:1.3;color:#385444;font-weight:600}
.kec-attachment>div>span{display:block;font-size:7px;color:#6d7f73;line-height:1.3;margin-top:3px}
.kec-file-check{font-size:11px;color:#538065}
.kec-file-flight{position:absolute;left:0;top:0;z-index:4;width:246px;max-width:100%;padding:11px;background:#fff;border:1px solid #cedbcb;border-radius:9px;box-shadow:0 14px 26px #25432b2b;opacity:0;visibility:hidden;transform-origin:50% 50%;pointer-events:none}
.kec-file-title{display:flex;gap:7px;align-items:center;font-size:10px;color:#3c5747}
.kec-file-title>strong{font-weight:650}
.kec-file-title>span:last-child{margin-left:auto;font-size:14px;color:#6e8f76}
.kec-sheet-preview{margin-top:10px;border:1px solid #dce5d8;border-radius:3px;overflow:hidden}
.kec-sheet-preview>div{display:grid;grid-template-columns:1fr 52px;background:white;font-size:8px;line-height:1.3}
.kec-sheet-preview>div:first-child{background:#edf3e8;color:#6c8466;font-size:6px;letter-spacing:.09em}
.kec-sheet-preview>div+div{border-top:1px solid #e4eade}
.kec-sheet-preview span{padding:5px 6px}
.kec-sheet-preview span+span{border-left:1px solid #e4eade}
.kec-file-hint{display:block;text-align:center;font-size:7px;color:#76906c;margin-top:7px}
.kec-demo .kah-agent-reply{min-height:62px}
.kec-demo .kah-agent-reply p{min-height:36px}
.kec-demo[data-phase="request"] .kah-agent-reply p{opacity:0}
.kec-demo:is([data-phase="request"],[data-phase="ask"],[data-phase="upload"]) .kec-attachment{opacity:0}
.kec-demo[data-scene="empty"] .kec-product-content,.kec-demo[data-scene="one"] .kec-product:nth-child(n+2) .kec-product-content,.kec-demo[data-scene="two"] .kec-product:nth-child(3) .kec-product-content{opacity:0;transform:translateY(10px)}
.kec-demo[data-scene="empty"] .kec-product-slot,.kec-demo[data-scene="one"] .kec-product:nth-child(n+2) .kec-product-slot,.kec-demo[data-scene="two"] .kec-product:nth-child(3) .kec-product-slot{opacity:1}
.kec-demo[data-scene="empty"] .kec-product-photo>img{transform:scale(1.04)}
.kec-demo[data-playback="paused"] .kec-file-flight{filter:none}
@media(max-width:1100px) and (min-width:768px){
  .kec-store-nav{padding:20px 17px}.kec-store-nav>strong{font-size:31px}.kec-store-nav>span{font-size:7px}
  .kec-store-intro>div{padding-left:17px}.ka-scope .kec-store-intro p{font-size:25px}
  .kec-products{gap:8px;padding-inline:17px}.kec-collection-heading{padding-inline:17px}
  .kec-product-info>div{display:block;font-size:9px}.kec-product-info b{display:block;margin-top:3px}
  .kec-demo .kec-chat{max-width:95%;margin-top:-72px}.kec-store-footer{padding-inline:17px;min-height:104px}
  .kec-store-footer>span:first-child{max-width:53%}
}
@media(max-width:767px){
  .kec-store-nav{padding:20px 17px}.kec-store-nav>strong{font-size:32px}.kec-store-nav>span{font-size:7px}
  .kec-store-nav>strong>span{font-size:5px;letter-spacing:1.1px}
  .kec-store-intro{min-height:125px}.kec-store-intro>div{padding-left:18px}.kec-store-intro>div>span{font-size:6px}
  .ka-scope .kec-store-intro p{font-size:26px;letter-spacing:-.8px}
  .kec-collection-heading{padding:20px 16px 13px}.kec-collection-heading>strong{font-size:19px}
  .kec-products{padding-inline:16px;gap:8px}.kec-product-info>div{display:block;font-size:9px}
  .kec-product-info b{display:block;margin-top:3px}.kec-product-info>span{font-size:6px}
  .kec-store-footer{padding:18px 17px 39px;min-height:87px}.kec-store-footer>span:first-child{max-width:63%}
  .kec-demo .kec-chat{width:385px;max-width:calc(100% - 10px);margin-top:-29px;margin-right:-3px}
  .kec-demo .kah-human{margin-left:23px}.kec-demo .kah-human p{font-size:12px;min-height:18px}
  .kec-attachment{gap:6px;padding-inline:6px}.kec-attachment>div>span{font-size:6px}
  .kec-demo .kah-agent-reply{min-height:64px}.kec-demo .kah-agent-reply p{min-height:36px}
  .kec-demo .kah-playback{gap:4px}.kec-demo .kah-step{font-size:8px}
}