/*=========================================
BASE & GLOBAL RESET
=========================================*/

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
}

body {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    background: var(--background);
    color: var(--text);
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: 1.7;
    margin: 0;
    padding: 0;
}

.container {
    width: min(92%, var(--container));
    margin: auto;
    box-sizing: border-box;
}

section{

padding:var(--section-space) 0;

}

h1,
h2,
h3,
h4{

font-family:var(--font-heading);

font-weight:600;

line-height:1.15;

color:var(--dark);

}

h1{

font-size:var(--fs-h1);

}

h2{

font-size:var(--fs-h2);

}

h3{

font-size:var(--fs-h3);

}

p{

color:var(--text-light);

margin-top:15px;

}

.section-header{

max-width:760px;

margin:auto auto 70px;

text-align:center;

}

.section-header span{

display:inline-block;

letter-spacing:3px;

font-size:14px;

font-weight:600;

color:var(--secondary);

margin-bottom:12px;

}

.section-divider{

width:80px;

height:3px;

background:var(--secondary);

margin:25px auto;

border-radius:100px;

}

/*==============================
TOAST NOTIFICATIONS
==============================*/

.toast {
    position: fixed;
    bottom: 35px;
    right: 35px;
    background: rgba(30, 26, 22, 0.96) !important;
    color: #FFFFFF !important;
    padding: 14px 26px !important;
    border-radius: 40px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.3) !important;
    border: 1px solid #8B6B4A !important;
    white-space: nowrap !important;
    min-width: max-content !important;
    max-width: 90vw !important;
    z-index: 999999 !important;
    transform: translateY(30px) scale(0.95);
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.toast.show {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.toast span {
    color: #FFFFFF !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    display: inline-block !important;
}

.toast i {
    font-size: 1.1rem !important;
}