/* Saat Tamircisi Özel Tasarım */
/* Koyu kahverengi tema ile özel aile işletmesi tasarımı */

:root {
    --ancient-wood: #2c1810;
    --coffee-bean: #3d2417;
    --burnished-copper: #8b4513;
    --aged-brass: #cd853f;
    --warm-amber: #daa520;
    --vintage-cream: #f5f5dc;
    --workshop-dust: #4a3728;
    --leather-brown: #654321;
    --mahogany-shadow: #1a0f08;
    --clockwork-gold: #b8860b;
}

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

body {
    font-family: 'Georgia', serif;
    background: linear-gradient(135deg, var(--ancient-wood) 0%, var(--coffee-bean) 40%, var(--workshop-dust) 100%);
    color: var(--vintage-cream);
    line-height: 1.7;
    min-height: 100vh;
    overflow-x: hidden;
}

.workspace-banner {
    background: var(--mahogany-shadow);
    padding: 18px 0;
    position: relative;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
}

.workspace-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 50%, var(--burnished-copper) 0%, transparent 60%);
    opacity: 0.15;
    pointer-events: none;
}

.navigation-cluster {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
}

.brand-signature {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.master-craftsman-title {
    font-size: 2.1rem;
    font-weight: 700;
    color: var(--warm-amber);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    letter-spacing: 1px;
}

.heritage-line {
    font-size: 0.9rem;
    color: var(--aged-brass);
    font-style: italic;
    opacity: 0.85;
}

.service-pathways {
    display: flex;
    list-style: none;
    gap: 32px;
}

.service-pathways li a {
    color: var(--vintage-cream);
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 12px 18px;
    border-radius: 8px;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.service-pathways li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--burnished-copper), transparent);
    transition: left 0.5s;
}

.service-pathways li a:hover::before {
    left: 100%;
}

.service-pathways li a:hover {
    background: var(--workshop-dust);
    color: var(--clockwork-gold);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}

.primary-canvas {
    padding: 0;
    margin: 0;
}

.craftsman-introduction {
    min-height: 85vh;
    display: flex;
    align-items: center;
    padding: 60px 0;
    background: 
        radial-gradient(circle at 80% 20%, var(--workshop-dust) 0%, transparent 50%),
        radial-gradient(circle at 20% 80%, var(--coffee-bean) 0%, transparent 50%),
        linear-gradient(45deg, var(--ancient-wood) 0%, var(--workshop-dust) 100%);
    position: relative;
}

.craftsman-introduction::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 2px,
            rgba(205, 133, 63, 0.03) 2px,
            rgba(205, 133, 63, 0.03) 4px
        );
    pointer-events: none;
}

.narrative-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 28px;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 65px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.storytelling-block {
    padding: 45px 0;
}

.profession-declaration {
    font-size: 3.2rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 24px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
    line-height: 1.2;
    letter-spacing: 0.5px;
}

.mission-statement {
    font-size: 1.3rem;
    color: var(--vintage-cream);
    margin-bottom: 45px;
    opacity: 0.92;
    text-align: justify;
    line-height: 1.8;
}

.specialty-showcase {
    display: grid;
    gap: 35px;
    margin-top: 50px;
}

.craft-category {
    background: var(--mahogany-shadow);
    padding: 28px;
    border-radius: 12px;
    border-left: 5px solid var(--burnished-copper);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease;
    position: relative;
}

.craft-category::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, var(--aged-brass) 0%, transparent 70%);
    border-radius: 0 12px 0 60px;
    opacity: 0.2;
}

.craft-category:hover {
    transform: translateX(8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);
    border-left-color: var(--clockwork-gold);
}

.craft-category h3 {
    font-size: 1.4rem;
    color: var(--aged-brass);
    margin-bottom: 15px;
    font-weight: 600;
}

.craft-category p {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    opacity: 0.88;
    line-height: 1.7;
}

.visual-testimony {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.craftsman-portrait {
    width: 100%;
    height: 480px;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
    border: 3px solid var(--workshop-dust);
    transition: all 0.4s ease;
}

.craftsman-portrait:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.9);
}

.image-story {
    font-size: 1.1rem;
    color: var(--aged-brass);
    font-style: italic;
    text-align: center;
    opacity: 0.85;
    font-weight: 500;
}

@media (max-width: 980px) {
    .navigation-cluster {
        flex-direction: column;
        gap: 20px;
        padding: 0 20px;
    }
    
    .service-pathways {
        gap: 20px;
    }
    
    .service-pathways li a {
        padding: 10px 15px;
        font-size: 1rem;
    }
    
    .narrative-container {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }
    
    .profession-declaration {
        font-size: 2.5rem;
    }
    
    .mission-statement {
        font-size: 1.2rem;
    }
    
    .craftsman-portrait {
        height: 350px;
    }
}

@media (max-width: 640px) {
    .workspace-banner {
        padding: 15px 0;
    }
    
    .master-craftsman-title {
        font-size: 1.8rem;
    }
    
    .service-pathways {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    
    .service-pathways li a {
        padding: 8px 12px;
        font-size: 0.95rem;
    }
    
    .craftsman-introduction {
        padding: 40px 0;
    }
    
    .narrative-container {
        padding: 0 20px;
    }
    
    .profession-declaration {
        font-size: 2rem;
    }
    
    .mission-statement {
        font-size: 1.1rem;
        text-align: left;
    }
    
    .craft-category {
        padding: 20px;
    }
    
    .craftsman-portrait {
        height: 280px;
    }
}
















/* Hizmetler Bölümü Stilleri */

.expertise-realm {
    background: 
        radial-gradient(circle at 15% 80%, var(--workshop-dust) 0%, transparent 40%),
        radial-gradient(circle at 85% 20%, var(--coffee-bean) 0%, transparent 40%),
        linear-gradient(180deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 100%);
    padding: 85px 0;
    position: relative;
    overflow: hidden;
}

.expertise-realm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 3px,
            rgba(139, 69, 19, 0.02) 3px,
            rgba(139, 69, 19, 0.02) 6px
        );
    pointer-events: none;
}

.services-workspace {
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    z-index: 1;
}

.section-proclamation {
    text-align: center;
    margin-bottom: 65px;
}

.mastery-title {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 22px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.8px;
}

.capability-statement {
    font-size: 1.25rem;
    color: var(--vintage-cream);
    opacity: 0.9;
    max-width: 720px;
    margin: 0 auto;
    line-height: 1.75;
}

.service-catalog {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 28px;
    margin-bottom: 55px;
}

.service-offering {
    background: var(--mahogany-shadow);
    border-radius: 18px;
    padding: 32px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    transition: all 0.38s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.service-offering::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--burnished-copper), var(--aged-brass), var(--burnished-copper));
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.service-offering:hover::before {
    transform: scaleX(1);
}

.service-offering:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8);
    border-color: var(--burnished-copper);
}

.service-header {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.service-name {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
}

.complexity-indicator {
    font-size: 0.95rem;
    color: var(--burnished-copper);
    font-weight: 500;
    opacity: 0.85;
}

.service-description {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 24px;
    opacity: 0.9;
}

.pricing-structure {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.price-tier {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--ancient-wood);
    border-radius: 8px;
    border-left: 3px solid var(--workshop-dust);
    transition: all 0.3s ease;
}

.price-tier:hover {
    border-left-color: var(--clockwork-gold);
    background: var(--coffee-bean);
}

.tier-label {
    font-size: 1rem;
    color: var(--vintage-cream);
    font-weight: 500;
}

.price-amount {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--clockwork-gold);
}

/* Özel hizmet renkleri */
.mechanical-expertise {
    border-left: 5px solid var(--burnished-copper);
}

.quartz-expertise {
    border-left: 5px solid var(--aged-brass);
}

.glass-expertise {
    border-left: 5px solid var(--clockwork-gold);
}

.strap-expertise {
    border-left: 5px solid var(--leather-brown);
}

.maintenance-expertise {
    border-left: 5px solid var(--warm-amber);
}

.timing-expertise {
    border-left: 5px solid var(--burnished-copper);
}

.restoration-expertise {
    border-left: 5px solid var(--aged-brass);
}

.waterproof-expertise {
    border-left: 5px solid var(--clockwork-gold);
}

.polishing-expertise {
    border-left: 5px solid var(--warm-amber);
}

.accessories-expertise {
    border-left: 5px solid var(--leather-brown);
}

.service-guarantee {
    background: var(--coffee-bean);
    border-radius: 15px;
    padding: 35px;
    text-align: center;
    border: 2px solid var(--burnished-copper);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
    margin-top: 45px;
}

.guarantee-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin-bottom: 16px;
}

.guarantee-text {
    font-size: 1.15rem;
    color: var(--vintage-cream);
    line-height: 1.8;
    opacity: 0.92;
}

/* Responsive tasarım */
@media (max-width: 1120px) {
    .service-catalog {
        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
        gap: 24px;
    }
    
    .service-offering {
        padding: 28px;
    }
}

@media (max-width: 820px) {
    .expertise-realm {
        padding: 60px 0;
    }
    
    .services-workspace {
        padding: 0 24px;
    }
    
    .mastery-title {
        font-size: 2.4rem;
    }
    
    .capability-statement {
        font-size: 1.15rem;
    }
    
    .service-catalog {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .service-offering {
        padding: 24px;
    }
    
    .service-name {
        font-size: 1.3rem;
    }
    
    .service-description {
        font-size: 1rem;
    }
    
    .price-tier {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    
    .service-guarantee {
        padding: 28px;
    }
}

@media (max-width: 520px) {
    .services-workspace {
        padding: 0 18px;
    }
    
    .mastery-title {
        font-size: 2rem;
    }
    
    .capability-statement {
        font-size: 1.1rem;
    }
    
    .service-offering {
        padding: 20px;
    }
    
    .service-name {
        font-size: 1.2rem;
    }
    
    .complexity-indicator {
        font-size: 0.9rem;
    }
    
    .service-description {
        font-size: 0.95rem;
    }
    
    .tier-label {
        font-size: 0.95rem;
    }
    
    .price-amount {
        font-size: 1.05rem;
    }
    
    .service-guarantee {
        padding: 24px;
    }
    
    .guarantee-title {
        font-size: 1.4rem;
    }
    
    .guarantee-text {
        font-size: 1.05rem;
    }
}



















/* Tamir Süreci Bölümü Stilleri */

.craftmanship-journey {
    background: 
        radial-gradient(ellipse at 25% 10%, var(--coffee-bean) 0%, transparent 50%),
        radial-gradient(ellipse at 75% 90%, var(--workshop-dust) 0%, transparent 50%),
        linear-gradient(160deg, var(--mahogany-shadow) 0%, var(--ancient-wood) 50%, var(--coffee-bean) 100%);
    padding: 90px 0;
    position: relative;
    overflow: hidden;
}

.craftmanship-journey::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-conic-gradient(
            from 45deg at 50% 50%,
            transparent 0deg,
            rgba(139, 69, 19, 0.015) 5deg,
            transparent 10deg
        );
    pointer-events: none;
}

.process-laboratory {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 35px;
    position: relative;
    z-index: 1;
}

.methodology-introduction {
    text-align: center;
    margin-bottom: 70px;
}

.workflow-declaration {
    font-size: 2.9rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 25px;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.7px;
}

.transparency-mission {
    font-size: 1.3rem;
    color: var(--vintage-cream);
    opacity: 0.92;
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.8;
}

.procedure-timeline {
    display: grid;
    gap: 45px;
    margin-bottom: 65px;
}

.process-milestone {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 35px;
    background: var(--mahogany-shadow);
    border-radius: 20px;
    padding: 38px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);
    transition: all 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.process-milestone::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(180deg, var(--burnished-copper), var(--aged-brass));
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.5s ease;
}

.process-milestone:hover::before {
    transform: scaleY(1);
}

.process-milestone:hover {
    transform: translateX(12px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
    border-color: var(--burnished-copper);
}

.milestone-indicator {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 5px;
}

.step-numerator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    background: 
        radial-gradient(circle, var(--burnished-copper) 0%, var(--coffee-bean) 70%);
    color: var(--vintage-cream);
    font-size: 1.4rem;
    font-weight: 800;
    border-radius: 50%;
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.6),
        inset 0 2px 4px rgba(255, 255, 255, 0.1);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.milestone-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.phase-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
    line-height: 1.3;
}

.phase-details {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.primary-description {
    color: var(--vintage-cream);
    font-size: 1.1rem;
    line-height: 1.75;
    opacity: 0.9;
    margin: 0;
}

.sub-activities {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}

.activity-item {
    background: var(--ancient-wood);
    padding: 10px 16px;
    border-radius: 8px;
    color: var(--vintage-cream);
    font-size: 0.95rem;
    border-left: 3px solid var(--workshop-dust);
    transition: all 0.3s ease;
    opacity: 0.85;
}

.activity-item:hover {
    border-left-color: var(--clockwork-gold);
    background: var(--coffee-bean);
    opacity: 1;
}

.duration-estimate {
    background: var(--coffee-bean);
    padding: 14px 20px;
    border-radius: 10px;
    border: 1px solid var(--burnished-copper);
    color: var(--clockwork-gold);
    font-size: 1rem;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.duration-estimate strong {
    color: var(--warm-amber);
}

/* Özel milestone renkleri */
.initial-assessment .step-numerator {
    background: radial-gradient(circle, #8b4513 0%, var(--coffee-bean) 70%);
}

.estimate-preparation .step-numerator {
    background: radial-gradient(circle, #cd853f 0%, var(--coffee-bean) 70%);
}

.parts-procurement .step-numerator {
    background: radial-gradient(circle, #daa520 0%, var(--coffee-bean) 70%);
}

.master-repair .step-numerator {
    background: radial-gradient(circle, #b8860b 0%, var(--coffee-bean) 70%);
}

.quality-verification .step-numerator {
    background: radial-gradient(circle, #8b4513 0%, var(--coffee-bean) 70%);
}

.waterproof-testing .step-numerator {
    background: radial-gradient(circle, #cd853f 0%, var(--coffee-bean) 70%);
}

.customer-notification .step-numerator {
    background: radial-gradient(circle, #daa520 0%, var(--coffee-bean) 70%);
}

.warranty-delivery .step-numerator {
    background: radial-gradient(circle, #b8860b 0%, var(--coffee-bean) 70%);
}

.process-summary {
    background: var(--coffee-bean);
    border-radius: 18px;
    padding: 40px;
    border: 2px solid var(--burnished-copper);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.summary-headline {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin-bottom: 30px;
}

.timing-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.timing-category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--mahogany-shadow);
    padding: 18px 24px;
    border-radius: 12px;
    border-left: 4px solid var(--aged-brass);
    transition: all 0.3s ease;
}

.timing-category:hover {
    border-left-color: var(--clockwork-gold);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.category-label {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    font-weight: 500;
}

.category-duration {
    color: var(--clockwork-gold);
    font-size: 1.1rem;
    font-weight: 700;
}

/* Responsive tasarım */
@media (max-width: 1020px) {
    .process-milestone {
        grid-template-columns: 1fr;
        gap: 25px;
        text-align: center;
    }
    
    .milestone-indicator {
        justify-content: center;
    }
    
    .sub-activities {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .craftmanship-journey {
        padding: 70px 0;
    }
    
    .process-laboratory {
        padding: 0 25px;
    }
    
    .workflow-declaration {
        font-size: 2.4rem;
    }
    
    .transparency-mission {
        font-size: 1.2rem;
    }
    
    .procedure-timeline {
        gap: 35px;
    }
    
    .process-milestone {
        padding: 28px;
    }
    
    .phase-title {
        font-size: 1.3rem;
    }
    
    .primary-description {
        font-size: 1.05rem;
    }
    
    .step-numerator {
        width: 55px;
        height: 55px;
        font-size: 1.2rem;
    }
    
    .process-summary {
        padding: 30px;
    }
    
    .timing-overview {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 580px) {
    .process-laboratory {
        padding: 0 20px;
    }
    
    .workflow-declaration {
        font-size: 2rem;
    }
    
    .transparency-mission {
        font-size: 1.15rem;
    }
    
    .process-milestone {
        padding: 22px;
    }
    
    .phase-title {
        font-size: 1.2rem;
    }
    
    .primary-description {
        font-size: 1rem;
    }
    
    .activity-item {
        font-size: 0.9rem;
        padding: 8px 14px;
    }
    
    .duration-estimate {
        padding: 12px 16px;
        font-size: 0.95rem;
    }
    
    .step-numerator {
        width: 50px;
        height: 50px;
        font-size: 1.1rem;
    }
    
    .process-summary {
        padding: 25px;
    }
    
    .summary-headline {
        font-size: 1.5rem;
    }
    
    .timing-category {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}

















/* Avantajlar Bölümü Stilleri */

.distinction-showcase {
    background: 
        radial-gradient(circle at 20% 30%, var(--workshop-dust) 0%, transparent 45%),
        radial-gradient(circle at 80% 70%, var(--coffee-bean) 0%, transparent 45%),
        linear-gradient(225deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 60%, var(--coffee-bean) 100%);
    padding: 95px 0;
    position: relative;
    overflow: hidden;
}

.distinction-showcase::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-radial-gradient(
            circle at 50% 50%,
            transparent 0px,
            rgba(205, 133, 63, 0.02) 8px,
            transparent 16px
        );
    pointer-events: none;
}

.superiority-chamber {
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 38px;
    position: relative;
    z-index: 1;
}

.advantage-proclamation {
    text-align: center;
    margin-bottom: 75px;
}

.excellence-declaration {
    font-size: 3.1rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 28px;
    text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.6px;
}

.value-proposition {
    font-size: 1.35rem;
    color: var(--vintage-cream);
    opacity: 0.92;
    max-width: 780px;
    margin: 0 auto;
    line-height: 1.8;
}

.benefits-constellation {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 42px;
    margin-bottom: 70px;
}

.competitive-edge {
    background: var(--mahogany-shadow);
    border-radius: 22px;
    padding: 40px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
    transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 25px;
}

.competitive-edge::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, var(--aged-brass) 0%, transparent 70%);
    border-radius: 0 22px 0 80px;
    opacity: 0.15;
    transition: opacity 0.4s ease;
}

.competitive-edge:hover::before {
    opacity: 0.25;
}

.competitive-edge:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.8);
    border-color: var(--burnished-copper);
}

.advantage-emblem {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    padding-top: 5px;
}

.emblem-core {
    width: 75px;
    height: 75px;
    background: 
        radial-gradient(circle, var(--burnished-copper) 0%, var(--coffee-bean) 80%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 10px 25px rgba(0, 0, 0, 0.6),
        inset 0 3px 6px rgba(255, 255, 255, 0.1);
    transition: all 0.4s ease;
}

.competitive-edge:hover .emblem-core {
    transform: scale(1.1);
    background: radial-gradient(circle, var(--aged-brass) 0%, var(--coffee-bean) 80%);
}

.visual-accent {
    font-size: 1.8rem;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.8));
}

.advantage-narrative {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.benefit-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
    line-height: 1.3;
}

.benefit-explanation {
    color: var(--vintage-cream);
    font-size: 1.1rem;
    line-height: 1.75;
    opacity: 0.9;
    margin: 0;
}

.heritage-credentials,
.expertise-credentials,
.quality-credentials,
.transparency-credentials,
.personalization-credentials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.credential-item {
    background: var(--ancient-wood);
    padding: 8px 14px;
    border-radius: 6px;
    color: var(--vintage-cream);
    font-size: 0.9rem;
    border-left: 2px solid var(--workshop-dust);
    transition: all 0.3s ease;
    opacity: 0.85;
}

.credential-item:hover {
    border-left-color: var(--clockwork-gold);
    background: var(--coffee-bean);
    opacity: 1;
}

.warranty-specifics {
    display: grid;
    gap: 12px;
}

.warranty-tier {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--ancient-wood);
    padding: 14px 18px;
    border-radius: 10px;
    border-left: 3px solid var(--aged-brass);
    transition: all 0.3s ease;
}

.warranty-tier:hover {
    border-left-color: var(--clockwork-gold);
    background: var(--coffee-bean);
}

.warranty-type {
    color: var(--vintage-cream);
    font-size: 1rem;
    font-weight: 500;
}

.warranty-period {
    color: var(--clockwork-gold);
    font-size: 1.05rem;
    font-weight: 700;
}

/* Özel renk varyasyonları */
.heritage-foundation {
    border-top: 4px solid var(--burnished-copper);
}

.expertise-mastery {
    border-top: 4px solid var(--aged-brass);
}

.quality-materials {
    border-top: 4px solid var(--clockwork-gold);
}

.pricing-transparency {
    border-top: 4px solid var(--warm-amber);
}

.warranty-assurance {
    border-top: 4px solid var(--burnished-copper);
}

.personalized-service {
    border-top: 4px solid var(--aged-brass);
}

.trust-foundation {
    background: var(--coffee-bean);
    border-radius: 20px;
    padding: 45px;
    border: 2px solid var(--burnished-copper);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.testimonial-highlight {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.trust-statement {
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin: 0;
}

.trust-description {
    font-size: 1.2rem;
    color: var(--vintage-cream);
    opacity: 0.9;
    line-height: 1.8;
    margin: 0;
}

.achievement-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
}

.metric-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 25px;
    background: var(--mahogany-shadow);
    border-radius: 15px;
    border: 1px solid var(--workshop-dust);
    transition: all 0.4s ease;
}

.metric-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.5);
    border-color: var(--aged-brass);
}

.metric-number {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--clockwork-gold);
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.metric-label {
    font-size: 1rem;
    color: var(--vintage-cream);
    opacity: 0.85;
    font-weight: 500;
}

/* Responsive tasarım */
@media (max-width: 1080px) {
    .benefits-constellation {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    
    .competitive-edge {
        padding: 35px;
    }
}

@media (max-width: 820px) {
    .distinction-showcase {
        padding: 75px 0;
    }
    
    .superiority-chamber {
        padding: 0 28px;
    }
    
    .excellence-declaration {
        font-size: 2.6rem;
    }
    
    .value-proposition {
        font-size: 1.25rem;
    }
    
    .competitive-edge {
        flex-direction: column;
        gap: 20px;
        padding: 30px;
        text-align: center;
    }
    
    .advantage-emblem {
        align-self: center;
    }
    
    .emblem-core {
        width: 65px;
        height: 65px;
    }
    
    .visual-accent {
        font-size: 1.6rem;
    }
    
    .benefit-title {
        font-size: 1.4rem;
    }
    
    .benefit-explanation {
        font-size: 1.05rem;
    }
    
    .warranty-tier {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    
    .trust-foundation {
        padding: 35px;
    }
    
    .achievement-metrics {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 620px) {
    .superiority-chamber {
        padding: 0 22px;
    }
    
    .excellence-declaration {
        font-size: 2.2rem;
    }
    
    .value-proposition {
        font-size: 1.15rem;
    }
    
    .competitive-edge {
        padding: 25px;
    }
    
    .benefit-title {
        font-size: 1.3rem;
    }
    
    .benefit-explanation {
        font-size: 1rem;
    }
    
    .emblem-core {
        width: 60px;
        height: 60px;
    }
    
    .visual-accent {
        font-size: 1.5rem;
    }
    
    .credential-item {
        font-size: 0.85rem;
        padding: 6px 12px;
    }
    
    .trust-foundation {
        padding: 28px;
    }
    
    .trust-statement {
        font-size: 1.6rem;
    }
    
    .trust-description {
        font-size: 1.1rem;
    }
    
    .achievement-metrics {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .metric-item {
        padding: 20px;
    }
    
    .metric-number {
        font-size: 1.9rem;
    }
    
    .metric-label {
        font-size: 0.95rem;
    }
}

















/* Galeri Bölümü Stilleri */

.mastery-exhibition {
    background: 
        radial-gradient(ellipse at 10% 20%, var(--coffee-bean) 0%, transparent 50%),
        radial-gradient(ellipse at 90% 80%, var(--workshop-dust) 0%, transparent 50%),
        linear-gradient(135deg, var(--mahogany-shadow) 0%, var(--ancient-wood) 30%, var(--coffee-bean) 100%);
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.mastery-exhibition::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            45deg,
            transparent 0px,
            rgba(139, 69, 19, 0.02) 1px,
            transparent 2px
        ),
        repeating-linear-gradient(
            -45deg,
            transparent 0px,
            rgba(205, 133, 63, 0.015) 1px,
            transparent 2px
        );
    pointer-events: none;
}

.gallery-atelier {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

.exhibition-introduction {
    text-align: center;
    margin-bottom: 80px;
}

.showcase-proclamation {
    font-size: 3.2rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 30px;
    text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.5px;
}

.craftsmanship-testament {
    font-size: 1.4rem;
    color: var(--vintage-cream);
    opacity: 0.9;
    max-width: 820px;
    margin: 0 auto;
    line-height: 1.8;
}

.portfolio-collection {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 35px;
    margin-bottom: 75px;
}

.artwork-display {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: var(--mahogany-shadow);
}

.artwork-display:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.9);
}

.visual-documentation {
    position: relative;
    margin: 0;
    height: 320px;
    overflow: hidden;
}

.craftsmanship-evidence {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
    filter: brightness(0.85) contrast(1.1);
}

.artwork-display:hover .craftsmanship-evidence {
    transform: scale(1.08);
    filter: brightness(1) contrast(1.2);
}

.overlay-narrative {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: 
        linear-gradient(
            transparent 0%,
            rgba(44, 24, 16, 0.7) 30%,
            rgba(44, 24, 16, 0.95) 100%
        );
    padding: 40px 25px 25px;
    transform: translateY(70%);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.artwork-display:hover .overlay-narrative {
    transform: translateY(0);
}

.project-essence {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.work-classification {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin: 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}

.technical-summary {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    line-height: 1.6;
    opacity: 0.92;
    margin: 0;
}

.accomplishment-metrics {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.metric-detail {
    background: var(--coffee-bean);
    padding: 8px 15px;
    border-radius: 8px;
    color: var(--clockwork-gold);
    font-size: 0.95rem;
    font-weight: 500;
    border-left: 3px solid var(--aged-brass);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

/* Özel gallery item renkleri */
.restoration-masterpiece {
    border-top: 5px solid var(--burnished-copper);
}

.precision-repair {
    border-top: 5px solid var(--aged-brass);
}

.vintage-restoration {
    border-top: 5px solid var(--clockwork-gold);
}

.complex-complication {
    border-top: 5px solid var(--warm-amber);
}

.dial-restoration {
    border-top: 5px solid var(--burnished-copper);
}

.modern-precision {
    border-top: 5px solid var(--aged-brass);
}

.gallery-testimonial {
    background: var(--coffee-bean);
    border-radius: 22px;
    padding: 50px;
    border: 2px solid var(--burnished-copper);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
    text-align: center;
}

.social-proof-container {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
}

.proof-headline {
    font-size: 2.1rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin: 0;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

.satisfaction-statement {
    font-size: 1.25rem;
    color: var(--vintage-cream);
    opacity: 0.9;
    line-height: 1.8;
    max-width: 700px;
    margin: 0;
}

.client-impact {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 35px;
    width: 100%;
    max-width: 600px;
}

.impact-statistic {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--mahogany-shadow);
    padding: 30px;
    border-radius: 15px;
    border: 1px solid var(--workshop-dust);
    transition: all 0.4s ease;
}

.impact-statistic:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6);
    border-color: var(--aged-brass);
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--clockwork-gold);
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.7);
}

.stat-description {
    font-size: 1.1rem;
    color: var(--vintage-cream);
    opacity: 0.85;
    font-weight: 500;
}

/* Responsive tasarım */
@media (max-width: 1120px) {
    .portfolio-collection {
        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
        gap: 30px;
    }
    
    .visual-documentation {
        height: 280px;
    }
}

@media (max-width: 920px) {
    .mastery-exhibition {
        padding: 80px 0;
    }
    
    .gallery-atelier {
        padding: 0 30px;
    }
    
    .showcase-proclamation {
        font-size: 2.7rem;
    }
    
    .craftsmanship-testament {
        font-size: 1.3rem;
    }
    
    .portfolio-collection {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .visual-documentation {
        height: 250px;
    }
    
    .overlay-narrative {
        transform: translateY(60%);
    }
    
    .work-classification {
        font-size: 1.3rem;
    }
    
    .technical-summary {
        font-size: 1rem;
    }
    
    .gallery-testimonial {
        padding: 40px;
    }
    
    .client-impact {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}

@media (max-width: 680px) {
    .gallery-atelier {
        padding: 0 25px;
    }
    
    .showcase-proclamation {
        font-size: 2.3rem;
    }
    
    .craftsmanship-testament {
        font-size: 1.2rem;
    }
    
    .visual-documentation {
        height: 220px;
    }
    
    .overlay-narrative {
        padding: 30px 20px 20px;
        transform: translateY(50%);
    }
    
    .work-classification {
        font-size: 1.2rem;
    }
    
    .technical-summary {
        font-size: 0.95rem;
    }
    
    .metric-detail {
        font-size: 0.9rem;
        padding: 6px 12px;
    }
    
    .gallery-testimonial {
        padding: 30px;
    }
    
    .proof-headline {
        font-size: 1.8rem;
    }
    
    .satisfaction-statement {
        font-size: 1.15rem;
    }
    
    .impact-statistic {
        padding: 25px;
    }
    
    .stat-number {
        font-size: 2.2rem;
    }
    
    .stat-description {
        font-size: 1rem;
    }
}

@media (max-width: 520px) {
    .gallery-atelier {
        padding: 0 20px;
    }
    
    .showcase-proclamation {
        font-size: 2rem;
    }
    
    .craftsmanship-testament {
        font-size: 1.1rem;
    }
    
    .visual-documentation {
        height: 200px;
    }
    
    .overlay-narrative {
        padding: 25px 15px 15px;
    }
    
    .work-classification {
        font-size: 1.1rem;
    }
    
    .technical-summary {
        font-size: 0.9rem;
    }
    
    .accomplishment-metrics {
        gap: 6px;
    }
    
    .metric-detail {
        font-size: 0.85rem;
        padding: 5px 10px;
    }
    
    .gallery-testimonial {
        padding: 25px;
    }
    
    .proof-headline {
        font-size: 1.6rem;
    }
    
    .satisfaction-statement {
        font-size: 1.05rem;
    }
    
    .impact-statistic {
        padding: 20px;
    }
    
    .stat-number {
        font-size: 1.9rem;
    }
    
    .stat-description {
        font-size: 0.95rem;
    }
}



















/* Footer Bölümü Stilleri */

.foundation-closure {
    background: 
        radial-gradient(circle at 30% 20%, var(--workshop-dust) 0%, transparent 60%),
        radial-gradient(circle at 70% 80%, var(--coffee-bean) 0%, transparent 60%),
        linear-gradient(180deg, var(--mahogany-shadow) 0%, var(--ancient-wood) 100%);
    border-top: 3px solid var(--burnished-copper);
    position: relative;
    overflow: hidden;
}

.foundation-closure::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            90deg,
            transparent 0px,
            rgba(139, 69, 19, 0.03) 2px,
            transparent 4px
        );
    pointer-events: none;
}

.closing-chamber {
    max-width: 1440px;
    margin: 0 auto;
    padding: 60px 42px 0;
    position: relative;
    z-index: 1;
}

.footer-architecture {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 45px;
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 2px solid var(--workshop-dust);
}

.brand-legacy {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.heritage-signature {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin: 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.legacy-statement {
    color: var(--vintage-cream);
    font-size: 1.1rem;
    line-height: 1.7;
    opacity: 0.9;
    margin: 0;
}

.contact-essence {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.communication-channel {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.channel-label {
    color: var(--aged-brass);
    font-size: 0.95rem;
    font-weight: 600;
}

.contact-link {
    color: var(--vintage-cream);
    text-decoration: none;
    font-size: 1.05rem;
    transition: all 0.3s ease;
    opacity: 0.85;
}

.contact-link:hover {
    color: var(--clockwork-gold);
    opacity: 1;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.navigation-cluster,
.service-categories,
.business-credentials {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cluster-heading {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
    border-bottom: 2px solid var(--workshop-dust);
    padding-bottom: 8px;
}

.footer-pathways {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pathway-link {
    color: var(--vintage-cream);
    text-decoration: none;
    font-size: 1rem;
    transition: all 0.3s ease;
    opacity: 0.8;
    padding: 5px 0;
}

.pathway-link:hover {
    color: var(--clockwork-gold);
    opacity: 1;
    padding-left: 8px;
    border-left: 2px solid var(--burnished-copper);
}

.service-pathways {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.service-item {
    color: var(--vintage-cream);
    font-size: 0.95rem;
    opacity: 0.8;
    padding: 3px 0;
    border-left: 1px solid var(--workshop-dust);
    padding-left: 10px;
    transition: all 0.3s ease;
}

.service-item:hover {
    opacity: 1;
    border-left-color: var(--aged-brass);
    color: var(--clockwork-gold);
}

.operational-schedule {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schedule-entry {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid var(--workshop-dust);
}

.day-range {
    color: var(--vintage-cream);
    font-size: 0.95rem;
    opacity: 0.85;
}

.time-range {
    color: var(--clockwork-gold);
    font-size: 0.9rem;
    font-weight: 600;
}

.legal-foundation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    background: var(--mahogany-shadow);
    margin: 0 -42px;
    padding-left: 42px;
    padding-right: 42px;
    border-top: 1px solid var(--workshop-dust);
}

.copyright-declaration {
    margin: 0;
}

.rights-statement {
    color: var(--vintage-cream);
    font-size: 0.95rem;
    opacity: 0.8;
    margin: 0;
}

.legal-navigation {
    display: flex;
    align-items: center;
    gap: 15px;
}

.legal-link {
    color: var(--aged-brass);
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    opacity: 0.85;
}

.legal-link:hover {
    color: var(--clockwork-gold);
    opacity: 1;
    text-decoration: underline;
}

.legal-separator {
    color: var(--workshop-dust);
    font-size: 0.9rem;
}

/* Responsive tasarım */
@media (max-width: 1200px) {
    .footer-architecture {
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 35px;
    }
    
    .business-credentials {
        grid-column: span 3;
        grid-row: 2;
    }
}

@media (max-width: 920px) {
    .closing-chamber {
        padding: 50px 35px 0;
    }
    
    .footer-architecture {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    
    .brand-legacy {
        grid-column: span 2;
    }
    
    .business-credentials {
        grid-column: span 2;
        grid-row: 3;
    }
    
    .legal-foundation {
        margin: 0 -35px;
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media (max-width: 680px) {
    .closing-chamber {
        padding: 40px 25px 0;
    }
    
    .footer-architecture {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .brand-legacy,
    .navigation-cluster,
    .service-categories,
    .business-credentials {
        grid-column: 1;
    }
    
    .heritage-signature {
        font-size: 1.6rem;
    }
    
    .legacy-statement {
        font-size: 1.05rem;
    }
    
    .cluster-heading {
        font-size: 1.2rem;
    }
    
    .legal-foundation {
        flex-direction: column;
        gap: 15px;
        text-align: center;
        margin: 0 -25px;
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .legal-navigation {
        justify-content: center;
    }
}

@media (max-width: 520px) {
    .closing-chamber {
        padding: 35px 20px 0;
    }
    
    .footer-architecture {
        gap: 20px;
    }
    
    .heritage-signature {
        font-size: 1.5rem;
    }
    
    .legacy-statement {
        font-size: 1rem;
    }
    
    .cluster-heading {
        font-size: 1.1rem;
    }
    
    .contact-link {
        font-size: 1rem;
    }
    
    .pathway-link {
        font-size: 0.95rem;
    }
    
    .service-item {
        font-size: 0.9rem;
    }
    
    .schedule-entry {
        flex-direction: column;
        gap: 4px;
        text-align: center;
    }
    
    .legal-foundation {
        padding: 20px;
        margin: 0 -20px;
    }
    
    .rights-statement {
        font-size: 0.9rem;
    }
    
    .legal-link {
        font-size: 0.85rem;
    }
}

















/* Hakkımızda Sayfası Özel Stilleri */

.story-canvas {
    background: 
        radial-gradient(circle at 25% 15%, var(--workshop-dust) 0%, transparent 50%),
        radial-gradient(circle at 75% 85%, var(--coffee-bean) 0%, transparent 50%),
        linear-gradient(165deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 40%, var(--coffee-bean) 100%);
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.story-canvas::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            125deg,
            transparent,
            transparent 3px,
            rgba(139, 69, 19, 0.02) 3px,
            rgba(139, 69, 19, 0.02) 6px
        );
    pointer-events: none;
}

/* Heritage Chronicle Section */

.heritage-chronicle {
    padding: 85px 0;
    position: relative;
    z-index: 1;
}

.narrative-framework {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 35px;
}

.story-inception {
    text-align: center;
    margin-bottom: 70px;
}

.chapter-title {
    font-size: 3.4rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 28px;
    text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.4px;
}

.story-essence {
    font-size: 1.4rem;
    color: var(--vintage-cream);
    opacity: 0.92;
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.8;
    font-style: italic;
}

.chronicle-landscape {
    display: flex;
    flex-direction: column;
    gap: 75px;
}

.founding-chapter,
.evolution-chapter,
.contemporary-chapter {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 55px;
    align-items: start;
    background: var(--mahogany-shadow);
    border-radius: 25px;
    padding: 50px;
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.8);
    border: 2px solid var(--workshop-dust);
    position: relative;
    transition: all 0.4s ease;
}

.evolution-chapter {
    grid-template-columns: 380px 1fr;
}

.founding-chapter::before,
.evolution-chapter::before,
.contemporary-chapter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    border-radius: 25px 0 0 25px;
    transition: all 0.5s ease;
}

.founding-chapter::before {
    background: linear-gradient(180deg, var(--burnished-copper), var(--aged-brass));
}

.evolution-chapter::before {
    background: linear-gradient(180deg, var(--aged-brass), var(--clockwork-gold));
}

.contemporary-chapter::before {
    background: linear-gradient(180deg, var(--clockwork-gold), var(--warm-amber));
}

.founding-chapter:hover,
.evolution-chapter:hover,
.contemporary-chapter:hover {
    transform: translateX(12px);
    box-shadow: 0 35px 75px rgba(0, 0, 0, 0.9);
    border-color: var(--burnished-copper);
}

.chapter-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 15px 0;
}

.epoch-marker {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
    position: relative;
    padding-bottom: 12px;
}

.epoch-marker::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: var(--burnished-copper);
    border-radius: 2px;
}

.founding-narrative,
.evolution-narrative,
.modern-narrative,
.heritage-wisdom,
.tradition-evolution,
.future-vision {
    color: var(--vintage-cream);
    font-size: 1.15rem;
    line-height: 1.8;
    opacity: 0.9;
    margin: 0;
    text-align: justify;
}

.heritage-wisdom,
.tradition-evolution,
.future-vision {
    background: var(--coffee-bean);
    padding: 22px;
    border-radius: 12px;
    border-left: 4px solid var(--aged-brass);
    font-style: italic;
    position: relative;
}

.heritage-wisdom::before,
.tradition-evolution::before,
.future-vision::before {
    content: '"';
    position: absolute;
    top: -8px;
    left: 15px;
    font-size: 3rem;
    color: var(--burnished-copper);
    font-family: Georgia, serif;
    opacity: 0.6;
}

.era-testament {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.heritage-portrait {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8);
    border: 3px solid var(--workshop-dust);
    transition: all 0.4s ease;
    filter: sepia(20%) contrast(1.1);
}

.heritage-portrait:hover {
    transform: scale(1.03);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.9);
    filter: sepia(10%) contrast(1.2);
}

.memory-caption {
    font-size: 1.05rem;
    color: var(--aged-brass);
    font-style: italic;
    text-align: center;
    opacity: 0.85;
    font-weight: 500;
}

/* Values Constellation Section */

.values-constellation {
    background: 
        radial-gradient(circle at 15% 30%, var(--coffee-bean) 0%, transparent 45%),
        radial-gradient(circle at 85% 70%, var(--workshop-dust) 0%, transparent 45%),
        linear-gradient(45deg, var(--mahogany-shadow) 0%, var(--ancient-wood) 100%);
    padding: 90px 0;
    position: relative;
}

.values-constellation::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-conic-gradient(
            from 30deg at 50% 50%,
            transparent 0deg,
            rgba(205, 133, 63, 0.015) 3deg,
            transparent 6deg
        );
    pointer-events: none;
}

.principles-chamber {
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 38px;
    position: relative;
    z-index: 1;
}

.values-declaration {
    text-align: center;
    margin-bottom: 65px;
}

.principles-title {
    font-size: 2.9rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 25px;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.6px;
}

.values-essence {
    font-size: 1.3rem;
    color: var(--vintage-cream);
    opacity: 0.9;
    max-width: 780px;
    margin: 0 auto;
    line-height: 1.8;
}

.virtue-collection {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 32px;
}

.core-virtue {
    background: var(--mahogany-shadow);
    border-radius: 20px;
    padding: 35px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
    transition: all 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.core-virtue::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    border-radius: 0 20px 0 70px;
    opacity: 0.2;
    transition: opacity 0.4s ease;
}

.tradition-virtue::before { background: radial-gradient(circle, var(--burnished-copper) 0%, transparent 70%); }
.craftsmanship-virtue::before { background: radial-gradient(circle, var(--aged-brass) 0%, transparent 70%); }
.attention-virtue::before { background: radial-gradient(circle, var(--clockwork-gold) 0%, transparent 70%); }
.honesty-virtue::before { background: radial-gradient(circle, var(--warm-amber) 0%, transparent 70%); }
.mechanical-virtue::before { background: radial-gradient(circle, var(--burnished-copper) 0%, transparent 70%); }
.family-virtue::before { background: radial-gradient(circle, var(--aged-brass) 0%, transparent 70%); }

.core-virtue:hover::before {
    opacity: 0.35;
}

.core-virtue:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.8);
    border-color: var(--burnished-copper);
}

.virtue-name {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 18px 0;
}

.virtue-description {
    color: var(--vintage-cream);
    font-size: 1.1rem;
    line-height: 1.75;
    opacity: 0.9;
    margin: 0;
}

/* Workshop Essence Section */

.workshop-essence {
    background: 
        radial-gradient(circle at 30% 80%, var(--workshop-dust) 0%, transparent 50%),
        radial-gradient(circle at 70% 20%, var(--coffee-bean) 0%, transparent 50%),
        linear-gradient(225deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 100%);
    padding: 95px 0;
    position: relative;
}

.workshop-essence::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-radial-gradient(
            circle at 50% 50%,
            transparent 0px,
            rgba(139, 69, 19, 0.02) 6px,
            transparent 12px
        );
    pointer-events: none;
}

.workplace-narrative {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 35px;
    position: relative;
    z-index: 1;
}

.workspace-introduction {
    text-align: center;
    margin-bottom: 60px;
}

.workshop-title {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 22px;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.7px;
}

.workspace-philosophy {
    font-size: 1.25rem;
    color: var(--vintage-cream);
    opacity: 0.9;
    max-width: 720px;
    margin: 0 auto;
    line-height: 1.8;
}

.workshop-panorama {
    display: grid;
    grid-template-columns: 1fr 450px;
    gap: 50px;
    align-items: start;
}

.workspace-documentation {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.workshop-view {
    width: 100%;
    height: 480px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8);
    border: 3px solid var(--workshop-dust);
    transition: all 0.4s ease;
}

.workshop-view:hover {
    transform: scale(1.02);
    box-shadow: 0 35px 70px rgba(0, 0, 0, 0.9);
}

.workspace-story {
    font-size: 1.1rem;
    color: var(--aged-brass);
    font-style: italic;
    text-align: center;
    opacity: 0.85;
    font-weight: 500;
}

.workshop-features {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.workshop-element {
    background: var(--mahogany-shadow);
    border-radius: 15px;
    padding: 28px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    transition: all 0.35s ease;
    border-left: 5px solid var(--aged-brass);
}

.workshop-element:hover {
    transform: translateX(8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
    border-left-color: var(--clockwork-gold);
}

.element-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 15px 0;
}

.element-story {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.9;
    margin: 0;
}

/* Responsive Design */

@media (max-width: 1120px) {
    .founding-chapter,
    .evolution-chapter,
    .contemporary-chapter {
        grid-template-columns: 1fr;
        gap: 35px;
        text-align: center;
    }
    
    .evolution-chapter {
        grid-template-columns: 1fr;
    }
    
    .workshop-panorama {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .heritage-portrait {
        height: 350px;
    }
}

@media (max-width: 920px) {
    .heritage-chronicle {
        padding: 65px 0;
    }
    
    .narrative-framework {
        padding: 0 28px;
    }
    
    .chapter-title {
        font-size: 2.8rem;
    }
    
    .story-essence {
        font-size: 1.25rem;
    }
    
    .chronicle-landscape {
        gap: 55px;
    }
    
    .founding-chapter,
    .evolution-chapter,
    .contemporary-chapter {
        padding: 35px;
    }
    
    .epoch-marker {
        font-size: 1.6rem;
    }
    
    .founding-narrative,
    .evolution-narrative,
    .modern-narrative,
    .heritage-wisdom,
    .tradition-evolution,
    .future-vision {
        font-size: 1.1rem;
    }
    
    .heritage-portrait {
        height: 320px;
    }
    
    .values-constellation {
        padding: 70px 0;
    }
    
    .principles-chamber {
        padding: 0 28px;
    }
    
    .principles-title {
        font-size: 2.5rem;
    }
    
    .values-essence {
        font-size: 1.2rem;
    }
    
    .virtue-collection {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .core-virtue {
        padding: 30px;
    }
    
    .workshop-essence {
        padding: 75px 0;
    }
    
    .workplace-narrative {
        padding: 0 28px;
    }
    
    .workshop-title {
        font-size: 2.4rem;
    }
    
    .workspace-philosophy {
        font-size: 1.15rem;
    }
    
    .workshop-view {
        height: 400px;
    }
}

@media (max-width: 680px) {
    .narrative-framework {
        padding: 0 22px;
    }
    
    .chapter-title {
        font-size: 2.4rem;
    }
    
    .story-essence {
        font-size: 1.15rem;
    }
    
    .chronicle-landscape {
        gap: 45px;
    }
    
    .founding-chapter,
    .evolution-chapter,
    .contemporary-chapter {
        padding: 28px;
    }
    
    .epoch-marker {
        font-size: 1.4rem;
    }
    
    .founding-narrative,
    .evolution-narrative,
    .modern-narrative,
    .heritage-wisdom,
    .tradition-evolution,
    .future-vision {
        font-size: 1.05rem;
    }
    
    .heritage-wisdom,
    .tradition-evolution,
    .future-vision {
        padding: 18px;
    }
    
    .heritage-portrait {
        height: 280px;
    }
    
    .memory-caption {
        font-size: 1rem;
    }
    
    .principles-chamber {
        padding: 0 22px;
    }
    
    .principles-title {
        font-size: 2.2rem;
    }
    
    .values-essence {
        font-size: 1.15rem;
    }
    
    .core-virtue {
        padding: 25px;
    }
    
    .virtue-name {
        font-size: 1.3rem;
    }
    
    .virtue-description {
        font-size: 1.05rem;
    }
    
    .workplace-narrative {
        padding: 0 22px;
    }
    
    .workshop-title {
        font-size: 2.1rem;
    }
    
    .workspace-philosophy {
        font-size: 1.1rem;
    }
    
    .workshop-view {
        height: 320px;
    }
    
    .workshop-element {
        padding: 22px;
    }
    
    .element-title {
        font-size: 1.2rem;
    }
    
    .element-story {
        font-size: 1rem;
    }
}

@media (max-width: 520px) {
    .narrative-framework {
        padding: 0 18px;
    }
    
    .chapter-title {
        font-size: 2rem;
    }
    
    .story-essence {
        font-size: 1.1rem;
    }
    
    .chronicle-landscape {
        gap: 35px;
    }
    
    .founding-chapter,
    .evolution-chapter,
    .contemporary-chapter {
        padding: 22px;
    }
    
    .epoch-marker {
        font-size: 1.3rem;
    }
    
    .founding-narrative,
    .evolution-narrative,
    .modern-narrative,
    .heritage-wisdom,
    .tradition-evolution,
    .future-vision {
        font-size: 1rem;
    }
    
    .heritage-wisdom,
    .tradition-evolution,
    .future-vision {
        padding: 15px;
    }
    
    .heritage-portrait {
        height: 250px;
    }
    
    .memory-caption {
        font-size: 0.95rem;
    }
    
    .principles-chamber {
        padding: 0 18px;
    }
    
    .principles-title {
        font-size: 1.9rem;
    }
    
    .values-essence {
        font-size: 1.05rem;
    }
    
    .virtue-collection {
        gap: 20px;
    }
    
    .core-virtue {
        padding: 20px;
    }
    
    .virtue-name {
        font-size: 1.2rem;
    }
    
    .virtue-description {
        font-size: 1rem;
    }
    
    .workplace-narrative {
        padding: 0 18px;
    }
    
    .workshop-title {
        font-size: 1.8rem;
    }
    
    .workspace-philosophy {
        font-size: 1.05rem;
    }
    
    .workshop-view {
        height: 280px;
    }
    
    .workshop-features {
        gap: 22px;
    }
    
    .workshop-element {
        padding: 18px;
    }
    
    .element-title {
        font-size: 1.1rem;
    }
    
    .element-story {
        font-size: 0.95rem;
    }
}



















/* Ustalarımız Sayfası Özel Stilleri */

.masters-realm {
    background: 
        radial-gradient(circle at 20% 25%, var(--workshop-dust) 0%, transparent 50%),
        radial-gradient(circle at 80% 75%, var(--coffee-bean) 0%, transparent 50%),
        linear-gradient(155deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 60%, var(--coffee-bean) 100%);
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.masters-realm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            75deg,
            transparent,
            transparent 4px,
            rgba(139, 69, 19, 0.02) 4px,
            rgba(139, 69, 19, 0.02) 8px
        );
    pointer-events: none;
}

/* Craftsmen Exhibition Section */

.craftsmen-exhibition {
    padding: 90px 0;
    position: relative;
    z-index: 1;
}

.expertise-sanctuary {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 38px;
}

.masters-proclamation {
    text-align: center;
    margin-bottom: 75px;
}

.artisans-title {
    font-size: 3.5rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 30px;
    text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.3px;
}

.mastery-philosophy {
    font-size: 1.4rem;
    color: var(--vintage-cream);
    opacity: 0.92;
    max-width: 860px;
    margin: 0 auto;
    line-height: 1.8;
    font-style: italic;
}

.craftsmen-constellation {
    display: grid;
    gap: 65px;
    margin-bottom: 80px;
}

.master-profile {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 50px;
    align-items: start;
    background: var(--mahogany-shadow);
    border-radius: 25px;
    padding: 45px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8);
    border: 2px solid var(--workshop-dust);
    position: relative;
    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
}

.master-profile::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    border-radius: 25px 0 0 25px;
    transition: all 0.5s ease;
}

.senior-master::before {
    background: linear-gradient(180deg, var(--burnished-copper), var(--aged-brass));
}

.contemporary-master::before {
    background: linear-gradient(180deg, var(--aged-brass), var(--clockwork-gold));
}

.modern-master::before {
    background: linear-gradient(180deg, var(--clockwork-gold), var(--warm-amber));
}

.specialist-master::before {
    background: linear-gradient(180deg, var(--warm-amber), var(--burnished-copper));
}

.master-profile:hover {
    transform: translateX(15px);
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.9);
    border-color: var(--burnished-copper);
}

.craftsman-portrait {
    position: relative;
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8);
}

.master-photograph {
    width: 100%;
    height: 480px;
    object-fit: cover;
    transition: all 0.5s ease;
    filter: sepia(15%) contrast(1.1);
}

.master-profile:hover .master-photograph {
    transform: scale(1.05);
    filter: sepia(5%) contrast(1.2);
}

.expertise-badge {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: var(--mahogany-shadow);
    padding: 12px 20px;
    border-radius: 25px;
    border: 2px solid var(--aged-brass);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
}

.specialty-label {
    color: var(--clockwork-gold);
    font-size: 0.95rem;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.craftsman-narrative {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 10px 0;
}

.master-identity {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 25px;
    border-bottom: 2px solid var(--workshop-dust);
}

.craftsman-name {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.master-title {
    font-size: 1.2rem;
    color: var(--vintage-cream);
    opacity: 0.85;
    font-weight: 500;
    font-style: italic;
}

.experience-marker {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 8px;
}

.years-count {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--clockwork-gold);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

.experience-label {
    font-size: 1rem;
    color: var(--vintage-cream);
    opacity: 0.8;
}

.biography-essence {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.personal-story {
    color: var(--vintage-cream);
    font-size: 1.15rem;
    line-height: 1.8;
    opacity: 0.9;
    margin: 0;
    text-align: justify;
}

.mastery-highlights {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.skill-domain,
.passion-statement {
    background: var(--coffee-bean);
    padding: 25px;
    border-radius: 15px;
    border-left: 4px solid var(--aged-brass);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.domain-title,
.passion-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 15px 0;
}

.specialty-listing {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skill-item {
    color: var(--vintage-cream);
    font-size: 1rem;
    opacity: 0.9;
    padding: 6px 0;
    border-bottom: 1px solid var(--workshop-dust);
    transition: all 0.3s ease;
}

.skill-item:last-child {
    border-bottom: none;
}

.skill-item:hover {
    opacity: 1;
    color: var(--clockwork-gold);
    padding-left: 8px;
}

.passion-text {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.9;
    margin: 0;
    font-style: italic;
    position: relative;
}

.passion-text::before {
    content: '"';
    position: absolute;
    top: -8px;
    left: -8px;
    font-size: 2.5rem;
    color: var(--burnished-copper);
    font-family: Georgia, serif;
    opacity: 0.6;
}

.passion-text::after {
    content: '"';
    position: absolute;
    bottom: -20px;
    right: -8px;
    font-size: 2.5rem;
    color: var(--burnished-copper);
    font-family: Georgia, serif;
    opacity: 0.6;
}

/* Development Commitment Section */

.development-commitment {
    background: 
        radial-gradient(circle at 30% 70%, var(--coffee-bean) 0%, transparent 50%),
        radial-gradient(circle at 70% 30%, var(--workshop-dust) 0%, transparent 50%),
        linear-gradient(45deg, var(--mahogany-shadow) 0%, var(--ancient-wood) 100%);
    padding: 85px 0;
    position: relative;
}

.development-commitment::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-conic-gradient(
            from 60deg at 50% 50%,
            transparent 0deg,
            rgba(205, 133, 63, 0.02) 4deg,
            transparent 8deg
        );
    pointer-events: none;
}

.education-chamber {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 35px;
    position: relative;
    z-index: 1;
}

.learning-proclamation {
    text-align: center;
    margin-bottom: 60px;
}

.development-title {
    font-size: 2.9rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 25px;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.5px;
}

.learning-philosophy {
    font-size: 1.3rem;
    color: var(--vintage-cream);
    opacity: 0.9;
    max-width: 780px;
    margin: 0 auto;
    line-height: 1.8;
}

.training-showcase {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px;
    margin-bottom: 55px;
}

.education-milestone,
.certification-gallery {
    background: var(--mahogany-shadow);
    border-radius: 20px;
    padding: 40px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease;
}

.education-milestone:hover,
.certification-gallery:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8);
    border-color: var(--burnished-copper);
}

.milestone-title,
.certification-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 25px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--workshop-dust);
}

.training-activities,
.certificate-collection {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.training-item,
.certificate-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--coffee-bean);
    padding: 18px 22px;
    border-radius: 12px;
    border-left: 4px solid var(--aged-brass);
    transition: all 0.3s ease;
}

.training-item:hover,
.certificate-item:hover {
    border-left-color: var(--clockwork-gold);
    background: var(--ancient-wood);
    transform: translateX(8px);
}

.training-name,
.cert-name {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    font-weight: 500;
    flex: 1;
}

.participant,
.cert-holder {
    color: var(--clockwork-gold);
    font-size: 1rem;
    font-weight: 600;
    background: var(--workshop-dust);
    padding: 6px 12px;
    border-radius: 6px;
    min-width: 120px;
    text-align: center;
}

.team-philosophy {
    background: var(--coffee-bean);
    border-radius: 20px;
    padding: 45px;
    border: 2px solid var(--burnished-copper);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.philosophy-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin: 0 0 25px 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.philosophy-statement {
    color: var(--vintage-cream);
    font-size: 1.2rem;
    line-height: 1.8;
    opacity: 0.9;
    margin: 0;
    max-width: 900px;
    margin: 0 auto;
}

/* Responsive Design */

@media (max-width: 1200px) {
    .master-profile {
        grid-template-columns: 380px 1fr;
        gap: 40px;
        padding: 40px;
    }
    
    .master-photograph {
        height: 420px;
    }
    
    .mastery-highlights {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 1020px) {
    .master-profile {
        grid-template-columns: 1fr;
        gap: 35px;
        text-align: center;
    }
    
    .master-photograph {
        height: 380px;
    }
    
    .training-showcase {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 920px) {
    .craftsmen-exhibition {
        padding: 70px 0;
    }
    
    .expertise-sanctuary {
        padding: 0 30px;
    }
    
    .artisans-title {
        font-size: 2.9rem;
    }
    
    .mastery-philosophy {
        font-size: 1.25rem;
    }
    
    .craftsmen-constellation {
        gap: 50px;
    }
    
    .master-profile {
        padding: 35px;
    }
    
    .craftsman-name {
        font-size: 1.9rem;
    }
    
    .master-title {
        font-size: 1.1rem;
    }
    
    .years-count {
        font-size: 1.6rem;
    }
    
    .personal-story {
        font-size: 1.1rem;
    }
    
    .master-photograph {
        height: 320px;
    }
    
    .development-commitment {
        padding: 65px 0;
    }
    
    .education-chamber {
        padding: 0 30px;
    }
    
    .development-title {
        font-size: 2.5rem;
    }
    
    .learning-philosophy {
        font-size: 1.2rem;
    }
    
    .education-milestone,
    .certification-gallery {
        padding: 35px;
    }
}

@media (max-width: 680px) {
    .expertise-sanctuary {
        padding: 0 25px;
    }
    
    .artisans-title {
        font-size: 2.5rem;
    }
    
    .mastery-philosophy {
        font-size: 1.15rem;
    }
    
    .craftsmen-constellation {
        gap: 40px;
    }
    
    .master-profile {
        padding: 28px;
    }
    
    .craftsman-name {
        font-size: 1.7rem;
    }
    
    .master-title {
        font-size: 1.05rem;
    }
    
    .years-count {
        font-size: 1.5rem;
    }
    
    .personal-story {
        font-size: 1.05rem;
        text-align: left;
    }
    
    .master-photograph {
        height: 280px;
    }
    
    .skill-domain,
    .passion-statement {
        padding: 20px;
    }
    
    .domain-title,
    .passion-title {
        font-size: 1.1rem;
    }
    
    .skill-item {
        font-size: 0.95rem;
    }
    
    .passion-text {
        font-size: 1rem;
    }
    
    .education-chamber {
        padding: 0 25px;
    }
    
    .development-title {
        font-size: 2.2rem;
    }
    
    .learning-philosophy {
        font-size: 1.1rem;
    }
    
    .education-milestone,
    .certification-gallery {
        padding: 30px;
    }
    
    .milestone-title,
    .certification-title {
        font-size: 1.4rem;
    }
    
    .training-item,
    .certificate-item {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .participant,
    .cert-holder {
        min-width: auto;
        width: 100%;
    }
    
    .team-philosophy {
        padding: 35px;
    }
    
    .philosophy-title {
        font-size: 1.6rem;
    }
    
    .philosophy-statement {
        font-size: 1.1rem;
    }
}

@media (max-width: 520px) {
    .expertise-sanctuary {
        padding: 0 20px;
    }
    
    .artisans-title {
        font-size: 2.1rem;
    }
    
    .mastery-philosophy {
        font-size: 1.1rem;
    }
    
    .craftsmen-constellation {
        gap: 30px;
    }
    
    .master-profile {
        padding: 22px;
    }
    
    .craftsman-name {
        font-size: 1.5rem;
    }
    
    .master-title {
        font-size: 1rem;
    }
    
    .years-count {
        font-size: 1.3rem;
    }
    
    .experience-label {
        font-size: 0.9rem;
    }
    
    .personal-story {
        font-size: 1rem;
    }
    
    .master-photograph {
        height: 250px;
    }
    
    .expertise-badge {
        bottom: 15px;
        left: 15px;
        padding: 8px 15px;
    }
    
    .specialty-label {
        font-size: 0.85rem;
    }
    
    .skill-domain,
    .passion-statement {
        padding: 18px;
    }
    
    .domain-title,
    .passion-title {
        font-size: 1.05rem;
    }
    
    .skill-item {
        font-size: 0.9rem;
        padding: 4px 0;
    }
    
    .passion-text {
        font-size: 0.95rem;
    }
    
    .education-chamber {
        padding: 0 20px;
    }
    
    .development-title {
        font-size: 1.9rem;
    }
    
    .learning-philosophy {
        font-size: 1.05rem;
    }
    
    .education-milestone,
    .certification-gallery {
        padding: 25px;
    }
    
    .milestone-title,
    .certification-title {
        font-size: 1.3rem;
    }
    
    .training-name,
    .cert-name {
        font-size: 1rem;
    }
    
    .participant,
    .cert-holder {
        font-size: 0.9rem;
        padding: 5px 10px;
    }
    
    .team-philosophy {
        padding: 28px;
    }
    
    .philosophy-title {
        font-size: 1.4rem;
    }
    
    .philosophy-statement {
        font-size: 1.05rem;
    }
}





















/* İletişim Sayfası Özel Stilleri */

.contact-realm {
    background: 
        radial-gradient(circle at 25% 20%, var(--workshop-dust) 0%, transparent 50%),
        radial-gradient(circle at 75% 80%, var(--coffee-bean) 0%, transparent 50%),
        linear-gradient(150deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 50%, var(--coffee-bean) 100%);
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.contact-realm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            65deg,
            transparent,
            transparent 5px,
            rgba(139, 69, 19, 0.02) 5px,
            rgba(139, 69, 19, 0.02) 10px
        );
    pointer-events: none;
}

/* Contact Information Section */

.contact-information {
    padding: 85px 0 60px;
    position: relative;
    z-index: 1;
}

.info-sanctuary {
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 38px;
}

.contact-proclamation {
    text-align: center;
    margin-bottom: 70px;
}

.connection-title {
    font-size: 3.4rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 28px;
    text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.4px;
}

.contact-philosophy {
    font-size: 1.35rem;
    color: var(--vintage-cream);
    opacity: 0.92;
    max-width: 820px;
    margin: 0 auto;
    line-height: 1.8;
}

.contact-constellation {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 35px;
}

.contact-channel {
    background: var(--mahogany-shadow);
    border-radius: 20px;
    padding: 35px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.contact-channel::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 0 20px 0 60px;
    opacity: 0.15;
    transition: opacity 0.4s ease;
}

.location-channel::before { background: radial-gradient(circle, var(--burnished-copper) 0%, transparent 70%); }
.phone-channel::before { background: radial-gradient(circle, var(--aged-brass) 0%, transparent 70%); }
.email-channel::before { background: radial-gradient(circle, var(--clockwork-gold) 0%, transparent 70%); }
.hours-channel::before { background: radial-gradient(circle, var(--warm-amber) 0%, transparent 70%); }

.contact-channel:hover::before {
    opacity: 0.25;
}

.contact-channel:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8);
    border-color: var(--burnished-copper);
}

.channel-emblem {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emblem-core {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 10px 25px rgba(0, 0, 0, 0.6),
        inset 0 2px 4px rgba(255, 255, 255, 0.1);
    transition: all 0.4s ease;
}

.location-emblem { background: radial-gradient(circle, var(--burnished-copper) 0%, var(--coffee-bean) 80%); }
.phone-emblem { background: radial-gradient(circle, var(--aged-brass) 0%, var(--coffee-bean) 80%); }
.email-emblem { background: radial-gradient(circle, var(--clockwork-gold) 0%, var(--coffee-bean) 80%); }
.hours-emblem { background: radial-gradient(circle, var(--warm-amber) 0%, var(--coffee-bean) 80%); }

.contact-channel:hover .emblem-core {
    transform: scale(1.1);
}

.visual-accent {
    font-size: 1.8rem;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.8));
}

.channel-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.channel-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
}

.detail-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.primary-info {
    color: var(--vintage-cream);
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0;
}

.secondary-info {
    color: var(--vintage-cream);
    font-size: 1rem;
    opacity: 0.85;
    margin: 0;
}

.additional-info {
    color: var(--aged-brass);
    font-size: 0.95rem;
    opacity: 0.8;
    font-style: italic;
    margin: 0;
}

.phone-link,
.email-link {
    color: var(--clockwork-gold);
    text-decoration: none;
    transition: all 0.3s ease;
}

.phone-link:hover,
.email-link:hover {
    color: var(--warm-amber);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.schedule-grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.schedule-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid var(--workshop-dust);
}

.schedule-row:last-child {
    border-bottom: none;
}

.day-label {
    color: var(--vintage-cream);
    font-size: 0.95rem;
    opacity: 0.9;
}

.time-label {
    color: var(--clockwork-gold);
    font-size: 0.95rem;
    font-weight: 600;
}

/* Contact Form Section */

.contact-form-section {
    background: 
        radial-gradient(circle at 15% 50%, var(--coffee-bean) 0%, transparent 45%),
        radial-gradient(circle at 85% 50%, var(--workshop-dust) 0%, transparent 45%),
        linear-gradient(45deg, var(--mahogany-shadow) 0%, var(--ancient-wood) 100%);
    padding: 80px 0;
    position: relative;
}

.contact-form-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-conic-gradient(
            from 45deg at 50% 50%,
            transparent 0deg,
            rgba(205, 133, 63, 0.02) 3deg,
            transparent 6deg
        );
    pointer-events: none;
}

.form-sanctuary {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 35px;
    position: relative;
    z-index: 1;
}

.form-introduction {
    text-align: center;
    margin-bottom: 50px;
}

.form-title {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 22px;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.6px;
}

.form-description {
    font-size: 1.2rem;
    color: var(--vintage-cream);
    opacity: 0.9;
    line-height: 1.8;
}

.contact-form {
    background: var(--mahogany-shadow);
    border-radius: 25px;
    padding: 45px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.8);
    transition: all 0.4s ease;
}

.contact-form:hover {
    box-shadow: 0 35px 75px rgba(0, 0, 0, 0.9);
    border-color: var(--burnished-copper);
}

.form-architecture {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.input-cluster {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.message-cluster {
    grid-column: span 2;
}

.field-label {
    color: var(--aged-brass);
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.form-input {
    background: var(--coffee-bean);
    border: 2px solid var(--workshop-dust);
    border-radius: 12px;
    padding: 15px 20px;
    color: var(--vintage-cream);
    font-size: 1.05rem;
    font-family: inherit;
    transition: all 0.3s ease;
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.3);
}

.form-input:focus {
    outline: none;
    border-color: var(--burnished-copper);
    box-shadow: 
        inset 0 4px 8px rgba(0, 0, 0, 0.3),
        0 0 0 3px rgba(139, 69, 19, 0.2);
    background: var(--ancient-wood);
}

.form-input::placeholder {
    color: var(--vintage-cream);
    opacity: 0.6;
}

.message-input {
    resize: vertical;
    min-height: 120px;
    line-height: 1.6;
}

.form-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    margin-top: 15px;
}

.submit-button {
    background: linear-gradient(135deg, var(--burnished-copper), var(--aged-brass));
    border: none;
    border-radius: 15px;
    padding: 18px 40px;
    color: var(--vintage-cream);
    font-size: 1.2rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    overflow: hidden;
}

.submit-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.submit-button:hover::before {
    left: 100%;
}

.submit-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, var(--aged-brass), var(--clockwork-gold));
}

.submit-button:active {
    transform: translateY(0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.button-text {
    position: relative;
    z-index: 1;
}

.button-accent {
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.submit-button:hover .button-accent {
    transform: translateX(5px);
}

.form-note {
    color: var(--vintage-cream);
    font-size: 0.9rem;
    opacity: 0.7;
    margin: 0;
    font-style: italic;
}

/* Location Map Section */

.location-map {
    background: 
        radial-gradient(circle at 30% 80%, var(--workshop-dust) 0%, transparent 50%),
        radial-gradient(circle at 70% 20%, var(--coffee-bean) 0%, transparent 50%),
        linear-gradient(225deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 100%);
    padding: 90px 0;
    position: relative;
}

.location-map::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-radial-gradient(
            circle at 50% 50%,
            transparent 0px,
            rgba(139, 69, 19, 0.02) 8px,
            transparent 16px
        );
    pointer-events: none;
}

.map-sanctuary {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 35px;
    position: relative;
    z-index: 1;
}

.map-introduction {
    text-align: center;
    margin-bottom: 50px;
}

.map-title {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 22px;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.7px;
}

.map-description {
    font-size: 1.2rem;
    color: var(--vintage-cream);
    opacity: 0.9;
    line-height: 1.8;
}

.map-container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8);
    border: 3px solid var(--workshop-dust);
    margin-bottom: 45px;
}

.location-iframe {
    width: 100%;
    height: 450px;
    border: none;
    filter: sepia(10%) contrast(1.1);
    transition: filter 0.4s ease;
}

.map-container:hover .location-iframe {
    filter: sepia(5%) contrast(1.2);
}

.map-overlay {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--mahogany-shadow);
    border-radius: 15px;
    padding: 20px;
    border: 2px solid var(--aged-brass);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);
    max-width: 300px;
}

.location-marker {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.marker-pin {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.marker-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.marker-title {
    color: var(--warm-amber);
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.marker-address {
    color: var(--vintage-cream);
    font-size: 0.95rem;
    opacity: 0.9;
    margin: 0;
    line-height: 1.4;
}

.transportation-info {
    background: var(--coffee-bean);
    border-radius: 20px;
    padding: 40px;
    border: 2px solid var(--burnished-copper);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
}

.transport-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin: 0 0 25px 0;
    text-align: center;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.transport-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.transport-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: var(--mahogany-shadow);
    padding: 20px;
    border-radius: 12px;
    border-left: 4px solid var(--aged-brass);
    transition: all 0.3s ease;
}

.transport-item:hover {
    border-left-color: var(--clockwork-gold);
    transform: translateX(8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.transport-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
}

.transport-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.transport-method {
    color: var(--aged-brass);
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.transport-description {
    color: var(--vintage-cream);
    font-size: 0.95rem;
    opacity: 0.85;
    margin: 0;
    line-height: 1.4;
}

/* Responsive Design */

@media (max-width: 1120px) {
    .contact-constellation {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 30px;
    }
    
    .contact-channel {
        padding: 30px;
    }
    
    .form-sanctuary {
        padding: 0 30px;
    }
    
    .contact-form {
        padding: 40px;
    }
}

@media (max-width: 920px) {
    .contact-information {
        padding: 65px 0 50px;
    }
    
    .info-sanctuary {
        padding: 0 30px;
    }
    
    .connection-title {
        font-size: 2.9rem;
    }
    
    .contact-philosophy {
        font-size: 1.25rem;
    }
    
    .contact-constellation {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .contact-channel {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    
    .contact-form-section {
        padding: 60px 0;
    }
    
    .form-sanctuary {
        padding: 0 25px;
    }
    
    .form-title {
        font-size: 2.4rem;
    }
    
    .form-description {
        font-size: 1.15rem;
    }
    
    .contact-form {
        padding: 35px;
    }
    
    .location-map {
        padding: 70px 0;
    }
    
    .map-sanctuary {
        padding: 0 30px;
    }
    
    .map-title {
        font-size: 2.4rem;
    }
    
    .map-description {
        font-size: 1.15rem;
    }
    
    .location-iframe {
        height: 400px;
    }
    
    .map-overlay {
        position: static;
        margin-bottom: 20px;
        max-width: none;
    }
    
    .transport-options {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 680px) {
    .info-sanctuary {
        padding: 0 25px;
    }
    
    .connection-title {
        font-size: 2.5rem;
    }
    
    .contact-philosophy {
        font-size: 1.15rem;
    }
    
    .contact-channel {
        padding: 25px;
    }
    
    .channel-title {
        font-size: 1.3rem;
    }
    
    .primary-info {
        font-size: 1.1rem;
    }
    
    .emblem-core {
        width: 60px;
        height: 60px;
    }
    
    .visual-accent {
        font-size: 1.6rem;
    }
    
    .form-sanctuary {
        padding: 0 22px;
    }
    
    .form-title {
        font-size: 2.1rem;
    }
    
    .form-description {
        font-size: 1.1rem;
    }
    
    .contact-form {
        padding: 28px;
    }
    
    .form-input {
        padding: 12px 16px;
        font-size: 1rem;
    }
    
    .field-label {
        font-size: 1.05rem;
    }
    
    .submit-button {
        padding: 15px 35px;
        font-size: 1.1rem;
    }
    
    .map-sanctuary {
        padding: 0 25px;
    }
    
    .map-title {
        font-size: 2.1rem;
    }
    
    .map-description {
        font-size: 1.1rem;
    }
    
    .location-iframe {
        height: 350px;
    }
    
    .transportation-info {
        padding: 30px;
    }
    
    .transport-title {
        font-size: 1.6rem;
    }
    
    .transport-item {
        padding: 18px;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .transport-method {
        font-size: 1.05rem;
    }
    
    .transport-description {
        font-size: 0.9rem;
    }
}

@media (max-width: 520px) {
    .info-sanctuary {
        padding: 0 20px;
    }
    
    .connection-title {
        font-size: 2.1rem;
    }
    
    .contact-philosophy {
        font-size: 1.1rem;
    }
    
    .contact-channel {
        padding: 20px;
    }
    
    .channel-title {
        font-size: 1.2rem;
    }
    
    .primary-info {
        font-size: 1.05rem;
    }
    
    .secondary-info {
        font-size: 0.95rem;
    }
    
    .additional-info {
        font-size: 0.9rem;
    }
    
    .emblem-core {
        width: 55px;
        height: 55px;
    }
    
    .visual-accent {
        font-size: 1.5rem;
    }
    
    .schedule-row {
        flex-direction: column;
        gap: 4px;
        text-align: center;
    }
    
    .form-sanctuary {
        padding: 0 18px;
    }
    
    .form-title {
        font-size: 1.9rem;
    }
    
    .form-description {
        font-size: 1.05rem;
    }
    
    .contact-form {
        padding: 22px;
    }
    
    .form-architecture {
        gap: 25px;
    }
    
    .form-input {
        padding: 10px 14px;
        font-size: 0.95rem;
    }
    
    .field-label {
        font-size: 1rem;
    }
    
    .message-input {
        min-height: 100px;
    }
    
    .submit-button {
        padding: 12px 28px;
        font-size: 1.05rem;
    }
    
    .map-sanctuary {
        padding: 0 20px;
    }
    
    .map-title {
        font-size: 1.8rem;
    }
    
    .map-description {
        font-size: 1.05rem;
    }
    
    .location-iframe {
        height: 300px;
    }
    
    .map-overlay {
        padding: 15px;
    }
    
    .marker-title {
        font-size: 1.05rem;
    }
    
    .marker-address {
        font-size: 0.9rem;
    }
    
    .transportation-info {
        padding: 25px;
    }
    
    .transport-title {
        font-size: 1.4rem;
    }
    
    .transport-item {
        padding: 15px;
    }
    
    .transport-icon {
        font-size: 1.6rem;
    }
    
    .transport-method {
        font-size: 1rem;
    }
    
    .transport-description {
        font-size: 0.85rem;
    }
}




















/* Çerez Politikası Sayfası Özel Stilleri */

.policy-canvas {
    background: 
        radial-gradient(circle at 22% 18%, var(--workshop-dust) 0%, transparent 50%),
        radial-gradient(circle at 78% 82%, var(--coffee-bean) 0%, transparent 50%),
        linear-gradient(140deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 45%, var(--coffee-bean) 100%);
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.policy-canvas::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            85deg,
            transparent,
            transparent 6px,
            rgba(139, 69, 19, 0.015) 6px,
            rgba(139, 69, 19, 0.015) 12px
        );
    pointer-events: none;
}

/* Document Sanctuary Section */

.document-sanctuary {
    padding: 90px 0;
    position: relative;
    z-index: 1;
}

.legal-framework {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

.policy-introduction {
    text-align: center;
    margin-bottom: 75px;
    background: var(--mahogany-shadow);
    border-radius: 25px;
    padding: 50px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.8);
    position: relative;
    overflow: hidden;
}

.policy-introduction::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, var(--burnished-copper), var(--aged-brass), var(--clockwork-gold));
    border-radius: 25px 25px 0 0;
}

.document-title {
    font-size: 3.6rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 30px;
    text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.2px;
}

.policy-essence {
    font-size: 1.4rem;
    color: var(--vintage-cream);
    opacity: 0.92;
    line-height: 1.8;
    margin-bottom: 25px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.update-notice {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--coffee-bean);
    padding: 12px 20px;
    border-radius: 25px;
    border: 1px solid var(--aged-brass);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.update-label {
    color: var(--aged-brass);
    font-size: 0.95rem;
    font-weight: 600;
}

.update-date {
    color: var(--clockwork-gold);
    font-size: 0.95rem;
    font-weight: 700;
}

.policy-constellation {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.policy-section {
    background: var(--mahogany-shadow);
    border-radius: 22px;
    padding: 45px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.policy-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 22px 0 0 22px;
    transition: all 0.5s ease;
}

.definition-section::before { background: linear-gradient(180deg, var(--burnished-copper), var(--aged-brass)); }
.types-section::before { background: linear-gradient(180deg, var(--aged-brass), var(--clockwork-gold)); }
.purpose-section::before { background: linear-gradient(180deg, var(--clockwork-gold), var(--warm-amber)); }
.control-section::before { background: linear-gradient(180deg, var(--warm-amber), var(--burnished-copper)); }
.storage-section::before { background: linear-gradient(180deg, var(--burnished-copper), var(--aged-brass)); }
.consent-section::before { background: linear-gradient(180deg, var(--aged-brass), var(--clockwork-gold)); }
.contact-section::before { background: linear-gradient(180deg, var(--clockwork-gold), var(--warm-amber)); }

.policy-section:hover {
    transform: translateX(12px);
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.8);
    border-color: var(--burnished-copper);
}

.section-marker {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: 
        radial-gradient(circle, var(--burnished-copper) 0%, var(--coffee-bean) 80%);
    border-radius: 50%;
    box-shadow: 
        0 12px 30px rgba(0, 0, 0, 0.6),
        inset 0 3px 6px rgba(255, 255, 255, 0.1);
    transition: all 0.4s ease;
}

.policy-section:hover .section-marker {
    transform: scale(1.1);
    background: radial-gradient(circle, var(--aged-brass) 0%, var(--coffee-bean) 80%);
}

.marker-icon {
    font-size: 2rem;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.8));
}

.section-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.section-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.content-narrative {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.policy-paragraph {
    color: var(--vintage-cream);
    font-size: 1.15rem;
    line-height: 1.8;
    opacity: 0.9;
    margin: 0;
    text-align: justify;
}

/* Cookie Categories */

.cookie-categories {
    display: grid;
    gap: 25px;
}

.cookie-type {
    background: var(--coffee-bean);
    border-radius: 18px;
    padding: 30px;
    border-left: 5px solid var(--aged-brass);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.cookie-type:hover {
    border-left-color: var(--clockwork-gold);
    transform: translateX(8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);
}

.essential-cookies { border-left-color: var(--burnished-copper); }
.functional-cookies { border-left-color: var(--aged-brass); }
.analytics-cookies { border-left-color: var(--clockwork-gold); }

.type-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 12px 0;
}

.type-description {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.9;
    margin: 0 0 18px 0;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.feature-item {
    color: var(--vintage-cream);
    font-size: 1rem;
    opacity: 0.85;
    padding: 6px 0;
    border-bottom: 1px solid var(--workshop-dust);
    position: relative;
    padding-left: 20px;
    transition: all 0.3s ease;
}

.feature-item:last-child {
    border-bottom: none;
}

.feature-item::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--clockwork-gold);
    font-weight: bold;
}

.feature-item:hover {
    opacity: 1;
    color: var(--clockwork-gold);
    padding-left: 25px;
}

/* Purpose Grid */

.purpose-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.purpose-item {
    background: var(--coffee-bean);
    border-radius: 15px;
    padding: 25px;
    border-left: 4px solid var(--aged-brass);
    transition: all 0.3s ease;
}

.purpose-item:hover {
    border-left-color: var(--clockwork-gold);
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.purpose-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 10px 0;
}

.purpose-description {
    color: var(--vintage-cream);
    font-size: 1rem;
    line-height: 1.6;
    opacity: 0.9;
    margin: 0;
}

/* Browser Instructions */

.browser-instructions {
    background: var(--coffee-bean);
    border-radius: 15px;
    padding: 25px;
    border: 1px solid var(--workshop-dust);
}

.instruction-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 20px 0;
}

.browser-grid {
    display: grid;
    gap: 12px;
}

.browser-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--ancient-wood);
    padding: 12px 18px;
    border-radius: 10px;
    border-left: 3px solid var(--aged-brass);
    transition: all 0.3s ease;
}

.browser-item:hover {
    border-left-color: var(--clockwork-gold);
    background: var(--mahogany-shadow);
}

.browser-name {
    color: var(--clockwork-gold);
    font-size: 1rem;
    font-weight: 600;
}

.browser-path {
    color: var(--vintage-cream);
    font-size: 0.9rem;
    opacity: 0.85;
    font-style: italic;
}

/* Storage Timeline */

.storage-timeline {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.timeline-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--coffee-bean);
    padding: 15px 20px;
    border-radius: 12px;
    border-left: 4px solid var(--aged-brass);
    transition: all 0.3s ease;
}

.timeline-item:hover {
    border-left-color: var(--clockwork-gold);
    transform: translateX(8px);
}

.duration-label {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    font-weight: 500;
}

.duration-period {
    color: var(--clockwork-gold);
    font-size: 1rem;
    font-weight: 600;
    background: var(--workshop-dust);
    padding: 6px 12px;
    border-radius: 6px;
}

/* Important Notice */

.important-notice {
    background: var(--coffee-bean);
    border-radius: 15px;
    padding: 25px;
    border: 2px solid var(--burnished-copper);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.notice-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin: 0 0 12px 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.notice-text {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.9;
    margin: 0;
}

/* Responsive Design */

@media (max-width: 1120px) {
    .legal-framework {
        padding: 0 35px;
    }
    
    .policy-introduction {
        padding: 40px;
    }
    
    .policy-section {
        padding: 40px;
    }
    
    .purpose-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 920px) {
    .document-sanctuary {
        padding: 70px 0;
    }
    
    .legal-framework {
        padding: 0 30px;
    }
    
    .document-title {
        font-size: 3rem;
    }
    
    .policy-essence {
        font-size: 1.25rem;
    }
    
    .policy-introduction {
        padding: 35px;
    }
    
    .policy-section {
        flex-direction: column;
        text-align: center;
        gap: 25px;
        padding: 35px;
    }
    
    .section-marker {
        align-self: center;
        width: 70px;
        height: 70px;
    }
    
    .marker-icon {
        font-size: 1.8rem;
    }
    
    .section-title {
        font-size: 1.6rem;
    }
    
    .policy-paragraph {
        font-size: 1.1rem;
        text-align: left;
    }
    
    .cookie-type {
        padding: 25px;
    }
    
    .browser-item {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    
    .timeline-item {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}

@media (max-width: 680px) {
    .legal-framework {
        padding: 0 25px;
    }
    
    .document-title {
        font-size: 2.6rem;
    }
    
    .policy-essence {
        font-size: 1.15rem;
    }
    
    .policy-introduction {
        padding: 30px;
    }
    
    .policy-constellation {
        gap: 35px;
    }
    
    .policy-section {
        padding: 30px;
    }
    
    .section-marker {
        width: 65px;
        height: 65px;
    }
    
    .marker-icon {
        font-size: 1.6rem;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
    .policy-paragraph {
        font-size: 1.05rem;
    }
    
    .type-title {
        font-size: 1.2rem;
    }
    
    .type-description {
        font-size: 1rem;
    }
    
    .feature-item {
        font-size: 0.95rem;
    }
    
    .purpose-title {
        font-size: 1.15rem;
    }
    
    .purpose-description {
        font-size: 0.95rem;
    }
    
    .cookie-type {
        padding: 22px;
    }
    
    .browser-instructions {
        padding: 20px;
    }
    
    .instruction-title {
        font-size: 1.2rem;
    }
    
    .browser-name {
        font-size: 0.95rem;
    }
    
    .browser-path {
        font-size: 0.85rem;
    }
    
    .duration-label {
        font-size: 1rem;
    }
    
    .duration-period {
        font-size: 0.95rem;
        padding: 5px 10px;
    }
    
    .important-notice {
        padding: 20px;
    }
    
    .notice-title {
        font-size: 1.15rem;
    }
    
    .notice-text {
        font-size: 1rem;
    }
    
    .update-notice {
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }
}

@media (max-width: 520px) {
    .legal-framework {
        padding: 0 20px;
    }
    
    .document-title {
        font-size: 2.2rem;
    }
    
    .policy-essence {
        font-size: 1.1rem;
    }
    
    .policy-introduction {
        padding: 25px;
    }
    
    .policy-constellation {
        gap: 30px;
    }
    
    .policy-section {
        padding: 25px;
    }
    
    .section-marker {
        width: 60px;
        height: 60px;
    }
    
    .marker-icon {
        font-size: 1.5rem;
    }
    
    .section-title {
        font-size: 1.4rem;
    }
    
    .policy-paragraph {
        font-size: 1rem;
    }
    
    .content-narrative {
        gap: 18px;
    }
    
    .cookie-categories {
        gap: 20px;
    }
    
    .cookie-type {
        padding: 20px;
    }
    
    .type-title {
        font-size: 1.15rem;
    }
    
    .type-description {
        font-size: 0.95rem;
    }
    
    .feature-list {
        gap: 6px;
    }
    
    .feature-item {
        font-size: 0.9rem;
        padding: 4px 0;
    }
    
    .purpose-grid {
        gap: 15px;
    }
    
    .purpose-item {
        padding: 20px;
    }
    
    .purpose-title {
        font-size: 1.1rem;
    }
    
    .purpose-description {
        font-size: 0.9rem;
    }
    
    .browser-instructions {
        padding: 18px;
    }
    
    .instruction-title {
        font-size: 1.15rem;
    }
    
    .browser-grid {
        gap: 10px;
    }
    
    .browser-item {
        padding: 10px 15px;
    }
    
    .browser-name {
        font-size: 0.9rem;
    }
    
    .browser-path {
        font-size: 0.8rem;
    }
    
    .storage-timeline {
        gap: 12px;
    }
    
    .timeline-item {
        padding: 12px 16px;
    }
    
    .duration-label {
        font-size: 0.95rem;
    }
    
    .duration-period {
        font-size: 0.9rem;
        padding: 4px 8px;
    }
    
    .important-notice {
        padding: 18px;
    }
    
    .notice-title {
        font-size: 1.1rem;
    }
    
    .notice-text {
        font-size: 0.95rem;
    }
    
    .update-notice {
        padding: 10px 16px;
    }
    
    .update-label,
    .update-date {
        font-size: 0.9rem;
    }
}

















/* Gizlilik Politikası Sayfası Özel Stilleri */

.privacy-realm {
    background: 
        radial-gradient(circle at 28% 15%, var(--workshop-dust) 0%, transparent 50%),
        radial-gradient(circle at 72% 85%, var(--coffee-bean) 0%, transparent 50%),
        linear-gradient(135deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 35%, var(--coffee-bean) 100%);
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.privacy-realm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            78deg,
            transparent,
            transparent 7px,
            rgba(139, 69, 19, 0.018) 7px,
            rgba(139, 69, 19, 0.018) 14px
        );
    pointer-events: none;
}

/* Privacy Sanctuary Section */

.privacy-sanctuary {
    padding: 95px 0;
    position: relative;
    z-index: 1;
}

.legal-architecture {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 42px;
}

.privacy-introduction {
    text-align: center;
    margin-bottom: 80px;
    background: var(--mahogany-shadow);
    border-radius: 28px;
    padding: 55px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.8);
    position: relative;
    overflow: hidden;
}

.privacy-introduction::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(90deg, var(--burnished-copper), var(--aged-brass), var(--clockwork-gold), var(--warm-amber));
    border-radius: 28px 28px 0 0;
}

.privacy-title {
    font-size: 3.8rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin-bottom: 32px;
    text-shadow: 4px 4px 18px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.1px;
}

.privacy-mission {
    font-size: 1.45rem;
    color: var(--vintage-cream);
    opacity: 0.92;
    line-height: 1.8;
    margin-bottom: 30px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.compliance-badge {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    background: var(--coffee-bean);
    padding: 18px 28px;
    border-radius: 30px;
    border: 2px solid var(--aged-brass);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.badge-icon {
    font-size: 2rem;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.7));
}

.badge-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.badge-title {
    color: var(--clockwork-gold);
    font-size: 1.1rem;
    font-weight: 700;
}

.badge-subtitle {
    color: var(--vintage-cream);
    font-size: 0.9rem;
    opacity: 0.8;
}

.privacy-framework {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.privacy-chapter {
    background: var(--mahogany-shadow);
    border-radius: 25px;
    padding: 50px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.75);
    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 35px;
    align-items: flex-start;
}

.privacy-chapter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    border-radius: 25px 0 0 25px;
    transition: all 0.5s ease;
}

.collection-chapter::before { background: linear-gradient(180deg, var(--burnished-copper), var(--aged-brass)); }
.usage-chapter::before { background: linear-gradient(180deg, var(--aged-brass), var(--clockwork-gold)); }
.security-chapter::before { background: linear-gradient(180deg, var(--clockwork-gold), var(--warm-amber)); }
.rights-chapter::before { background: linear-gradient(180deg, var(--warm-amber), var(--burnished-copper)); }
.retention-chapter::before { background: linear-gradient(180deg, var(--burnished-copper), var(--aged-brass)); }
.contact-chapter::before { background: linear-gradient(180deg, var(--aged-brass), var(--clockwork-gold)); }

.privacy-chapter:hover {
    transform: translateX(15px);
    box-shadow: 0 35px 75px rgba(0, 0, 0, 0.85);
    border-color: var(--burnished-copper);
}

.chapter-indicator {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.indicator-symbol {
    width: 85px;
    height: 85px;
    background: 
        radial-gradient(circle, var(--burnished-copper) 0%, var(--coffee-bean) 85%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.6),
        inset 0 3px 8px rgba(255, 255, 255, 0.1);
    transition: all 0.4s ease;
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.8));
}

.privacy-chapter:hover .indicator-symbol {
    transform: scale(1.12);
    background: radial-gradient(circle, var(--aged-brass) 0%, var(--coffee-bean) 85%);
}

.chapter-number {
    color: var(--aged-brass);
    font-size: 1.1rem;
    font-weight: 800;
    background: var(--coffee-bean);
    padding: 6px 12px;
    border-radius: 15px;
    border: 1px solid var(--workshop-dust);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}

.chapter-narrative {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.chapter-heading {
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.narrative-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.privacy-text {
    color: var(--vintage-cream);
    font-size: 1.18rem;
    line-height: 1.8;
    opacity: 0.9;
    margin: 0;
    text-align: justify;
}

/* Data Categories */

.data-categories {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.data-group {
    background: var(--coffee-bean);
    border-radius: 18px;
    padding: 28px;
    border-left: 5px solid var(--aged-brass);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5);
    transition: all 0.35s ease;
}

.data-group:hover {
    border-left-color: var(--clockwork-gold);
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
}

.personal-data { border-left-color: var(--burnished-copper); }
.technical-data { border-left-color: var(--aged-brass); }

.group-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 18px 0;
}

.data-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.data-item {
    color: var(--vintage-cream);
    font-size: 1.05rem;
    opacity: 0.88;
    padding: 8px 0;
    border-bottom: 1px solid var(--workshop-dust);
    position: relative;
    padding-left: 25px;
    transition: all 0.3s ease;
}

.data-item:last-child {
    border-bottom: none;
}

.data-item::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: var(--clockwork-gold);
    font-weight: bold;
}

.data-item:hover {
    opacity: 1;
    color: var(--clockwork-gold);
    padding-left: 30px;
}

/* Purpose Matrix */

.purpose-matrix {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 22px;
}

.purpose-card {
    background: var(--coffee-bean);
    border-radius: 16px;
    padding: 25px;
    border-left: 4px solid var(--aged-brass);
    transition: all 0.35s ease;
    text-align: center;
}

.purpose-card:hover {
    border-left-color: var(--clockwork-gold);
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.6);
}

.service-purpose { border-left-color: var(--burnished-copper); }
.communication-purpose { border-left-color: var(--aged-brass); }
.improvement-purpose { border-left-color: var(--clockwork-gold); }
.legal-purpose { border-left-color: var(--warm-amber); }

.purpose-icon {
    font-size: 2.5rem;
    margin-bottom: 12px;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.7));
}

.purpose-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 10px 0;
}

.purpose-detail {
    color: var(--vintage-cream);
    font-size: 1rem;
    line-height: 1.6;
    opacity: 0.9;
    margin: 0;
}

/* Security Measures */

.security-measures {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.security-layer {
    background: var(--coffee-bean);
    border-radius: 15px;
    padding: 25px;
    border-left: 4px solid var(--aged-brass);
    transition: all 0.3s ease;
}

.security-layer:hover {
    border-left-color: var(--clockwork-gold);
    transform: translateX(8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.encryption-layer { border-left-color: var(--burnished-copper); }
.access-layer { border-left-color: var(--aged-brass); }
.storage-layer { border-left-color: var(--clockwork-gold); }

.layer-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 15px 0;
}

.layer-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.feature-badge {
    background: var(--workshop-dust);
    color: var(--vintage-cream);
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid var(--aged-brass);
    transition: all 0.3s ease;
}

.feature-badge:hover {
    background: var(--aged-brass);
    color: var(--mahogany-shadow);
    transform: translateY(-2px);
}

/* Rights Catalog */

.rights-catalog {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.right-entry {
    display: flex;
    align-items: center;
    gap: 18px;
    background: var(--coffee-bean);
    padding: 22px;
    border-radius: 15px;
    border-left: 4px solid var(--aged-brass);
    transition: all 0.35s ease;
}

.right-entry:hover {
    border-left-color: var(--clockwork-gold);
    transform: translateX(8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.right-symbol {
    font-size: 1.8rem;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: var(--workshop-dust);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.right-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.right-name {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
}

.right-description {
    color: var(--vintage-cream);
    font-size: 0.95rem;
    opacity: 0.85;
    margin: 0;
    line-height: 1.4;
}

/* Retention Schedule */

.retention-schedule {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}

.retention-period {
    background: var(--coffee-bean);
    border-radius: 18px;
    padding: 30px;
    border: 2px solid var(--workshop-dust);
    transition: all 0.4s ease;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.retention-period::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    transition: all 0.3s ease;
}

.customer-data::before { background: var(--burnished-copper); }
.service-data::before { background: var(--aged-brass); }
.web-data::before { background: var(--clockwork-gold); }

.retention-period:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
    border-color: var(--aged-brass);
}

.period-duration {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--clockwork-gold);
    margin-bottom: 15px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.period-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.period-type {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
}

.period-note {
    color: var(--vintage-cream);
    font-size: 0.95rem;
    opacity: 0.8;
    margin: 0;
    font-style: italic;
}

/* Contact Info */

.contact-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--coffee-bean);
    border-radius: 18px;
    padding: 30px;
    border: 2px solid var(--aged-brass);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
}

.info-highlight {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.highlight-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
}

.highlight-content {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--clockwork-gold);
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.response-commitment {
    display: flex;
    align-items: center;
    gap: 15px;
}

.commitment-icon {
    font-size: 2rem;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.7));
}

.commitment-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.commitment-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
}

.commitment-detail {
    font-size: 1rem;
    color: var(--clockwork-gold);
    font-weight: 600;
    margin: 0;
}

/* Responsive Design */

@media (max-width: 1200px) {
    .legal-architecture {
        padding: 0 35px;
    }
    
    .privacy-introduction {
        padding: 45px;
    }
    
    .privacy-chapter {
        padding: 45px;
    }
    
    .data-categories {
        grid-template-columns: 1fr;
    }
    
    .purpose-matrix {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}

@media (max-width: 920px) {
    .privacy-sanctuary {
        padding: 75px 0;
    }
    
    .legal-architecture {
        padding: 0 30px;
    }
    
    .privacy-title {
        font-size: 3.2rem;
    }
    
    .privacy-mission {
        font-size: 1.3rem;
    }
    
    .privacy-introduction {
        padding: 40px;
    }
    
    .privacy-framework {
        gap: 40px;
    }
    
    .privacy-chapter {
        flex-direction: column;
        text-align: center;
        gap: 25px;
        padding: 40px;
    }
    
    .chapter-indicator {
        align-self: center;
    }
    
    .indicator-symbol {
        width: 75px;
        height: 75px;
        font-size: 2rem;
    }
    
    .chapter-heading {
        font-size: 1.7rem;
    }
    
    .privacy-text {
        font-size: 1.12rem;
        text-align: left;
    }
    
    .purpose-matrix {
        grid-template-columns: 1fr;
    }
    
    .rights-catalog {
        grid-template-columns: 1fr;
    }
    
    .contact-info {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
}

@media (max-width: 680px) {
    .legal-architecture {
        padding: 0 25px;
    }
    
    .privacy-title {
        font-size: 2.8rem;
    }
    
    .privacy-mission {
        font-size: 1.2rem;
    }
    
    .privacy-introduction {
        padding: 30px;
    }
    
    .compliance-badge {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .privacy-chapter {
        padding: 30px;
    }
    
    .indicator-symbol {
        width: 65px;
        height: 65px;
        font-size: 1.8rem;
    }
    
    .chapter-heading {
        font-size: 1.5rem;
    }
    
    .privacy-text {
        font-size: 1.08rem;
    }
    
    .group-title {
        font-size: 1.25rem;
    }
    
    .data-item {
        font-size: 1rem;
    }
    
    .purpose-title {
        font-size: 1.15rem;
    }
    
    .purpose-detail {
        font-size: 0.95rem;
    }
    
    .layer-title {
        font-size: 1.2rem;
    }
    
    .right-entry {
        padding: 18px;
    }
    
    .right-symbol {
        width: 45px;
        height: 45px;
        font-size: 1.6rem;
    }
    
    .right-name {
        font-size: 1.1rem;
    }
    
    .retention-period {
        padding: 25px;
    }
    
    .period-duration {
        font-size: 2.2rem;
    }
    
    .contact-info {
        padding: 25px;
    }
}

@media (max-width: 520px) {
    .legal-architecture {
        padding: 0 20px;
    }
    
    .privacy-title {
        font-size: 2.4rem;
    }
    
    .privacy-mission {
        font-size: 1.15rem;
    }
    
    .privacy-introduction {
        padding: 25px;
    }
    
    .compliance-badge {
        padding: 15px 20px;
    }
    
    .badge-title {
        font-size: 1rem;
    }
    
    .badge-subtitle {
        font-size: 0.85rem;
    }
    
    .privacy-framework {
        gap: 30px;
    }
    
    .privacy-chapter {
        padding: 25px;
    }
    
    .indicator-symbol {
        width: 60px;
        height: 60px;
        font-size: 1.6rem;
    }
    
    .chapter-number {
        font-size: 1rem;
        padding: 5px 10px;
    }
    
    .chapter-heading {
        font-size: 1.4rem;
    }
    
    .privacy-text {
        font-size: 1.05rem;
    }
    
    .narrative-content {
        gap: 20px;
    }
    
    .data-group {
        padding: 22px;
    }
    
    .group-title {
        font-size: 1.2rem;
    }
    
    .data-item {
        font-size: 0.95rem;
        padding: 6px 0;
    }
    
    .purpose-card {
        padding: 20px;
    }
    
    .purpose-icon {
        font-size: 2.2rem;
    }
    
    .purpose-title {
        font-size: 1.1rem;
    }
    
    .purpose-detail {
        font-size: 0.9rem;
    }
    
    .security-layer {
        padding: 20px;
    }
    
    .layer-title {
        font-size: 1.15rem;
    }
    
    .feature-badge {
        font-size: 0.85rem;
        padding: 6px 12px;
    }
    
    .right-entry {
        padding: 15px;
        gap: 15px;
    }
    
    .right-symbol {
        width: 40px;
        height: 40px;
        font-size: 1.4rem;
    }
    
    .right-name {
        font-size: 1.05rem;
    }
    
    .right-description {
        font-size: 0.9rem;
    }
    
    .retention-period {
        padding: 20px;
    }
    
    .period-duration {
        font-size: 2rem;
    }
    
    .period-type {
        font-size: 1.15rem;
    }
    
    .period-note {
        font-size: 0.9rem;
    }
    
    .contact-info {
        padding: 20px;
    }
    
    .highlight-title {
        font-size: 1.15rem;
    }
    
    .highlight-content {
        font-size: 1.3rem;
    }
    
    .commitment-title {
        font-size: 1.05rem;
    }
    
    .commitment-detail {
        font-size: 0.95rem;
    }
}

















/* Teşekkür Sayfası Özel Stilleri */

.gratitude-realm {
    background: 
        radial-gradient(circle at 30% 20%, var(--workshop-dust) 0%, transparent 50%),
        radial-gradient(circle at 70% 80%, var(--coffee-bean) 0%, transparent 50%),
        linear-gradient(125deg, var(--ancient-wood) 0%, var(--mahogany-shadow) 40%, var(--coffee-bean) 100%);
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.gratitude-realm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(
            72deg,
            transparent,
            transparent 8px,
            rgba(139, 69, 19, 0.02) 8px,
            rgba(139, 69, 19, 0.02) 16px
        );
    pointer-events: none;
}

/* Appreciation Sanctuary Section */

.appreciation-sanctuary {
    padding: 95px 0;
    position: relative;
    z-index: 1;
}

.thank-you-framework {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.confirmation-constellation {
    text-align: center;
    background: var(--mahogany-shadow);
    border-radius: 30px;
    padding: 60px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8);
    position: relative;
    overflow: hidden;
}

.confirmation-constellation::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(90deg, var(--burnished-copper), var(--aged-brass), var(--clockwork-gold), var(--warm-amber));
    border-radius: 30px 30px 0 0;
}

.success-emblem {
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}

.emblem-core {
    width: 120px;
    height: 120px;
    background: 
        radial-gradient(circle, var(--clockwork-gold) 0%, var(--aged-brass) 70%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        0 20px 45px rgba(0, 0, 0, 0.6),
        inset 0 4px 12px rgba(255, 255, 255, 0.1);
    animation: successPulse 2s ease-in-out infinite;
    position: relative;
    z-index: 2;
}

.success-icon {
    font-size: 3rem;
    filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.8));
}

.success-waves {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wave {
    position: absolute;
    border: 2px solid var(--clockwork-gold);
    border-radius: 50%;
    opacity: 0;
    animation: waveExpand 3s ease-out infinite;
}

.wave-1 {
    width: 140px;
    height: 140px;
    margin: -70px 0 0 -70px;
    animation-delay: 0s;
}

.wave-2 {
    width: 180px;
    height: 180px;
    margin: -90px 0 0 -90px;
    animation-delay: 1s;
}

.wave-3 {
    width: 220px;
    height: 220px;
    margin: -110px 0 0 -110px;
    animation-delay: 2s;
}

@keyframes successPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes waveExpand {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.gratitude-message {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.appreciation-title {
    font-size: 3.2rem;
    font-weight: 800;
    color: var(--warm-amber);
    margin: 0;
    text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.3px;
}

.confirmation-text {
    font-size: 1.3rem;
    color: var(--vintage-cream);
    opacity: 0.92;
    line-height: 1.8;
    margin: 0;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.response-timeline {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.response-timeline::before {
    content: '';
    position: absolute;
    top: 30px;
    left: 60px;
    right: 60px;
    height: 2px;
    background: linear-gradient(90deg, var(--burnished-copper), var(--aged-brass), var(--clockwork-gold));
    z-index: 1;
}

.timeline-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    flex: 1;
    position: relative;
    z-index: 2;
}

.timeline-icon {
    width: 60px;
    height: 60px;
    background: var(--coffee-bean);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border: 3px solid var(--aged-brass);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease;
}

.timeline-item:hover .timeline-icon {
    transform: scale(1.1);
    border-color: var(--clockwork-gold);
}

.timeline-content {
    text-align: center;
    max-width: 150px;
}

.timeline-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 5px 0;
}

.timeline-description {
    font-size: 0.9rem;
    color: var(--vintage-cream);
    opacity: 0.8;
    margin: 0;
    line-height: 1.4;
}

/* Next Steps Guidance */

.next-steps-guidance {
    background: var(--mahogany-shadow);
    border-radius: 25px;
    padding: 50px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.7);
}

.guidance-header {
    text-align: center;
    margin-bottom: 40px;
}

.guidance-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0 0 10px 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.guidance-subtitle {
    font-size: 1.1rem;
    color: var(--vintage-cream);
    opacity: 0.85;
    margin: 0;
}

.preparation-tips {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.tip-card {
    background: var(--coffee-bean);
    border-radius: 20px;
    padding: 30px;
    border-left: 5px solid var(--aged-brass);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tip-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7);
    border-left-color: var(--clockwork-gold);
}

.watch-info { border-left-color: var(--burnished-copper); }
.photo-guide { border-left-color: var(--aged-brass); }
.meeting-prep { border-left-color: var(--clockwork-gold); }

.tip-icon {
    font-size: 2.5rem;
    text-align: center;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.7));
}

.tip-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.tip-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
    text-align: center;
}

.tip-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tip-list li {
    color: var(--vintage-cream);
    font-size: 1rem;
    opacity: 0.9;
    padding: 6px 0;
    border-bottom: 1px solid var(--workshop-dust);
    position: relative;
    padding-left: 20px;
    transition: all 0.3s ease;
}

.tip-list li:last-child {
    border-bottom: none;
}

.tip-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--clockwork-gold);
    font-weight: bold;
}

.tip-list li:hover {
    opacity: 1;
    color: var(--clockwork-gold);
    padding-left: 25px;
}

/* Confidence Builders */

.confidence-builders {
    background: var(--coffee-bean);
    border-radius: 25px;
    padding: 45px;
    border: 2px solid var(--burnished-copper);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6);
}

.assurance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.assurance-item {
    display: flex;
    align-items: center;
    gap: 18px;
    background: var(--mahogany-shadow);
    padding: 25px;
    border-radius: 18px;
    border-left: 4px solid var(--aged-brass);
    transition: all 0.35s ease;
}

.assurance-item:hover {
    transform: translateX(8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.5);
    border-left-color: var(--clockwork-gold);
}

.experience-assurance { border-left-color: var(--burnished-copper); }
.warranty-assurance { border-left-color: var(--aged-brass); }
.transparency-assurance { border-left-color: var(--clockwork-gold); }
.quality-assurance { border-left-color: var(--warm-amber); }

.assurance-icon {
    font-size: 2rem;
    flex-shrink: 0;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.7));
}

.assurance-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.assurance-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--aged-brass);
    margin: 0;
}

.assurance-text {
    font-size: 0.95rem;
    color: var(--vintage-cream);
    opacity: 0.85;
    margin: 0;
    line-height: 1.4;
}

/* Action Center */

.action-center {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

.primary-actions {
    display: flex;
    gap: 25px;
}

.action-button {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, var(--burnished-copper), var(--aged-brass));
    color: var(--vintage-cream);
    text-decoration: none;
    padding: 18px 35px;
    border-radius: 18px;
    font-size: 1.15rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.action-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.action-button:hover::before {
    left: 100%;
}

.action-button:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, var(--aged-brass), var(--clockwork-gold));
}

.learn-button {
    background: linear-gradient(135deg, var(--aged-brass), var(--clockwork-gold));
}

.learn-button:hover {
    background: linear-gradient(135deg, var(--clockwork-gold), var(--warm-amber));
}

.button-icon {
    font-size: 1.2rem;
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
}

.button-text {
    position: relative;
    z-index: 1;
}

.emergency-contact {
    background: var(--mahogany-shadow);
    border-radius: 20px;
    padding: 30px;
    border: 2px solid var(--workshop-dust);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.emergency-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.emergency-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--warm-amber);
    margin: 0;
}

.emergency-description {
    font-size: 1rem;
    color: var(--vintage-cream);
    opacity: 0.85;
    margin: 0;
}

.emergency-number {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--coffee-bean);
    padding: 12px 20px;
    border-radius: 25px;
    border: 1px solid var(--aged-brass);
}

.phone-icon {
    font-size: 1.2rem;
}

.emergency-link {
    color: var(--clockwork-gold);
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 700;
    transition: all 0.3s ease;
}

.emergency-link:hover {
    color: var(--warm-amber);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Responsive Design */

@media (max-width: 1120px) {
    .thank-you-framework {
        padding: 0 30px;
    }
    
    .confirmation-constellation {
        padding: 50px;
    }
    
    .preparation-tips {
        grid-template-columns: 1fr;
    }
    
    .response-timeline {
        flex-direction: column;
        gap: 20px;
        max-width: 300px;
    }
    
    .response-timeline::before {
        display: none;
    }
}

@media (max-width: 920px) {
    .appreciation-sanctuary {
        padding: 75px 0;
    }
    
    .thank-you-framework {
        padding: 0 25px;
        gap: 50px;
    }
    
    .appreciation-title {
        font-size: 2.8rem;
    }
    
    .confirmation-text {
        font-size: 1.2rem;
    }
    
    .confirmation-constellation {
        padding: 40px;
    }
    
    .emblem-core {
        width: 100px;
        height: 100px;
    }
    
    .success-icon {
        font-size: 2.5rem;
    }
    
    .next-steps-guidance {
        padding: 40px;
    }
    
    .guidance-title {
        font-size: 2rem;
    }
    
    .tip-card {
        padding: 25px;
    }
    
    .assurance-grid {
        grid-template-columns: 1fr;
    }
    
    .primary-actions {
        flex-direction: column;
        gap: 15px;
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 680px) {
    .thank-you-framework {
        padding: 0 20px;
    }
    
    .appreciation-title {
        font-size: 2.4rem;
    }
    
    .confirmation-text {
        font-size: 1.15rem;
    }
    
    .confirmation-constellation {
        padding: 30px;
    }
    
    .emblem-core {
        width: 90px;
        height: 90px;
    }
    
    .success-icon {
        font-size: 2.2rem;
    }
    
    .wave-1 {
        width: 110px;
        height: 110px;
        margin: -55px 0 0 -55px;
    }
    
    .wave-2 {
        width: 140px;
        height: 140px;
        margin: -70px 0 0 -70px;
    }
    
    .wave-3 {
        width: 170px;
        height: 170px;
        margin: -85px 0 0 -85px;
    }
    
    .timeline-icon {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
    }
    
    .timeline-title {
        font-size: 1rem;
    }
    
    .timeline-description {
        font-size: 0.85rem;
    }
    
    .next-steps-guidance {
        padding: 30px;
    }
    
    .guidance-title {
        font-size: 1.8rem;
    }
    
    .guidance-subtitle {
        font-size: 1.05rem;
    }
    
    .tip-card {
        padding: 22px;
    }
    
    .tip-icon {
        font-size: 2.2rem;
    }
    
    .tip-title {
        font-size: 1.2rem;
    }
    
    .tip-list li {
        font-size: 0.95rem;
    }
    
    .confidence-builders {
        padding: 35px;
    }
    
    .assurance-item {
        padding: 20px;
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    .assurance-icon {
        font-size: 1.8rem;
    }
    
    .assurance-title {
        font-size: 1.15rem;
    }
    
    .assurance-text {
        font-size: 0.9rem;
    }
    
    .action-button {
        padding: 15px 28px;
        font-size: 1.1rem;
    }
    
    .emergency-contact {
        padding: 25px;
    }
    
    .emergency-title {
        font-size: 1.3rem;
    }
    
    .emergency-description {
        font-size: 0.95rem;
    }
    
    .emergency-link {
        font-size: 1.15rem;
    }
}

@media (max-width: 520px) {
    .thank-you-framework {
        padding: 0 18px;
        gap: 40px;
    }
    
    .appreciation-title {
        font-size: 2.1rem;
    }
    
    .confirmation-text {
        font-size: 1.1rem;
    }
    
    .confirmation-constellation {
        padding: 25px;
    }
    
    .emblem-core {
        width: 80px;
        height: 80px;
    }
    
    .success-icon {
        font-size: 2rem;
    }
    
    .wave-1 {
        width: 100px;
        height: 100px;
        margin: -50px 0 0 -50px;
    }
    
    .wave-2 {
        width: 120px;
        height: 120px;
        margin: -60px 0 0 -60px;
    }
    
    .wave-3 {
        width: 140px;
        height: 140px;
        margin: -70px 0 0 -70px;
    }
    
    .timeline-item {
        gap: 10px;
    }
    
    .timeline-icon {
        width: 45px;
        height: 45px;
        font-size: 1.2rem;
    }
    
    .timeline-content {
        max-width: 120px;
    }
    
    .timeline-title {
        font-size: 0.95rem;
    }
    
    .timeline-description {
        font-size: 0.8rem;
    }
    
    .next-steps-guidance {
        padding: 25px;
    }
    
    .guidance-title {
        font-size: 1.6rem;
    }
    
    .guidance-subtitle {
        font-size: 1rem;
    }
    
    .preparation-tips {
        gap: 20px;
    }
    
    .tip-card {
        padding: 20px;
        gap: 15px;
    }
    
    .tip-icon {
        font-size: 2rem;
    }
    
    .tip-title {
        font-size: 1.15rem;
    }
    
    .tip-list {
        gap: 6px;
    }
    
    .tip-list li {
        font-size: 0.9rem;
        padding: 4px 0;
    }
    
    .confidence-builders {
        padding: 25px;
    }
    
    .assurance-grid {
        gap: 15px;
    }
    
    .assurance-item {
        padding: 18px;
        gap: 10px;
    }
    
    .assurance-icon {
        font-size: 1.6rem;
    }
    
    .assurance-title {
        font-size: 1.1rem;
    }
    
    .assurance-text {
        font-size: 0.85rem;
    }
    
    .action-center {
        gap: 30px;
    }
    
    .primary-actions {
        gap: 12px;
    }
    
    .action-button {
        padding: 12px 24px;
        font-size: 1.05rem;
        gap: 8px;
    }
    
    .button-icon {
        font-size: 1.1rem;
    }
    
    .emergency-contact {
        padding: 20px;
    }
    
    .emergency-info {
        gap: 10px;
    }
    
    .emergency-title {
        font-size: 1.2rem;
    }
    
    .emergency-description {
        font-size: 0.9rem;
    }
    
    .emergency-number {
        padding: 10px 16px;
    }
    
    .phone-icon {
        font-size: 1.1rem;
    }
    
    .emergency-link {
        font-size: 1.1rem;
    }
}