/* Only migrated card product content uses these rules. */
.cards-page{width:100%;min-width:0;margin:0 0 32px;padding:24px 0 0;background:#f3f4f6;color:#374151;font:400 16px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left}
.cards-page *{box-sizing:border-box}
.cards-page h1,.cards-page h2,.cards-page h3,.cards-page p{padding:0;letter-spacing:normal}
.cards-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:32px;row-gap:24px;padding:24px;background:#fff;border:0 solid #f3f4f6;border-left-width:32px;border-right-width:32px}
.cards-gallery{grid-column:1;grid-row:1;min-width:0}
.cards-hero{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
.cards-configurator{grid-column:2;grid-row:1 / span 2;min-width:0}
.cards-styles{grid-column:1;grid-row:2;align-self:start;min-width:0}
.cards-page h1{font-size:36px;line-height:40px;font-weight:600;color:#3583c1;margin:0 0 16px}
.cards-page h2{font-size:20px;line-height:28px;font-weight:600;color:#1f2937;margin:0 0 20px}
.cards-copy{color:#4b5563;line-height:28px;font-weight:400}
.cards-copy p{margin:0 0 12px;font:inherit;color:inherit}
.cards-copy strong,.cards-tab-copy strong{font-weight:700}
.cards-price-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;border-block:1px solid #e5e7eb;padding:16px 0;margin:24px 0;font-size:14px;color:#6b7280}
.cards-price-summary>div{text-align:right;flex-shrink:0}
#cards-summary-price{font-size:44px;line-height:1.15;font-weight:700;color:#3583c1}
.cards-price-summary small{display:block;font-size:12px;font-weight:400}
.cards-styles h2{font-size:16px;font-weight:700;text-transform:uppercase;color:#475569;margin:0 0 12px}
.cards-cross-sells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cards-cross-sells>a{display:flex;min-width:0;height:105px;border:1px solid #e5e7eb;background:#fff;color:#111827;text-decoration:none;font-weight:400;overflow:hidden}
.cards-cross-sells img{width:40%;height:100%;object-fit:cover;flex-shrink:0}
.cards-style-copy{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px;flex:1;min-width:0}
.cards-style-title{font-size:14px;line-height:20px;font-weight:600}
.cards-style-price{font-size:12px;line-height:20px;font-weight:400}
.cards-style-price [data-style-price]{font-size:20px;font-weight:600;color:#3583c1}
.cards-style-price small{display:block;font-size:9px;line-height:12px;color:#64748b}
.cards-cross-sells>a[aria-current=page] .cards-style-copy{background:#5caedb;color:#fff}
.cards-cross-sells>a[aria-current=page] [data-style-price],.cards-cross-sells>a[aria-current=page] small{color:#fff}
.cards-cross-sells>a[aria-current=page] .cards-style-copy:after{content:'\2713';position:absolute;bottom:4px;right:8px;font-size:16px}
.cards-cross-sells>a:hover{border-color:#3583c1}
.cards-page a:focus-visible,.cards-page button:focus-visible,.cards-page select:focus-visible,.cards-page [tabindex]:focus-visible{outline:3px solid #e5a128;outline-offset:3px}
#cards-options{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 24px}
.cards-option{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;min-width:0}
#cards-options label{display:block;margin:0;color:#374151;font-size:15px;line-height:20px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
#cards-options select{display:block;width:100%;height:48px;margin:0;border:1px solid #d1d5db;border-radius:0;background:#f3f4f6;color:#374151;padding:0 12px;font-family:inherit;font-size:16px;font-weight:400;box-shadow:none}
.cards-page .cards-price-note{font-size:12px;line-height:18px;font-weight:400;color:#6b7280;margin:12px 0}
.cards-table-scroll{max-height:520px;overflow:auto;border-bottom:1px solid #d1d5db}
.cards-page .cards-table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0;text-align:center;background:#fff;font-family:inherit;font-size:16px;line-height:24px;font-weight:400;color:#374151;margin:0}
.cards-table th,.cards-table td{padding:0;border:0 solid #d1d5db;border-right-width:1px;border-bottom-width:1px;vertical-align:middle;font-weight:400}
.cards-table tr>:first-child{border-left-width:1px;width:18%}
.cards-table thead th{position:sticky;top:0;z-index:1;height:72px;padding:12px 8px;background:#3583c1;color:#fff;font-size:14px;font-weight:600;border-top-width:1px;line-height:20px}
.cards-table thead th:first-child{color:#374151;background:#f3f4f6}
.cards-table thead small{display:block;font-size:11px;font-weight:400;letter-spacing:.04em}
.cards-table tbody th{font-weight:400;background:#fff}
.cards-page .cards-price{display:flex;justify-content:center;align-items:center;min-height:64px;padding:12px 6px;font-size:16px;line-height:24px;font-weight:400;color:#374151;text-decoration:none;background:transparent;white-space:nowrap}
.cards-table .cards-axis{background:#d8edf9}
.cards-page .cards-price[aria-current=true],.cards-page .cards-price:hover{background:#3583c1;color:#fff}
.cards-vat-row{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:16px 0 20px;font-size:14px;font-weight:400}
.cards-page .cards-vat{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0;cursor:pointer;color:#374151;font-size:14px;font-weight:400;line-height:24px}
.cards-vat input{position:absolute;width:1px;height:1px;opacity:0}
.cards-switch-track{display:inline-block;position:relative;width:46px;height:26px;border-radius:13px;background:#9ca3af;border:1px solid #6b7280;transition:background .15s}
.cards-switch-track:before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s}
.cards-vat input:checked+.cards-switch-track{background:#3583c1;border-color:#3583c1}
.cards-vat input:checked+.cards-switch-track:before{transform:translateX(20px)}
.cards-vat input:focus-visible+.cards-switch-track{outline:3px solid #e5a128;outline-offset:3px}
#cards-vat-note{font-size:13px;font-weight:400;color:#3583c1;text-align:right}
.cards-page .cards-basket{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;width:100%;background:#16a34a;color:#fff;border-radius:5px;text-decoration:none;font-size:18px;font-weight:400}
.cards-basket:hover{background:#15803d}.cards-basket strong{font-weight:700}.cards-basket small{font-size:12px;font-weight:400}
.cards-configurator>p{font-size:14px;line-height:22px;font-weight:400;margin:16px 0;color:#6b7280}
.cards-configurator>p a,.cards-tab-copy a{color:#3583c1}
#cards-status{padding:12px;border:1px solid #e2b84d;background:#fff9e8}
.cards-details{margin-top:32px;background:#f9fafb}
.cards-tab-bar{background:#3583c1;width:100%}
.cards-tab-list{display:flex;max-width:1280px;margin:0 auto;padding:0 32px;overflow-x:auto;gap:0}
.cards-tab-list button{appearance:none;flex-shrink:0;margin:0;padding:12px 16px;border:0;border-bottom:4px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:#fff;font-family:inherit;font-size:14px;line-height:20px;font-weight:400;cursor:pointer;white-space:nowrap;text-transform:none}
.cards-tab-list button[aria-selected=true]{background:#ffffff26;border-bottom-color:#fff}
.cards-tab-list button:hover{background:#ffffff1a}.cards-tab-list button:disabled{background:transparent;color:#ffffff73;cursor:not-allowed}
.cards-panels{max-width:1280px;margin:0 auto;padding:24px 32px}
.cards-panel{border:1px solid #e5e7eb;border-radius:8px;padding:24px;background:#fff;box-shadow:0 1px 2px #0000000d}
.cards-panel>h3{font-size:20px;line-height:28px;font-weight:600;color:#111827;margin:0 0 16px}
.cards-tab-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.cards-tab-with-image{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.cards-tab-copy{font-size:16px;line-height:24px;font-weight:400;color:#374151;min-width:0}
.cards-tab-copy p{font:inherit;color:inherit;margin:0}
.cards-page .cards-tip{background:#eaf5fc;border:0;outline:0;padding:16px;margin:16px 0}
.cards-tab-copy h3{font-size:20px;line-height:28px;font-weight:600;margin:20px 0 12px;color:#111827}
.cards-tab-copy h3:first-child{margin-top:0}.cards-tab-copy ul,.cards-tab-copy ol{padding-left:24px;margin:12px 0}
.cards-tab-copy details{border:1px solid #e5e7eb;border-radius:6px;margin:12px 0;padding:12px 16px}.cards-tab-copy summary{cursor:pointer;font-weight:600}
.cards-tab-image{display:block;max-width:100%;width:100%;height:auto;border:1px solid #e5e7eb;border-radius:6px}
.cards-tab-copy .cards-empty-tab{font-size:14px;color:#4b5563}.cards-page [hidden]{display:none!important}
@media(max-width:1100px){.cards-option{grid-template-columns:minmax(0,1fr);gap:8px}}
@media(max-width:1023px){.cards-tab-with-image{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
 .cards-page{padding-top:12px}.cards-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:24px;padding:16px;border-left-width:0;border-right-width:0}
 .cards-gallery,.cards-configurator,.cards-styles{grid-column:1;grid-row:auto}.cards-gallery{order:0}.cards-configurator{order:1}.cards-styles{order:2}
 .cards-page h1{font-size:30px;line-height:36px}.cards-hero{max-height:520px}.cards-price-summary{font-size:12px}#cards-summary-price{font-size:36px}
 #cards-options{gap:16px 12px}#cards-options label{font-size:13px}#cards-options select{font-size:14px;padding:0 8px}
 .cards-style-copy{padding:8px}.cards-style-title{font-size:12px;line-height:18px}.cards-style-price [data-style-price]{font-size:18px}
 .cards-table thead th{padding:8px 4px;font-size:12px;line-height:18px}.cards-table thead small{font-size:10px}.cards-page .cards-price{font-size:14px;padding:12px 2px}
 .cards-vat-row{gap:8px}.cards-vat-row #cards-vat-note{font-size:12px}
 .cards-tab-list{padding:0 16px}.cards-tab-list button{padding:12px}
 .cards-panels{padding:20px 16px}.cards-panel{padding:16px}.cards-tab-copy>div[style]{display:block!important}
}