.section-shadow {
box-shadow: 0 -16px 40px rgba(0, 0, 0, 0.06);
position: relative;
z-index: 1;
}
.ak-book-section {
background: #f4f1e8;
padding: clamp(40px, 6vw, 90px) 0;
position: relative;
overflow: hidden;
}
.ak-book-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
display: grid;
grid-template-columns: 1.2fr 0.8fr;
align-items: center;
gap: clamp(24px, 4vw, 54px);
position: relative;
z-index: 1;
}
.ak-book-content h2 {
font-size: clamp(1.8rem, 3.2vw, 2.4rem);
color: #111;
margin: 0 0 12px;
}
.ak-book-hook {
font-size: 1.05rem;
line-height: 1.7;
margin-bottom: 14px;
font-style: italic;
color: #222;
}
.ak-book-media {
max-width: 340px;
margin-left: auto;
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2);
border-radius: 0;
}
.ak-book-media img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
border-radius: 0;
max-height: 520px;
}
@media (max-width: 900px) {
.ak-book-inner {
grid-template-columns: 1fr;
text-align: center;
}
.ak-book-media {
margin: 0 auto;
max-width: 260px;
}
.ak-book-media img {
max-height: 380px;
}
}
#about-section,
#ak-book,
#charity,
.ak-offers,
.ak-events {
position: relative;
z-index: 1;
}
#charity {
background: #DD3333;
padding: clamp(24px, 3.5vw, 40px) 0;
text-align: center;
color: #fff;
}
#charity,
#charity * {
color: #fff;
}
#charity .charity__grid {
max-width: 900px;
margin: 0 auto;
padding: 0 16px;
display: grid;
gap: clamp(16px, 2vw, 24px);
}
#charity h2 {
margin: 0;
}
#charity p {
font-size: clamp(15px, 2.2vw, 18px);
margin: 0;
}
#charity .ak-btn.special-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 26px;
border-radius: 999px;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
border: 2px solid #fff;
color: #fff;
background: transparent;
}
#charity .ak-btn.special-button:hover {
background: #DD3333;
color: #fff;
transform: scale(0.99);
}
.fade-in {
opacity: 1;
transform: scale(1);
transition:
opacity 0.32s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.fade-in.visible {
opacity: 1;
transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
.fade-in {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}
#charity details p {
margin-top: 8px;
}
#charity summary,
#charity a {
text-decoration: none !important;
}
.ak-offers {
background: #B30000;
padding: 32px 0 40px;
color: #fff;
text-align: center;
}
.ak-offers,
.ak-offers * {
color: #fff !important;
}
.ak-offers a {
text-decoration: none !important;
}
.ak-offers-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 16px;
}
.ak-offers-intro {
max-width: 780px;
margin: 0 auto 24px;
}
.ak-offers-intro h2 {
margin: 0 0 8px;
}
.ak-offers-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
align-items: stretch;
max-width: 1000px;
margin: 0 auto;
}
.ak-offer-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-align: center;
color: #fff;
}
.ak-offer-media {
width: 92%;
margin: 0 auto;
border-radius: 14px;
overflow: hidden;
aspect-ratio: 16 / 9;
background: #000;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}
.ak-offer-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease, filter 0.3s ease;
}
.ak-offer-card:hover .ak-offer-media img {
transform: scale(1.04);
filter: brightness(1.06);
}
.ak-offer-title {
margin: 4px 0 0;
text-transform: uppercase;
letter-spacing: .04em;
}
.ak-offer-title a {
color: #fff;
}
.ak-offer-tagline {
margin: 0;
font-size: 15px;
opacity: .9;
}
.ak-offer-text {
margin: 4px 0 0;
font-size: 15px;
max-width: 420px;
}
.ak-offers .ak-btn.special-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 22px;
border-radius: 999px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .03em;
border: 2px solid #fff;
background: transparent;
color: #fff;
margin-top: 8px;
}
.ak-offer-card .ak-btn.special-button {
margin-top: auto;
}
.ak-offers .ak-btn.special-button:hover {
background: #DD3333;
color: #B30000;
transform: scale(0.99);
}
.ak-back-to-top {
position: fixed;
right: 150px;
bottom: 40px;
width: 46px;
height: 46px;
border: 2px solid #111111;
border-radius: 50%;
background: #111111;
color: #ffffff !important;
font-size: 22px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition:
opacity 0.22s ease,
visibility 0.22s ease,
transform 0.22s ease;
z-index: 9999;
}
.ak-back-to-top.ak-back-to-top-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.ak-events {
background: #B30000;
padding: clamp(40px, 5vw, 70px) 0;
}
.ak-events-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 16px;
}
.ak-events-header {
text-align: center;
max-width: 720px;
margin: 0 auto 32px;
}
.ak-events-header h2 {
margin: 0 0 10px;
color: #FFF4F4;
}
.ak-events-header p {
margin: 0;
font-size: 16px;
color: #FFF4F4;
}
.ak-events-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}
@media (max-width: 768px) {
.ak-events-list {
grid-template-columns: 1fr;
}
}
.ak-event {
background: #f7f2f2;
border-radius: 20px;
padding: 28px;
box-shadow: 8px 26px rgba(0, 0, 0, 0.18);
border: 2px solid rgba(0, 0, 0, 0.12);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}
.ak-event:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
border-color: rgba(0, 0, 0, 0.15);
}
.ak-event-date {
color: #B30000;
font-weight: 700;
}
.ak-event-place {
font-size: 1.02rem;
font-weight: 600;
color: #111;
}
.ak-event-meta {
font-size: .9rem;
color: #555;
}
.ak-event-video-card video {
width: 100%;
height: auto;
display: block;
border-radius: 14px;
}
.ak-event-link {
color: #B30000;
border: 2px solid #DD3333;
padding: 10px 26px;
border-radius: 50px;
font-weight: 600;
display: inline-block;
transition: all 0.28s ease;
text-decoration: none;
}
.ak-event-link:hover {
background: #DD3333;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(129, 0, 0, 0.45);
}
.ak-event-link--booking {
background: transparent;
border: 2px solid #fff;
color: #fff;
padding: 12px 32px;
border-radius: 50px;
font-weight: 600;
transition: all 0.28s ease;
}
.ak-event-link--booking:hover {
background: #f7f2f2;
color: #B30000 !important;
transform: translateY(-2px);
box-shadow: 0 8px 22px rgba(179, 0, 0, 0.85);
}
.ak-events-note-label {
color: #fff;
font-weight: 600;
}
.ak-events-note {
margin: 40px auto 0;
max-width: 700px;
text-align: center;
font-size: .95rem;
color: #fff;
}
.ak-events .ak-event-link {
color: #fff;
text-decoration: none;
}
.ak-events-note a {
color: #fff;
text-decoration: none;
}
@media (max-width: 900px) {
.ak-events-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
#sos-offers.ak-offers {
padding: 24px 0 32px;
}
.ak-offers-intro h2 {
font-size: 1.6rem;
line-height: 1.2;
max-width: 18ch;
margin: 0 auto 16px;
text-align: center;
}
.ak-offers-grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
max-width: 540px;
margin: 0 auto;
padding: 0 16px;
}
.ak-offer-card {
padding: 18px 14px 22px;
border-radius: 18px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.ak-offer-media {
width: 100%;
max-width: 420px;
margin: 0 auto 8px;
}
.ak-offer-title {
font-size: 1.3rem;
margin: 4px 0 0;
text-align: center;
}
.ak-offer-tagline {
font-size: 0.95rem;
opacity: 0.9;
margin: 2px 0 4px;
text-align: center;
}
}