.categories-page{font-family:"Montserrat",Arial,Helvetica,sans-serif}
.categories-main{
    padding:28px 0 0;
    background:
        radial-gradient(circle at 14% 14%,rgba(221,228,255,.28),transparent 26%),
        radial-gradient(circle at 88% 28%,rgba(222,246,255,.30),transparent 28%),
        #fff;
}
.categories-heading{padding:18px 0 34px;text-align:center}
.categories-heading h1{margin:0;color:#11131a;font-size:clamp(34px,3vw,48px);line-height:1.08;letter-spacing:-1.4px}
.categories-heading p{margin:12px 0 0;color:#666c78;font-size:13px;line-height:1.55}
.categories-heading>span{display:block;width:46px;height:4px;margin:16px auto 0;border-radius:10px;background:#4e31e7}
.categories-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-bottom:64px}
.large-category-card{
    --accent:#5831f0;
    --accent-rgb:88,49,240;
    --accent-end:#704fff;
    position:relative;min-height:280px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.16);border-radius:18px;
    background:radial-gradient(circle at 84% 78%,rgba(var(--accent-rgb),.13),transparent 38%),linear-gradient(135deg,rgba(var(--accent-rgb),.075),rgba(255,255,255,.98) 58%);
    box-shadow:0 14px 34px rgba(15,23,42,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.large-category-card:hover{transform:translateY(-4px);box-shadow:0 21px 45px rgba(15,23,42,.10);border-color:rgba(var(--accent-rgb),.3)}
.large-category-card::after{content:"";position:absolute;right:20px;top:18px;width:66px;height:66px;opacity:.22;background-image:radial-gradient(var(--accent) 1.2px,transparent 1.2px);background-size:10px 10px}
.theme-purple{--accent:#5831f0;--accent-rgb:88,49,240;--accent-end:#714fff}
.theme-blue{--accent:#0d8df3;--accent-rgb:13,141,243;--accent-end:#13a8ef}
.theme-green{--accent:#0dbb72;--accent-rgb:13,187,114;--accent-end:#14c69a}
.theme-orange{--accent:#ff7607;--accent-rgb:255,118,7;--accent-end:#d78a43}
.theme-pink{--accent:#f02d73;--accent-rgb:240,45,115;--accent-end:#d44ba3}
.theme-teal{--accent:#0799a5;--accent-rgb:7,153,165;--accent-end:#13aec1}
.category-card-content{position:relative;z-index:3;width:59%;min-height:280px;padding:30px 0 28px 30px;display:flex;flex-direction:column;align-items:flex-start}
.category-title-row{display:flex;align-items:flex-start;gap:18px}
.category-number{width:55px;height:55px;flex:0 0 auto;border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent-end));color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;box-shadow:0 10px 23px rgba(var(--accent-rgb),.24)}
.category-title-row h2{margin:6px 0 7px;color:#15161b;font-size:22px;line-height:1.08;letter-spacing:-.55px}
.category-title-row p{max-width:320px;margin:0;color:#4c556b;font-size:11px;line-height:1.55}
.category-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.category-tags a{min-height:30px;padding:0 13px;border:1px solid rgba(var(--accent-rgb),.17);border-radius:999px;background:rgba(255,255,255,.76);color:var(--accent);text-decoration:none;display:flex;align-items:center;font-size:10px;font-weight:700;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.category-tags a:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.38);background:#fff}
.category-cta{width:max-content;min-width:170px;min-height:42px;margin-top:auto;padding:0 19px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-end));color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:13px;font-size:10px;font-weight:700;box-shadow:0 10px 22px rgba(var(--accent-rgb),.22);transition:transform .18s ease,box-shadow .18s ease}
.category-cta:hover{transform:translateY(-1px);box-shadow:0 13px 27px rgba(var(--accent-rgb),.3)}
.category-cta .icon{width:15px;height:15px}
.category-artwork{position:absolute;z-index:1;right:0;top:0;width:48%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.category-artwork::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.08) 28%,rgba(255,255,255,0) 100%);z-index:2}
.category-artwork img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s ease}
.large-category-card:hover .category-artwork img{transform:scale(1.035)}
.categories-store-stats{background:linear-gradient(100deg,#071128,#082050 57%,#071838);color:#fff}
.categories-store-stats-inner{min-height:150px;display:grid;grid-template-columns:minmax(420px,1.35fr) repeat(3,1fr);align-items:center}
.categories-visit-store{min-height:110px;padding-right:32px;border-right:1px solid rgba(255,255,255,.35);display:flex;align-items:center;gap:24px}
.categories-store-icon{width:90px;height:90px;flex:0 0 auto;border:2px solid #5b4cff;border-radius:50%;color:#fff;display:grid;place-items:center;box-shadow:0 0 24px rgba(82,64,243,.28)}
.categories-store-icon .icon{width:48px;height:48px}
.categories-visit-store h2{margin:0;font-size:17px;line-height:1;text-transform:uppercase}
.categories-visit-store p{margin:8px 0;color:#e9ecf5;font-size:10px;line-height:1.55}
.categories-visit-store a{width:max-content;min-height:31px;padding:0 12px;border-radius:5px;background:#4d37ef;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700}
.categories-visit-store a .icon{width:13px;height:13px}
.categories-stat{min-height:92px;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 18px}
.categories-stat:not(:last-child){border-right:1px solid rgba(255,255,255,.18)}
.categories-stat>.icon{width:36px;height:36px;color:#7d73ff}
.categories-stat div{display:flex;flex-direction:column}
.categories-stat strong{font-size:26px;line-height:1;font-weight:800}
.categories-stat span{margin-top:7px;color:#e4e7ef;font-size:10px;line-height:1.25;text-transform:uppercase}
.floating-whatsapp{position:fixed;z-index:60;right:26px;bottom:26px;width:54px;height:54px;border-radius:50%;background:#16bd4a;color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 14px 32px rgba(22,189,74,.35);transition:transform .18s ease}
.floating-whatsapp:hover{transform:translateY(-3px)}
.floating-whatsapp .icon{width:29px;height:29px}
.categories-footer{margin-top:0}

@media (max-width:1100px){
    .categories-card-grid{gap:16px}
    .large-category-card,.category-card-content{min-height:265px}
    .category-card-content{width:64%;padding-left:22px}
    .category-title-row h2{font-size:19px}
    .category-tags a{padding-inline:10px}
    .categories-store-stats-inner{grid-template-columns:1.25fr repeat(3,.75fr)}
}
@media (max-width:860px){
    .categories-card-grid{grid-template-columns:1fr}
    .large-category-card,.category-card-content{min-height:280px}
    .category-card-content{width:60%;padding-left:28px}
    .categories-store-stats-inner{grid-template-columns:1fr 1fr}
    .categories-visit-store{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(255,255,255,.25);padding:22px 0}
    .categories-stat{min-height:100px}.categories-stat:nth-of-type(2){border-right:0}
}
@media (max-width:580px){
    .categories-main{padding-top:12px}
    .categories-heading{padding-bottom:26px}
    .categories-heading h1{font-size:32px}
    .categories-heading p{font-size:11px}
    .large-category-card{min-height:440px}
    .category-card-content{width:100%;min-height:440px;padding:24px 22px 220px}
    .category-title-row{gap:14px}
    .category-number{width:48px;height:48px;font-size:17px}
    .category-title-row h2{font-size:18px}
    .category-title-row p{font-size:10px}
    .category-artwork{left:0;right:0;top:auto;bottom:0;width:100%;height:210px}
    .category-artwork::before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.18) 30%,rgba(255,255,255,0) 100%)}
    .category-cta{margin-top:20px}
    .categories-store-stats-inner{grid-template-columns:1fr}
    .categories-visit-store{grid-column:auto;padding-inline:6px}
    .categories-stat{border-right:0!important;border-top:1px solid rgba(255,255,255,.16)}
    .floating-whatsapp{right:18px;bottom:18px}
}


/* Compact category cards — preserve content while reducing page length */
.categories-main{padding-top:22px}
.categories-heading{padding:14px 0 28px}
.categories-card-grid{gap:18px;padding-bottom:54px}
.large-category-card{
    min-height:232px;
    border-radius:16px;
    background:radial-gradient(circle at 84% 78%,rgba(var(--accent-rgb),.085),transparent 38%),linear-gradient(135deg,rgba(var(--accent-rgb),.05),rgba(255,255,255,.99) 58%);
    box-shadow:0 10px 26px rgba(15,23,42,.045);
}
.large-category-card:hover{box-shadow:0 17px 34px rgba(15,23,42,.085)}
.category-card-content{width:62%;min-height:232px;padding:24px 0 22px 26px}
.category-number{width:48px;height:48px;border-radius:11px;font-size:18px}
.category-title-row{gap:15px}
.category-title-row h2{margin-top:4px;font-size:20px}
.category-title-row p{font-size:10px;line-height:1.5}
.category-tags{gap:6px;margin-top:14px}
.category-tags a{min-height:27px;padding-inline:10px;font-size:10px}
.category-cta{min-width:148px;min-height:37px;padding-inline:16px;font-size:10px}
.category-artwork{width:43%;padding:12px 10px 10px 0}
.category-artwork::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.3) 18%,rgba(255,255,255,0) 48%)}
.category-artwork img{width:92%;height:92%;object-fit:contain;object-position:center right;transform:scale(.92)}
.large-category-card:hover .category-artwork img{transform:scale(.96)}

@media (max-width:1100px){
    .large-category-card,.category-card-content{min-height:225px}
    .category-card-content{width:64%;padding-left:20px}
    .category-title-row h2{font-size:18px}
}
@media (max-width:860px){
    .large-category-card,.category-card-content{min-height:238px}
    .category-card-content{width:62%}
}
@media (max-width:580px){
    .large-category-card{min-height:390px}
    .category-card-content{min-height:390px;padding-bottom:190px}
    .category-artwork{height:178px;padding:0 8px 8px}
    .category-artwork img{width:94%;height:94%}
}

/* Hide stray text embedded in the supplied desktop/accessories artwork canvases. */
@media (min-width:581px){
    .theme-blue .category-artwork img,
    .theme-pink .category-artwork img{
        clip-path:inset(0 0 0 12%);
        transform:translateX(6%) scale(.90);
    }
    .theme-blue:hover .category-artwork img,
    .theme-pink:hover .category-artwork img{
        transform:translateX(6%) scale(.94);
    }
}

/* LASTO typography — Categories Page final active rules */
.categories-page{font-family:"Montserrat",Arial,Helvetica,sans-serif}
.categories-heading h1{font-size:48px;font-weight:800;line-height:1.12;letter-spacing:-0.03em}
.categories-heading p{margin-top:14px;font-size:16px;line-height:1.6}
.category-title-row h2{font-size:22px;font-weight:800;line-height:1.2}
.category-title-row p{font-size:12px;line-height:1.55}
.category-tags a,.category-tags button{font-size:10.5px;font-weight:700;line-height:1.25}
.category-cta{font-size:11.5px;font-weight:700}
.category-number{font-size:18px;font-weight:800}
.categories-visit-store h2{font-size:20px;font-weight:800}
.categories-visit-store p{font-size:12px;line-height:1.6}
.categories-visit-store a{font-size:11.5px;font-weight:700}
.categories-stat strong{font-size:24px;font-weight:800}
.categories-stat span{font-size:10.5px;line-height:1.4}
@media (max-width:680px){
    .category-title-row h2{font-size:20px}
    .category-title-row p{font-size:12px}
    .category-tags a,.category-tags button{font-size:10px}
    .category-cta{font-size:11px}
}



/* Reconditioned laptop category uses the existing card component. */
.theme-recond{--accent:#6d58c9;--accent-rgb:109,88,201;--accent-end:#8b78df}

/* =========================================================
   CATEGORY CARDS — EXTRA COMPACT FINAL OVERRIDE
   ========================================================= */

/* Reduce page length without changing links or card content. */
.categories-card-grid {
    gap: 14px;
    padding-bottom: 46px;
}

.large-category-card {
    min-height: 230px;
    border-radius: 16px;
}

.large-category-card .category-card-content {
    width: 70%;
    min-height: 230px;
    padding: 18px 0 16px 20px;
}

.large-category-card .category-title-row {
    gap: 12px;
}

.large-category-card .category-number,
.large-category-card .category-index {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 12px;
    font-size: 17px;
}

.large-category-card .category-title-row h2,
.large-category-card h3,
.large-category-card .category-title {
    margin: 2px 0 5px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.large-category-card .category-title-row p,
.large-category-card .category-description,
.large-category-card .category-card-content > p {
    margin: 0;
    max-width: 360px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.large-category-card .category-tags,
.large-category-card .subcategory-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
    margin-bottom: 0;
}

.large-category-card .category-tag,
.large-category-card .subcategory-link,
.large-category-card .category-tags > a,
.large-category-card .subcategory-links > a {
    min-height: 28px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.large-category-card .category-cta,
.large-category-card .category-button {
    width: max-content !important;
    min-width: 0 !important;
    max-width: 100%;
    height: 38px;
    min-height: 38px;
    margin-top: 13px;
    padding: 0 14px 0 15px;
    gap: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    overflow: visible;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.09);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.large-category-card .category-cta .icon,
.large-category-card .category-button .icon {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
}

.large-category-card .category-cta:hover,
.large-category-card .category-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 11px 21px rgba(15, 23, 42, 0.13);
}

.large-category-card .category-artwork {
    right: 14px;
    width: 29%;
    padding: 0;
}

.large-category-card .category-artwork img,
.large-category-card .category-image,
.large-category-card .category-product-image {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 150px;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 900px) {
    .categories-heading h1 { font-size: 42px; }
    .categories-heading p { font-size: 15px; }
}

@media (max-width: 580px) {
    .categories-heading h1 { font-size: 32px; line-height: 1.15; }
    .categories-heading p { font-size: 14px; }
}

@media (max-width: 1100px) {
    .large-category-card,
    .large-category-card .category-card-content {
        min-height: 216px;
    }

    .large-category-card .category-card-content {
        width: 71%;
        padding-left: 18px;
    }

    .large-category-card .category-title-row h2,
    .large-category-card h3,
    .large-category-card .category-title {
        font-size: 19px;
    }

    .large-category-card .category-title-row p,
    .large-category-card .category-description,
    .large-category-card .category-card-content > p {
        font-size: 10px;
    }

    .large-category-card .category-artwork {
        right: 10px;
        width: 27%;
    }
}

@media (max-width: 860px) {
    .categories-card-grid {
        gap: 13px;
    }

    .large-category-card,
    .large-category-card .category-card-content {
        min-height: 214px;
    }

    .large-category-card .category-card-content {
        width: 72%;
        padding-left: 20px;
    }

    .large-category-card .category-artwork {
        right: 16px;
        width: 26%;
    }
}

@media (max-width: 580px) {
    .categories-card-grid {
        gap: 12px;
        padding-bottom: 38px;
    }

    .large-category-card {
        min-height: 340px;
        border-radius: 15px;
    }

    .large-category-card .category-card-content {
        width: 100%;
        min-height: 340px;
        padding: 17px 16px 138px;
    }

    .large-category-card .category-title-row {
        gap: 10px;
    }

    .large-category-card .category-number,
    .large-category-card .category-index {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        border-radius: 11px;
        font-size: 16px;
    }

    .large-category-card .category-title-row h2,
    .large-category-card h3,
    .large-category-card .category-title {
        margin-top: 1px;
        font-size: 19px;
    }

    .large-category-card .category-title-row p,
    .large-category-card .category-description,
    .large-category-card .category-card-content > p {
        font-size: 10px;
        line-height: 1.38;
    }

    .large-category-card .category-tags,
    .large-category-card .subcategory-links {
        gap: 5px;
        margin-top: 9px;
    }

    .large-category-card .category-tag,
    .large-category-card .subcategory-link,
    .large-category-card .category-tags > a,
    .large-category-card .subcategory-links > a {
        min-height: 27px;
        padding-inline: 9px;
        font-size: 9px;
    }

    .large-category-card .category-cta,
    .large-category-card .category-button {
        height: 37px;
        min-height: 37px;
        margin-top: 12px;
        padding-inline: 14px;
        font-size: 10.5px;
    }

    .large-category-card .category-artwork {
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 128px;
        padding: 0 12px 7px;
    }

    .large-category-card .category-artwork img,
    .large-category-card .category-image,
    .large-category-card .category-product-image {
        width: 92%;
        max-height: 122px;
    }
}