/* Block: Title — shared component styles (standalone + inside bullets) */
.block-title { margin-top: -10px; }
.as-product-canvas .block-title { margin-top: 0; }

.block-title h2 {
    opacity: 0;
    will-change: transform;
}

.block-title h2 .line {
    padding-bottom: 0.2em;
    margin-bottom: -0.2em;
}

.block-title .cols {
    width: 100%;
    gap: var(--spacing-gap-large);
    align-items: flex-end;
    justify-content: space-between;
}

.block-title .title-description {
    gap: var(--spacing-gap-xsmall);
    justify-content: space-between;
    color: var(--color-subtext);
}


@container page-content (max-width: 1500px) {
    .block-title .col.w-80 { width: 70%; }
    .block-title .col.w-25 { width: 30%; }
}


@container page-content (max-width: 1024px) {
    .block-title .cols { gap: var(--spacing-gap-small); }
    .block-title .title-description { min-width: 0; }
    .block-title .col.w-80 { width: 100%; }
    .block-title .col.w-25 { width: 100%; }
    .block-title .col.w-25 p { text-align: center; }
}

@container page-content (max-width: 768px) {

}