:root {
--bg: #f2ecdf;
--bg-alt: rgba(242, 236, 223, 0.96);
--ink: #161616;
--muted: rgba(22, 22, 22, 0.74);
--muted2: rgba(22, 22, 22, 0.58);
--line: rgba(22, 22, 22, 0.94);
--line-light: rgba(22, 22, 22, 0.18);
--line-lighter: rgba(22, 22, 22, 0.16);
--soft: rgba(22, 22, 22, 0.05);
--soft2: rgba(22, 22, 22, 0.03);
--card-bg: rgba(22, 22, 22, 0.02);
--card-hover-bg: rgba(22, 22, 22, 0.04);
--shadow: 0 18px 48px rgba(0, 0, 0, 0.08);
--shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.08);
--max: 1180px;
--font: Georgia, 'Times New Roman', serif;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
min-width: 320px;
min-height: 100vh;
background: var(--bg);
color: var(--ink);
font-family: var(--font);
font-size: 1rem;
line-height: 1.7;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
a {
color: inherit;
text-decoration: none;
}
img {
display: block;
max-width: 100%;
height: auto;
}
button {
font: inherit;
color: inherit;
cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.14;
margin: 0;
}
p {
margin: 0 0 1em;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
} .site {
position: relative;
z-index: 1;
min-height: 100vh;
}
.container {
width: min(calc(100% - 32px), var(--max));
margin-inline: auto;
} .skip-link {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip-link:focus {
position: fixed;
top: 6px;
left: 6px;
width: auto;
height: auto;
padding: 12px 20px;
background: var(--bg);
border: 2px solid var(--line);
z-index: 999;
outline: none;
} .site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 90;
background: var(--bg-alt);
border-bottom: 2px solid var(--line);
backdrop-filter: blur(6px);
transition: box-shadow 0.2s ease;
}
.site-header.scrolled {
box-shadow: var(--shadow-sm);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 72px;
gap: 20px;
}
.site-branding {
flex-shrink: 0;
}
.site-logo img {
height: 48px;
width: auto;
}
.site-title-link {
display: block;
}
.site-title {
font-size: 1.3rem;
font-weight: 400;
letter-spacing: 0.02em;
margin: 0;
}
.main-navigation {
flex: 1;
display: flex;
justify-content: center;
}
.main-navigation ul {
display: flex;
gap: 6px;
}
.main-navigation li {
list-style: none;
}
.main-navigation a {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 0 14px;
border: 2px solid transparent;
font-size: 0.95rem;
transition: border-color 0.2s ease, background 0.2s ease;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a {
border-color: var(--line);
background: var(--card-bg);
}
.header-actions {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
.header-cart {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 2px solid var(--line-light);
transition: border-color 0.2s ease, transform 0.2s ease;
}
.header-cart:hover {
border-color: var(--line);
transform: translateY(-1px);
}
.header-cart svg {
width: 20px;
height: 20px;
}
.cart-count {
position: absolute;
top: -6px;
right: -6px;
min-width: 20px;
height: 20px;
padding: 0 5px;
background: var(--ink);
color: var(--bg);
font-size: 0.72rem;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.header-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
border: 2px solid var(--line);
background: var(--bg-alt);
font-size: 0.95rem;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.header-btn:hover {
transform: translateY(-1px);
box-shadow: var(--shadow-sm);
background: #f7f1e6;
}
.menu-toggle {
display: none;
width: 52px;
height: 52px;
align-items: center;
justify-content: center;
padding: 0;
border: 2px solid var(--line);
background: var(--bg-alt);
flex-direction: column;
gap: 5px;
transition: transform 0.2s ease;
}
.menu-toggle:hover {
transform: translateY(-1px);
}
.hamburger-line {
display: block;
width: 22px;
height: 2.4px;
background: var(--line);
transition: transform 0.28s ease, opacity 0.2s ease;
}
.menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {
transform: translateY(7.4px) rotate(45deg);
}
.menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {
opacity: 0;
}
.menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) {
transform: translateY(-7.4px) rotate(-45deg);
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 24px;
border: 2px solid var(--line);
background: var(--bg-alt);
font-family: var(--font);
font-size: 0.98rem;
line-height: 1.2;
text-align: center;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.btn:hover {
transform: translateY(-1px);
box-shadow: var(--shadow-sm);
background: #f7f1e6;
}
.btn:focus-visible {
outline: 2px solid var(--line);
outline-offset: 4px;
}
.btn--primary {
background: var(--ink);
color: var(--bg);
border-color: var(--ink);
}
.btn--primary:hover {
background: #2a2a2a;
box-shadow: var(--shadow);
}
.btn--outline {
background: transparent;
border-color: var(--line);
}
.btn--outline:hover {
background: var(--card-bg);
}
.btn--sm {
min-height: 42px;
padding: 0 16px;
font-size: 0.92rem;
}
.btn--lg {
min-height: 56px;
padding: 0 32px;
font-size: 1.02rem;
}
.btn--white {
background: var(--bg);
color: var(--ink);
border-color: var(--line);
}
.btn--white:hover {
background: #f7f1e6;
} .section-box-wrap {
border: 2px solid var(--line);
background: var(--bg-alt);
padding: 28px;
}
.section-header {
margin-bottom: 24px;
}
.section-title {
font-size: clamp(1.38rem, 2vw, 2.04rem);
line-height: 1.14;
font-weight: 400;
}
.section-lead {
margin-top: 10px;
color: var(--muted);
line-height: 1.84;
font-size: 1rem;
}
.section-footer {
margin-top: 28px;
text-align: center;
} .hero-section {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 88px 24px 52px;
position: relative;
}
.hero-inner {
width: min(100%, 1040px);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 18px;
}
.hero-logo-wrap {
background: var(--bg);
position: relative;
z-index: 2;
padding: 10px 14px 0;
}
.hero-logo {
width: min(48vw, 340px);
}
.hero-kicker {
font-size: 0.82rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--muted);
font-weight: 700;
background: var(--bg);
padding-inline: 14px;
}
.hero-title {
font-size: clamp(2rem, 4.9vw, 4.2rem);
line-height: 1.06;
font-weight: 400;
background: var(--bg);
padding-inline: 14px;
}
.hero-subtitle {
max-width: 860px;
font-size: clamp(1rem, 1.48vw, 1.16rem);
line-height: 1.84;
color: var(--muted);
margin: 0;
background: var(--bg);
padding-inline: 14px;
}
.hero-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
margin-top: 6px;
background: var(--bg);
padding-inline: 14px;
}
.hero-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 8px;
background: var(--bg);
padding-inline: 14px;
}
.hero-tag {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 0 14px;
border: 1.8px solid var(--line-light);
background: var(--card-bg);
color: var(--muted);
font-size: 0.92rem;
line-height: 1.1;
}
.hero-stats {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
margin-top: 14px;
background: var(--bg);
padding-inline: 14px;
}
.hero-stat {
display: flex;
align-items: center;
gap: 8px;
min-height: 42px;
padding: 0 16px;
border: 1.8px solid var(--line-light);
background: var(--card-bg);
font-size: 0.94rem;
}
.hero-stat__number {
font-weight: 700;
}
.hero-stat__label {
color: var(--muted);
} .featured-packages-section {
margin-bottom: 56px;
}
.packages-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
} .package-card {
border: 2px solid var(--line-light);
background: var(--card-bg);
display: flex;
flex-direction: column;
transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.package-card:hover {
transform: translateY(-2px);
border-color: var(--line);
background: var(--card-hover-bg);
box-shadow: var(--shadow);
}
.package-card__link {
display: block;
flex: 1;
}
.package-card__image {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
border-bottom: 2px solid var(--line-light);
}
.package-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.package-card:hover .package-card__image img {
transform: scale(1.02);
}
.package-card__placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--soft);
color: var(--muted);
}
.package-card__badge {
position: absolute;
top: 12px;
left: 12px;
padding: 4px 12px;
background: var(--ink);
color: var(--bg);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.package-card__body {
padding: 18px;
display: flex;
flex-direction: column;
gap: 8px;
}
.package-card__title {
font-size: 1.08rem;
font-weight: 400;
line-height: 1.3;
}
.package-card__meta {
color: var(--muted);
font-size: 0.9rem;
display: flex;
align-items: center;
gap: 6px;
}
.package-card__meta svg {
flex-shrink: 0;
}
.package-card__price {
font-size: 1.1rem;
font-weight: 700;
}
.package-card__price del {
color: var(--muted2);
font-weight: 400;
font-size: 0.9rem;
}
.package-card__price ins {
text-decoration: none;
}
.package-card__footer {
padding: 0 18px 18px;
}
.package-card__footer .btn,
.package-card__footer .button,
.package-card__footer .add_to_cart_button {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 16px;
border: 2px solid var(--line);
background: var(--bg-alt);
font-family: var(--font);
font-size: 0.92rem;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
text-decoration: none;
color: var(--ink);
border-radius: 0;
}
.package-card__footer .btn:hover,
.package-card__footer .button:hover,
.package-card__footer .add_to_cart_button:hover {
transform: translateY(-1px);
box-shadow: var(--shadow-sm);
background: #f7f1e6;
} .features-section {
margin-bottom: 56px;
}
.features-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.feature-card {
border: 2px solid var(--line-light);
background: var(--card-bg);
padding: 20px;
transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.feature-card:hover {
transform: translateY(-2px);
border-color: var(--line);
background: var(--card-hover-bg);
box-shadow: var(--shadow);
}
.feature-card__icon {
margin-bottom: 14px;
color: var(--ink);
}
.feature-card__icon svg {
width: 32px;
height: 32px;
}
.feature-card__title {
font-size: 1.06rem;
font-weight: 400;
margin-bottom: 8px;
}
.feature-card__desc {
color: var(--muted);
font-size: 0.95rem;
line-height: 1.72;
margin: 0;
} .how-it-works-section {
margin-bottom: 56px;
}
.steps-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.step-card {
border: 2px solid var(--line-light);
background: var(--card-bg);
padding: 20px;
transition: transform 0.2s ease, border-color 0.2s ease;
}
.step-card:hover {
transform: translateY(-2px);
border-color: var(--line);
}
.step-card__number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border: 2px solid var(--line);
font-size: 1rem;
font-weight: 700;
margin-bottom: 14px;
}
.step-card__title {
font-size: 1.06rem;
font-weight: 400;
margin-bottom: 8px;
}
.step-card__desc {
color: var(--muted);
font-size: 0.95rem;
line-height: 1.72;
margin: 0;
} .testimonials-section {
margin-bottom: 56px;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.testimonial-card {
border: 2px solid var(--line-light);
background: var(--card-bg);
padding: 20px;
display: flex;
flex-direction: column;
gap: 14px;
transition: transform 0.2s ease, border-color 0.2s ease;
}
.testimonial-card:hover {
transform: translateY(-2px);
border-color: var(--line);
}
.testimonial-card__stars {
display: flex;
gap: 2px;
color: var(--ink);
}
.testimonial-card__stars svg {
width: 14px;
height: 14px;
}
.testimonial-card__text {
flex: 1;
}
.testimonial-card__text p {
color: var(--muted);
font-size: 0.98rem;
line-height: 1.76;
margin: 0;
font-style: italic;
}
.testimonial-card__author {
display: flex;
align-items: center;
gap: 10px;
padding-top: 10px;
border-top: 1px solid var(--line-light);
}
.testimonial-card__avatar {
width: 36px;
height: 36px;
border: 2px solid var(--line-light);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
font-weight: 700;
background: var(--soft);
}
.testimonial-card__info {
display: flex;
flex-direction: column;
}
.testimonial-card__name {
font-size: 0.95rem;
font-weight: 700;
}
.testimonial-card__role {
font-size: 0.82rem;
color: var(--muted2);
} .cta-section {
margin-bottom: 56px;
}
.cta-content {
max-width: 720px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
}
.cta-title {
font-size: clamp(1.5rem, 2.4vw, 2.2rem);
font-weight: 400;
}
.cta-subtitle {
color: var(--muted);
line-height: 1.84;
font-size: 1.04rem;
margin: 0;
} .site-footer {
margin-top: auto;
}
.footer-widgets {
width: min(calc(100% - 32px), var(--max));
margin: 0 auto 16px;
}
.footer-widgets-inner {
border: 2px solid var(--line-lighter);
background: var(--card-bg);
padding: 32px 28px;
}
.footer-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
}
.footer-col h4,
.footer-col .widget-title {
font-size: 1rem;
font-weight: 700;
margin-bottom: 14px;
}
.footer-col ul li {
margin-bottom: 6px;
}
.footer-col ul li a {
color: var(--muted);
font-size: 0.95rem;
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease, color 0.2s ease;
}
.footer-col ul li a:hover {
color: var(--ink);
border-color: var(--line);
}
.footer-col p {
color: var(--muted);
font-size: 0.95rem;
line-height: 1.74;
}
.footer-bottom {
width: min(calc(100% - 32px), var(--max));
margin: 0 auto 30px;
}
.footer-bottom-box {
border: 2px solid var(--line-lighter);
background: var(--card-bg);
padding: 18px 20px;
}
.footer-bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
}
.copyright {
color: var(--muted);
font-size: 0.92rem;
margin: 0;
}
.copyright a {
color: var(--ink);
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;
}
.copyright a:hover {
border-color: var(--line);
}
.footer-menu {
display: flex;
gap: 16px;
}
.footer-menu li a {
color: var(--muted);
font-size: 0.92rem;
transition: color 0.2s ease;
}
.footer-menu li a:hover {
color: var(--ink);
} .single-post {
max-width: 780px;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 56px;
}
.single-post__header {
margin-bottom: 28px;
}
.single-post__title {
font-size: clamp(1.6rem, 3vw, 2.6rem);
font-weight: 400;
line-height: 1.14;
margin-bottom: 14px;
}
.single-post__meta {
display: flex;
flex-wrap: wrap;
gap: 16px;
color: var(--muted);
font-size: 0.92rem;
}
.single-post__meta a {
color: var(--muted);
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;
}
.single-post__meta a:hover {
border-color: var(--line);
}
.single-post__image {
margin-bottom: 28px;
border: 2px solid var(--line-light);
}
.single-post__image img {
width: 100%;
height: auto;
}
.single-post__content {
color: var(--ink);
line-height: 1.84;
font-size: 1.04rem;
}
.single-post__content h2,
.single-post__content h3,
.single-post__content h4 {
margin-top: 2em;
margin-bottom: 0.8em;
}
.single-post__content p {
margin-bottom: 1.2em;
}
.single-post__content a {
color: var(--ink);
border-bottom: 1px solid var(--line-light);
transition: border-color 0.2s ease;
}
.single-post__content a:hover {
border-color: var(--line);
}
.single-post__content blockquote {
margin: 1.5em 0;
padding: 18px 24px;
border: 2px solid var(--line-light);
background: var(--card-bg);
font-style: italic;
}
.single-post__content img {
border: 2px solid var(--line-light);
}
.single-post__tags {
margin-top: 28px;
padding-top: 18px;
border-top: 2px solid var(--line-light);
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.tag-label {
color: var(--muted);
font-size: 0.9rem;
margin-right: 4px;
}
.single-post__tags a {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 0 12px;
border: 1.8px solid var(--line-light);
background: var(--card-bg);
color: var(--muted);
font-size: 0.88rem;
transition: border-color 0.2s ease, background 0.2s ease;
}
.single-post__tags a:hover {
border-color: var(--line);
background: var(--card-hover-bg);
}
.single-post__nav {
margin-top: 32px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.single-post__nav-link {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px;
border: 2px solid var(--line-light);
background: var(--card-bg);
transition: border-color 0.2s ease, transform 0.2s ease;
}
.single-post__nav-link:hover {
border-color: var(--line);
transform: translateY(-1px);
}
.single-post__nav-link--next {
text-align: right;
}
.single-post__nav-label {
font-size: 0.84rem;
color: var(--muted2);
}
.single-post__nav-title {
font-size: 0.98rem;
} .page-header {
padding-top: 100px;
margin-bottom: 32px;
}
.page-title {
font-size: clamp(1.5rem, 2.4vw, 2.2rem);
font-weight: 400;
margin-bottom: 10px;
}
.archive-description {
color: var(--muted);
line-height: 1.74;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin-bottom: 40px;
}
.post-card {
border: 2px solid var(--line-light);
background: var(--card-bg);
display: flex;
flex-direction: column;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.post-card:hover {
transform: translateY(-2px);
border-color: var(--line);
box-shadow: var(--shadow);
}
.post-card__image {
aspect-ratio: 16 / 10;
overflow: hidden;
border-bottom: 2px solid var(--line-light);
}
.post-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-card__content {
padding: 18px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.post-card__title {
font-size: 1.06rem;
font-weight: 400;
line-height: 1.3;
}
.post-card__title a {
transition: opacity 0.2s ease;
}
.post-card__title a:hover {
opacity: 0.7;
}
.post-card__meta {
color: var(--muted2);
font-size: 0.86rem;
}
.post-card__excerpt {
color: var(--muted);
font-size: 0.95rem;
line-height: 1.72;
}
.post-card__excerpt p {
margin: 0;
} .pagination,
.nav-links {
display: flex;
gap: 8px;
justify-content: center;
margin: 32px 0;
}
.page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
padding: 0 12px;
border: 2px solid var(--line-light);
background: var(--card-bg);
font-size: 0.95rem;
transition: border-color 0.2s ease, background 0.2s ease;
}
.page-numbers:hover,
.page-numbers.current {
border-color: var(--line);
background: var(--card-hover-bg);
}
.page-numbers.current {
font-weight: 700;
} .page-content {
max-width: 780px;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 40px;
}
.page-content h1 {
font-size: clamp(1.6rem, 3vw, 2.4rem);
margin-bottom: 20px;
} .error-404 {
text-align: center;
padding: 120px 20px 80px;
}
.error-404 h1 {
font-size: clamp(3rem, 8vw, 6rem);
margin-bottom: 10px;
}
.error-404 p {
color: var(--muted);
font-size: 1.1rem;
margin-bottom: 24px;
} .search-form {
display: flex;
max-width: 480px;
margin: 0 auto;
}
.search-form .search-field {
flex: 1;
min-height: 48px;
padding: 0 16px;
border: 2px solid var(--line);
border-right: none;
background: var(--bg);
font-family: var(--font);
font-size: 0.98rem;
color: var(--ink);
}
.search-form .search-field:focus {
outline: none;
background: #f7f1e6;
}
.search-form .search-submit {
min-height: 48px;
padding: 0 20px;
border: 2px solid var(--line);
background: var(--ink);
color: var(--bg);
font-family: var(--font);
font-size: 0.95rem;
cursor: pointer;
transition: background 0.2s ease;
border-radius: 0;
}
.search-form .search-submit:hover {
background: #2a2a2a;
} input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea,
select {
width: 100%;
min-height: 48px;
padding: 10px 16px;
border: 2px solid var(--line-light);
border-radius: 0;
background: var(--bg);
font-family: var(--font);
font-size: 0.98rem;
color: var(--ink);
transition: border-color 0.2s ease, background 0.2s ease;
-webkit-appearance: none;
}
input:focus,
textarea:focus,
select:focus {
outline: none;
border-color: var(--line);
background: #f7f1e6;
}
textarea {
min-height: 120px;
resize: vertical;
}
label {
display: block;
margin-bottom: 6px;
font-size: 0.95rem;
font-weight: 700;
} .reveal {
opacity: 0;
transform: translateY(16px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.reveal.visible {
opacity: 1;
transform: translateY(0);
} .background {
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
overflow: hidden;
}
.word {
position: absolute;
transform: translate(-50%, -50%);
white-space: nowrap;
font-family: Verdana, Arial, sans-serif;
font-weight: 700;
color: rgba(0, 0, 0, 0.08);
letter-spacing: 0.01em;
user-select: none;
} .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.no-results {
text-align: center;
padding: 60px 20px;
}
.no-results h2 {
font-size: 1.4rem;
margin-bottom: 10px;
}
.no-results p {
color: var(--muted);
}
.akkademi-question-count {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 0;
font-size: 0.95rem;
color: var(--muted);
}
.akkademi-question-count strong {
color: var(--ink);
font-size: 1.1rem;
}.woocommerce-page .site-main {
padding-top: 100px;
padding-bottom: 40px;
}
.woocommerce-products-header {
margin-bottom: 28px;
}
.woocommerce-products-header__title {
font-size: clamp(1.5rem, 2.4vw, 2.2rem);
font-weight: 400;
} .woocommerce-result-count,
.woocommerce-ordering {
margin-bottom: 20px;
color: var(--muted);
font-size: 0.92rem;
}
.woocommerce-ordering select {
min-height: 42px;
padding: 0 14px;
border: 2px solid var(--line-light);
border-radius: 0;
background: var(--bg);
font-family: var(--font);
font-size: 0.92rem;
color: var(--ink);
cursor: pointer;
-webkit-appearance: none;
}
.woocommerce-ordering select:focus {
border-color: var(--line);
outline: none;
} ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
list-style: none;
padding: 0;
margin: 0;
}
ul.products li.product {
border: 2px solid var(--line-light);
background: var(--card-bg);
margin: 0;
padding: 0;
float: none;
width: 100% !important;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
ul.products li.product:hover {
transform: translateY(-2px);
border-color: var(--line);
box-shadow: var(--shadow);
}
ul.products li.product a.woocommerce-LoopProduct-link {
display: block;
}
ul.products li.product img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
border-bottom: 2px solid var(--line-light);
margin: 0;
}
ul.products li.product .woocommerce-loop-product__title {
font-family: var(--font);
font-size: 1.08rem;
font-weight: 400;
padding: 18px 18px 0;
margin: 0;
}
ul.products li.product .price {
padding: 8px 18px;
font-size: 1.1rem;
font-weight: 700;
color: var(--ink);
}
ul.products li.product .price del {
color: var(--muted2);
font-weight: 400;
font-size: 0.9rem;
}
ul.products li.product .price ins {
text-decoration: none;
} ul.products li.product .onsale,
.woocommerce span.onsale {
position: absolute;
top: 12px;
left: 12px;
right: auto;
margin: 0;
padding: 4px 12px;
background: var(--ink);
color: var(--bg);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
border-radius: 0;
min-width: auto;
min-height: auto;
line-height: 1.4;
} ul.products li.product .button,
ul.products li.product .add_to_cart_button,
ul.products li.product .ajax_add_to_cart {
display: block;
width: calc(100% - 36px);
margin: 10px 18px 18px;
min-height: 44px;
padding: 0 16px;
border: 2px solid var(--line);
border-radius: 0;
background: var(--bg-alt);
font-family: var(--font);
font-size: 0.92rem;
color: var(--ink);
text-align: center;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
text-decoration: none;
line-height: 44px;
}
ul.products li.product .button:hover,
ul.products li.product .add_to_cart_button:hover {
transform: translateY(-1px);
box-shadow: var(--shadow-sm);
background: #f7f1e6;
} .star-rating {
color: var(--ink);
font-size: 0.85rem;
margin: 4px 18px 0;
} .single-product .site-main {
padding-top: 100px;
padding-bottom: 40px;
}
.single-product div.product {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: start;
max-width: var(--max);
margin: 0 auto;
} .single-product div.product div.images {
border: 2px solid var(--line-light);
background: var(--card-bg);
}
.single-product div.product div.images img {
width: 100%;
height: auto;
}
.single-product div.product div.images .woocommerce-product-gallery__trigger {
display: none;
}
.woocommerce-product-gallery__wrapper {
margin: 0;
}
.flex-control-thumbs {
display: flex;
gap: 8px;
padding: 8px;
margin: 0;
list-style: none;
}
.flex-control-thumbs li {
flex: 0 0 calc(25% - 6px);
}
.flex-control-thumbs li img {
border: 2px solid var(--line-light);
opacity: 0.6;
transition: opacity 0.2s ease, border-color 0.2s ease;
cursor: pointer;
}
.flex-control-thumbs li img.flex-active,
.flex-control-thumbs li img:hover {
opacity: 1;
border-color: var(--line);
} .single-product div.product .summary {
padding: 0;
}
.single-product div.product .product_title {
font-family: var(--font);
font-size: clamp(1.4rem, 2.2vw, 2rem);
font-weight: 400;
line-height: 1.2;
margin-bottom: 14px;
}
.single-product div.product .price {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 18px;
display: block;
}
.single-product div.product .price del {
color: var(--muted2);
font-weight: 400;
font-size: 1rem;
}
.single-product div.product .price ins {
text-decoration: none;
}
.single-product div.product .woocommerce-product-details__short-description {
color: var(--muted);
line-height: 1.84;
font-size: 1rem;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid var(--line-light);
} .single-product div.product form.cart {
display: flex;
gap: 12px;
align-items: stretch;
margin-bottom: 24px;
padding: 20px;
border: 2px solid var(--line);
background: var(--bg-alt);
}
.single-product div.product form.cart .quantity {
display: flex;
align-items: center;
}
.single-product div.product form.cart .quantity .qty {
width: 70px;
min-height: 52px;
text-align: center;
border: 2px solid var(--line-light);
border-radius: 0;
background: var(--bg);
font-family: var(--font);
font-size: 1rem;
font-weight: 700;
color: var(--ink);
}
.single-product div.product form.cart .quantity .qty:focus {
border-color: var(--line);
outline: none;
}
.single-product div.product form.cart button.single_add_to_cart_button {
flex: 1;
min-height: 52px;
padding: 0 24px;
border: 2px solid var(--ink);
border-radius: 0;
background: var(--ink);
color: var(--bg);
font-family: var(--font);
font-size: 1rem;
font-weight: 400;
cursor: pointer;
transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.single-product div.product form.cart button.single_add_to_cart_button:hover {
background: #2a2a2a;
box-shadow: var(--shadow);
transform: translateY(-1px);
} .single-product div.product .product_meta {
font-size: 0.92rem;
color: var(--muted);
padding-top: 16px;
border-top: 2px solid var(--line-light);
margin-top: 20px;
}
.single-product div.product .product_meta > span {
display: block;
margin-bottom: 6px;
}
.single-product div.product .product_meta a {
color: var(--ink);
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;
}
.single-product div.product .product_meta a:hover {
border-color: var(--line);
} .single-product div.product .woocommerce-tabs {
grid-column: 1 / -1;
margin-top: 16px;
border: 2px solid var(--line);
background: var(--bg-alt);
}
.woocommerce-tabs ul.tabs {
display: flex;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 2px solid var(--line-light);
}
.woocommerce-tabs ul.tabs li {
margin: 0;
padding: 0;
}
.woocommerce-tabs ul.tabs li a {
display: inline-flex;
align-items: center;
min-height: 50px;
padding: 0 20px;
font-size: 0.95rem;
border-right: 2px solid var(--line-light);
transition: background 0.2s ease;
color: var(--muted);
}
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
background: var(--card-bg);
color: var(--ink);
}
.woocommerce-tabs .woocommerce-Tabs-panel {
padding: 24px;
}
.woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 1.2rem;
font-weight: 400;
margin-bottom: 14px;
}
.woocommerce-tabs .woocommerce-Tabs-panel p {
color: var(--muted);
line-height: 1.84;
} .single-product .related.products {
grid-column: 1 / -1;
margin-top: 24px;
}
.single-product .related.products h2 {
font-size: clamp(1.2rem, 1.8vw, 1.6rem);
font-weight: 400;
margin-bottom: 20px;
padding-bottom: 14px;
border-bottom: 2px solid var(--line-light);
} .woocommerce-cart .site-main {
padding-top: 100px;
padding-bottom: 40px;
}
.woocommerce table.shop_table {
border: 2px solid var(--line);
border-collapse: collapse;
width: 100%;
border-radius: 0;
}
.woocommerce table.shop_table thead {
border-bottom: 2px solid var(--line);
background: var(--card-bg);
}
.woocommerce table.shop_table th {
padding: 14px 18px;
font-size: 0.92rem;
font-weight: 700;
text-align: left;
border: none;
}
.woocommerce table.shop_table td {
padding: 14px 18px;
border-bottom: 1px solid var(--line-light);
vertical-align: middle;
}
.woocommerce table.shop_table td.product-thumbnail img {
width: 60px;
height: 60px;
object-fit: cover;
border: 2px solid var(--line-light);
}
.woocommerce table.shop_table td.product-name a {
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;
}
.woocommerce table.shop_table td.product-name a:hover {
border-color: var(--line);
}
.woocommerce table.shop_table td.product-remove a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border: 2px solid var(--line-light);
color: var(--muted) !important;
font-size: 1.1rem;
transition: border-color 0.2s ease, color 0.2s ease;
text-decoration: none;
}
.woocommerce table.shop_table td.product-remove a:hover {
border-color: var(--line);
color: var(--ink) !important;
}
.woocommerce table.shop_table td.product-quantity .qty {
width: 60px;
min-height: 40px;
text-align: center;
border: 2px solid var(--line-light);
border-radius: 0;
background: var(--bg);
font-family: var(--font);
}
.woocommerce table.shop_table td.actions {
padding: 18px;
}
.woocommerce table.shop_table td.actions .coupon {
display: flex;
gap: 8px;
}
.woocommerce table.shop_table td.actions .coupon input {
min-height: 44px;
border: 2px solid var(--line-light);
border-radius: 0;
background: var(--bg);
font-family: var(--font);
padding: 0 14px;
}
.woocommerce table.shop_table td.actions .coupon .button,
.woocommerce table.shop_table td.actions > .button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
border: 2px solid var(--line);
border-radius: 0;
background: var(--bg-alt);
font-family: var(--font);
font-size: 0.92rem;
color: var(--ink);
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.woocommerce table.shop_table td.actions .coupon .button:hover,
.woocommerce table.shop_table td.actions > .button:hover {
transform: translateY(-1px);
box-shadow: var(--shadow-sm);
background: #f7f1e6;
} .cart_totals {
max-width: 480px;
margin-left: auto;
}
.cart_totals h2 {
font-size: 1.3rem;
font-weight: 400;
margin-bottom: 16px;
}
.cart_totals table {
border: 2px solid var(--line);
width: 100%;
border-collapse: collapse;
}
.cart_totals table th,
.cart_totals table td {
padding: 14px 18px;
border-bottom: 1px solid var(--line-light);
}
.cart_totals table th {
font-weight: 700;
font-size: 0.92rem;
text-align: left;
background: var(--card-bg);
}
.cart_totals .wc-proceed-to-checkout .checkout-button {
display: block;
width: 100%;
min-height: 52px;
padding: 0 24px;
margin-top: 16px;
border: 2px solid var(--ink);
border-radius: 0;
background: var(--ink);
color: var(--bg);
font-family: var(--font);
font-size: 1rem;
text-align: center;
line-height: 52px;
cursor: pointer;
transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
text-decoration: none;
}
.cart_totals .wc-proceed-to-checkout .checkout-button:hover {
background: #2a2a2a;
box-shadow: var(--shadow);
transform: translateY(-1px);
} .woocommerce-checkout .site-main {
padding-top: 100px;
padding-bottom: 40px;
}
.woocommerce form.checkout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
}
.woocommerce form.checkout #customer_details {
grid-column: 1;
}
.woocommerce form.checkout #order_review_heading,
.woocommerce form.checkout #order_review {
grid-column: 2;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
font-size: 1.2rem;
font-weight: 400;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 2px solid var(--line-light);
}
.woocommerce form .form-row {
margin-bottom: 14px;
}
.woocommerce form .form-row label {
font-size: 0.92rem;
font-weight: 700;
margin-bottom: 6px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 2px solid var(--line-light);
border-radius: 0;
background: var(--bg);
font-family: var(--font);
min-height: 48px;
padding: 10px 16px;
width: 100%;
font-size: 0.98rem;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
border-color: var(--line);
outline: none;
background: #f7f1e6;
} .woocommerce-checkout-review-order-table {
border: 2px solid var(--line);
border-collapse: collapse;
width: 100%;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
padding: 12px 16px;
border-bottom: 1px solid var(--line-light);
font-size: 0.95rem;
}
.woocommerce-checkout-review-order-table thead {
background: var(--card-bg);
}
.woocommerce-checkout-review-order-table thead th {
font-weight: 700;
}
.woocommerce-checkout-review-order-table tfoot th {
font-weight: 700;
} #payment {
border: 2px solid var(--line);
background: var(--bg-alt);
padding: 20px;
margin-top: 20px;
}
#payment ul.payment_methods {
list-style: none;
padding: 0;
margin: 0 0 16px;
}
#payment ul.payment_methods li {
padding: 14px 0;
border-bottom: 1px solid var(--line-light);
}
#payment ul.payment_methods li:last-child {
border-bottom: none;
}
#payment ul.payment_methods li label {
font-weight: 400;
cursor: pointer;
}
#payment .payment_box {
padding: 14px;
background: var(--card-bg);
border: 1px solid var(--line-light);
margin-top: 10px;
color: var(--muted);
font-size: 0.92rem;
line-height: 1.6;
}
#payment #place_order {
display: block;
width: 100%;
min-height: 56px;
padding: 0 24px;
border: 2px solid var(--ink);
border-radius: 0;
background: var(--ink);
color: var(--bg);
font-family: var(--font);
font-size: 1.02rem;
cursor: pointer;
transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
#payment #place_order:hover {
background: #2a2a2a;
box-shadow: var(--shadow);
transform: translateY(-1px);
} .woocommerce-MyAccount-navigation {
border: 2px solid var(--line);
background: var(--bg-alt);
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid var(--line-light);
}
.woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 14px 18px;
font-size: 0.95rem;
transition: background 0.2s ease;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
background: var(--card-bg);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
font-weight: 700;
border-left: 3px solid var(--ink);
}
.woocommerce-MyAccount-content {
border: 2px solid var(--line-light);
background: var(--card-bg);
padding: 24px;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error {
padding: 14px 18px;
border: 2px solid var(--line);
background: var(--bg-alt);
margin-bottom: 20px;
font-size: 0.95rem;
list-style: none;
display: flex;
align-items: center;
gap: 12px;
}
.woocommerce-message::before,
.woocommerce-info::before {
content: none;
}
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 0 14px;
border: 2px solid var(--line);
border-radius: 0;
background: var(--bg-alt);
font-family: var(--font);
font-size: 0.88rem;
color: var(--ink);
text-decoration: none;
margin-left: auto;
transition: background 0.2s ease;
}
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover {
background: #f7f1e6;
} .woocommerce-breadcrumb {
font-size: 0.88rem;
color: var(--muted);
margin-bottom: 20px;
padding-bottom: 14px;
border-bottom: 2px solid var(--line-light);
}
.woocommerce-breadcrumb a {
color: var(--muted);
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease, color 0.2s ease;
}
.woocommerce-breadcrumb a:hover {
color: var(--ink);
border-color: var(--line);
} .cart-empty {
text-align: center;
padding: 40px 20px;
}
.return-to-shop .button {
display: inline-flex;
align-items: center;
min-height: 52px;
padding: 0 24px;
border: 2px solid var(--ink);
border-radius: 0;
background: var(--ink);
color: var(--bg);
font-family: var(--font);
font-size: 0.98rem;
text-decoration: none;
transition: background 0.2s ease, box-shadow 0.2s ease;
}
.return-to-shop .button:hover {
background: #2a2a2a;
box-shadow: var(--shadow);
} .woocommerce-order-received .woocommerce-thankyou-order-received {
font-size: 1.1rem;
margin-bottom: 20px;
}
.akkademi-thankyou-box {
margin-top: 20px;
padding: 20px;
border: 2px solid var(--line);
background: var(--bg-alt);
}
.akkademi-thankyou-box h3 {
font-weight: 700;
margin-bottom: 8px;
}
.akkademi-thankyou-box p {
color: var(--muted);
margin-bottom: 14px;
}
.akkademi-thankyou-box a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 20px;
border: 2px solid var(--ink);
border-radius: 0;
background: var(--ink);
color: var(--bg);
text-decoration: none;
font-size: 0.95rem;
transition: background 0.2s ease;
}
.akkademi-thankyou-box a:hover {
background: #2a2a2a;
} .akkademi-my-packages h3 {
font-size: 1.2rem;
font-weight: 400;
margin-bottom: 12px;
}
.akkademi-my-packages p {
color: var(--muted);
line-height: 1.74;
margin-bottom: 18px;
} .woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
border-radius: 0 !important;
font-family: var(--font);
} .select2-container .select2-selection--single {
min-height: 48px;
border: 2px solid var(--line-light);
border-radius: 0;
background: var(--bg);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 44px;
padding-left: 16px;
font-family: var(--font);
color: var(--ink);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px;
}
.select2-dropdown {
border: 2px solid var(--line);
border-radius: 0;
}
.select2-results__option--highlighted[aria-selected] {
background: var(--card-bg) !important;
color: var(--ink) !important;
} .akkademi-product-card__image {
position: relative;
overflow: hidden;
}
.akkademi-product-card__image img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
border-bottom: 2px solid var(--line-light);
display: block;
}
.akkademi-product-card__placeholder {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 16 / 10;
background: var(--bg);
color: var(--muted);
border-bottom: 2px solid var(--line-light);
}
.akkademi-product-card__sale-badge {
position: absolute;
top: 10px;
left: 10px;
background: #e74c3c;
color: #fff;
font-size: 0.75rem;
font-weight: 700;
padding: 3px 10px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.akkademi-product-card__type-badge {
position: absolute;
top: 10px;
right: 10px;
font-size: 0.72rem;
font-weight: 600;
padding: 3px 10px;
letter-spacing: 0.02em;
}
.akkademi-product-card__type-badge.badge--exam {
background: #2563eb;
color: #fff;
}
.akkademi-product-card__type-badge.badge--practice {
background: #059669;
color: #fff;
}
.akkademi-product-card__body {
padding: 16px 18px;
}
.akkademi-product-card__title {
font-family: var(--font);
font-size: 1.05rem;
font-weight: 400;
margin: 0 0 8px;
line-height: 1.35;
}
.akkademi-product-card__meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 10px;
}
.akkademi-product-card__meta-item {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 0.82rem;
color: var(--muted);
}
.akkademi-product-card__meta-item svg {
flex-shrink: 0;
}
.akkademi-product-card__difficulty--easy { color: #059669; }
.akkademi-product-card__difficulty--medium { color: #d97706; }
.akkademi-product-card__difficulty--hard { color: #dc2626; }
.akkademi-product-card__difficulty--mixed { color: #6366f1; }
.akkademi-product-card__price {
font-size: 1.1rem;
font-weight: 700;
color: var(--ink);
}
.akkademi-product-card__footer {
padding: 0 18px 16px;
}
.akkademi-product-card__btn {
width: 100%;
text-align: center;
} .akkademi-loop-badge {
display: inline-block;
font-size: 0.72rem;
font-weight: 600;
padding: 3px 10px;
margin: 8px 18px 0;
}
.akkademi-loop-badge--exam {
background: #2563eb;
color: #fff;
}
.akkademi-loop-badge--practice {
background: #059669;
color: #fff;
} .akkademi-single-product__top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 48px;
}
.akkademi-single-product__gallery {
position: relative;
}
.akkademi-single-product__gallery img {
width: 100%;
border: 2px solid var(--line-light);
}
.akkademi-badge {
display: inline-block;
font-size: 0.78rem;
font-weight: 600;
padding: 4px 14px;
margin-bottom: 12px;
letter-spacing: 0.02em;
}
.akkademi-badge--exam {
background: #2563eb;
color: #fff;
}
.akkademi-badge--practice {
background: #059669;
color: #fff;
}
.akkademi-single-product__title {
font-family: var(--font);
font-size: clamp(1.4rem, 2.2vw, 2rem);
font-weight: 400;
margin: 0 0 20px;
line-height: 1.3;
}
.akkademi-single-product__stats {
display: flex;
gap: 24px;
margin-bottom: 24px;
padding: 16px 0;
border-top: 2px solid var(--line-light);
border-bottom: 2px solid var(--line-light);
}
.akkademi-stat {
display: flex;
flex-direction: column;
align-items: center;
min-width: 60px;
}
.akkademi-stat__value {
font-size: 1.3rem;
font-weight: 700;
color: var(--ink);
line-height: 1;
}
.akkademi-stat__label {
font-size: 0.78rem;
color: var(--muted);
margin-top: 4px;
}
.akkademi-single-product__price {
font-size: 1.5rem;
font-weight: 700;
color: var(--ink);
margin-bottom: 16px;
}
.akkademi-single-product__price del {
color: var(--muted);
font-weight: 400;
font-size: 1.1rem;
}
.akkademi-single-product__price ins {
text-decoration: none;
color: #dc2626;
}
.akkademi-single-product__short-desc {
margin-top: 20px;
font-size: 0.95rem;
color: var(--muted);
line-height: 1.6;
} .akkademi-section-title {
font-family: var(--font);
font-size: 1.3rem;
font-weight: 400;
margin: 0 0 20px;
padding-bottom: 12px;
border-bottom: 2px solid var(--line-light);
}
.akkademi-sections-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 12px;
margin-bottom: 40px;
}
.akkademi-section-card {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 16px;
border: 2px solid var(--line-light);
transition: border-color 0.2s ease;
}
.akkademi-section-card:hover {
border-color: var(--line);
}
.akkademi-section-card__number {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: var(--bg);
border: 2px solid var(--line-light);
font-weight: 700;
font-size: 0.9rem;
color: var(--muted);
flex-shrink: 0;
}
.akkademi-section-card__title {
font-size: 0.95rem;
font-weight: 400;
margin: 0;
line-height: 1.3;
}
.akkademi-section-card__count {
font-size: 0.8rem;
color: var(--muted);
} .akkademi-single-product__question-types {
margin-bottom: 40px;
}
.akkademi-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.akkademi-tag {
display: inline-block;
padding: 5px 14px;
border: 2px solid var(--line-light);
font-size: 0.82rem;
color: var(--ink);
transition: border-color 0.2s ease;
}
.akkademi-tag:hover {
border-color: var(--line);
} .akkademi-single-product__description {
margin-bottom: 40px;
}
.akkademi-content {
font-size: 0.95rem;
line-height: 1.7;
color: var(--ink);
}
.akkademi-content p {
margin-bottom: 16px;
} .akkademi-my-packages {
padding: 28px;
border: 2px solid var(--line-light);
text-align: center;
}
.akkademi-my-packages h3 {
font-family: var(--font);
font-weight: 400;
margin: 0 0 12px;
}
.akkademi-my-packages p {
color: var(--muted);
margin-bottom: 20px;
} .akkademi-thankyou-box {
margin-top: 24px;
padding: 24px;
border: 2px solid var(--line-light);
text-align: center;
}
.akkademi-thankyou-box h3 {
font-family: var(--font);
font-weight: 400;
margin: 0 0 8px;
}
.akkademi-thankyou-box p {
color: var(--muted);
margin-bottom: 16px;
} @media (max-width: 768px) {
.akkademi-single-product__top {
grid-template-columns: 1fr;
gap: 20px;
}
.akkademi-single-product__stats {
gap: 16px;
flex-wrap: wrap;
}
.akkademi-sections-grid {
grid-template-columns: 1fr;
}
}@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation: none !important;
transition: none !important;
}
} @media (max-width: 960px) {
.hero-logo {
width: min(60vw, 420px);
}
.packages-grid,
.testimonials-grid,
.posts-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.features-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.single-product div.product {
grid-template-columns: 1fr;
}
.woocommerce form.checkout {
grid-template-columns: 1fr;
}
.woocommerce form.checkout #order_review_heading,
.woocommerce form.checkout #order_review {
grid-column: 1;
}
} @media (max-width: 700px) {
.header-inner {
min-height: 60px;
}
.main-navigation {
display: none;
}
.main-navigation.toggled {
display: flex;
position: absolute;
top: 62px;
left: 0;
right: 0;
background: var(--bg-alt);
border-bottom: 2px solid var(--line);
border-top: none;
padding: 12px;
backdrop-filter: blur(6px);
box-shadow: var(--shadow);
z-index: 80;
}
.main-navigation.toggled ul {
flex-direction: column;
width: 100%;
gap: 4px;
}
.main-navigation.toggled a {
width: 100%;
padding: 12px 14px;
}
.menu-toggle {
display: flex;
}
.site-logo img {
height: 36px;
}
.hero-section {
padding: 80px 18px 28px;
min-height: auto;
}
.hero-logo {
width: min(72vw, 300px);
}
.hero-title {
font-size: clamp(1.6rem, 6vw, 2.4rem);
}
.hero-actions {
width: 100%;
}
.hero-actions .btn {
width: 100%;
}
.hero-stats {
flex-direction: column;
align-items: center;
}
.hero-stat {
width: 100%;
justify-content: center;
}
.packages-grid,
.features-grid,
.steps-grid,
.testimonials-grid,
.posts-grid {
grid-template-columns: 1fr;
}
ul.products {
grid-template-columns: 1fr !important;
}
.section-box-wrap {
padding: 20px;
}
.container {
width: min(calc(100% - 20px), var(--max));
}
.footer-grid {
grid-template-columns: 1fr;
}
.footer-bottom-inner {
flex-direction: column;
text-align: center;
}
.footer-menu {
justify-content: center;
}
.single-post__nav {
grid-template-columns: 1fr;
}
.single-post {
padding-top: 80px;
}
.page-header {
padding-top: 80px;
}
.cart_totals {
max-width: 100%;
}
.woocommerce table.shop_table {
font-size: 0.9rem;
}
.woocommerce table.shop_table td.actions .coupon {
flex-direction: column;
}
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main,
.single-product .site-main,
.woocommerce-page .site-main {
padding-top: 80px;
}
} @media (max-width: 480px) {
.header-actions .header-btn span {
display: none;
}
.hero-tags {
gap: 6px;
}
.hero-tag {
font-size: 0.82rem;
min-height: 32px;
padding: 0 10px;
}
.section-title {
font-size: 1.2rem;
}
.single-post__title {
font-size: 1.4rem;
}
.footer-widgets-inner {
padding: 20px 16px;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}