/*
 * Pietra Creations category, Shop and product archive presentation.
 * All rules are scoped to the dynamic [pietra_category_archive] output.
 */

body.pietra-category-template {
    overflow-x: clip;
}

@supports not (overflow: clip) {
    body.pietra-category-template {
        overflow-x: hidden;
    }
}

.pietra-category-archive {
    --pietra-primary: var(--e-global-color-primary, #704421);
    --pietra-secondary: var(--e-global-color-secondary, #b18462);
    --pietra-text: var(--e-global-color-text, #26221f);
    --pietra-accent: var(--e-global-color-accent, #8a4f23);
    --pietra-page-background: #f6f3f1;
    --pietra-card-background: #fff;
    --pietra-border: color-mix(in srgb, var(--pietra-text) 15%, transparent);
    --pietra-soft-border: color-mix(in srgb, var(--pietra-text) 9%, transparent);
    --pietra-shadow: 0 7px 22px color-mix(in srgb, var(--pietra-text) 8%, transparent);
    width: 100%;
    max-width: none;
    color: var(--pietra-text);
    background: transparent;
}

.pietra-category-archive *,
.pietra-category-archive *::before,
.pietra-category-archive *::after {
    box-sizing: border-box;
}

/* Hero */
.pietra-category-hero {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    width: 100vw;
    max-width: none;
    height: clamp(340px, 33.333vw, 800px);
    min-height: 0;
    margin-inline: calc(50% - 50vw);
    overflow: hidden;
    align-items: stretch;
    isolation: isolate;
    background: color-mix(in srgb, var(--pietra-secondary) 24%, var(--pietra-page-background));
}

.pietra-category-hero-media,
.pietra-category-hero-overlay {
    position: absolute;
    inset: 0;
}

.pietra-category-hero-media {
    z-index: -3;
    overflow: hidden;
}

/*
 * Force the wide 3:1 source image to cover the complete hero canvas.
 * This overrides Astra, Elementor and WordPress image rules such as
 * height:auto that can otherwise leave the neutral hero background visible
 * beneath the image on narrow screens.
 */
.pietra-category-hero-image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.pietra-category-hero.image-position-left .pietra-category-hero-image {
    object-position: left center !important;
}

.pietra-category-hero.image-position-center .pietra-category-hero-image {
    object-position: center center !important;
}

.pietra-category-hero.image-position-right .pietra-category-hero-image {
    object-position: right center !important;
}

.pietra-category-hero-overlay {
    z-index: -2;
    pointer-events: none;
    opacity: var(--pietra-hero-overlay-opacity, .10);
}

/*
 * Overlay strength is set per category through ACF. The percentage is used
 * directly, so 0% means no overlay and 20% means a true 20% colour layer.
 * Text style controls only whether that layer is dark or light.
 */
.pietra-category-hero.has-image.text-light .pietra-category-hero-overlay {
    background: #1b1612;
}

.pietra-category-hero.has-image.text-dark .pietra-category-hero-overlay {
    background: #fff;
}

.pietra-category-hero-inner {
    grid-row: 2;
    display: flex;
    width: min(1200px, calc(100% - 48px));
    margin-inline: auto;
    flex-direction: column;
    align-items: center;
    padding: 46px 0 52px;
    text-align: center;
}

/* Vertical text placement uses proportional free-space rows, so it scales
 * with the desktop, tablet and mobile hero heights without fixed offsets. */
.pietra-category-hero.text-position-higher {
    grid-template-rows: 1fr auto 2fr;
}

.pietra-category-hero.text-position-center {
    grid-template-rows: 1fr auto 1fr;
}

.pietra-category-hero.text-position-lower {
    grid-template-rows: 2fr auto 1fr;
}

.pietra-category-hero.content-position-center .pietra-category-hero-inner {
    align-items: center;
    text-align: center;
}

.pietra-category-hero.content-position-right .pietra-category-hero-inner {
    align-items: flex-end;
    text-align: right;
}

.pietra-category-hero.has-image.text-light .pietra-category-hero-inner {
    color: #fff;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .22);
}

.pietra-category-hero.has-image.text-dark .pietra-category-hero-inner,
.pietra-category-hero.no-image .pietra-category-hero-inner {
    color: var(--pietra-text);
    text-shadow: none;
}

.pietra-category-title {
    max-width: 900px;
    margin: 0;
    color: inherit;
    font-family: var(--e-global-typography-primary-font-family, inherit);
    font-size: clamp(54px, 6.5vw, 82px);
    font-weight: var(--e-global-typography-primary-font-weight, 400);
    letter-spacing: -.025em;
    line-height: 1.04;
}

.pietra-category-hero-subtitle {
    max-width: 620px;
    margin: 18px 0 0;
    color: inherit;
    font-size: clamp(17px, 1.7vw, 21px);
    line-height: 1.5;
}


/* Main page area uses the site's warm background, with white content cards. */
.pietra-category-main {
    width: min(1200px, calc(100% - 48px));
    margin-inline: auto;
    padding: 24px 0 72px;
}

.pietra-category-breadcrumb,
.pietra-category-breadcrumb.woocommerce-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    width: 100%;
    margin: 0 0 34px !important;
    padding: 0 !important;
    color: var(--pietra-text);
    font-size: 14px;
    line-height: 1.45;
}

.pietra-category-breadcrumb a {
    color: inherit;
    text-decoration: none;
    opacity: .82;
}

.pietra-category-breadcrumb a:hover,
.pietra-category-breadcrumb a:focus-visible {
    color: inherit;
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.pietra-breadcrumb-separator {
    opacity: .5;
}

.pietra-category-intro {
    width: 100%;
    max-width: none;
    margin: 0 0 34px;
}

.pietra-category-intro-heading,
.pietra-category-products-heading {
    margin: 0;
    color: var(--pietra-text);
    font-family: var(--e-global-typography-primary-font-family, inherit);
    font-size: clamp(31px, 3vw, 43px);
    font-weight: var(--e-global-typography-primary-font-weight, 400);
    letter-spacing: -.02em;
    line-height: 1.12;
}

.pietra-category-intro-heading {
    text-transform: none !important;
}

.pietra-category-intro-supporting-line {
    width: 100%;
    max-width: none;
    margin: 5px 0 0;
    color: var(--pietra-accent);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    text-transform: uppercase !important;
}

.pietra-category-intro-supporting-line + .pietra-category-intro-text {
    margin-top: 26px;
}

.pietra-category-intro-text {
    width: 100%;
    max-width: none;
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.65;
}

.pietra-category-intro-text > :first-child,
.pietra-category-card-description > :first-child,
.pietra-category-long-description-content > :first-child {
    margin-top: 0;
}

.pietra-category-intro-text > :last-child,
.pietra-category-card-description > :last-child,
.pietra-category-long-description-content > :last-child {
    margin-bottom: 0;
}

/* Child category cards */
.pietra-category-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
}

.pietra-category-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    background: var(--pietra-card-background);
    border: 1px solid var(--pietra-border);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .55) inset;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.pietra-category-card:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--pietra-accent) 35%, transparent);
    box-shadow: var(--pietra-shadow);
}

.pietra-category-card-image-link,
.pietra-category-card-image-wrap {
    display: block;
    width: 100%;
}

.pietra-category-card-image-wrap {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
}

.pietra-category-card-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.pietra-category-card:hover .pietra-category-card-image {
    transform: scale(1.018);
}

.pietra-category-card-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(135deg, transparent 47%, color-mix(in srgb, var(--pietra-secondary) 14%, transparent) 48% 52%, transparent 53%),
        color-mix(in srgb, var(--pietra-secondary) 8%, #fff);
}

.pietra-category-card-placeholder-image {
    object-fit: contain;
    padding: 12%;
}

.pietra-category-card-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 20px 22px;
}

.pietra-category-card-title {
    margin: 0 !important;
    color: var(--pietra-text);
    font-family: var(--e-global-typography-primary-font-family, inherit);
    font-size: clamp(22px, 2vw, 29px);
    font-weight: var(--e-global-typography-primary-font-weight, 400);
    letter-spacing: -.015em;
    line-height: 1.15;
}

.pietra-category-card-title a {
    color: inherit;
    text-decoration: none;
}

.pietra-category-card-subtitle {
    margin: 3px 0 0;
    color: var(--pietra-accent);
    font-size: 14px;
    line-height: 1.4;
}

.pietra-category-card-description {
    margin-top: 13px;
    color: var(--pietra-text);
    font-size: 14px;
    line-height: 1.58;
}

.pietra-category-card-button,
.pietra-category-archive ul.products li.product .button {
    display: inline-flex !important;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    margin-top: auto !important;
    padding: 10px 18px !important;
    color: #fff !important;
    background: var(--pietra-accent) !important;
    border: 1px solid var(--pietra-accent) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
    line-height: 1.2 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.pietra-category-card-actions {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: auto;
    padding-top: 20px;
}

.pietra-category-card-button {
    min-width: 170px;
    min-height: 46px;
    align-self: center;
    margin-top: 0 !important;
    padding: 13px 26px !important;
    font-size: 13px !important;
    letter-spacing: .035em;
}

.pietra-category-card-button:hover,
.pietra-category-card-button:focus-visible,
.pietra-category-archive ul.products li.product .button:hover,
.pietra-category-archive ul.products li.product .button:focus-visible {
    color: #fff !important;
    background: var(--pietra-primary) !important;
    border-color: var(--pietra-primary) !important;
    transform: translateY(-1px);
}

/* Product area */
.pietra-category-products.has-child-categories {
    margin-top: 58px;
    padding-top: 46px;
    border-top: 1px solid var(--pietra-border);
}

.pietra-category-products-heading {
    margin-bottom: 24px;
}

.pietra-category-loop-controls {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}

.pietra-category-result-count .woocommerce-result-count,
.pietra-category-ordering .woocommerce-ordering {
    float: none !important;
    margin: 0 !important;
}

.pietra-category-result-count .woocommerce-result-count {
    color: var(--pietra-text);
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 1.45;
}

.pietra-category-ordering select,
body.pietra-category-template .pietra-category-ordering select.orderby {
    min-width: 215px;
    min-height: 42px;
    padding: 8px 38px 8px 12px;
    color: var(--pietra-text) !important;
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid var(--pietra-border) !important;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(38, 34, 31, .05);
    color-scheme: light;
    font-size: 14px;
}

.pietra-category-ordering select option {
    color: var(--pietra-text);
    background: #fff;
}

.pietra-product-grid,
.pietra-product-grid ul.products {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.pietra-product-grid ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row;
    gap: 22px !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pietra-product-grid ul.products::before,
.pietra-product-grid ul.products::after {
    display: none !important;
    content: none !important;
}

.pietra-category-archive ul.products li.product.pietra-archive-product-card {
    position: relative !important;
    display: flex !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: var(--pietra-card-background) !important;
    border: 1px solid var(--pietra-border) !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.pietra-category-archive ul.products li.product.pietra-archive-product-card:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--pietra-accent) 32%, transparent) !important;
    box-shadow: var(--pietra-shadow) !important;
}

.pietra-category-archive ul.products li.product .astra-shop-thumbnail-wrap,
.pietra-category-archive ul.products li.product .woocommerce-LoopProduct-link {
    position: relative;
    width: 100% !important;
    margin: 0 !important;
}

.pietra-category-archive ul.products li.product .astra-shop-thumbnail-wrap,
.pietra-category-archive ul.products li.product .woocommerce-LoopProduct-link img {
    background: #fff;
}

.pietra-category-archive ul.products li.product img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 10px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #fff;
}

.pietra-category-archive ul.products li.product .astra-shop-summary-wrap {
    display: flex !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 18px 18px 20px !important;
}

.pietra-category-archive ul.products li.product .ast-woo-product-category,
.pietra-category-archive ul.products li.product .star-rating {
    display: none !important;
}

.pietra-category-archive ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box !important;
    min-height: 2.8em;
    margin: 0 0 9px !important;
    overflow: hidden;
    color: var(--pietra-text) !important;
    font-family: var(--e-global-typography-primary-font-family, inherit);
    font-size: clamp(18px, 1.65vw, 22px) !important;
    font-weight: var(--e-global-typography-primary-font-weight, 400) !important;
    letter-spacing: -.01em;
    line-height: 1.28 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.pietra-category-archive ul.products li.product .price {
    display: block !important;
    min-height: 1.45em;
    margin: 0 0 14px !important;
    color: var(--pietra-text) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

.pietra-category-archive ul.products li.product .price del {
    opacity: .58;
}

.pietra-category-archive ul.products li.product .button {
    width: 100% !important;
    min-width: 0;
    min-height: 48px;
    align-self: stretch;
    margin-top: auto !important;
    padding: 13px 18px !important;
    font-size: 13px !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
}

.pietra-category-archive ul.products li.product .added_to_cart {
    margin-top: 10px;
    color: var(--pietra-accent);
    font-size: 13px;
    font-weight: 700;
    text-underline-offset: 3px;
}

.pietra-category-archive .ast-shop-product-out-of-stock {
    display: none !important;
}

.pietra-out-of-stock-badge {
    position: static;
    z-index: auto;
    display: flex;
    width: max-content;
    max-width: calc(100% - 24px);
    min-height: 29px;
    margin: 12px auto 0;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    color: color-mix(in srgb, var(--pietra-text) 82%, #fff);
    background: color-mix(in srgb, var(--pietra-secondary) 22%, #f4efe9);
    border: 1px solid color-mix(in srgb, var(--pietra-secondary) 33%, transparent);
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(40, 33, 26, .08);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .015em;
    line-height: 1;
    text-transform: uppercase;
}

.pietra-category-archive ul.products li.product .onsale {
    top: 12px !important;
    right: auto !important;
    left: 12px !important;
    min-width: auto !important;
    min-height: 29px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    color: #fff !important;
    background: var(--pietra-accent) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

.pietra-product-is-out-of-stock .button {
    color: var(--pietra-text) !important;
    background: color-mix(in srgb, var(--pietra-secondary) 13%, #fff) !important;
    border-color: color-mix(in srgb, var(--pietra-secondary) 30%, transparent) !important;
}

.pietra-category-long-description {
    width: 100%;
    max-width: none;
    margin-top: 58px;
    padding-top: 42px;
    border-top: 1px solid var(--pietra-border);
    color: var(--pietra-text);
    font-size: 16px;
    line-height: 1.72;
}

.pietra-category-long-description-heading {
    width: 100%;
    margin: 0 0 24px;
    color: var(--pietra-text);
    font-family: var(--e-global-typography-primary-font-family, inherit);
    font-size: clamp(24px, 2.2vw, 32px);
    font-weight: var(--e-global-typography-primary-font-weight, 400);
    letter-spacing: -.015em;
    line-height: 1.2;
    text-transform: none;
}

.pietra-category-long-description-content {
    width: 100%;
    max-width: none;
}

.pietra-category-long-description-content h2,
.pietra-category-long-description-content h3,
.pietra-category-long-description-content h4 {
    margin: 1.45em 0 .55em;
    color: var(--pietra-text);
    font-family: var(--e-global-typography-primary-font-family, inherit);
    font-weight: var(--e-global-typography-primary-font-weight, 400);
    line-height: 1.2;
}

.pietra-category-long-description-content h2 {
    font-size: clamp(28px, 2.5vw, 38px);
}

.pietra-category-long-description-content h3 {
    font-size: clamp(23px, 2vw, 30px);
}

.pietra-category-long-description-content a {
    color: var(--pietra-accent);
    text-underline-offset: 3px;
}

/* Fine-tune only the long category description content. Preserve the
 * theme's spacing below lists while tightening the space immediately above. */
.pietra-category-long-description-content ul {
    margin-top: 10px !important;
}

.pietra-category-long-description-content h5 {
    padding-top: 8px;
    margin-bottom: 10px !important;
}

.pietra-category-long-description-content h5 + ul {
    margin-top: 10px !important;
}

/* Pagination */
.pietra-category-pagination {
    margin-top: 36px;
}

.pietra-category-pagination .woocommerce-pagination,
.pietra-category-pagination .woocommerce-pagination ul.page-numbers {
    float: none !important;
    margin: 0 !important;
}

.pietra-category-pagination .woocommerce-pagination ul.page-numbers {
    display: flex !important;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: center;
    padding: 0 !important;
    border: 0 !important;
}

.pietra-category-pagination .woocommerce-pagination ul.page-numbers li {
    float: none !important;
    overflow: visible !important;
    margin: 0 !important;
    border: 0 !important;
}

.pietra-category-pagination .page-numbers a,
.pietra-category-pagination .page-numbers span {
    display: inline-flex !important;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 7px 11px !important;
    color: var(--pietra-text) !important;
    background: #fff !important;
    border: 1px solid var(--pietra-border) !important;
    text-decoration: none;
}

.pietra-category-pagination .page-numbers .current,
.pietra-category-pagination .page-numbers a:hover,
.pietra-category-pagination .page-numbers a:focus-visible {
    color: #fff !important;
    background: var(--pietra-accent) !important;
    border-color: var(--pietra-accent) !important;
}

.pietra-category-empty {
    padding: 26px;
    background: #fff;
    border: 1px solid var(--pietra-border);
}

.pietra-category-editor-message {
    max-width: 900px;
    margin: 28px auto;
    padding: 18px 20px;
    background: #fff8e5;
    border: 1px solid #d8b85f;
    color: #392f1d;
}

@media (max-width: 1024px) {
    .pietra-category-hero {
        height: clamp(340px, 33.333vw, 420px);
    }

    .pietra-category-card-grid,
    .pietra-product-grid ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .pietra-category-hero {
        height: 280px;
        min-height: 280px;
    }

    /*
     * On short mobile heroes, redistributing only the remaining grid space is
     * too subtle once the heading and subtitle form a tall text block. Position
     * the centre of the complete text block directly at 25%, 50% or 75% of the
     * hero height. Desktop and tablet continue using the approved grid ratios.
     */
    .pietra-category-hero-inner {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        grid-row: auto;
        width: min(100% - 32px, 1200px);
        padding: 0;
        transform: translate(-50%, -50%);
    }

    .pietra-category-hero.text-position-higher .pietra-category-hero-inner {
        top: 25%;
    }

    .pietra-category-hero.text-position-center .pietra-category-hero-inner {
        top: 50%;
    }

    .pietra-category-hero.text-position-lower .pietra-category-hero-inner {
        top: 75%;
    }

    .pietra-category-main {
        width: min(100% - 32px, 1200px);
    }

    .pietra-category-title {
        font-size: clamp(44px, 12vw, 60px);
    }

    .pietra-category-main {
        padding: 20px 0 52px;
    }

    .pietra-category-breadcrumb,
    .pietra-category-breadcrumb.woocommerce-breadcrumb {
        margin-bottom: 28px !important;
        font-size: 13px;
    }

    .pietra-category-card-grid,
    .pietra-product-grid ul.products {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 17px !important;
    }

    .pietra-category-card-content {
        padding: 18px 18px 20px;
    }

    .pietra-category-products.has-child-categories {
        margin-top: 42px;
        padding-top: 36px;
    }

    .pietra-category-long-description {
        margin-top: 42px;
        padding-top: 34px;
        font-size: 15px;
    }

    .pietra-category-loop-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .pietra-category-ordering select {
        width: 100%;
        min-width: 0;
    }

    .pietra-category-archive ul.products li.product .woocommerce-loop-product__title {
        font-size: 21px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pietra-category-card,
    .pietra-category-card-image,
    .pietra-category-card-button,
    .pietra-category-archive ul.products li.product,
    .pietra-category-archive ul.products li.product .button {
        transition: none !important;
    }
}
/* The shortcode renders the only visible category description. Hide the
 * Elementor compatibility widget plus any native WooCommerce/Astra description
 * wrapper that may still be present outside the shortcode. */
body.pietra-category-template .pietra-required-archive-description,
body.pietra-category-template .elementor-widget-woocommerce-archive-description,
body.pietra-category-template .woocommerce-products-header__description,
body.pietra-category-template .term-description {
    display: none !important;
}

body.pietra-category-template .pietra-category-long-description {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}
