.sss-palmistry-page{
    --palm-red:#0F4C4C;
    --palm-saffron:#B08D3C;
    --palm-gold:#B08D3C;
    --palm-cream:#fff8eb;
    --palm-ink:#244444;
    --palm-muted:#365454;
    background:#F7F1E3;
    color:var(--palm-ink);
    overflow:hidden;
}

.sss-palmistry-page *{
    box-sizing:border-box;
}

.sss-palmistry-inner{
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
}

.sss-palmistry-hero{
    position:relative;
    aspect-ratio:1922 / 818;
    min-height:0;
    padding:0 24px 64px;
    display:flex;
    align-items:flex-end;
    text-align:left;
    color:#FFF7E6;
    background-image:url("https://shubhshivshakti.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-27-2026-01_52_07-PM.png");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.sss-palmistry-hero:before{
    content:"";
    position:absolute;
    inset:18px;
    border:1px solid rgba(176,141,60,.35);
    pointer-events:none;
}

.sss-palmistry-kicker{
    position:relative;
    margin-bottom:18px;
    color:#D6B56C;
    font-size:10px;
    font-weight:800;
    letter-spacing:.22em;
}

.sss-palmistry-hero h1{
    position:relative;
    margin:0;
    font:400 clamp(32px,4vw,50px)/1.08 Georgia,"Times New Roman",serif;
    color:#FFF7E6;
}

.sss-palmistry-hero p{
    position:relative;
    max-width:100%;
    margin:25px 0 0;
    font-size:14px;
    line-height:1.65;
    color:#E6F4F0;
    text-shadow:0 2px 10px rgba(0,0,0,.30);
}

.sss-palmistry-actions{
    position:relative;
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:12px;
    margin-top:32px;
}

.sss-palmistry-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 16px;
    border:1px solid #A8DCCF;
    border-radius:999px;
    text-decoration:none;
    color:#FFFFFF;
    font-size:10px;
    font-weight:800;
    letter-spacing:.07em;
    background:#0B4542;
}

.sss-palmistry-actions a:first-child{
    background:#0E514E;
}

.sss-palmistry-section{
    padding:82px 24px;
    background:#F7F3E8;
}

.sss-palmistry-section-alt{
    background:#F7F3E8;
}

.sss-palmistry-heading{
    max-width:780px;
    margin:0 auto 42px;
    text-align:center;
}

.sss-palmistry-heading>span{
    color:#8C6F2F;
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
}

.sss-palmistry-heading h2{
    margin:10px 0 14px;
    color:var(--palm-red);
    font:400 clamp(32px,4vw,48px)/1.2 Georgia,"Times New Roman",serif;
}

.sss-palmistry-heading p{
    margin:0;
    color:var(--palm-muted);
    font-size:15px;
    line-height:1.8;
}

.sss-palmistry-knowledge-grid,
.sss-palmistry-lines-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.sss-palmistry-knowledge-grid article,
.sss-palmistry-lines-grid article{
    padding:28px 24px;
    min-height:220px;
    border:1px solid rgba(176,141,60,.32);
    border-radius:20px;
    background:linear-gradient(145deg,#F7F1E3,#E8DDC7);
    box-shadow:0 14px 36px rgba(8,47,47,.09);
}

.sss-palmistry-knowledge-grid article>span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    margin-bottom:18px;
    border:1px solid #B08D3C;
    border-radius:50%;
    color:#80652C;
    font-size:12px;
    font-weight:800;
}

.sss-palmistry-knowledge-grid h3,
.sss-palmistry-lines-grid h3{
    margin:0 0 10px;
    color:var(--palm-red);
    font:400 25px/1.2 Georgia,"Times New Roman",serif;
}

.sss-palmistry-knowledge-grid p,
.sss-palmistry-lines-grid p{
    margin:0;
    color:#365454;
    font-size:14px;
    line-height:1.75;
}

.sss-palmistry-line-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:62px;
    height:62px;
    margin-bottom:20px;
    border:1px solid #B08D3C;
    border-radius:50%;
    color:#80652C;
    font-size:30px;
    background:#FFF9EE;
}

.sss-palmistry-mounts-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.sss-palmistry-mounts-grid article{
    padding:24px;
    border-left:4px solid #B08D3C;
    border-radius:14px;
    background:#FFF9EE;
    box-shadow:0 10px 28px rgba(8,47,47,.08);
}

.sss-palmistry-mounts-grid strong{
    display:block;
    color:var(--palm-red);
    font:400 21px/1.3 Georgia,"Times New Roman",serif;
}

.sss-palmistry-mounts-grid span{
    display:block;
    margin-top:7px;
    color:#365454;
    font-size:13px;
}

.sss-palmistry-steps{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.sss-palmistry-steps article{
    padding:26px 22px;
    border:1px solid rgba(176,141,60,.28);
    border-radius:18px;
    background:#F7F1E3;
}

.sss-palmistry-steps b{
    display:block;
    margin-bottom:16px;
    color:#80652C;
    font-size:12px;
    letter-spacing:.14em;
}

.sss-palmistry-steps h3{
    margin:0 0 9px;
    color:var(--palm-red);
    font:400 23px/1.2 Georgia,"Times New Roman",serif;
}

.sss-palmistry-steps p{
    margin:0;
    color:#365454;
    font-size:14px;
    line-height:1.7;
}

.sss-palmistry-cta{
    padding:90px 24px;
    text-align:center;
    color:#F7F1E3;
    background:
        radial-gradient(circle at 50% 0,rgba(176,141,60,.17),transparent 35%),
        linear-gradient(145deg,#082F2F,#0F4C4C);
}

.sss-palmistry-om{
    margin-bottom:16px;
    color:#B08D3C;
    font-size:42px;
}

.sss-palmistry-cta h2{
    margin:0;
    font:400 clamp(30px,4vw,45px)/1.2 Georgia,"Times New Roman",serif;
}

.sss-palmistry-cta p{
    max-width:650px;
    margin:16px auto 0;
    color:rgba(247,241,227,.78);
    line-height:1.8;
}

@media(max-width:1000px){
    .sss-palmistry-inner{
        width:min(100% - 36px,900px);
    }

    .sss-palmistry-hero{
        padding:90px 20px 100px;
    }

    .sss-palmistry-knowledge-grid,
    .sss-palmistry-lines-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sss-palmistry-mounts-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

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

@media(max-width:600px){
    .sss-palmistry-inner{
        width:calc(100% - 32px);
    }

    .sss-palmistry-hero{
        padding:72px 16px 82px;
    }

    .sss-palmistry-hero:before{
        inset:10px;
    }

    .sss-palmistry-kicker{
        font-size:9px;
        letter-spacing:.14em;
    }

    .sss-palmistry-hero h1{
        font-size:40px;
    }

    .sss-palmistry-hero p{
        font-size:14px;
        line-height:1.7;
    }

    .sss-palmistry-actions{
        flex-direction:column;
        align-items:center;
    }

    .sss-palmistry-actions a{
        width:100%;
        max-width:300px;
    }

    .sss-palmistry-section{
        padding:58px 16px 68px;
    }

    .sss-palmistry-heading{
        margin-bottom:30px;
    }

    .sss-palmistry-heading h2{
        font-size:32px;
    }

    .sss-palmistry-heading p{
        font-size:14px;
    }

    .sss-palmistry-knowledge-grid,
    .sss-palmistry-lines-grid,
    .sss-palmistry-mounts-grid,
    .sss-palmistry-steps{
        grid-template-columns:1fr;
        gap:15px;
    }

    .sss-palmistry-knowledge-grid article,
    .sss-palmistry-lines-grid article{
        min-height:0;
        padding:23px 19px;
    }

    .sss-palmistry-cta{
        padding:70px 16px;
    }
}


/* Palmistry hero text placement */
.sss-palmistry-hero .sss-palmistry-inner{
    position:absolute;
    z-index:2;
    right:7%;
    bottom:5%;
    width:31%;
    max-width:500px;
    margin:0;
    padding-left:0;
}

.sss-palmistry-hero .sss-palmistry-kicker,
.sss-palmistry-hero h1,
.sss-palmistry-hero p{
    max-width:100%;
}

.sss-palmistry-title-primary{
    color:#FFD66B;
}

.sss-palmistry-title-secondary{
    color:#FFFDF5;
}

@media (max-width:1000px){
    .sss-palmistry-hero .sss-palmistry-inner{
        width:38%;
        max-width:500px;
    }

    .sss-palmistry-hero .sss-palmistry-kicker,
    .sss-palmistry-hero h1,
    .sss-palmistry-hero p{
        max-width:100%;
    }
}

@media (max-width:600px){
    .sss-palmistry-hero{
        aspect-ratio:auto;
        min-height:620px;
        padding:210px 20px 72px;
        align-items:flex-end;
        background-color:#082F2F;
        background-image:url("https://shubhshivshakti.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-27-2026-01_52_07-PM.png");
        background-size:100% auto;
        background-position:center top;
        background-repeat:no-repeat;
    }

    .sss-palmistry-hero .sss-palmistry-inner{
        position:relative;
        right:auto;
        bottom:auto;
        z-index:2;
        width:100%;
        max-width:none;
        margin:0;
        padding-left:0;
    }

    .sss-palmistry-hero .sss-palmistry-kicker,
    .sss-palmistry-hero h1,
    .sss-palmistry-hero p{
        max-width:100%;
        text-shadow:0 2px 10px rgba(0,0,0,.22);
    }

    .sss-palmistry-actions{
        flex-direction:column;
        align-items:flex-start;
    }

    .sss-palmistry-actions a{
        width:min(100%,320px);
    }
}