@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap");

.theme-modern-atelier {
    --ma-ink: #171717;
    --ma-muted: #6f675e;
    --ma-soft: #f7f3ec;
    --ma-card: #fffdf8;
    --ma-line: #e4d9ca;
    --ma-gold: #b48a3c;
    --ma-green: #1f4f43;
    --ma-red: #8f2f24;
    background:
        linear-gradient(180deg, rgba(247, 243, 236, 0.92), rgba(255, 253, 248, 0.98) 38%, #f8f7f4),
        #f7f3ec;
    color: var(--ma-ink);
    font-family: "Inter", Tahoma, Arial, sans-serif;
}

.theme-modern-atelier header {
    background: rgba(255, 253, 248, 0.92);
    backdrop-filter: blur(16px);
}

.theme-modern-atelier header > div {
    border-color: var(--ma-line);
}

.theme-modern-atelier header nav {
    background: rgba(247, 243, 236, 0.78);
    border-color: var(--ma-line);
}

.theme-modern-atelier .brand-text {
    color: var(--ma-ink);
    font-family: "Cinzel", "Times New Roman", serif;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.theme-modern-atelier .brand-rule {
    background: linear-gradient(90deg, transparent, var(--ma-gold), var(--ma-green), transparent);
    width: min(320px, 78vw);
}

.theme-modern-atelier header nav a {
    border-color: rgba(180, 138, 60, 0.2) !important;
    background: rgba(255, 253, 248, 0.96) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 24px rgba(23, 23, 23, 0.06) !important;
}

.theme-modern-atelier header nav a:hover {
    border-color: var(--ma-gold) !important;
    transform: translateY(-1px);
}

.theme-modern-atelier.theme-motion-smooth header nav a:hover,
.theme-modern-atelier.theme-motion-lively header nav a:hover {
    box-shadow: 0 14px 34px rgba(180, 138, 60, 0.16) !important;
}

.theme-modern-atelier main > section > .rounded-lg:first-child {
    border: 1px solid rgba(180, 138, 60, 0.22) !important;
    background:
        radial-gradient(circle at 12% 10%, rgba(180, 138, 60, 0.13), transparent 34%),
        linear-gradient(135deg, #fffdf8 0%, #f5eadb 58%, #efe2d0 100%) !important;
    box-shadow: 0 24px 70px rgba(74, 58, 35, 0.14) !important;
}

.theme-modern-atelier h1,
.theme-modern-atelier h2,
.theme-modern-atelier h3 {
    letter-spacing: 0;
}

.theme-modern-atelier main h1 {
    color: var(--ma-ink);
    font-weight: 800;
}

.theme-modern-atelier main p,
.theme-modern-atelier .text-zinc-600,
.theme-modern-atelier .text-zinc-700 {
    color: var(--ma-muted) !important;
}

.theme-modern-atelier .bg-amber-100 {
    background: rgba(31, 79, 67, 0.1) !important;
    color: var(--ma-green) !important;
}

.theme-modern-atelier .bg-zinc-900 {
    background: var(--ma-green) !important;
    color: #fffdf8 !important;
}

.theme-modern-atelier .bg-zinc-900:hover {
    background: #163a31 !important;
}

.theme-modern-atelier input.peer:checked + span {
    background: var(--ma-green) !important;
    border-color: var(--ma-green) !important;
    color: #fffdf8 !important;
}

.theme-modern-atelier input.peer:focus + span {
    box-shadow: 0 0 0 3px rgba(180, 138, 60, 0.18);
}

.theme-modern-atelier a.group {
    border: 1px solid rgba(180, 138, 60, 0.18) !important;
    background: var(--ma-card) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 40px rgba(23, 23, 23, 0.08) !important;
}

.theme-modern-atelier a.group:hover {
    box-shadow: 0 20px 58px rgba(23, 23, 23, 0.14) !important;
}

.theme-modern-atelier.theme-motion-smooth a.group:hover,
.theme-modern-atelier.theme-motion-lively a.group:hover {
    transform: translateY(-6px);
}

.theme-modern-atelier.theme-motion-lively .brand-rule {
    animation: atelier-rule 2.8s ease-in-out infinite;
}

@keyframes atelier-rule {
    0%,
    100% {
        opacity: 0.55;
        width: min(220px, 64vw);
    }
    50% {
        opacity: 1;
        width: min(340px, 82vw);
    }
}

.theme-modern-atelier .product-card-image {
    background: #f3eee6 !important;
}

.theme-modern-atelier a.group .absolute {
    background: var(--ma-red) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(143, 47, 36, 0.24);
}

.theme-modern-atelier .line-through {
    color: #9a8f83 !important;
}

.theme-modern-atelier .border-zinc-200,
.theme-modern-atelier .border-zinc-300 {
    border-color: var(--ma-line) !important;
}

.theme-modern-atelier .bg-white {
    background: var(--ma-card) !important;
}

.theme-modern-atelier .bg-zinc-50,
.theme-modern-atelier .bg-zinc-100,
.theme-modern-atelier .bg-stone-50 {
    background: var(--ma-soft) !important;
}

.theme-modern-atelier .rounded-lg {
    border-radius: 16px !important;
}

.theme-modern-atelier input,
.theme-modern-atelier textarea,
.theme-modern-atelier select {
    background: #fffdf8;
    border-color: var(--ma-line) !important;
    border-radius: 12px !important;
    color: var(--ma-ink);
}

.theme-modern-atelier input:focus,
.theme-modern-atelier textarea:focus,
.theme-modern-atelier select:focus {
    border-color: var(--ma-gold) !important;
    box-shadow: 0 0 0 3px rgba(180, 138, 60, 0.16);
}

.theme-modern-atelier form button,
.theme-modern-atelier a.rounded.bg-zinc-900 {
    border-radius: 999px !important;
    box-shadow: 0 14px 34px rgba(31, 79, 67, 0.22);
}

.theme-modern-atelier footer {
    background:
        linear-gradient(180deg, #171717, #111) !important;
    border-top: 1px solid rgba(180, 138, 60, 0.3);
}

.theme-modern-atelier footer .brand-text {
    color: #f5df9c;
}

.theme-modern-atelier footer .brand-rule {
    background: linear-gradient(90deg, transparent, #d6b76a, #1f4f43, transparent);
}

@media (max-width: 640px) {
    .theme-modern-atelier .brand-text {
        font-size: 1.7rem;
        letter-spacing: 0.08em;
    }

    .theme-modern-atelier main > section {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .theme-modern-atelier a.group {
        border-radius: 14px !important;
    }

    .theme-modern-atelier a.group > div:last-child {
        padding: 0.85rem !important;
    }
}