body.digo-websites-page{
    margin:0;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:#f6f7fb;
    color:#101828;
    -webkit-font-smoothing:antialiased;
}
.digo-websites-wrap{
    max-width:1320px;
    margin:0 auto;
    padding:32px 20px 64px;
}
.digo-web-panel{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    box-shadow:0 12px 34px rgba(15,23,42,.05);
}
.digo-web-svg-icon{
    display:block;
    width:1em;
    height:1em;
    min-width:1em;
    min-height:1em;
    fill:none !important;
    stroke:currentColor !important;
    overflow:visible;
    flex-shrink:0;
}
.digo-web-svg-icon *{
    vector-effect:non-scaling-stroke;
}

/* ---------- Hero ---------- */
.digo-web-hero{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:32px;
    align-items:center;
    background:linear-gradient(135deg,#f3f4ff 0%,#eceefb 100%);
    border-radius:26px;
    padding:40px;
    margin-bottom:20px;
}
.digo-web-kicker{
    display:inline-flex;
    width:fit-content;
    padding:8px 14px;
    border-radius:999px;
    background:#eef2ff;
    color:#4338ca;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:16px;
}
.digo-web-hero-copy h1{
    margin:0 0 12px;
    font-size:clamp(28px,3.6vw,46px);
    line-height:1.1;
    letter-spacing:-.03em;
    color:#0f1222;
}
.digo-web-hero-copy h1 .hl{
    color:#4f46e5;
}
.digo-web-hero-copy p{
    margin:0 0 24px;
    max-width:520px;
    color:#475467;
    line-height:1.7;
    font-size:15px;
}
.digo-web-perks{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
}
.digo-web-perk{
    display:flex;
    align-items:center;
    gap:10px;
    padding-right:18px;
    border-right:1px solid #dfe1f3;
}
.digo-web-perk:last-child{ border-right:none; }
.digo-web-perk-icon{
    width:36px;
    height:36px;
    flex-shrink:0;
    border-radius:50%;
    background:#e9e8ff;
    color:#4f46e5;
    display:flex;
    align-items:center;
    justify-content:center;
}
.digo-web-perk-icon svg{ width:18px; height:18px; }
.digo-web-perk span{
    font-size:13px;
    font-weight:600;
    color:#1f2333;
    line-height:1.3;
}

/* ---------- Hero mockup ---------- */
.digo-web-mockup{
    position:relative;
    min-height:260px;
}
.digo-web-mockup-laptop{
    position:relative;
    width:100%;
    max-width:430px;
    margin:0 auto;
}
.digo-web-mockup-screen{
    background:#0b0d1c;
    border-radius:14px 14px 0 0;
    padding:10px 10px 18px;
    box-shadow:0 20px 40px rgba(15,23,42,.18);
}
.digo-web-mockup-browserbar{
    display:flex;
    gap:5px;
    padding:0 4px 8px;
}
.digo-web-mockup-browserbar span{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#3a3d55;
}
.digo-web-mockup-content{
    background:#fff;
    border-radius:8px;
    padding:18px;
}
.digo-web-mockup-content h3{
    margin:0 0 6px;
    font-size:15px;
    color:#101828;
    line-height:1.3;
}
.digo-web-mockup-content p{
    margin:0 0 10px;
    font-size:11px;
    color:#667085;
    line-height:1.4;
    max-width:200px;
}
.digo-web-mockup-cta{
    display:inline-flex;
    padding:6px 14px;
    border-radius:8px;
    background:#4f46e5;
    color:#fff;
    font-size:11px;
    font-weight:700;
    margin-bottom:14px;
}
.digo-web-mockup-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
}
.digo-web-mockup-grid div{
    aspect-ratio:1;
    border-radius:6px;
    background:linear-gradient(160deg,#eef0ff,#e1e4fb);
}
.digo-web-mockup-base{
    height:14px;
    background:#1a1d2e;
    border-radius:0 0 10px 10px;
}
.digo-web-mockup-base::after{
    content:'';
    display:block;
    width:60px;
    height:4px;
    margin:0 auto;
    border-radius:2px;
    background:#3a3d55;
}
.digo-web-mockup-phone{
    position:absolute;
    right:6%;
    bottom:-18px;
    width:110px;
}
.digo-web-mockup-phone-screen{
    background:#0b0d1c;
    border-radius:18px;
    padding:8px;
    box-shadow:0 16px 30px rgba(15,23,42,.2);
}
.digo-web-mockup-phone-bar{
    width:30px;
    height:4px;
    border-radius:3px;
    background:#3a3d55;
    margin:0 auto 8px;
}
.digo-web-mockup-phone-content{
    background:#fff;
    border-radius:10px;
    padding:10px 8px;
    min-height:140px;
}
.digo-web-mockup-phone-content h4{
    margin:0 0 8px;
    font-size:10px;
    line-height:1.3;
    color:#101828;
}
.digo-web-mockup-cta.small{
    padding:4px 10px;
    font-size:9px;
}
.digo-web-mockup-stats{
    display:flex;
    gap:20px;
    margin-top:18px;
    padding:0 6px;
}
.digo-web-mockup-stats div{
    display:flex;
    flex-direction:column;
}
.digo-web-mockup-stats strong{
    font-size:15px;
    color:#101828;
}
.digo-web-mockup-stats span{
    font-size:11px;
    color:#667085;
}

/* ---------- Filter bar ---------- */
.digo-web-filters{
    padding:18px;
    margin-bottom:22px;
}
.digo-web-filter-grid{
    display:grid;
    grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;
    gap:12px;
}
.digo-web-search-field{
    position:relative;
}
.digo-web-search-field svg{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    color:#98a2b3;
    pointer-events:none;
}
.digo-web-search-field input{
    padding-left:38px;
}
.digo-web-filter-grid input,
.digo-web-filter-grid select{
    width:100%;
    height:46px;
    border:1px solid #d9dee8;
    border-radius:12px;
    padding:0 14px;
    background:#fff;
    color:#101828;
    outline:none;
    font-size:13px;
    -webkit-appearance:none;
    appearance:none;
}
.digo-web-filter-grid select{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat:no-repeat;
    background-position:right 12px center;
    background-size:14px;
    padding-right:32px;
}
.digo-web-filter-grid input:focus,
.digo-web-filter-grid select:focus{
    border-color:#7c3aed;
    box-shadow:0 0 0 3px rgba(124,58,237,.12);
}

.digo-web-mobile-filter-toggle{
    display:none;
    width:100%;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:52px;
    margin:0 0 14px;
    padding:0 16px;
    border:1px solid #d9dee8;
    border-radius:14px;
    background:#fff;
    color:#101828;
    box-shadow:0 8px 22px rgba(15,23,42,.05);
    cursor:pointer;
}
.digo-web-mobile-filter-toggle .digo-web-mobile-filter-left{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:800;
}
.digo-web-mobile-filter-toggle .digo-web-mobile-filter-state{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#4f46e5;
    font-size:12px;
    font-weight:800;
}
.digo-web-mobile-filter-toggle svg{
    width:20px;
    height:20px;
    color:#4f46e5;
    flex-shrink:0;
}
.digo-web-mobile-filter-toggle.is-open{
    border-color:#c7d2fe;
    background:#eef2ff;
}

/* ---------- Layout: sidebar + main ---------- */
.digo-web-layout{
    display:grid;
    grid-template-columns:260px 1fr;
    gap:20px;
    align-items:start;
}
.digo-web-sidebar{
    display:flex;
    flex-direction:column;
    gap:18px;
}
.digo-web-side-block{
    padding:18px;
}
.digo-web-side-block h3{
    margin:0 0 12px;
    font-size:14px;
    font-weight:700;
    color:#101828;
}
.digo-web-cat-list,
.digo-web-type-list,
.digo-web-feature-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.digo-web-cat-list label,
.digo-web-type-list label,
.digo-web-feature-list label{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 8px;
    border-radius:10px;
    cursor:pointer;
    font-size:13px;
    color:#344054;
}
.digo-web-cat-list label:hover,
.digo-web-type-list label:hover,
.digo-web-feature-list label:hover{
    background:#f8f8fc;
}
.digo-web-cat-list label.active,
.digo-web-type-list label.active,
.digo-web-feature-list label.active{
    background:#eef2ff;
    color:#4338ca;
    font-weight:600;
}
.digo-web-cat-list input,
.digo-web-type-list input{
    accent-color:#4f46e5;
    width:15px;
    height:15px;
    flex-shrink:0;
}
.digo-web-feature-list input{
    accent-color:#4f46e5;
    width:15px;
    height:15px;
    flex-shrink:0;
}
.digo-web-cat-icon{
    width:18px;
    height:18px;
    flex-shrink:0;
    color:#667085;
    display:flex;
}
.digo-web-cat-list label.active .digo-web-cat-icon{ color:#4338ca; }
.digo-web-cat-icon svg{ width:18px; height:18px; }
.digo-web-type-list label.active .digo-web-row-count,
.digo-web-feature-list label.active .digo-web-row-count{ color:#6366f1; }
.digo-web-row-label{
    flex:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.digo-web-row-count{
    font-size:12px;
    color:#98a2b3;
    flex-shrink:0;
}
.digo-web-cat-list label.active .digo-web-row-count{ color:#6366f1; }
.digo-web-new-tag{
    background:#10b981;
    color:#fff;
    font-size:9px;
    font-weight:800;
    letter-spacing:.04em;
    padding:2px 6px;
    border-radius:999px;
    flex-shrink:0;
}

.digo-web-cta-box{
    border-radius:20px;
    padding:22px;
    background:linear-gradient(150deg,#181b3e 0%,#3730a3 100%);
    color:#fff;
    position:relative;
    overflow:hidden;
}
.digo-web-cta-box h4{
    margin:0 0 8px;
    font-size:16px;
}
.digo-web-cta-box p{
    margin:0 0 18px;
    font-size:13px;
    color:#c7d0f7;
    line-height:1.5;
    max-width:80%;
}
.digo-web-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#fff;
    color:#3730a3;
    font-size:13px;
    font-weight:700;
    padding:10px 16px;
    border-radius:10px;
    text-decoration:none;
}
.digo-web-cta-rocket{
    position:absolute;
    right:-10px;
    bottom:-10px;
    width:70px;
    height:70px;
    opacity:.9;
}
.digo-web-cta-rocket svg{ width:100%; height:100%; color:#818cf8; }

/* ---------- Main / results ---------- */
.digo-web-main{ min-width:0; }
.digo-web-results-region{ position:relative; }
.digo-web-results-region.is-loading .digo-web-grid,
.digo-web-results-region.is-loading .digo-web-results-count{
    opacity:.35;
    filter:saturate(.7);
    pointer-events:none;
    transition:opacity .25s ease, filter .25s ease;
}
.digo-web-loader{
    position:absolute;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    z-index:5;
    padding-top:60px;
}
.digo-web-results-region.is-loading .digo-web-loader{ display:flex; }
.digo-web-loader span{
    width:38px;
    height:38px;
    border-radius:50%;
    border:3px solid #e0e3f5;
    border-top-color:#4f46e5;
    animation:digoSpin .7s linear infinite;
}
@keyframes digoSpin{ to{ transform:rotate(360deg); } }
.digo-web-grid.is-fading{ opacity:0; transition:opacity .15s ease; }
.digo-web-grid.is-loaded{ animation:digoFadeIn .35s ease; }
@keyframes digoFadeIn{
    from{ opacity:0; transform:translateY(6px); }
    to{ opacity:1; transform:translateY(0); }
}

.digo-web-results-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
    padding:0 4px;
}
.digo-web-results-count{
    font-size:13px;
    color:#667085;
}
.digo-web-view-toggle{
    display:flex;
    gap:4px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:3px;
}
.digo-web-view-toggle button{
    width:30px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    background:transparent;
    border-radius:7px;
    color:#98a2b3;
    cursor:pointer;
}
.digo-web-view-toggle button svg{ width:15px; height:15px; }
.digo-web-view-toggle button.active{
    background:#4f46e5;
    color:#fff;
}

.digo-web-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.digo-web-card{
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    border:1px solid #e5e7eb;
    box-shadow:0 10px 28px rgba(15,23,42,.05);
    display:flex;
    flex-direction:column;
}
.digo-web-thumb{
    position:relative;
    aspect-ratio:16/10;
    background:#f3f4f6;
    overflow:hidden;
}
.digo-web-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.digo-web-badges{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:2;
}
.digo-web-badge-slot{
    position:absolute;
    top:10px;
}
.digo-web-badge-slot.left{ left:10px; }
.digo-web-badge-slot.right{ right:10px; }
.digo-web-badge{
    display:inline-flex;
    padding:4px 10px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase;
    white-space:nowrap;
}
.digo-web-badge-with-products{ background:#10b981; color:#fff; }
.digo-web-badge-new{ background:#7c3aed; color:#fff; }
.digo-web-badge-popular{ background:#f5b400; color:#1f2937; }
.digo-web-badge-best_seller{ background:#f5b400; color:#1f2937; }

.digo-web-body{
    padding:16px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.digo-web-cat-name{
    display:block;
    font-size:12px;
    color:#667085;
    margin-bottom:6px;
}
.digo-web-title{
    margin:0 0 10px;
    font-size:16px;
    line-height:1.35;
    color:#101828;
}
.digo-web-title a{
    color:inherit;
    text-decoration:none;
}
.digo-web-pills{
    display:flex;
    gap:6px;
    margin-bottom:12px;
}
.digo-web-pill{
    width:24px;
    height:24px;
    border-radius:50%;
    color:#fff;
    font-size:9px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    letter-spacing:.02em;
}
.digo-web-price-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:14px;
}
.digo-web-price{
    font-size:18px;
    font-weight:800;
    color:#111827;
}
.digo-web-quick-actions{
    display:flex;
    gap:8px;
    flex-shrink:0;
}
.digo-web-icon-btn{
    width:36px;
    height:36px;
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    border:1px solid #e5e7eb;
    background:#fff;
    color:#475467;
    text-decoration:none;
}
.digo-web-icon-btn svg{ width:16px; height:16px; }
.digo-web-icon-btn:hover{
    background:#eef2ff;
    border-color:#c7d2fe;
    color:#4f46e5;
}
.digo-web-actions{
    display:flex;
    gap:8px;
    margin-top:auto;
}
.digo-web-btn{
    display:inline-flex;
    flex:1;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:38px;
    padding:0 10px;
    border-radius:10px;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    border:1px solid transparent;
}
.digo-web-btn svg{ width:14px; height:14px; flex-shrink:0; }
.digo-web-btn-outline{
    background:#fff;
    color:#101828;
    border-color:#e5e7eb;
}
.digo-web-btn-primary{
    background:#4f46e5;
    color:#fff;
    border-color:#4f46e5;
}
.digo-web-btn-primary:hover{ background:#4338ca; }
.digo-web-btn-outline-primary{
    background:#fff;
    color:#4f46e5;
    border-color:#c7d2fe;
}
.digo-web-btn-outline:hover{ background:#f8fafc; }
.digo-web-btn-outline-primary:hover{ background:#eef2ff; }

/* Coming-soon filler card */
.digo-web-card-soon{
    border:1.5px dashed #d8dbe9;
    background:#fbfbff;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:30px 18px;
    color:#667085;
    gap:14px;
}
.digo-web-card-soon svg{ width:40px; height:40px; color:#b9beda; }
.digo-web-card-soon p{
    margin:0;
    font-size:14px;
    font-weight:600;
    color:#475467;
}
.digo-web-card-soon a{
    display:inline-flex;
    padding:8px 16px;
    border-radius:10px;
    border:1px solid #c7d2fe;
    color:#4f46e5;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}

.digo-web-empty{
    grid-column:1/-1;
    padding:24px;
    border:1px dashed #d8dbe9;
    border-radius:18px;
    background:#fff;
    color:#667085;
}

/* List / compact view variants (toggled via JS) */
.digo-web-grid[data-view="list"]{
    grid-template-columns:1fr;
}
.digo-web-grid[data-view="list"] .digo-web-card{
    flex-direction:row;
}
.digo-web-grid[data-view="list"] .digo-web-thumb{
    width:240px;
    flex-shrink:0;
    aspect-ratio:auto;
}
.digo-web-grid[data-view="list"] .digo-web-body{
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
}
.digo-web-grid[data-view="list"] .digo-web-title,
.digo-web-grid[data-view="list"] .digo-web-cat-name{
    flex-basis:100%;
}
.digo-web-grid[data-view="list"] .digo-web-actions{
    margin-top:0;
    flex:0 0 auto;
    margin-left:auto;
}

.digo-web-grid[data-view="compact"]{
    grid-template-columns:1fr;
    gap:10px;
}
.digo-web-grid[data-view="compact"] .digo-web-card{
    flex-direction:row;
    border-radius:14px;
}
.digo-web-grid[data-view="compact"] .digo-web-thumb{
    width:120px;
    flex-shrink:0;
    aspect-ratio:auto;
}
.digo-web-grid[data-view="compact"] .digo-web-body{
    padding:12px 16px;
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}
.digo-web-grid[data-view="compact"] .digo-web-pills{ margin-bottom:0; }
.digo-web-grid[data-view="compact"] .digo-web-price-row{ margin-bottom:0; }
.digo-web-grid[data-view="compact"] .digo-web-actions{
    margin-top:0;
    flex:0 0 auto;
    margin-left:auto;
    max-width:220px;
}
.digo-web-grid[data-view="compact"] .digo-web-card-soon{
    padding:14px 18px;
    flex-direction:row;
    justify-content:flex-start;
}

/* Pagination */
.digo-web-pagination{
    display:flex;
    justify-content:center;
    gap:6px;
    margin-top:28px;
}
.digo-web-page-btn{
    min-width:38px;
    height:38px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    border:1px solid #e5e7eb;
    background:#fff;
    color:#344054;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}
.digo-web-page-btn.active{
    background:#4f46e5;
    border-color:#4f46e5;
    color:#fff;
}
.digo-web-page-btn.disabled{
    opacity:.4;
    pointer-events:none;
}


/* ---------- Smooth interactions / updated hover colors ---------- */
.digo-web-mobile-filter-toggle,
.digo-web-mobile-filter-toggle svg,
.digo-web-cat-list label,
.digo-web-type-list label,
.digo-web-feature-list label,
.digo-web-card,
.digo-web-thumb img,
.digo-web-icon-btn,
.digo-web-btn,
.digo-web-cta-btn,
.digo-web-page-btn,
.digo-web-view-toggle button{
    transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease,opacity .25s ease;
}
.digo-web-mobile-filter-toggle:hover{
    border-color:#a78bfa;
    background:#f5f3ff;
    color:#4f46e5;
    box-shadow:0 14px 30px rgba(79,70,229,.12);
    transform:translateY(-1px);
}
.digo-web-mobile-filter-toggle:hover svg,
.digo-web-mobile-filter-toggle:hover .digo-web-mobile-filter-state{
    color:#4f46e5;
}
.digo-web-mobile-filter-toggle.is-open{
    border-color:#a78bfa;
    background:#f3f0ff;
    box-shadow:0 14px 30px rgba(79,70,229,.12);
}
.digo-web-mobile-filter-toggle.is-open svg{
    transform:rotate(-10deg) scale(1.04);
}
.digo-web-cat-list label:hover,
.digo-web-type-list label:hover,
.digo-web-feature-list label:hover{
    background:#f5f3ff;
    color:#4f46e5;
}
.digo-web-cat-list label:hover .digo-web-cat-icon,
.digo-web-type-list label:hover .digo-web-row-count,
.digo-web-feature-list label:hover .digo-web-row-count{
    color:#4f46e5;
}
.digo-web-cat-list label.active,
.digo-web-type-list label.active,
.digo-web-feature-list label.active{
    background:#ede9fe;
    color:#4f46e5;
    font-weight:700;
}
.digo-web-cat-list label.active .digo-web-row-count,
.digo-web-type-list label.active .digo-web-row-count,
.digo-web-feature-list label.active .digo-web-row-count,
.digo-web-cat-list label.active .digo-web-cat-icon{
    color:#4f46e5;
}
.digo-web-card:not(.digo-web-card-soon):hover{
    border-color:#c4b5fd;
    box-shadow:0 18px 42px rgba(79,70,229,.12);
    transform:translateY(-4px);
}
.digo-web-card:not(.digo-web-card-soon):hover .digo-web-thumb img{
    transform:scale(1.035);
}
.digo-web-icon-btn:hover{
    background:#f3f0ff;
    border-color:#a78bfa;
    color:#4f46e5;
    box-shadow:0 8px 18px rgba(79,70,229,.13);
    transform:translateY(-2px);
}
.digo-web-btn-primary:hover{
    background:#4338ca;
    border-color:#4338ca;
    color:#fff;
    box-shadow:0 10px 22px rgba(67,56,202,.25);
    transform:translateY(-2px);
}
.digo-web-btn-outline-primary:hover,
.digo-web-btn-outline:hover{
    background:#f5f3ff;
    border-color:#a78bfa;
    color:#4f46e5;
    box-shadow:0 10px 22px rgba(79,70,229,.10);
    transform:translateY(-2px);
}
.digo-web-cta-btn:hover{
    background:#ede9fe;
    color:#4f46e5;
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(79,70,229,.18);
}
.digo-web-page-btn:hover:not(.disabled):not(.active){
    background:#f5f3ff;
    border-color:#a78bfa;
    color:#4f46e5;
    transform:translateY(-1px);
}
.digo-web-view-toggle button:hover:not(.active){
    background:#f5f3ff;
    color:#4f46e5;
}

/* Trust strip */
.digo-web-trust-strip{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    margin-top:32px;
    padding:22px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
}
.digo-web-trust-item{
    display:flex;
    align-items:center;
    gap:10px;
}
.digo-web-trust-item svg{
    width:26px;
    height:26px;
    color:#4f46e5;
    flex-shrink:0;
}
.digo-web-trust-item strong{
    display:block;
    font-size:13px;
    color:#101828;
}
.digo-web-trust-item span{
    font-size:11px;
    color:#667085;
}

@media (max-width: 980px){
    .digo-web-hero{grid-template-columns:1fr}
    .digo-web-mockup{display:none}
    .digo-web-filter-grid{grid-template-columns:1fr 1fr}
    .digo-web-layout{grid-template-columns:1fr}
    .digo-web-sidebar{
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }
    .digo-web-cta-box{grid-column:1/-1}
    .digo-web-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .digo-web-trust-strip{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px){
    .digo-websites-wrap{padding:20px 14px 48px}
    .digo-web-hero{padding:24px}
    .digo-web-mobile-filter-toggle{display:flex}

    /* Mobile filters are collapsed with animated height/opacity instead of display:none. */
    #digo-web-filter-form .digo-web-filters{
        display:block;
        max-height:0;
        opacity:0;
        overflow:hidden;
        transform:translateY(-10px);
        pointer-events:none;
        margin-bottom:0;
        padding:0 14px;
        border-color:transparent;
        box-shadow:none;
        transition:max-height .48s cubic-bezier(.22,1,.36,1), opacity .28s ease, transform .38s ease, padding .38s ease, margin .38s ease, border-color .38s ease, box-shadow .38s ease;
    }
    #digo-web-filter-form.is-mobile-filter-open .digo-web-filters{
        max-height:460px;
        opacity:1;
        transform:translateY(0);
        pointer-events:auto;
        margin-bottom:14px;
        padding:14px;
        border-color:#e5e7eb;
        box-shadow:0 12px 28px rgba(79,70,229,.08);
    }
    #digo-web-filter-form .digo-web-sidebar{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
        max-height:0;
        opacity:0;
        overflow:hidden;
        transform:translateY(-12px);
        pointer-events:none;
        margin-bottom:0;
        transition:max-height .58s cubic-bezier(.22,1,.36,1), opacity .32s ease, transform .42s ease, margin .38s ease;
    }
    #digo-web-filter-form.is-mobile-filter-open .digo-web-sidebar{
        max-height:2600px;
        opacity:1;
        transform:translateY(0);
        pointer-events:auto;
        margin-bottom:18px;
    }
    #digo-web-filter-form .digo-web-side-block,
    #digo-web-filter-form .digo-web-cta-box{
        opacity:0;
        transform:translateY(-6px);
        transition:opacity .28s ease, transform .35s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
    }
    #digo-web-filter-form.is-mobile-filter-open .digo-web-side-block,
    #digo-web-filter-form.is-mobile-filter-open .digo-web-cta-box{
        opacity:1;
        transform:translateY(0);
        transition-delay:.07s;
    }

    .digo-web-filter-grid{grid-template-columns:1fr}
    .digo-web-side-block{padding:16px}
    .digo-web-grid{grid-template-columns:1fr;gap:18px}
    .digo-web-results-meta{align-items:flex-start;gap:12px}
    .digo-web-view-toggle{flex-shrink:0}
    .digo-web-card{border-radius:20px}
    .digo-web-body{padding:15px}
    .digo-web-title{font-size:16px;margin-bottom:12px}
    .digo-web-price-row{align-items:center;margin-bottom:14px}
    .digo-web-price{font-size:20px}
    .digo-web-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
        width:100%;
        margin-top:8px;
    }
    .digo-web-btn{
        width:100%;
        min-height:46px;
        padding:0 12px;
        border-radius:12px;
        font-size:14px;
        line-height:1.2;
        white-space:nowrap;
    }
    .digo-web-grid[data-view="list"] .digo-web-card,
    .digo-web-grid[data-view="compact"] .digo-web-card{flex-direction:column}
    .digo-web-grid[data-view="list"] .digo-web-thumb,
    .digo-web-grid[data-view="compact"] .digo-web-thumb{width:100%;aspect-ratio:16/10}
    .digo-web-grid[data-view="list"] .digo-web-body,
    .digo-web-grid[data-view="compact"] .digo-web-body{
        flex-direction:column;
        align-items:stretch;
        flex-wrap:nowrap;
        gap:0;
    }
    .digo-web-grid[data-view="list"] .digo-web-title,
    .digo-web-grid[data-view="list"] .digo-web-cat-name,
    .digo-web-grid[data-view="compact"] .digo-web-title,
    .digo-web-grid[data-view="compact"] .digo-web-cat-name{flex-basis:auto}
    .digo-web-grid[data-view="list"] .digo-web-price-row,
    .digo-web-grid[data-view="compact"] .digo-web-price-row{width:100%}
    .digo-web-grid[data-view="list"] .digo-web-actions,
    .digo-web-grid[data-view="compact"] .digo-web-actions{
        max-width:none;
        width:100%;
        margin-left:0;
    }
    .digo-web-grid[data-view="compact"] .digo-web-pills{margin-bottom:12px}
    .digo-web-grid[data-view="compact"] .digo-web-price-row{margin-bottom:14px}
    .digo-web-trust-strip{grid-template-columns:1fr}
}
@media (max-width: 380px){
    .digo-web-actions{grid-template-columns:1fr}
    .digo-web-btn{white-space:normal}
}