/* =============================================
   TU COMPRADORA MEDIA PACK
   ============================================= */

.tc-brand-logo {
    display:block;
    width:min(240px,52vw);
    height:auto;
    max-height:72px;
}

.brand {
    display:flex;
    align-items:center;
    text-decoration:none;
}

.tc-home-hero {
    width:100%;
    margin:4px 0 18px;
}

.tc-home-hero picture,
.tc-home-hero img {
    display:block;
    width:100%;
}

.tc-home-hero img {
    height:auto;
    border-radius:22px;
    box-shadow:0 12px 34px rgba(65,28,110,.12);
}

.tc-announcement,
.tc-promo-wide {
    margin:18px 0;
}

.tc-announcement img,
.tc-promo-wide img {
    display:block;
    width:100%;
    height:auto;
    border-radius:18px;
}

.tc-media-title {
    margin:28px 0 14px;
}

.tc-media-title h2 {
    margin:0;
}

/* Category graphics */

.tc-category-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin:0 0 22px;
}

.tc-category-card {
    appearance:none;
    border:0;
    padding:0;
    background:none;
    cursor:pointer;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(63,32,90,.10);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.tc-category-card:hover {
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(63,32,90,.18);
}

.tc-category-card img {
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    object-fit:contain;
}

/*
  Existing text category filters stay functional but are visually
  hidden because the new image cards operate them.
*/
#categories {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* Additional promotional content */

.tc-showcase {
    margin-top:38px;
}

.tc-showcase-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.tc-showcase-card {
    overflow:hidden;
    border-radius:22px;
    background:var(--surface);
    box-shadow:0 10px 28px rgba(63,32,90,.09);
}

.tc-showcase-card img {
    display:block;
    width:100%;
    height:auto;
}

.tc-full-media {
    margin:24px 0;
    overflow:hidden;
    border-radius:22px;
}

.tc-full-media img {
    display:block;
    width:100%;
    height:auto;
}

.tc-testimonial-grid {
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:18px;
    align-items:start;
    margin:24px 0;
}

.tc-testimonial-grid img {
    display:block;
    width:100%;
    height:auto;
    border-radius:22px;
}

.tc-blog-link {
    display:block;
    text-decoration:none;
    color:inherit;
}

@media (max-width: 1050px) {
    .tc-category-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 700px) {

    .page {
        padding-left:10px;
        padding-right:10px;
    }

    .tc-home-hero img {
        border-radius:17px;
    }

    .tc-category-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .tc-showcase-grid,
    .tc-testimonial-grid {
        grid-template-columns:1fr;
    }

    .tc-announcement,
    .tc-promo-wide {
        margin:12px 0;
    }
}


/* ==================================================
   TC_TWO_COLUMN_CATEGORY_LAYOUT_START
   ================================================== */

.tc-category-grid {
    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:12px;

    max-width:760px;

    margin:
        0 auto 22px;
}


.tc-category-card {
    position:relative;

    display:block;

    min-width:0;

    color:var(--text);

    text-decoration:none;
}


.tc-category-card img {
    width:100%;

    aspect-ratio:1 / 1;

    object-fit:contain;
}


.tc-category-label {
    position:absolute;

    left:10px;
    right:10px;
    bottom:10px;

    display:block;

    padding:
        8px 9px;

    border-radius:12px;

    background:
        rgba(255,255,255,.90);

    color:#24192e;

    font-size:
        clamp(12px,2.6vw,16px);

    font-weight:800;

    line-height:1.15;

    text-align:center;

    box-shadow:
        0 4px 14px
        rgba(20,10,30,.12);

    pointer-events:none;
}


@media (max-width:1050px) {
    .tc-category-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }
}


@media (max-width:700px) {
    .tc-category-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:10px;

        max-width:none;
    }

    .tc-category-label {
        left:7px;
        right:7px;
        bottom:7px;

        padding:
            7px 5px;
    }
}

/* TC_TWO_COLUMN_CATEGORY_LAYOUT_END */


/* TC CATEGORY ARTWORK LABEL REMOVAL */

/*
  Category artwork now contains its category name,
  so the extra storefront label is redundant.
*/
.tc-category-label{
  display:none !important;
}