* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

html {
scroll-behavior: smooth;
}

body {
background: #e8e0d7;
color: #302622;
font-family: Georgia, "Times New Roman", serif;
}


/* Ամբողջ կայքը */

.page {
width: 100%;
max-width: 780px;
margin: auto;
background: #fbf8f3;
overflow: hidden;
box-shadow: 0 0 40px rgba(0,0,0,0.15);
}


/* Գլխավոր նկար */

.hero {
position: relative;
height: 100vh;
min-height: 650px;
overflow: hidden;
}

.hero img {
width: 100%;
height: 100%;

object-fit: cover;
object-position: center;

position: absolute;
inset: 0;
}


/* Նկարի վրայի մուգ gradient */

.overlay {
position: absolute;
inset: 0;

background:
linear-gradient(
to bottom,
rgba(0,0,0,0.05) 30%,
rgba(0,0,0,0.78) 100%
);
}


/* Գլխավոր տեքստ */

.hero-content {
position: absolute;
z-index: 2;

width: 100%;

bottom: 50px;

padding: 20px;

text-align: center;

color: white;
}

.small-title {
font-size: 11px;
letter-spacing: 4px;
margin-bottom: 15px;
}

.hero h1 {
font-size: clamp(48px, 10vw, 85px);
font-weight: normal;
line-height: 1;
}

.hero h1 span {
color: #e2bd83;
font-style: italic;
}

.line {
width: 70px;
height: 1px;

background: #dfb97c;

margin: 20px auto;
}

.description {
max-width: 430px;

margin: auto;

font-size: 15px;
line-height: 1.7;
}

.date {
margin-top: 18px;

font-size: 16px;
letter-spacing: 4px;
}


/* Բաժիններ */

.section {
padding: 70px 25px;

text-align: center;
}

.gold-title {
color: #a47843;

font-size: 11px;

letter-spacing: 4px;
}

.section h2 {
font-size: 34px;

font-weight: normal;

margin-top: 12px;
}

.gold-line {
width: 60px;
height: 1px;

background: #c7a477;

margin: 25px auto;
}

.text {
max-width: 550px;

margin: auto;

color: #776d65;

font-size: 15px;

line-height: 1.9;
}


/* Տվյալները */

.details {
max-width: 680px;

margin: 40px auto;

display: grid;

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

gap: 1px;

background: #d8c8b6;
}

.detail {
background: #fbf8f3;

padding: 28px 10px;
}

.icon {
font-size: 24px;

margin-bottom: 10px;
}

.detail h3 {
font-size: 17px;

font-weight: normal;

margin-bottom: 5px;
}

.detail p {
color: #81756d;

font-size: 12px;
}


/* Կոճակ */

.button {
display: inline-block;

padding: 13px 27px;

border: 1px solid #b18a5c;

border-radius: 50px;

color: #3d3028;

text-decoration: none;

font-size: 13px;

transition: 0.3s;
}

.button:hover {
background: #b18a5c;

color: white;
}


/* Countdown */

.countdown-section {
background: #f3eee8;
}

.countdown {
display: flex;

justify-content: center;

gap: 10px;

margin-top: 30px;

flex-wrap: wrap;
}

.time-box {
min-width: 75px;

padding: 15px 10px;

border: 1px solid #d8c8b6;
}

.time-box strong {
display: block;

font-size: 27px;

font-weight: normal;
}

.time-box span {
font-size: 10px;

color: #81756d;
}


/* Վերջ */

.footer {
padding: 65px 20px;

text-align: center;

color: white;

background: #30251f;
}

.footer h2 {
font-size: 36px;

font-weight: normal;

margin: 12px 0 18px;
}

.footer p:last-child {
color: #d8cbc1;

font-size: 14px;

line-height: 1.7;
}


/* 📱 Հեռախոս */

@media (max-width: 600px) {

body {
background: #fbf8f3;
}

.page {
box-shadow: none;
}

.hero {
height: 100svh;

min-height: 600px;
}

.hero-content {
bottom: 30px;
}

.hero h1 {
font-size: 55px;
}

.details {
grid-template-columns: 1fr;
}

.section {
padding: 55px 20px;
}

}