/* Jaetun listan ja jakopainikkeen tyylit; alkuperäisten tuotekorttien CSS säilyy. */
#vql-demo-ui .vql-demo-share-result { margin:16px 0 0; }
#vql-demo-ui .vql-demo-share-link { display:flex; align-items:stretch; flex-wrap:wrap; gap:10px; margin:8px 0 12px; }
#vql-demo-ui .vql-demo-share-link input { flex:1 1 220px; width:auto; margin:0; font-size:14px; font-weight:600; }
#vql-demo-ui .vql-demo-share-link button { flex:0 0 auto; }
#vql-demo-ui p.vql-demo-share-expiry { margin:0; font-size:13px; }
#vql-demo-ui #vql-demo-share-error { margin:12px 0 0; font-size:14px; }
.vql-shared-main { width:100%; margin:0; padding:0; background:#fff; }
.vql-shared-content { width:100%; padding:48px 4%; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-shared-panel { display:block; position:relative; inset:auto; width:1200px; max-width:100%; max-height:none; margin:0 auto; padding:24px 0; overflow:visible; background:#fff; box-shadow:none; }
#vql-demo-ui.vql-demo-shared-view h1 { margin:0 0 12px; padding:0; color:#000; font-family:"Raleway",sans-serif; font-size:40px; font-weight:900; line-height:1.15; letter-spacing:0; text-transform:uppercase; overflow-wrap:anywhere; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-head { margin-bottom:12px; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-products { gap:24px; margin:24px 0; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-products li { grid-template-columns:minmax(0,1fr) auto auto; gap:12px 24px; padding-bottom:0; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-quantity { grid-column:2; grid-row:1; padding:0; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-remove { grid-column:3; grid-row:1; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-fields { margin:0 0 24px; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-shared-notice { padding:12px 16px; background:#FFDB08; color:#000; }
@media (min-width:1201px) and (max-width:1366px) { #vql-demo-ui.vql-demo-shared-view h1 { font-size:36px; } }
@media (min-width:1025px) and (max-width:1200px) { #vql-demo-ui.vql-demo-shared-view h1 { font-size:34px; } }
@media (min-width:768px) and (max-width:1024px) { .vql-shared-content { padding:36px 4%; } #vql-demo-ui.vql-demo-shared-view h1 { font-size:32px; } #vql-demo-ui.vql-demo-shared-view .vql-demo-products li { gap:12px; } #vql-demo-ui.vql-demo-shared-view .vql-demo-quantity { flex-direction:column; align-items:flex-start; } }
@media (max-width:767px) { .vql-shared-content { padding:24px 4%; } #vql-demo-ui.vql-demo-shared-view h1 { font-size:28px; } #vql-demo-ui.vql-demo-shared-view .vql-demo-shared-panel { padding:16px 0; } #vql-demo-ui.vql-demo-shared-view .vql-demo-products li { grid-template-columns:minmax(0,1fr) auto; gap:12px; } #vql-demo-ui.vql-demo-shared-view .vql-demo-quantity { grid-column:1 / -1; grid-row:2; flex-direction:row; } #vql-demo-ui.vql-demo-shared-view .vql-demo-remove { grid-column:2; grid-row:1; } #vql-demo-ui .vql-demo-share-link input, #vql-demo-ui .vql-demo-share-link button { flex:1 1 100%; width:100%; } }

#vql-demo-ui.vql-demo-shared-view .vql-demo-fields label { font-family:"Raleway",sans-serif; font-size:16px; font-weight:800; line-height:1.2; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-fields input,#vql-demo-ui.vql-demo-shared-view .vql-demo-fields textarea { border:3px solid #000; border-radius:0; color:#000; background:#fff; font-family:"Raleway",sans-serif; font-size:15px; font-weight:600; line-height:1.3; padding:10px 16px; }

#vql-demo-ui.vql-demo-shared-view p { font-family:"Raleway",sans-serif; font-size:15px; font-weight:600; line-height:1.2; }
#vql-demo-ui.vql-demo-shared-view .vql-demo-fields input,#vql-demo-ui.vql-demo-shared-view .vql-demo-fields textarea { font-weight:800; }


#vql-demo-ui #vql-demo-share-message:empty { display:none; }

#vql-demo-ui .vql-demo-primary.vql-demo-browse,#vql-demo-ui .vql-demo-primary.vql-demo-browse:hover,#vql-demo-ui .vql-demo-primary.vql-demo-browse:focus { background:#000; color:#fff; border:0; }

/* Osioiden välit ovat 24 px; tuoterivin loppuun ei lisätä toista alaväliä. */
#vql-demo-ui .vql-demo-sharing { margin:0 0 24px; }
#vql-demo-ui .vql-demo-sharing > .vql-demo-primary { margin:0 0 16px; }
#vql-demo-ui .vql-demo-sharing > p { margin:0 0 12px; }
#vql-demo-ui .vql-demo-sharing > p:nth-of-type(2) { margin-bottom:0; }
#vql-demo-ui:not(.vql-demo-shared-view) .vql-demo-products { margin-bottom:24px; }
#vql-demo-ui .vql-demo-browse-actions { margin:0 0 24px; padding:0; }
#vql-demo-ui.vql-demo-shared-view #vql-demo-form { margin:0; }