/* Quvelio Stage 4: non-commerce demo storefront, visibly marked on every demo view */
.qv4-demo-notice{background:#fff3d7;color:#563a10;border-bottom:1px solid #ecd8ad;font-size:13px}
.qv4-demo-notice .wrap{padding:14px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.qv4-demo-notice strong{font-size:11px;letter-spacing:1.1px;background:#563a10;color:#fff;padding:7px 10px;border-radius:5px}
.qv4-home-demo-caption{font-size:13px;line-height:1.55;color:#6b7483;margin:0 0 18px}
.qv4-demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.qv4-demo-card{border:1px solid #e7e9ed;background:#fff;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 22px rgba(16,31,51,.025);transition:box-shadow .18s ease,transform .18s ease}
.qv4-demo-card:hover{box-shadow:0 16px 34px rgba(16,31,51,.11);transform:translateY(-2px)}
.qv4-demo-art{background:#edf1f6;height:240px;display:block;position:relative;overflow:hidden}
.qv4-demo-art img{width:100%;height:100%;object-fit:contain;display:block;padding:10px}
.qv4-demo-pill{display:inline-flex;border-radius:6px;background:#fff0c2;color:#765118;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.55px;text-transform:uppercase;padding:7px 9px;border:1px solid #f1dc9f}
.qv4-demo-art .qv4-demo-pill{position:absolute;left:12px;top:12px}
.qv4-demo-pill.inline{margin-bottom:12px}
.qv4-demo-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:20px;gap:9px}
.qv4-demo-content small{text-transform:uppercase;color:#7b8491;letter-spacing:1.1px;font-size:10px;font-weight:750}
.qv4-demo-content h3{font-size:18px;font-weight:800;line-height:1.24;letter-spacing:-.4px;margin:0}
.qv4-demo-content h3 a{text-decoration:none;color:#1a2230}
.qv4-demo-content>p{font-size:13px;color:#67727d;margin:0 0 3px}
.qv4-demo-price{display:flex;flex-direction:column;gap:3px;margin-top:auto}
.qv4-demo-price span{font-size:11px;color:#687381}
.qv4-demo-price strong{font-size:21px;font-weight:850;letter-spacing:-.4px;color:#161b23}
.qv4-demo-unavailable{font-size:12px;color:#925d1c;font-weight:750}
.qv4-demo-unavailable span{font-size:8px;margin-right:6px;vertical-align:2px}
.qv4-demo-button{border:1px solid #d6dce4;border-radius:8px;display:block;text-decoration:none;color:#263142;background:#f9fafc;text-align:center;width:100%;font-size:12px;font-weight:700;padding:12px;margin-top:5px}
.qv4-demo-button:hover{border-color:#aab8c9;background:#f0f3f8}
.qv4-category-art{opacity:.88}
.qv4-detail-shell{padding-top:32px;padding-bottom:92px}
.qv4-demo-back{display:inline-flex;align-items:center;color:#5a6575;text-decoration:none;margin:0 0 30px;font-size:13px;font-weight:650}
.qv4-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:5%;align-items:start}
.qv4-detail-art{background:#edf1f6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;text-align:center}
.qv4-detail-art img{width:100%;height:540px;object-fit:contain;padding:30px}
.qv4-detail-art>div{background:#e6ebf2;color:#717e91;font-size:12px;padding:12px}
.qv4-detail-info{padding-top:18px}
.qv4-detail-info h1{font-size:clamp(30px,3.3vw,51px);letter-spacing:-1.3px;line-height:1.09;margin:8px 0 12px;color:#111721}
.qv4-detail-category{text-transform:uppercase;color:#788395;font-size:11px;letter-spacing:1px;font-weight:750}
.qv4-detail-config{color:#687587;font-size:16px}
.qv4-detail-price-label{font-size:13px;color:#6a7482;margin:28px 0 3px}
.qv4-detail-price{font-size:34px;font-weight:850;letter-spacing:-.8px}
.qv4-detail-warning{border:1px solid #f2d7aa;background:#fff6e5;border-radius:11px;padding:17px;margin:22px 0}
.qv4-detail-warning strong{font-size:14px;color:#72470c}
.qv4-detail-warning p{margin:7px 0 0;font-size:13px;line-height:1.55;color:#865d23}
.qv4-demo-variants{margin:24px 0}.qv4-demo-variants>strong{display:block;margin-bottom:12px;font-size:13px}
.qv4-demo-variants>div{display:flex;gap:8px;flex-wrap:wrap}
.qv4-demo-variants a{border:1px solid #d6dce5;border-radius:8px;text-decoration:none;padding:11px 14px;font-size:12px;color:#202939}
.qv4-demo-variants a.is-active{border-color:#202939;background:#202939;color:#fff}
.qv4-demo-disabled{width:100%;cursor:not-allowed;border:0;background:#c9cfd7;color:#4b5564;padding:17px 16px;border-radius:10px;font-weight:800;opacity:1}
.qv4-detail-disclaimer{font-size:12px;line-height:1.7;color:#737e8c;margin-top:19px}
@media(max-width:1050px){.qv4-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qv4-detail-grid{grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.qv4-detail-art img{height:400px}}
@media(max-width:740px){.qv4-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.qv4-demo-art{height:165px}.qv4-demo-content{padding:13px;gap:7px}.qv4-demo-content h3{font-size:15px}.qv4-demo-price strong{font-size:19px}.qv4-detail-grid{grid-template-columns:1fr;gap:20px}.qv4-detail-art img{height:320px}.qv4-demo-notice .wrap{gap:8px;padding:11px 0}.qv4-demo-notice strong{font-size:10px}.qv4-demo-notice span{font-size:12px}}

/* Quvelio Stage 5: demo-only gallery and responsive cards; no cart/payment rules. */
.qv5-card .qv4-demo-art{height:220px;background:#f0f4f8}
.qv5-card .qv4-demo-art img{padding:16px;transition:transform .2s ease}
.qv5-card:hover .qv4-demo-art img{transform:scale(1.04)}
.qv5-card .qv4-demo-content{min-height:240px}
.qv5-card .qv4-demo-content h3{font-size:17px}
.qv5-card .qv4-demo-price{margin-top:auto}
.qv5-card-configuration{line-height:1.4}
.qv5-card-variant-badge{font-size:11px;color:#536377;background:#edf2f8;border:1px solid #dce4ef;border-radius:50px;padding:5px 9px}
.qv5-gallery{min-width:0}
.qv5-gallery-main{background:#edf1f6;border:1px solid #e5eaf1;border-radius:19px;overflow:hidden;position:relative;aspect-ratio:4/3;display:grid;place-items:center}
.qv5-gallery-main>img{display:block;width:100%;height:100%;object-fit:contain;padding:26px}
.qv5-gallery-zoom{position:absolute;right:16px;bottom:16px;width:45px;height:45px;border:1px solid #d6dfea;border-radius:12px;background:rgba(255,255,255,.95);cursor:zoom-in;font-size:24px;color:#1a2638;box-shadow:0 5px 16px rgba(0,0,0,.08)}
.qv5-gallery-zoom:hover{background:white;border-color:#7087aa}
.qv5-gallery-thumbs{display:flex;gap:10px;justify-content:start;margin-top:12px;flex-wrap:wrap}
.qv5-gallery-thumb{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1.5px solid #e0e5ec;border-radius:12px;cursor:pointer;padding:7px 9px 9px;min-width:108px;color:#596576}
.qv5-gallery-thumb img{width:92px;height:68px;object-fit:contain}
.qv5-gallery-thumb span{font-size:11px;line-height:1.2}
.qv5-gallery-thumb.is-current{border-color:#24354f;box-shadow:0 0 0 1px #24354f;color:#152137}
.qv5-gallery-thumb:focus-visible,.qv5-gallery-zoom:focus-visible{outline:3px solid #557fc6;outline-offset:2px}
.qv5-gallery-note{color:#7e8898;font-size:12px;line-height:1.4;margin:12px 0 0}
.qv5-gallery-dialog{border:0;border-radius:18px;padding:20px;max-width:min(92vw,970px);width:100%;background:#fff;position:fixed;box-shadow:0 22px 80px rgba(2,12,29,.28)}
.qv5-gallery-dialog::backdrop{background:rgba(8,16,31,.72)}
.qv5-gallery-dialog img{display:block;width:100%;height:min(68vh,660px);object-fit:contain;background:#edf1f6;border-radius:12px}
.qv5-gallery-dialog p{font-size:12px;text-align:center;color:#758196;margin:12px auto 0}
.qv5-dialog-close{position:absolute;right:30px;top:30px;width:40px;height:40px;line-height:36px;border-radius:50%;border:1px solid #dfe3e9;background:#fff;cursor:pointer;font-size:27px;z-index:2}
.qv5-specs{margin-top:62px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:18px;padding:30px 32px}
.qv5-specs-heading h2{font-size:26px;margin:0 0 8px;color:#121b2b;letter-spacing:-.5px}
.qv5-specs-heading p{font-size:13px;color:#748092;line-height:1.6;margin:0 0 22px;max-width:700px}
.qv5-specs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.qv5-specs-list>div{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:12px;border-bottom:1px solid #dfe6ee;padding:16px 0}
.qv5-specs-list dt{font-size:12px;color:#727e90}
.qv5-specs-list dd{font-size:13px;font-weight:700;color:#26354b;margin:0;overflow-wrap:anywhere}
@media(min-width:741px) and (max-width:1120px){.qv4-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.qv5-specs-list{grid-template-columns:1fr}.qv5-card .qv4-demo-art{height:195px}}
@media(max-width:740px){.qv4-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qv5-card .qv4-demo-art{height:170px}.qv5-card .qv4-demo-content{min-height:232px}.qv5-gallery-main{aspect-ratio:4/3}.qv5-gallery-main>img{padding:13px}.qv5-gallery-thumbs{justify-content:center}.qv5-gallery-thumb{min-width:90px;padding:5px}.qv5-gallery-thumb img{width:78px;height:57px}.qv5-gallery-thumb span{font-size:10px}.qv5-specs{margin-top:38px;padding:20px}.qv5-specs-heading h2{font-size:22px}}
@media(max-width:410px){.qv4-demo-grid{grid-template-columns:1fr}.qv5-card .qv4-demo-art{height:240px}.qv5-card .qv4-demo-content{min-height:auto}.qv5-specs-list>div{grid-template-columns:1fr;gap:4px}.qv5-gallery-thumb{min-width:80px}}