:root {
    --black: #111111;
    --white: #ffffff;
    --gray: #b7b7b7;
    --light: #ffffff; 
    --transition: .7s cubic-bezier(.22,1,.36,1);
}

/* Scoped Theme Accent overrides */
body.page-men {
    --accent: #d4af37; /* Gold theme */
}

body.page-women {
    --black: #1E121E;
    --accent: #A64D79; /* Berry theme */
}

body.page-kids {
    --accent: #4CAF50; /* Playful Green theme */
}

/* --- BASE RESET --- */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--white);
    color: var(--black);
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

#main-content,
main,
.site-main,
.entry-content {
    margin: 0 !important;
    padding: 0 !important;
}
















/* --------------------------------------------------------------------------> */


.site-footer{

    background:#F8F6F3;

    border-top:1px solid #E5E5E5;

    margin-top:80px;

    padding-top:60px;
}

.footer-container{

    max-width:1280px;

    margin:auto;

    display:grid;

    grid-template-columns:2fr repeat(5,1fr);

    gap:50px;

    padding:0 40px 50px;
}

.footer-logo h2{

    font-size:34px;

    letter-spacing:8px;

    margin-bottom:15px;

    color:#222;

    font-weight:600;
}

.footer-logo p{

    color:#777;

    line-height:1.7;

    max-width:260px;

    font-size:15px;
}

.footer-column h4{

    margin-bottom:18px;

    font-size:15px;

    color:#222;

    font-weight:600;
}

.footer-column a{

    display:block;

    margin-bottom:12px;

    color:#666;

    text-decoration:none;

    transition:.3s;

    font-size:14px;
}

.footer-column a:hover{

    color:#000;

    transform:translateX(3px);
}

.footer-bottom{

    border-top:1px solid #E5E5E5;

    text-align:center;

    padding:25px;

    color:#777;

    font-size:14px;
}



@media(max-width:992px){

.footer-container{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.footer-container{

grid-template-columns:1fr;

padding:40px 25px;

}

.footer-logo{

margin-bottom:15px;

}

}