/**
 * Veloce Studio — stylesheet chính của theme.
 *
 * File này chứa toàn bộ CSS component (các class vl-*) của theme, tách riêng
 * khỏi theme.json để dễ đọc, dễ debug và có lịch sử thay đổi (git diff) rõ ràng.
 *
 * theme.json chỉ còn giữ phần "settings" (design token: màu, font, spacing,
 * shadow, radius) và các style áp cho block core (heading, button, nav...)
 * qua "styles.elements" / "styles.blocks" — đó là đúng việc theme.json nên làm.
 *
 * File này được nạp qua wp_enqueue_style() trong inc/enqueue-styles.php,
 * xem hướng dẫn cài đặt đi kèm.
 *
 * Các biến CSS var(--wp--preset--...) bên dưới vẫn hoạt động bình thường,
 * vì chúng do theme.json sinh ra và có sẵn trên toàn trang, không phụ
 * thuộc vào việc CSS nằm trong theme.json hay file riêng.
 *
 * @package veloce
 */

html{scroll-behavior:smooth}
body{overscroll-behavior:none}
.wp-element-button,.wp-block-button__link{transition:all var(--wp--custom--transition)}
.wp-element-button:active,.wp-block-button__link:active{transform:scale(.98)}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){background:var(--wp--preset--color--surface-container-lowest);color:var(--wp--preset--color--on-surface);border:1px solid var(--wp--preset--color--outline-variant);box-shadow:var(--wp--preset--shadow--sm)}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover{background:var(--wp--preset--color--surface-container-low)}
.vl-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:40;background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 90%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--wp--preset--shadow--header)}
.vl-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--wp--custom--radius--full);background:var(--wp--preset--color--secondary-container);color:var(--wp--preset--color--on-secondary-container);font-size:var(--wp--preset--font-size--label-sm);font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}
.vl-badge--indigo{background:var(--wp--preset--color--primary-fixed);color:var(--wp--preset--color--primary)}
.vl-card{background:var(--wp--preset--color--surface-container-lowest);border:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 50%,transparent);border-radius:var(--wp--custom--radius--card);box-shadow:var(--wp--preset--shadow--sm);transition:box-shadow var(--wp--custom--transition)}
.vl-card:hover{box-shadow:var(--wp--preset--shadow--lg)}
.vl-panel{border-radius:var(--wp--custom--radius--panel);box-shadow:var(--wp--preset--shadow--xl)}
.vl-promo{padding-top:.5rem;padding-bottom:.5rem}
.vl-promo p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vl-promo strong:first-of-type{color:var(--wp--preset--color--secondary-container);letter-spacing:.06em;text-transform:uppercase}
.vl-promo strong:last-of-type{color:var(--wp--preset--color--primary-fixed-dim)}
.vl-promo .wp-block-button__link{padding:.125rem .75rem;border-radius:var(--wp--custom--radius--full);box-shadow:none;font-size:var(--wp--preset--font-size--label-md)}
.vl-header-main{padding-top:.75rem;padding-bottom:.75rem}
.vl-logo-text .wp-block-site-title{margin:0;line-height:1}
.vl-logo-sub{margin:0;color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--label-sm);font-weight:600;letter-spacing:.2em;line-height:1;text-transform:uppercase}
.vl-nav .wp-block-navigation-item__content{padding:.5rem .75rem;border-radius:var(--wp--custom--radius--lg);transition:background var(--wp--custom--transition),color var(--wp--custom--transition)}
.vl-nav .wp-block-navigation-item__content:hover{background:var(--wp--preset--color--surface-container-low)}
.vl-nav .wp-block-navigation-item__description{display:block;margin-top:.125rem;font-size:var(--wp--preset--font-size--label-md);font-weight:400;color:var(--wp--preset--color--on-surface-variant)}
.vl-hot>.wp-block-navigation-item__content::after{content:'HOT';margin-left:.375rem;padding:.125rem .375rem;border-radius:9999px;background:var(--wp--preset--color--secondary-container);color:var(--wp--preset--color--on-secondary-container);font-size:.5625rem;font-weight:700;letter-spacing:.04em;vertical-align:middle}
@media (min-width:600px){.vl-nav .wp-block-navigation__submenu-container{min-width:18rem;padding:.5rem;background:var(--wp--preset--color--surface-container-lowest);border:1px solid var(--wp--preset--color--outline-variant);border-radius:var(--wp--custom--radius--xl);box-shadow:var(--wp--preset--shadow--xl)}}
.vl-search .wp-block-search__inside-wrapper{padding:.125rem .5rem;background:var(--wp--preset--color--surface-container-low);border:1px solid transparent;border-radius:var(--wp--custom--radius--lg)}
.vl-search .wp-block-search__input{padding:.375rem .5rem;border:0;background:transparent;font-size:var(--wp--preset--font-size--body-sm)}
.vl-search .wp-block-search__button{padding:.25rem;background:transparent;color:var(--wp--preset--color--on-surface-variant);box-shadow:none}
.vl-header .wc-block-mini-cart__button{padding:.5rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-low)}
.vl-header .wc-block-mini-cart__badge{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--on-primary)}
.vl-btn-glow .wp-block-button__link{box-shadow:var(--wp--preset--shadow--brand)}
@media (max-width:1023px){.vl-hide-below-lg{display:none!important}}
@media (max-width:767px){.vl-hide-below-md{display:none!important}}
.vl-strip{padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--surface-container-high) 60%,transparent)}
.vl-strip p{margin:0}
.vl-strip__label{color:var(--wp--preset--color--on-surface-variant);font-weight:600;letter-spacing:.08em}
.vl-strip__label strong{color:var(--wp--preset--color--secondary);font-weight:700}
.vl-strip__label strong::before{content:'';display:inline-block;width:.5rem;height:.5rem;margin-right:.375rem;border-radius:9999px;background:var(--wp--preset--color--secondary)}
.vl-strip .vl-pills{gap:.375rem}
.vl-pills .wp-block-button__link{padding:.25rem .75rem;border-radius:9999px;background:var(--wp--preset--color--surface-container);color:var(--wp--preset--color--on-surface-variant);box-shadow:none;font-size:var(--wp--preset--font-size--label-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.vl-pills .wp-block-button__link:hover{background:var(--wp--preset--color--surface-container-high);color:var(--wp--preset--color--on-surface)}
.vl-pills .is-active .wp-block-button__link{background:var(--wp--preset--color--primary-fixed);color:var(--wp--preset--color--primary)}
@media (max-width:767px){.vl-strip .vl-pills{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.vl-pills .wp-block-button{white-space:nowrap}}
.vl-hero{overflow:hidden;background-image:radial-gradient(60rem 28rem at 50% -8rem,color-mix(in srgb,var(--wp--preset--color--primary-container) 10%,transparent),transparent 70%),radial-gradient(26rem 26rem at -4rem 35%,color-mix(in srgb,var(--wp--preset--color--secondary-container) 16%,transparent),transparent 70%)}
.vl-hero .vl-overline{display:flex;align-items:center;gap:.5rem;width:fit-content;max-width:100%;margin-bottom:0;padding:.375rem .875rem;border-radius:9999px;background:var(--wp--preset--color--surface-container);box-shadow:var(--wp--preset--shadow--sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.vl-hero .vl-overline::before{content:'';flex:none;width:.5rem;height:.5rem;border-radius:9999px;background:var(--wp--preset--color--secondary)}
.vl-hero .vl-overline strong{color:var(--wp--preset--color--secondary);font-weight:700}
.vl-hero .vl-hero__title{margin-top:1.5rem;text-wrap:balance}
.vl-hero .vl-hero__lead{max-width:42rem;margin-bottom:0}
.vl-hero .vl-hero__cta{margin-top:2.5rem}
.vl-hero .vl-hero__cta .wp-block-button__link{padding:.875rem 1.75rem}
@media (max-width:639px){.vl-hero .vl-hero__cta .wp-block-button{width:100%}.vl-hero .vl-hero__cta .wp-block-button__link{width:100%;text-align:center}}
.vl-hero .vl-trust{width:fit-content;max-width:100%;margin-top:1.5rem;padding:.75rem 1.5rem;gap:.5rem 1.5rem;border-radius:var(--wp--custom--radius--panel);background:var(--wp--preset--color--surface-container-low)}
.vl-hero .vl-trust p{margin:0;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm);font-weight:500}
.vl-hero .vl-trust strong{color:var(--wp--preset--color--on-surface)}
.vl-hero .vl-trust__item+.vl-trust__item::before{content:'•';margin-right:1.5rem;color:var(--wp--preset--color--outline)}
@media (min-width:640px){.vl-hero .vl-trust{border-radius:9999px}}
@media (max-width:639px){.vl-hero .vl-trust__item+.vl-trust__item::before{display:none}}
.vl-hero .vl-showcase{position:relative;margin-top:3rem}
.vl-hero .vl-hud{position:absolute;top:-1.25rem;left:50%;z-index:3;transform:translateX(-50%);gap:.75rem;padding:.625rem 1.25rem;border:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 60%,transparent);border-radius:9999px;background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--lg);white-space:nowrap;font-variant-numeric:tabular-nums}
.vl-hero .vl-hud p{margin:0;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-hero .vl-hud p+p::before{content:'|';margin-right:.75rem;color:var(--wp--preset--color--outline-variant)}
.vl-hero .vl-hud strong,.vl-hero .vl-hud .vl-hud__score{color:var(--wp--preset--color--secondary);font-weight:700}
.vl-hero .vl-stage{padding:1rem;border:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 60%,transparent);border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--xl)}
@media (min-width:768px){.vl-hero .vl-stage{padding:2rem}}
.vl-hero .vl-stage__bar{gap:.75rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 50%,transparent)}
.vl-hero .vl-stage__left{gap:0}
.vl-hero .vl-stage__left::before{content:'';flex:none;width:.75rem;height:.75rem;margin-right:3.75rem;border-radius:9999px;background:#ff5f56;box-shadow:1.25rem 0 0 #ffbd2e,2.5rem 0 0 #27c93f}
.vl-hero .vl-stage__url{display:none;margin:0;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-md)}
@media (min-width:768px){.vl-hero .vl-stage__url{display:block}}
.vl-hero .vl-tabs{gap:.25rem;padding:.25rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-hero .vl-tabs .wp-block-button__link{padding:.375rem .75rem;border-radius:var(--wp--custom--radius--lg);background:transparent;color:var(--wp--preset--color--on-surface-variant);box-shadow:none;font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-hero .vl-tabs .wp-block-button__link:hover{color:var(--wp--preset--color--on-surface)}
.vl-hero .vl-tabs .is-active .wp-block-button__link{background:var(--wp--preset--color--surface-container-lowest);color:var(--wp--preset--color--primary);box-shadow:var(--wp--preset--shadow--sm)}
.vl-hero .vl-canvas{position:relative;overflow:hidden;margin-top:1.5rem;aspect-ratio:16/10;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
@media (min-width:768px){.vl-hero .vl-canvas{aspect-ratio:16/9}}
.vl-hero .vl-canvas>*{margin-block-start:0}
.vl-hero .vl-canvas__laptop{position:absolute;inset:0;margin:0}
.vl-hero .vl-canvas__laptop img{display:block;width:100%;height:100%;object-fit:cover}
.vl-hero .vl-phone{position:absolute;right:1rem;bottom:1rem;width:9rem;aspect-ratio:9/18;overflow:hidden;border-radius:var(--wp--custom--radius--panel);background:var(--wp--preset--color--inverse-surface);box-shadow:var(--wp--preset--shadow--xl)}
@media (min-width:768px){.vl-hero .vl-phone{right:2rem;bottom:2rem;width:16rem}}
.vl-hero .vl-phone>.wp-block-image{position:absolute;inset:.375rem;margin:0}
.vl-hero .vl-phone img{display:block;width:100%;height:100%;border-radius:1.375rem;object-fit:cover}
.vl-hero .vl-phone__pill{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;gap:.5rem;padding:.5rem;border-radius:var(--wp--custom--radius--lg);background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 92%,transparent)}
.vl-hero .vl-phone__pill p{margin:0;font-size:.625rem;font-weight:600;color:var(--wp--preset--color--on-surface-variant)}
.vl-hero .vl-phone__pill p:first-child{color:var(--wp--preset--color--secondary);font-weight:700}
.vl-hero .vl-tag{position:absolute;bottom:1.5rem;left:1.5rem;display:none;padding:.5rem 1rem;border-radius:var(--wp--custom--radius--xl);background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 92%,transparent);box-shadow:var(--wp--preset--shadow--md)}
@media (min-width:768px){.vl-hero .vl-tag{display:block}}
.vl-hero .vl-tag p{margin:0;line-height:1.3}
.vl-hero .vl-tag__title{font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-hero .vl-tag__sub{color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm)}
.vl-footer{border-top:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 50%,transparent)}
.vl-footer .vl-footer__brand{line-height:1;letter-spacing:-.01em}
.vl-footer .vl-footer__about{max-width:24rem}
ul.wp-block-social-links.vl-social{gap:.375rem}
ul.wp-block-social-links.vl-social .wp-social-link{border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container);color:var(--wp--preset--color--on-surface-variant);transition:background var(--wp--custom--transition),color var(--wp--custom--transition)}
ul.wp-block-social-links.vl-social .wp-social-link:hover{background:var(--wp--preset--color--surface-container-high);color:var(--wp--preset--color--on-surface)}
ul.wp-block-social-links.vl-social .wp-social-link a{padding:.625rem;color:inherit}
.vl-footer .vl-partner{width:fit-content;gap:.75rem;padding:.75rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-footer .vl-partner::before{content:'✓';display:grid;flex:none;place-items:center;width:1.5rem;height:1.5rem;border-radius:9999px;background:var(--wp--preset--color--secondary);color:var(--wp--preset--color--on-secondary);font-size:.75rem;font-weight:700}
.vl-footer .vl-partner p{margin:0;line-height:1.3}
.vl-footer .vl-partner__title{color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.vl-footer .vl-partner__sub{color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm)}
.vl-footer .vl-footer__title{color:var(--wp--preset--color--on-surface);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.vl-footer .vl-footer__guarantee{color:var(--wp--preset--color--secondary);font-weight:500}
.vl-footer .vl-footer-nav .wp-block-navigation-item__content{padding:0}
.vl-footer .vl-footer-nav .wp-block-navigation-item__description{display:block;color:var(--wp--preset--color--secondary);font-size:var(--wp--preset--font-size--label-sm);font-weight:500}
.vl-footer .vl-footer__bar{gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 50%,transparent)}
.vl-footer .vl-footer__copy{color:var(--wp--preset--color--outline)}
.vl-footer .vl-footer__ssl{color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.vl-footer .vl-footer__ssl::before{content:'';display:inline-block;width:.5rem;height:.5rem;margin-right:.375rem;border-radius:9999px;background:var(--wp--preset--color--secondary)}
.vl-footer .vl-pay{padding:.25rem .5rem;border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--surface-container);color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-sm);font-weight:600;letter-spacing:.04em}
.wp-site-blocks>*+*{margin-block-start:0}
.vl-eyebrow{margin:0;color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--label-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.vl-eyebrow-green{color:var(--wp--preset--color--secondary)}
.vl-badge-danger{background:var(--wp--preset--color--error-container);color:var(--wp--preset--color--on-error-container)}
.vl-section .vl-lead{max-width:36rem}
.vl-section .vl-grid,.vl-section .vl-compare{margin-top:2.5rem}
.vl-grid-controls .vl-seg{width:fit-content;flex-wrap:wrap;gap:.25rem;padding:.25rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-seg .wp-block-button__link{padding:.375rem .875rem;border-radius:var(--wp--custom--radius--lg);background:transparent;color:var(--wp--preset--color--on-surface-variant);box-shadow:none;font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-seg .wp-block-button__link:hover{color:var(--wp--preset--color--on-surface)}
.vl-seg .is-active .wp-block-button__link{background:var(--wp--preset--color--primary-container);color:var(--wp--preset--color--on-primary);font-weight:700}
.vl-view-all .wp-block-button__link{padding:.5rem 1rem;font-size:var(--wp--preset--font-size--label-md)}
.vl-grid .vl-theme-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 50%,transparent);border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--md);transition:box-shadow 300ms}
.vl-grid .vl-theme-card:hover{box-shadow:var(--wp--preset--shadow--xl)}
.vl-grid .vl-theme-card>*{margin:0}
.vl-grid .vl-theme-card__bar{padding:.625rem 1rem;background:var(--wp--preset--color--surface-container-low)}
.vl-chrome{display:flex;align-items:center;margin:0;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-md)}
.vl-chrome::before{content:'';flex:none;width:.5rem;height:.5rem;margin-right:2.5rem;border-radius:9999px;background:#ff5f56;box-shadow:.875rem 0 0 #ffbd2e,1.75rem 0 0 #27c93f}
.vl-grid .vl-theme-card__score{margin:0;color:var(--wp--preset--color--secondary);font-size:var(--wp--preset--font-size--label-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.vl-grid .vl-theme-card__preview{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--wp--preset--color--surface-container)}
.vl-grid .vl-theme-card__img{position:absolute;inset:0;margin:0}
.vl-grid .vl-theme-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 500ms}
.vl-grid .vl-theme-card:hover .vl-theme-card__img img{transform:scale(1.05)}
.vl-grid .vl-theme-card__badges{position:absolute;bottom:.75rem;left:.75rem;z-index:1;gap:.375rem}
.vl-chip{margin:0;padding:.25rem .5rem;border-radius:var(--wp--custom--radius--md);background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 92%,transparent);box-shadow:var(--wp--preset--shadow--sm);color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-sm);font-weight:600;line-height:1.2}
.vl-grid .vl-theme-card__hover{position:absolute;inset:0;z-index:2;background:color-mix(in srgb,var(--wp--preset--color--inverse-surface) 45%,transparent);opacity:0;pointer-events:none;transition:opacity var(--wp--custom--transition)}
.vl-grid .vl-theme-card:hover .vl-theme-card__hover,.vl-grid .vl-theme-card:focus-within .vl-theme-card__hover{opacity:1;pointer-events:auto}
.vl-grid .vl-theme-card__body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem 1.5rem}
.vl-grid .vl-theme-card__body>*{margin-block:0}
.vl-grid .vl-theme-card__title{margin:0}
.vl-price{margin:0;color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--headline-sm);font-weight:800;line-height:1}
.vl-price-old{margin:0;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--body-sm);text-decoration:line-through}
.vl-grid .vl-theme-card__cta{margin-top:auto;padding-top:.5rem;gap:.5rem}
.vl-theme-card__cta .wp-block-button__link{padding:.625rem 1rem;font-size:var(--wp--preset--font-size--label-md)}
.vl-theme-card__cta .wp-block-button:last-child{flex:1}
.vl-theme-card__cta .wp-block-button:last-child .wp-block-button__link{width:100%;text-align:center}
.vl-compare>.wp-block-column{display:flex;flex-direction:column}
.vl-compare .vl-scorecard{display:flex;flex:1;flex-direction:column;gap:1.5rem;padding:1.5rem;border:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 50%,transparent);border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--md)}
@media (min-width:768px){.vl-compare .vl-scorecard{padding:2rem}}
.vl-compare .vl-scorecard-good{box-shadow:var(--wp--preset--shadow--xl)}
.vl-compare .vl-scorecard-poor{border-color:color-mix(in srgb,var(--wp--preset--color--error) 25%,transparent)}
.vl-compare .vl-scorecard>*{margin:0}
.vl-compare .vl-scorecard__head{gap:.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--wp--preset--color--surface-container-high)}
.vl-compare .vl-scorecard__id{gap:.75rem}
.vl-compare .vl-scorecard__id::before{content:'✓';display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--wp--custom--radius--xl);background:color-mix(in srgb,var(--wp--preset--color--secondary) 12%,transparent);color:var(--wp--preset--color--secondary);font-size:1.125rem;font-weight:700}
.vl-compare .vl-scorecard-poor .vl-scorecard__id::before{content:'!';background:color-mix(in srgb,var(--wp--preset--color--error) 12%,transparent);color:var(--wp--preset--color--error)}
.vl-compare .vl-scorecard__text>*{margin:0}
.vl-compare .vl-scorecard__title{font-size:var(--wp--preset--font-size--body-lg);font-weight:700;letter-spacing:-.01em}
.vl-compare .vl-scorecard__sub{color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-md)}
.vl-compare .vl-gaugebox{flex:0 0 11rem;gap:.75rem;padding:1.25rem;border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface-container-low)}
.vl-compare .vl-gaugebox>*{margin:0}
.vl-gauge{--vl-p:99%;--vl-c:var(--wp--preset--color--secondary);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:8.5rem;height:8.5rem;border-radius:50%;background:conic-gradient(var(--vl-c) var(--vl-p),var(--wp--preset--color--surface-container-high) 0)}
.vl-gauge::before{content:'';position:absolute;inset:.625rem;border-radius:50%;background:var(--wp--preset--color--surface-container-low)}
.vl-gauge>*{position:relative;margin:0;text-align:center;line-height:1}
.vl-gauge-good{--vl-p:99%}
.vl-gauge-warn{--vl-p:58%;--vl-c:#e8710a}
.vl-gauge__score{font-size:2.5rem;font-weight:800;letter-spacing:-.03em}
.vl-gauge__label{margin-top:.25rem;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm);letter-spacing:.08em;text-transform:uppercase}
.vl-compare .vl-metrics{flex:1 1 15rem}
.vl-compare .vl-metric{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-compare .vl-metric>*{margin:0}
.vl-metric__label{color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.vl-metric__value{font-size:var(--wp--preset--font-size--headline-md);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vl-metric__hint{color:var(--wp--preset--color--secondary);font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-compare .vl-guarantee{margin-top:auto;padding:1rem;border:1px solid color-mix(in srgb,var(--wp--preset--color--secondary) 20%,transparent);border-radius:var(--wp--custom--radius--xl);background:color-mix(in srgb,var(--wp--preset--color--secondary-container) 20%,transparent);color:var(--wp--preset--color--on-surface-variant)}
.vl-compare .vl-guarantee strong{color:var(--wp--preset--color--on-surface)}
.vl-compare .vl-guarantee strong:last-of-type{color:var(--wp--preset--color--secondary)}
.vl-compare .vl-stats{flex:1 1 12rem}
.vl-compare .vl-stat{display:flex;align-items:baseline;gap:.5rem;margin:0;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm)}
.vl-compare .vl-stat strong{color:var(--wp--preset--color--error);font-size:var(--wp--preset--font-size--body-lg);font-variant-numeric:tabular-nums;font-weight:800}
.vl-compare .vl-warn{margin-top:auto;padding:1rem;border-radius:var(--wp--custom--radius--xl);background:color-mix(in srgb,var(--wp--preset--color--error-container) 40%,transparent);color:var(--wp--preset--color--on-error-container)}
.vl-compare .vl-warn::before{content:'✕';margin-right:.5rem;font-weight:700}
.vl-section .vl-features,.vl-section .vl-reviews,.vl-section .vl-steps{margin-top:2.5rem}
.vl-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--primary-fixed)}
.vl-icon .wp-block-image{margin:0;line-height:0}
.vl-icon img{display:block;width:1.5rem;height:1.5rem}
.vl-icon-lg{width:4rem;height:4rem;border-radius:var(--wp--custom--radius--card)}
.vl-icon-lg img{width:2rem;height:2rem}
.vl-code{margin:0;padding:.25rem .625rem;border:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 60%,transparent);border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--surface-container-low);color:var(--wp--preset--color--on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--wp--preset--font-size--label-md)}
.vl-ok{margin:0;padding:.25rem .625rem;border-radius:9999px;background:color-mix(in srgb,var(--wp--preset--color--secondary-container) 30%,transparent);color:var(--wp--preset--color--secondary);font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-features .vl-feature{display:flex;flex-direction:column;gap:1rem;padding:2rem;border:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 50%,transparent);border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm);transition:box-shadow 300ms}
.vl-features .vl-feature:hover{box-shadow:var(--wp--preset--shadow--lg)}
.vl-features .vl-feature>*{margin:0}
.vl-features .vl-feature__chips{margin-top:auto;padding-top:.5rem;gap:.5rem}
.vl-reviews .vl-review{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;border:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 50%,transparent);border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface);box-shadow:var(--wp--preset--shadow--sm)}
.vl-reviews .vl-review>*{margin:0}
.vl-reviews .vl-review__top{gap:.5rem}
.vl-stars{margin:0;color:#f5a524;font-size:var(--wp--preset--font-size--body-md);letter-spacing:.1em;line-height:1}
.vl-store{margin:0;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-md)}
.vl-reviews .vl-quote{padding:0;border:0}
.vl-reviews .vl-quote p{margin:0;color:var(--wp--preset--color--on-surface);line-height:1.7}
.vl-reviews .vl-review__who{margin-top:auto;gap:.75rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--wp--preset--color--outline-variant) 50%,transparent)}
.vl-avatar{display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;margin:0;border-radius:9999px;background:var(--wp--preset--color--primary-fixed);color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--label-md);font-weight:700}
.vl-name{margin:0;font-size:var(--wp--preset--font-size--body-sm);font-weight:700;line-height:1.3}
.vl-role{margin:0;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-md);line-height:1.3}
.vl-verified{margin:0 0 0 auto;color:var(--wp--preset--color--secondary);font-size:var(--wp--preset--font-size--label-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.vl-verified::before{content:'✓ '}
.vl-steps{position:relative}
@media (min-width:782px){.vl-steps::before{content:'';position:absolute;top:1.75rem;right:16.67%;left:16.67%;height:2px;background:linear-gradient(90deg,var(--wp--preset--color--primary-fixed-dim),var(--wp--preset--color--primary-container),var(--wp--preset--color--primary-fixed-dim))}}
.vl-steps .vl-step{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}
.vl-steps .vl-step>*{margin:0}
.vl-step__num{position:relative;z-index:1;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:9999px;background:var(--wp--preset--color--primary-container);box-shadow:0 0 0 .5rem var(--wp--preset--color--surface),0 4px 14px rgba(79,70,229,.25);color:var(--wp--preset--color--on-primary);font-size:var(--wp--preset--font-size--headline-sm);font-weight:800}
.vl-steps .vl-step__desc{max-width:22rem}
.vl-support-panel{padding:2rem;border-radius:var(--wp--custom--radius--panel);background:linear-gradient(135deg,var(--wp--preset--color--surface-container-high),var(--wp--preset--color--surface-container) 50%,var(--wp--preset--color--surface-container-low));box-shadow:var(--wp--preset--shadow--xl)}
@media (min-width:768px){.vl-support-panel{padding:3rem}}
.vl-support-panel .vl-support-copy{flex:1 1 30rem}
.vl-support-panel .vl-highlights{margin-top:1.5rem}
.vl-support-panel .vl-highlight{padding:1rem;border-radius:var(--wp--custom--radius--xl);background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 70%,transparent);text-align:center}
.vl-support-panel .vl-highlight>*{margin:0}
.vl-support-panel .vl-highlight__value{color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--headline-md);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vl-support-panel .vl-highlight__label{margin-top:.25rem;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-md)}
.vl-support-panel .vl-support-actions{flex:0 0 16rem}
.vl-support-panel .vl-support-buttons .wp-block-button,.vl-support-panel .vl-support-buttons .wp-block-button__link{width:100%;text-align:center}
.vl-cta{overflow:hidden;background-image:radial-gradient(40rem 20rem at 50% 0,color-mix(in srgb,var(--wp--preset--color--primary-container) 8%,transparent),transparent 70%),linear-gradient(to bottom,var(--wp--preset--color--surface-container-lowest),var(--wp--preset--color--surface))}
.vl-cta .wp-block-button__link{padding:1rem 2rem;font-size:var(--wp--preset--font-size--body-md)}
.vl-inline-list p{margin:0;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm);font-weight:500}
.vl-inline-list p+p::before{content:'•';margin-right:1.5rem;color:var(--wp--preset--color--outline)}
@media (max-width:639px){.vl-inline-list p+p::before{display:none}}
.vl-grid .wp-block-woocommerce-product-template{gap:1.5rem;margin:0;padding:0;list-style:none}
.vl-grid .wp-block-woocommerce-product-template>li{display:flex;margin:0}
.vl-grid .wp-block-woocommerce-product-template>li>.vl-theme-card{flex:1;min-width:0}
.vl-grid .vl-theme-card__preview .wp-block-woocommerce-product-image,.vl-grid .vl-theme-card__preview .wc-block-components-product-image{position:absolute;inset:0;width:100%;height:100%;margin:0}
.vl-grid .vl-theme-card__preview .wp-block-woocommerce-product-image a{display:block;width:100%;height:100%}
.vl-grid .vl-theme-card__preview .wp-block-woocommerce-product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 500ms}
.vl-grid .vl-theme-card:hover .wp-block-woocommerce-product-image img{transform:scale(1.05)}
.vl-grid .vl-theme-card__badges{position:absolute;bottom:.75rem;left:.75rem;z-index:1;display:flex;flex-wrap:wrap;gap:.375rem;margin:0}
.vl-grid .vl-theme-card__badges a{padding:.25rem .5rem;border-radius:var(--wp--custom--radius--md);background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 92%,transparent);box-shadow:var(--wp--preset--shadow--sm);color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-sm);font-weight:600;line-height:1.2;text-decoration:none}
.vl-grid .vl-theme-card__badges .wp-block-post-terms__separator{display:none}
.vl-grid .vl-theme-card__badges a:nth-of-type(n+4){display:none}
.vl-grid .vl-theme-card__score::after{content:' PageSpeed'}
.vl-grid .vl-theme-card__score:empty{display:none}
.vl-grid .vl-theme-card:hover .vl-theme-card__hover,.vl-grid .vl-theme-card:focus-within .vl-theme-card__hover{pointer-events:none}
.vl-grid .vl-theme-card:hover .vl-theme-card__hover .wp-block-button,.vl-grid .vl-theme-card:focus-within .vl-theme-card__hover .wp-block-button{pointer-events:auto}
.vl-grid .vl-demo-btn:has(.wp-block-button__link:not([href])),.vl-grid .vl-demo-btn:has(.wp-block-button__link[href='']){display:none}
.vl-grid .wp-block-woocommerce-product-price{margin:0;color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--headline-sm);font-weight:800;line-height:1}
.vl-grid .wp-block-woocommerce-product-price .wc-block-components-product-price{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:.5rem}
.vl-grid .wp-block-woocommerce-product-price del{color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--body-sm);font-weight:400}
.vl-grid .wp-block-woocommerce-product-price ins{background:none;text-decoration:none}
.vl-grid .vl-theme-card__cta{align-items:stretch}
.vl-grid .vl-theme-card__cta>.wp-block-woocommerce-product-button{flex:1;margin:0}
.vl-grid .vl-theme-card__cta>.wp-block-woocommerce-product-button .wp-block-button__link{width:100%;text-align:center}
.vl-section .vl-grid .wp-block-woocommerce-product-template{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,26rem),1fr))!important;gap:1.5rem;margin:0;padding:0;list-style:none}
.vl-section .vl-grid .wp-block-woocommerce-product-template>li{width:auto!important;max-width:none;margin:0}
.vl-grid .wp-block-buttons:empty{display:none}
.vl-grid .vl-theme-card__hover:not(:has(.wp-block-button)){display:none}
.vl-grid .vl-theme-card__badges{top:1rem;right:auto;bottom:auto;left:1rem}
.vl-grid .vl-theme-card__badges a{padding:.25rem .625rem;border-radius:var(--wp--custom--radius--md);background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 88%,transparent);font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.vl-grid .vl-theme-card__badges a:nth-of-type(1){color:var(--wp--preset--color--primary)}
.vl-grid .vl-theme-card__badges a:nth-of-type(2){color:var(--wp--preset--color--secondary)}
.vl-grid .vl-theme-card__badges a:nth-of-type(3){color:var(--wp--preset--color--on-surface)}
.vl-grid .vl-theme-card__bar .vl-theme-card__score{padding:.125rem .5rem;border-radius:var(--wp--custom--radius--sm);background:color-mix(in srgb,var(--wp--preset--color--secondary) 10%,transparent);font-size:.625rem;letter-spacing:.06em}
.vl-grid .vl-theme-card__preview .vl-theme-card__hover{background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 40%,transparent)}
.vl-grid .vl-theme-card__hover .wp-block-button__link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--lg);color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--body-sm);font-weight:700}
.vl-grid .vl-theme-card__hover .wp-block-button__link:hover{background:var(--wp--preset--color--surface-container-lowest);color:var(--wp--preset--color--on-surface)}
.vl-grid .vl-theme-card__hover .wp-block-button__link::before{content:'';flex:none;width:1rem;height:1rem;background:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%233525cd%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E') center/contain no-repeat}
.vl-grid .vl-theme-card__title a{color:var(--wp--preset--color--on-surface);text-decoration:none}
.vl-grid .vl-theme-card__title a:hover{color:var(--wp--preset--color--primary)}
.vl-grid .vl-theme-card__cta{padding-top:1rem;border-top:1px solid var(--wp--preset--color--surface-container)}
.vl-grid .vl-theme-card__cta>.wp-block-buttons{flex:1}
.vl-grid .vl-theme-card__cta>.wp-block-buttons .wp-block-button{width:100%}
.vl-grid .vl-theme-card__cta .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.625rem 1rem;font-size:var(--wp--preset--font-size--body-sm)}
.vl-grid .vl-btn-soft .wp-block-button__link{background:var(--wp--preset--color--surface-container-high);box-shadow:none;color:var(--wp--preset--color--on-surface);font-weight:600}
.vl-grid .vl-btn-soft .wp-block-button__link:hover{background:var(--wp--preset--color--surface-container-highest);color:var(--wp--preset--color--on-surface)}
.vl-grid .vl-btn-soft .wp-block-button__link::after{content:'↗';color:var(--wp--preset--color--outline);font-weight:400}
.vl-grid .vl-theme-card__cta .wp-block-woocommerce-product-button .wp-block-button__link{font-weight:700}
.vl-grid .vl-theme-card__cta .wp-block-woocommerce-product-button .wp-block-button__link::before{content:'';flex:none;width:1rem;height:1rem;background:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%221%22/%3E%3Ccircle cx=%2219%22 cy=%2221%22 r=%221%22/%3E%3Cpath d=%22M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12%22/%3E%3C/svg%3E') center/contain no-repeat}
.vl-crumb{margin:0;color:var(--wp--preset--color--on-surface-variant)}
.vl-crumb a{color:inherit;text-decoration:none}
.vl-crumb a:hover{color:var(--wp--preset--color--primary)}
.vl-crumb__current{color:var(--wp--preset--color--on-surface);font-weight:600}
.vl-contact-hero{margin-top:1.5rem}
.vl-kicker{width:fit-content;padding:.375rem .875rem;border-radius:9999px;background:var(--wp--preset--color--surface-container);box-shadow:var(--wp--preset--shadow--sm)}
.vl-kicker p{margin:0}
.vl-kicker p:first-child{color:var(--wp--preset--color--primary)}
.vl-kicker p:last-child{color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--label-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.vl-sla-pill{width:fit-content;padding:.375rem 1rem;border-radius:9999px;background:color-mix(in srgb,var(--wp--preset--color--secondary-container) 30%,transparent)}
.vl-sla-pill p{margin:0}
.vl-sla-pill p:first-child{color:var(--wp--preset--color--secondary)}
.vl-sla-pill p:last-child{color:var(--wp--preset--color--on-secondary-container);font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-channels .vl-channel{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm);transition:box-shadow 300ms}
.vl-channels .vl-channel:hover{box-shadow:var(--wp--preset--shadow--md)}
.vl-channels .vl-channel>*+*{margin-top:1.25rem}
.vl-chip{width:fit-content;margin:0;padding:.125rem .625rem;border-radius:9999px;font-size:var(--wp--preset--font-size--label-sm);font-weight:600;line-height:1.5}
.vl-chip-green{background:color-mix(in srgb,var(--wp--preset--color--secondary-container) 40%,transparent);color:var(--wp--preset--color--on-secondary-container)}
.vl-chip-amber{background:#fef0c7;color:#93670a}
.vl-chip-violet{background:var(--wp--preset--color--primary-fixed);color:var(--wp--preset--color--primary)}
.vl-channels .vl-channel__desc,.vl-channels .vl-channel__meta{margin-top:.5rem}
.vl-channels .vl-channel__meta{color:var(--wp--preset--color--on-surface-variant)}
.vl-channels .vl-channel__cta .wp-block-button__link{width:100%;text-align:center}
.vl-contact-main .vl-loc{padding:1rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm)}
.vl-loc__icon{flex:none;width:2.25rem;height:2.25rem;padding:.5rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container)!important}
.vl-loc__icon img{width:1rem;height:1rem;margin:auto}
.vl-loc__name{margin:0;font-size:var(--wp--preset--font-size--body-lg);font-weight:600}
.vl-loc__addr{margin:.25rem 0 0}
.vl-loc__tz{margin:.5rem 0 0;color:var(--wp--preset--color--outline)}
.vl-dept-box{padding:1.5rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-dept__heading{margin:0;color:var(--wp--preset--color--on-surface);letter-spacing:.08em;text-transform:uppercase}
.vl-dept-row{padding:.5rem .75rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-lowest)}
.vl-dept-row p{margin:0}
.vl-dept-row a{color:var(--wp--preset--color--primary);font-weight:600;text-decoration:none}
.vl-dept-row a:hover{text-decoration:underline}
.vl-hours{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--wp--preset--color--surface-container-high)}
.vl-hours .vl-icon{width:2rem;height:2rem;padding:.375rem}
.vl-dept__title{margin:0;font-weight:600}
.vl-dept__sub{margin:0;color:var(--wp--preset--color--on-surface-variant)}
.vl-form-panel{padding:2rem;border-radius:var(--wp--custom--radius--panel);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--md)}
.vl-sla-badge{width:fit-content;padding:.25rem .625rem;border-radius:9999px;background:color-mix(in srgb,var(--wp--preset--color--secondary-container) 40%,transparent)}
.vl-sla-badge p{margin:0}
.vl-sla-badge p:first-child{color:var(--wp--preset--color--secondary)}
.vl-sla-badge p:last-child{color:var(--wp--preset--color--on-secondary-container);font-size:var(--wp--preset--font-size--label-sm);font-weight:600}
.vl-nda{color:var(--wp--preset--color--outline)}
.vl-icon-xs{width:1.5rem;height:1.5rem;padding:0;background:none}
.vl-icon-xs img{width:1rem;height:1rem}
.vl-faqs .vl-faq{padding:1.5rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm)}
.vl-faq__q{margin-bottom:.75rem}
.vl-faq__q h3{margin:0}
.vl-icon-sm{width:2.25rem;height:2.25rem;padding:.5rem}
.vl-faq__a{margin:0}
.vl-legal-bar{padding:1.5rem;border-radius:var(--wp--custom--radius--panel);background:var(--wp--preset--color--surface-container-low);box-shadow:var(--wp--preset--shadow--sm)}
.vl-legal-bar>.wp-block-group>*{margin:0}
.vl-legal-bar .wp-block-button__link{white-space:nowrap}
.vl-fluentform .ff-el-form-control,.vl-fluentform select.ff-el-form-control,.vl-fluentform textarea.ff-el-form-control{height:2.75rem;padding:0 .875rem;border:0;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-low);box-shadow:inset 0 1px 2px rgba(0,0,0,.05);font-family:inherit;font-size:var(--wp--preset--font-size--body-sm);color:var(--wp--preset--color--on-surface)}
.vl-fluentform textarea.ff-el-form-control{height:auto;padding:.75rem .875rem}
.vl-fluentform .ff-el-form-control:focus{outline:2px solid var(--wp--preset--color--primary-container);outline-offset:1px;background:var(--wp--preset--color--surface-container-lowest)}
.vl-fluentform .ff-el-input--label label{font-size:var(--wp--preset--font-size--label-md);font-weight:500;color:var(--wp--preset--color--on-surface)}
.vl-fluentform .ff-btn-submit,.vl-fluentform button[type=submit]{width:100%;height:3rem;border:0;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--primary-container);box-shadow:var(--wp--preset--shadow--sm);color:var(--wp--preset--color--on-primary);font-family:inherit;font-size:var(--wp--preset--font-size--label-lg);font-weight:600}
.vl-fluentform .ff-btn-submit:hover,.vl-fluentform button[type=submit]:hover{background:var(--wp--preset--color--surface-tint)}
.vl-fluentform .ff-message-success{padding:.875rem;border-radius:var(--wp--custom--radius--lg);background:color-mix(in srgb,var(--wp--preset--color--secondary-container) 30%,transparent);color:var(--wp--preset--color--on-secondary-container)}
.vl-topbar-outer{padding:.75rem 0;background:color-mix(in srgb,var(--wp--preset--color--surface-container-low) 70%,transparent)}
.vl-topbar .vl-crumb{margin:0;overflow-x:auto;white-space:nowrap;color:var(--wp--preset--color--on-surface-variant)}
.vl-topbar .vl-crumb a{color:inherit;text-decoration:none}
.vl-topbar .vl-crumb a:hover{color:var(--wp--preset--color--primary)}
.vl-crumb__current{color:var(--wp--preset--color--on-surface);font-weight:600}
.vl-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.vl-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:var(--wp--preset--font-size--label-sm);font-weight:700;white-space:nowrap}
.vl-badge__icon{width:.875rem;height:.875rem;flex:none}
.vl-badge-amber{background:#fef0c7;color:#93670a}
.vl-badge-violet{background:var(--wp--preset--color--primary-fixed);color:var(--wp--preset--color--primary)}
.vl-badge-green{background:color-mix(in srgb,var(--wp--preset--color--secondary-container) 45%,transparent);color:var(--wp--preset--color--on-secondary-container)}
.vl-product-hero .vl-hero-left,.vl-product-hero .vl-hero-right{min-width:0}
.vl-viewport-card{overflow:hidden;border-radius:var(--wp--custom--radius--panel);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--xl)}
.vl-viewport__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--wp--preset--color--surface-container-low)}
.vl-viewport__dots{display:flex;align-items:center;gap:.375rem}
.vl-dot{width:.75rem;height:.75rem;border-radius:9999px;display:inline-block}
.vl-dot-red{background:#fb7185}
.vl-dot-amber{background:#fbbf24}
.vl-dot-green{background:#34d399}
.vl-viewport__label{margin-left:.5rem;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm);letter-spacing:.06em;text-transform:uppercase}
.vl-device-switcher{display:flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm)}
.vl-device-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:0;border-radius:var(--wp--custom--radius--lg);background:transparent;color:var(--wp--preset--color--on-surface-variant);font-family:inherit;font-size:var(--wp--preset--font-size--label-md);cursor:pointer}
.vl-device-btn__icon{width:1rem;height:1rem;flex:none;opacity:.7}
.vl-device-btn.is-active{background:var(--wp--preset--color--primary-container);color:var(--wp--preset--color--on-primary)}
.vl-device-btn.is-active .vl-device-btn__icon{opacity:1;filter:brightness(0) invert(1)}
@media (max-width:479px){.vl-device-btn__label{display:none}}
.vl-fullwin{display:inline-flex;align-items:center;gap:.375rem;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-md);text-decoration:none}
.vl-fullwin__icon{width:1rem;height:1rem}
.vl-viewport__stage{display:flex;justify-content:center;padding:1.5rem;background:var(--wp--preset--color--surface-container-low)}
.vl-viewport__frame{width:100%;max-width:100%;overflow:hidden;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--lg);transition:max-width 300ms}
.vl-viewport__frame[data-device='tablet']{max-width:34rem}
.vl-viewport__frame[data-device='mobile']{max-width:20rem}
.vl-viewport__address{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-bottom:1px solid var(--wp--preset--color--surface-container-high)}
.vl-addr-ico{width:1rem;height:1rem;flex:none;opacity:.5}
.vl-addr-bar{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0;padding:.25rem .625rem;border-radius:9999px;background:var(--wp--preset--color--surface-container-low);color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vl-addr-lock{opacity:1}
.vl-addr-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vl-addr-tag{flex:none;padding:.125rem .5rem;border-radius:var(--wp--custom--radius--sm);background:var(--wp--preset--color--secondary-container);color:var(--wp--preset--color--on-secondary-container);font-size:.625rem;font-weight:700;letter-spacing:.04em}
.vl-canvas{position:relative;aspect-ratio:16/10;overflow:hidden}
.vl-canvas__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vl-canvas__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 60%);color:#fff}
.vl-canvas__preset-label{font-size:var(--wp--preset--font-size--label-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.vl-canvas__title{margin:0;font-size:var(--wp--preset--font-size--headline-sm);font-weight:700;color:#fff}
.vl-canvas__desc{margin:0;max-width:32rem;font-size:var(--wp--preset--font-size--body-sm);opacity:.9}
.vl-canvas__play{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;margin-top:.25rem;padding:.5rem 1rem;border:0;border-radius:9999px;background:rgba(255,255,255,.18);color:#fff;font-family:inherit;font-size:var(--wp--preset--font-size--label-md);font-weight:600;backdrop-filter:blur(6px);cursor:pointer}
.vl-canvas__play-icon{width:1.125rem;height:1.125rem}
.vl-preset-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-top:1px solid var(--wp--preset--color--surface-container-high)}
.vl-preset-bar__text{display:flex;flex-direction:column}
.vl-preset-bar__title{font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-preset-bar__sub{color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm)}
.vl-preset-buttons{display:flex;flex-wrap:wrap;gap:.375rem}
.vl-preset-btn{padding:.375rem .75rem;border:1px solid var(--wp--preset--color--outline-variant);border-radius:9999px;background:transparent;color:var(--wp--preset--color--on-surface-variant);font-family:inherit;font-size:var(--wp--preset--font-size--label-sm);cursor:pointer}
.vl-preset-btn.is-active{border-color:transparent;background:var(--wp--preset--color--primary-container);color:var(--wp--preset--color--on-primary);font-weight:600}
.vl-sandbox{display:flex;gap:1rem;padding:1.5rem;border-radius:var(--wp--custom--radius--panel);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm)}
.vl-sandbox__icon{flex:none;width:2.5rem;height:2.5rem;padding:.5rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-low)}
.vl-sandbox__text h4{margin:0 0 .375rem;font-size:var(--wp--preset--font-size--body-lg);font-weight:600}
.vl-sandbox__text p{margin:0 0 .875rem;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm)}
.vl-sandbox__form{display:flex;flex-wrap:wrap;gap:.5rem}
.vl-sandbox__input{flex:1 1 12rem;height:2.75rem;padding:0 .875rem;border:1px solid var(--wp--preset--color--outline-variant);border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-low);font-family:inherit;font-size:var(--wp--preset--font-size--body-sm)}
.vl-sandbox__btn{height:2.75rem;padding:0 1.25rem;border:0;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-high);color:var(--wp--preset--color--on-surface);font-family:inherit;font-size:var(--wp--preset--font-size--label-md);font-weight:600;cursor:pointer}
.vl-sandbox__btn:hover{background:var(--wp--preset--color--surface-container-highest)}
.vl-pricing-panel{position:relative;overflow:hidden;padding:1.5rem;border-radius:var(--wp--custom--radius--panel);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--xl)}
@media (min-width:768px){.vl-pricing-panel{padding:2rem}}
.vl-pricing-panel::before{content:'';position:absolute;top:-6rem;right:-6rem;width:12rem;height:12rem;border-radius:9999px;background:color-mix(in srgb,var(--wp--preset--color--primary-fixed) 40%,transparent);filter:blur(48px);pointer-events:none}
.vl-pricing-panel>*{position:relative}
.vl-head-row{margin:0}
.vl-license-pill{margin:0;padding:.25rem .75rem;border-radius:9999px;background:var(--wp--preset--color--primary-fixed);color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--label-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.vl-sku{color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm)}
.vl-rating{gap:.5rem;flex-wrap:wrap}
.vl-rating .wc-block-components-product-rating{margin:0}
.vl-active-stores{color:var(--wp--preset--color--secondary);font-size:var(--wp--preset--font-size--label-sm);font-weight:600}
.vl-price-box{flex-wrap:wrap;gap:.75rem;padding:1rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-price-box .wc-block-components-product-price,.vl-price-box .price{margin:0;font-size:var(--wp--preset--font-size--headline-lg);font-weight:800;color:var(--wp--preset--color--on-surface)}
.vl-price-box .wc-block-components-product-price del,.vl-price-box .price del{margin-right:.5rem;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--body-md);font-weight:400}
.vl-promo-tag{padding:.5rem .875rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--secondary-container);color:var(--wp--preset--color--on-secondary-container);font-size:var(--wp--preset--font-size--label-md);font-weight:700;text-align:center}
.vl-promo-tag__sub{display:block;margin-top:.125rem;font-size:.625rem;font-weight:500;opacity:.85}
.vl-pricing-cta .vl-buy-btn .wp-block-button__link,.vl-pricing-cta .wp-block-button__link{width:100%;justify-content:center;padding:.875rem 1.25rem;font-size:var(--wp--preset--font-size--label-lg)}
.vl-value-box{padding-top:.5rem;border-top:1px solid var(--wp--preset--color--surface-container-high)}
.vl-value-box__title{margin:0 0 .75rem;font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-value-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.625rem}
.vl-value-item{display:flex;align-items:flex-start;gap:.5rem;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm)}
.vl-value-item__icon{width:1.125rem;height:1.125rem;flex:none;margin-top:.125rem}
.vl-value-item strong{color:var(--wp--preset--color--on-surface);font-weight:600}
.vl-trust-row{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.5rem;border-top:1px solid var(--wp--preset--color--surface-container-high)}
.vl-trust-item{display:inline-flex;align-items:center;gap:.375rem;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-sm)}
.vl-trust-ico{width:1rem;height:1rem}
.vl-pay-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.vl-pay-row__label{width:100%;margin-bottom:.25rem;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm)}
.vl-pay-chip{padding:.25rem .5rem;border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--surface-container);color:var(--wp--preset--color--on-surface-variant);font-size:.625rem;font-weight:600;letter-spacing:.04em}
.vl-metrics2{margin-top:2rem}
.vl-metric2{padding:1.25rem 1rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);text-align:center}
.vl-metric2__badge{width:3rem;height:3rem;margin:0 auto;border-radius:9999px}
.vl-metric2__badge-green{background:color-mix(in srgb,var(--wp--preset--color--secondary-container) 60%,transparent)}
.vl-metric2__badge-violet{background:var(--wp--preset--color--primary-fixed)}
.vl-metric2__badge-amber{background:#fef0c7}
.vl-metric2__value{margin:0;font-size:var(--wp--preset--font-size--headline-sm);font-weight:800;color:var(--wp--preset--color--on-surface)}
.vl-metric2__badge-green .vl-metric2__value{color:var(--wp--preset--color--on-secondary-container)}
.vl-metric2__badge-violet .vl-metric2__value{color:var(--wp--preset--color--primary)}
.vl-metric2__badge-amber .vl-metric2__value{color:#93670a}
.vl-metric2__label{margin:.125rem 0 0;color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-metric2__hint{margin:0;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm)}
.vl-features2 .vl-feature2{padding:1.5rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm);transition:box-shadow 300ms}
.vl-features2 .vl-feature2:hover{box-shadow:var(--wp--preset--shadow--md)}
.vl-feature2__top .vl-icon__img{width:3rem;height:3rem;padding:.75rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--primary-fixed)}
.vl-feature2__chip{margin:0;padding:.25rem .625rem;border-radius:9999px;background:var(--wp--preset--color--surface-container);color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-sm);font-weight:600}
.vl-feature2__desc{margin:0}
.vl-mini-preview,.vl-mini-chips,.vl-mini-line{margin-top:.5rem;padding:.75rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-low)}
.vl-mini-preview__row{display:flex;justify-content:space-between;margin-bottom:.375rem;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-sm)}
.vl-mini-preview__track{width:100%;height:.375rem;border-radius:9999px;background:var(--wp--preset--color--surface-container-high);overflow:hidden}
.vl-mini-preview__fill{height:100%;border-radius:9999px;background:var(--wp--preset--color--secondary)}
.vl-mini-chips{display:flex;flex-wrap:wrap;gap:.375rem}
.vl-mini-chip{padding:.25rem .625rem;border-radius:9999px;background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm);color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-sm)}
.vl-mini-line{color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-sm);font-weight:600}
.vl-sections-grid{margin-top:2.5rem}
.vl-seccard{overflow:hidden;border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm);transition:box-shadow 300ms}
.vl-seccard:hover{box-shadow:var(--wp--preset--shadow--md)}
.vl-seccard__media{position:relative;aspect-ratio:16/9;overflow:hidden}
.vl-seccard__thumb{margin:0;line-height:0}
.vl-seccard__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.vl-seccard__num{position:absolute;top:.75rem;left:.75rem;margin:0;padding:.25rem .625rem;border-radius:9999px;background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 90%,transparent);color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-sm);font-weight:700}
.vl-seccard__body{padding:1.25rem}
.vl-seccard__body>*{margin:0}
.vl-seccard__desc{margin-top:.375rem}
.vl-tech-card-outer{padding:1.5rem;border-radius:var(--wp--custom--radius--panel);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--lg)}
@media (min-width:768px){.vl-tech-card-outer{padding:2.5rem}}
.vl-tech-head{padding-bottom:1.5rem;margin-bottom:0;border-bottom:1px solid var(--wp--preset--color--surface-container-high)}
.vl-tech-head h3{margin:0}
.vl-tech-tabs{display:flex;align-items:center;gap:.25rem;overflow-x:auto;padding:.375rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-tech-tab-btn{flex:none;padding:.5rem 1rem;border:0;border-radius:var(--wp--custom--radius--lg);background:transparent;color:var(--wp--preset--color--on-surface-variant);font-family:inherit;font-size:var(--wp--preset--font-size--label-md);font-weight:600;white-space:nowrap;cursor:pointer}
.vl-tech-tab-btn:hover{color:var(--wp--preset--color--on-surface)}
.vl-tech-tab-btn.is-active{background:var(--wp--preset--color--surface-container-lowest);color:var(--wp--preset--color--primary);box-shadow:var(--wp--preset--shadow--sm)}
.vl-tech-panel[hidden]{display:none}
.vl-specs{margin-top:0}
.vl-spec{padding:1.25rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-spec__icon-primary{width:1.25rem;height:1.25rem;background:none;padding:0}
.vl-spec__icon-secondary{width:1.25rem;height:1.25rem;background:none;padding:0}
.vl-spec__title{margin:0;font-size:var(--wp--preset--font-size--label-lg);font-weight:700}
.vl-spec__title-primary{color:var(--wp--preset--color--primary)}
.vl-spec__title-secondary{color:var(--wp--preset--color--secondary)}
.vl-spec__desc{margin:0}
.vl-apps-grid{margin-top:0}
.vl-tech-card{padding:1.25rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-tech-card--flex{display:flex;flex-direction:column;justify-content:space-between}
.vl-tech-card h4{margin:0}
.vl-app-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.vl-app-chip{padding:.375rem .75rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-lowest);color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-md)}
.vl-verified-note{margin-top:.75rem;padding:.625rem .875rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--secondary-container);color:var(--wp--preset--color--on-secondary-container);font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-changelog{margin-top:0}
.vl-log-entry{padding:1.25rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-log__version{margin:0;font-size:var(--wp--preset--font-size--headline-sm);font-weight:700}
.vl-log__tag{margin:0;padding:.125rem .5rem;border-radius:var(--wp--custom--radius--sm);font-size:.6875rem;font-weight:700}
.vl-log__tag-latest{background:var(--wp--preset--color--secondary-container);color:var(--wp--preset--color--on-secondary-container)}
.vl-log__tag-past{background:var(--wp--preset--color--surface-container);color:var(--wp--preset--color--outline)}
.vl-log__list{margin:.75rem 0 0;padding-left:1.25rem;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm);display:flex;flex-direction:column;gap:.375rem}
.vl-log__list li{list-style:disc}
.vl-showcase-head{margin-bottom:2.5rem}
.vl-showcase-head h2{margin:.25rem 0 0}
.vl-stores-grid .vl-store-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--md)}
.vl-store__media{position:relative;aspect-ratio:4/3;overflow:hidden}
.vl-store__thumb{margin:0;line-height:0}
.vl-store__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 500ms}
.vl-store-card:hover .vl-store__thumb img{transform:scale(1.05)}
.vl-store__gmv{position:absolute;bottom:.75rem;left:.75rem;margin:0;padding:.25rem .625rem;border-radius:9999px;background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 92%,transparent);color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-sm);font-weight:700}
.vl-store__body{flex:1;padding:1.5rem}
.vl-store__body>*{margin:0}
.vl-store__country{color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm);white-space:nowrap}
.vl-store__quote{margin:0;padding:0;border:0}
.vl-store__quote p{margin:0;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm);line-height:1.6;font-style:italic}
.vl-store__foot{padding-top:1rem;margin-top:auto;border-top:1px solid var(--wp--preset--color--surface-container-high)}
.vl-store__person{color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-store__link{color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--label-sm);font-weight:600}
.vl-faq-list{display:flex;flex-direction:column;gap:1rem}
.vl-faq-item{padding:1.25rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low);cursor:pointer}
.vl-faq-item__q{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--headline-sm);font-weight:600}
.vl-faq-item__q::-webkit-details-marker{display:none}
.vl-faq-item__q::marker{content:''}
.vl-faq-item__chevron{flex:none;width:1.25rem;height:1.25rem;transition:transform var(--wp--custom--transition)}
.vl-faq-item[open] .vl-faq-item__chevron{transform:rotate(180deg)}
.vl-faq-item__a{margin-top:.75rem;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm);line-height:1.7}
.vl-shop-hero{padding-top:2rem;padding-bottom:2rem}
.vl-shop-hero .vl-crumb{margin:0 0 1.5rem;color:var(--wp--preset--color--on-surface-variant)}
.vl-shop-hero .vl-crumb a{color:inherit;text-decoration:none}
.vl-shop-hero .vl-crumb a:hover{color:var(--wp--preset--color--primary)}
.vl-shop-hero .vl-crumb__current{color:var(--wp--preset--color--on-surface);font-weight:600}
.vl-shop-hero .vl-kicker{width:fit-content;padding:.25rem .75rem;border-radius:9999px;background:var(--wp--preset--color--surface-container-high)}
.vl-shop-hero .vl-kicker p{margin:0}
.vl-shop-hero .vl-kicker p:first-child{color:var(--wp--preset--color--secondary)}
.vl-shop-hero .vl-kicker p:last-child{color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--label-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.vl-shop-hero .vl-shop-intro h1{margin:0 0 .5rem}
.vl-shop-hero .vl-shop-intro p:last-child{margin:0}
.vl-shop-search-wrap{margin-top:1.5rem}
.vl-shop-search .wp-block-search__inside-wrapper{height:3.5rem;padding:0 .5rem 0 1rem;border:0;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm)}
.vl-shop-search .wp-block-search__input{border:0;background:transparent;font-size:var(--wp--preset--font-size--body-md)}
.vl-shop-search .wp-block-search__button{border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--primary-container);color:var(--wp--preset--color--on-primary);box-shadow:none;font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-quick-filters{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;overflow-x:auto;padding-bottom:.25rem}
.vl-quick-filters__label{flex:none;color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm);letter-spacing:.06em;text-transform:uppercase;padding-right:.25rem}
.vl-qf-pill{flex:none;padding:.375rem .875rem;border-radius:9999px;background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm);color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-md);font-weight:500;text-decoration:none;white-space:nowrap}
.vl-qf-pill:hover{background:var(--wp--preset--color--surface-container-high)}
.vl-qf-pill.is-active{background:var(--wp--preset--color--primary-container);color:var(--wp--preset--color--on-primary);font-weight:600}
.vl-shop-sidebar{padding:1.5rem;border-radius:var(--wp--custom--radius--panel);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm)}
.vl-filter-head h3{margin:0}
.wp-block-woocommerce-product-filters.wc-block-product-filters{display:flex;flex-direction:column;gap:1.5rem}
.vl-filter-active:empty{display:none}
.vl-filter-group{padding-top:1.25rem;border-top:1px solid var(--wp--preset--color--surface-container-high)}
.vl-filter-group__title{margin:0 0 .75rem;color:var(--wp--preset--color--on-surface);letter-spacing:.02em}
.vl-filter-promo{display:flex;gap:.75rem;padding:1.25rem;border-radius:var(--wp--custom--radius--xl);background:color-mix(in srgb,var(--wp--preset--color--secondary-container) 25%,transparent)}
.vl-filter-promo__icon{flex:none;width:1.5rem;height:1.5rem;margin-top:.125rem}
.vl-filter-promo__title{margin:0 0 .25rem;color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-lg);font-weight:700}
.vl-filter-promo__desc{margin:0;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm);line-height:1.6}
.vl-shop-toolbar{flex-wrap:wrap;gap:1rem;padding:.875rem 1.25rem;margin-bottom:1.5rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm)}
.vl-shop-toolbar .wc-block-product-results-count{margin:0;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm)}
.vl-grid--shop{margin-top:0}
.vl-shop-pagination{flex-wrap:wrap;gap:1rem;padding:1.25rem;margin-top:2rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm)}
.vl-pagination__count{margin:0;color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--body-sm)}
.vl-pagination__nav{gap:.375rem}
.vl-pagination__nav .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-low);color:var(--wp--preset--color--on-surface-variant);font-size:var(--wp--preset--font-size--label-md);text-decoration:none}
.vl-pagination__nav .page-numbers:hover{background:var(--wp--preset--color--surface-container-high)}
.vl-pagination__nav .page-numbers.current{background:var(--wp--preset--color--primary-container);color:var(--wp--preset--color--on-primary);font-weight:600}
.vl-story .vl-story__media{overflow:hidden;border-radius:var(--wp--custom--radius--panel);box-shadow:var(--wp--preset--shadow--lg)}
.vl-story__img{margin:0;line-height:0}
.vl-story__img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.vl-story .vl-story__quote{margin:0;padding:1.25rem 1.5rem;border-left:3px solid var(--wp--preset--color--primary-container);background:var(--wp--preset--color--surface-container-low);border-radius:var(--wp--custom--radius--lg)}
.vl-story .vl-story__quote p{margin:0;color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--body-md);font-style:italic;line-height:1.6}
.vl-story__quote-cite{display:block;margin-top:.5rem;color:var(--wp--preset--color--outline);font-style:normal}
.vl-avatar-lg{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto;border-radius:9999px;background:var(--wp--preset--color--primary-fixed);color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--headline-sm);font-weight:700}
.vl-team-card{padding:1.5rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm);text-align:center}
.vl-team-card h3{margin-top:.75rem}
.vl-team__role{margin:0;color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--label-md);font-weight:600}
.vl-team__bio{margin-top:.5rem}

/* ------------------------------------------------------------------
 * Cart & Checkout (WooCommerce Cart/Checkout blocks)
 * Chỉ style bằng các class WooCommerce chính thức xác nhận ổn định để
 * theme can thiệp (xem developer.woocommerce.com/docs/theming/block-theme-development/cart-and-checkout).
 * Không tự ý đoán các class nội bộ khác vì WooCommerce không đảm bảo
 * chúng giữ nguyên qua các bản cập nhật.
 * ------------------------------------------------------------------ */
.vl-cart-head{padding-top:2.5rem;padding-bottom:1rem}
.vl-cart-head .vl-crumb{margin:0 0 1rem;color:var(--wp--preset--color--on-surface-variant)}
.vl-cart-head .vl-crumb a{color:inherit;text-decoration:none}
.vl-cart-head .vl-crumb a:hover{color:var(--wp--preset--color--primary)}
.vl-cart-head .vl-crumb__current{color:var(--wp--preset--color--on-surface);font-weight:600}
.vl-cart-head h1{margin:0}

/* Nút của WC Blocks (Proceed to Checkout, Place Order...) không tự kế thừa
   style nút thường của theme, nên style riêng theo đúng hướng dẫn của WooCommerce. */
.wc-block-components-button{border-radius:var(--wp--custom--radius--lg);background-color:var(--wp--preset--color--primary-container);color:var(--wp--preset--color--on-primary);font-family:inherit;font-weight:600;box-shadow:var(--wp--preset--shadow--sm)}
.wc-block-components-button:hover,.wc-block-components-button:focus{background-color:var(--wp--preset--color--surface-tint);color:var(--wp--preset--color--on-primary)}
.wc-block-components-button.is-secondary,.wc-block-components-button.wc-block-components-checkout-return-to-cart-button{background-color:var(--wp--preset--color--surface-container-lowest);color:var(--wp--preset--color--on-surface);box-shadow:none;border:1px solid var(--wp--preset--color--outline-variant)}

/* Thanh nút "Proceed to Checkout" dính đáy màn hình trên mobile (Cart block) */
.wc-block-cart__submit-container{background-color:var(--wp--preset--color--surface-container-lowest)}
.wc-block-cart__submit-container::before{color:color-mix(in srgb,var(--wp--preset--color--outline-variant) 60%,transparent)}

/* Badge số lượng trong Order Summary của Checkout block */
.wc-block-components-order-summary-item__quantity{background-color:var(--wp--preset--color--surface-container-lowest);border-color:var(--wp--preset--color--primary-container);box-shadow:0 0 0 2px var(--wp--preset--color--surface-container-lowest);color:var(--wp--preset--color--primary)}

/* ------------------------------------------------------------------
 * Trang 404
 * ------------------------------------------------------------------ */
.vl-404{text-align:center;padding-top:3rem;padding-bottom:1rem}
.vl-404__num{margin:0;background-image:var(--wp--preset--gradient--brand);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:clamp(5rem,14vw,8rem);font-weight:800;letter-spacing:-0.03em;line-height:1}
.vl-404 h2{margin:0}
.vl-404__links{margin-top:.5rem}

/* ------------------------------------------------------------------
 * Blog: trang danh sách (home.html) + trang bài viết (single.html)
 * ------------------------------------------------------------------ */
.vl-blog-hero{margin-top:0}
.vl-post-grid .wp-block-post-template{gap:1.5rem}
.vl-post-card{overflow:hidden;border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--surface-container-lowest);box-shadow:var(--wp--preset--shadow--sm);transition:box-shadow 300ms}
.vl-post-card:hover{box-shadow:var(--wp--preset--shadow--md)}
.vl-post-card__media{position:relative}
.vl-post-card__media img{display:block;width:100%;object-fit:cover}
.vl-post-card__cat{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.375rem;margin:0}
.vl-post-card__cat a{padding:.25rem .625rem;border-radius:9999px;background:color-mix(in srgb,var(--wp--preset--color--surface-container-lowest) 90%,transparent);color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--label-sm);font-weight:600;text-decoration:none}
.vl-post-card__body{padding:1.25rem}
.vl-post-card__body>*{margin:0 0 .5rem}
.vl-post-card__date{color:var(--wp--preset--color--outline)}
.vl-post-card__title a{color:var(--wp--preset--color--on-surface);font-weight:700;text-decoration:none}
.vl-post-card__title a:hover{color:var(--wp--preset--color--primary)}
.vl-post-card__excerpt{margin-bottom:0!important}

.vl-post-head{padding-top:2.5rem;padding-bottom:0}
.vl-post-head .vl-crumb{margin:0 0 1rem;color:var(--wp--preset--color--on-surface-variant)}
.vl-post-head .vl-crumb a{color:inherit;text-decoration:none}
.vl-post-head .vl-crumb a:hover{color:var(--wp--preset--color--primary)}
.vl-post-head .vl-crumb__current{color:var(--wp--preset--color--on-surface);font-weight:600}
.vl-post-head__cat{margin:0 0 .75rem}
.vl-post-head__cat a{padding:.25rem .75rem;border-radius:9999px;background:var(--wp--preset--color--primary-fixed);color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--label-sm);font-weight:600;text-decoration:none}
.vl-post-head h1{margin:.5rem 0 1rem}
.vl-post-head__meta{gap:.75rem;color:var(--wp--preset--color--on-surface-variant)}
.vl-post-head__meta p{margin:0}
.vl-post-featured{margin-top:2rem}
.vl-post-featured img{width:100%;object-fit:cover}
.vl-post-author-box{margin-top:3rem;padding:1.5rem;border-radius:var(--wp--custom--radius--xl);background:var(--wp--preset--color--surface-container-low)}
.vl-post-author-box p{margin:0}
.vl-post-author-box__label{color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-sm);letter-spacing:.06em;text-transform:uppercase}
.vl-post-author-box .wp-block-post-author-biography{margin-top:.375rem;color:var(--wp--preset--color--on-surface-variant)}
.vl-legal-head{padding-top:2.5rem;padding-bottom:1rem}
.vl-legal-head .vl-crumb{margin:0 0 1rem;color:var(--wp--preset--color--on-surface-variant)}
.vl-legal-head .vl-crumb a{color:inherit;text-decoration:none}
.vl-legal-head .vl-crumb a:hover{color:var(--wp--preset--color--primary)}
.vl-legal-head .vl-crumb__current{color:var(--wp--preset--color--on-surface);font-weight:600}
.vl-legal-head h1{margin:0}
.vl-legal-body{padding-top:1rem;padding-bottom:4rem;color:var(--wp--preset--color--on-surface-variant);line-height:1.75}
.vl-legal-body h2{margin:2.5rem 0 1rem;color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--headline-sm)}
.vl-legal-body h3{margin:1.75rem 0 .75rem;color:var(--wp--preset--color--on-surface);font-size:var(--wp--preset--font-size--body-lg)}
.vl-legal-body p{margin:0 0 1rem}
.vl-legal-body ul,.vl-legal-body ol{margin:0 0 1rem;padding-left:1.5rem}
.vl-legal-body li{margin-bottom:.5rem}
.vl-legal-body a{color:var(--wp--preset--color--primary)}
.vl-legal-body strong{color:var(--wp--preset--color--on-surface)}
.vl-legal-meta{margin:0 0 2rem;padding:.75rem 1rem;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--surface-container-low);color:var(--wp--preset--color--outline);font-size:var(--wp--preset--font-size--label-md)}