.ascj-public{
    padding:36px 16px;
    background:
        radial-gradient(circle at 10% 20%,rgba(223,192,120,.20),transparent 34%),
        linear-gradient(180deg,#fffaf3,#fff);
    font-family:Arial,Tahoma,sans-serif;
}

.ascj-public-inner{
    width:min(1180px,100%);
    margin:0 auto;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(185,138,54,.20);
    border-radius:30px;
    padding:22px;
    box-shadow:0 22px 70px rgba(75,51,34,.10);
}

.ascj-public-head{
    text-align:center;
    max-width:900px;
    margin:0 auto 20px;
}

.ascj-public-head span{
    display:inline-flex;
    padding:7px 13px;
    border-radius:999px;
    background:#fff4de;
    color:#8d611f;
    font-weight:900;
    margin-bottom:10px;
}

.ascj-public-head h2{
    margin:0;
    color:#3f2a1b;
    font-size:clamp(26px,3vw,42px);
    font-weight:900;
    line-height:1.25;
}

.ascj-public-head p{
    margin:10px 0 0;
    color:#756556;
    line-height:1.9;
}

.ascj-public-steps{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-bottom:16px;
}

.ascj-public-steps div{
    background:#fffaf3;
    border:1px solid rgba(185,138,54,.16);
    border-radius:20px;
    padding:12px;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:72px;
}

.ascj-public-steps span{
    width:38px;
    height:38px;
    border-radius:15px;
    background:linear-gradient(135deg,#b98a36,#dfc078);
    color:#fff;
    display:grid;
    place-items:center;
    font-weight:900;
    flex:0 0 auto;
}

.ascj-public-steps strong{
    color:#3f2a1b;
    font-weight:900;
    line-height:1.5;
}

.ascj-search-box{
    max-width:720px;
    margin:0 auto 16px;
}

.ascj-search-box input{
    width:100%;
    min-height:50px;
    border-radius:999px!important;
    border:1px solid rgba(185,138,54,.24)!important;
    background:#fff!important;
    padding:10px 18px;
    font-family:Arial,Tahoma,sans-serif;
    font-weight:900;
    color:#3f2a1b;
    box-shadow:0 12px 28px rgba(75,51,34,.06);
}

.ascj-public-links{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
}

.ascj-public-links a{
    min-height:92px;
    border-radius:22px;
    background:#fff;
    border:1px solid rgba(185,138,54,.18);
    color:#3f2a1b;
    text-decoration:none;
    display:grid;
    place-items:center;
    text-align:center;
    gap:6px;
    padding:10px;
    box-shadow:0 12px 30px rgba(75,51,34,.06);
    transition:.18s ease;
}

.ascj-public-links a:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 55px rgba(75,51,34,.12);
}

.ascj-public-links a.is-hidden{
    display:none;
}

.ascj-public-links span{
    font-size:28px;
}

.ascj-public-links strong{
    font-size:13px;
    line-height:1.4;
}

/* Design CTA on images */
.at-design-request{
    position:absolute;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:25;
    min-height:38px;
    border-radius:999px;
    background:linear-gradient(135deg,#b98a36,#dfc078);
    color:#fff!important;
    text-decoration:none!important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:8px 12px;
    font-family:Arial,Tahoma,sans-serif;
    font-weight:900;
    font-size:13px;
    box-shadow:0 14px 30px rgba(0,0,0,.18);
    opacity:0;
    transform:translateY(8px);
    transition:.18s ease;
}

figure:hover .at-design-request,
.card:hover .at-design-request,
.at-watermark-wrap:hover .at-design-request,
.at-design-request.show-mobile{
    opacity:1;
    transform:none;
}

.at-design-anchor{
    position:relative!important;
}

@media(max-width:1100px){
    .ascj-public-links{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .ascj-public-steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:680px){
    .ascj-public{
        padding:24px 10px;
    }

    .ascj-public-inner{
        border-radius:24px;
        padding:15px;
    }

    .ascj-public-links,
    .ascj-public-steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ascj-public-links a{
        min-height:82px;
    }

    .at-design-request{
        opacity:1;
        transform:none;
        font-size:12px;
        bottom:8px;
    }
}

@media(max-width:420px){
    .ascj-public-links,
    .ascj-public-steps{
        grid-template-columns:1fr;
    }
}