/* ==========================================

   PRIVACY PAGE

========================================== */

 

.privacy-page {

    min-height: calc(100vh - 112px);

    background:

        radial-gradient(

            circle at 50% 12%,

            rgba(201, 164, 90, 0.05),

            transparent 28%

        ),

        linear-gradient(

            180deg,

            #050505 0%,

            #070707 48%,

            #050505 100%

        );

 

    color: var(--text-soft);

}

 

 

/* ==========================================

   PRIVACY HEADER

========================================== */

 

.privacy-header {

    height: 112px;

    min-height: 112px;

    padding: 0 42px;

    overflow: visible;

}

 

.privacy-logo-link {

    width: 350px;

    min-width: 350px;

    height: 108px;

 

    display: flex;

    align-items: center;

    justify-content: center;

 

    flex-shrink: 0;

    overflow: visible;

}

 

.privacy-header-logo {

    display: block;

 

    width: 325px;

    height: 100px;

    max-height: none;

 

    object-fit: contain;

    object-position: center;

 

    margin-top: 5px;

}

 

 

/* ==========================================

   HERO

========================================== */

 

.privacy-hero {

    position: relative;

    overflow: hidden;

 

    padding: 90px 30px 76px;

 

    border-bottom:

        1px solid rgba(201, 164, 90, 0.22);

 

    background:

        linear-gradient(

            180deg,

            rgba(5, 5, 5, 0.72),

            rgba(5, 5, 5, 0.94)

        ),

        radial-gradient(

            circle at 50% 28%,

            rgba(201, 164, 90, 0.08),

            transparent 32%

        );

}

 

.privacy-hero::before {

    content: "";

 

    position: absolute;

    inset: 0;

 

    pointer-events: none;

 

    opacity: 0.18;

 

    background-image:

        linear-gradient(

            115deg,

            transparent 0%,

            transparent 49%,

            rgba(201, 164, 90, 0.03) 50%,

            transparent 51%

        );

 

    background-size: 110px 110px;

}

 

.privacy-hero-inner {

    position: relative;

    z-index: 2;

 

    width: min(100%, 980px);

    margin: 0 auto;

 

    text-align: center;

}

 

.privacy-label {

    margin-bottom: 18px;

 

    color: var(--gold);

    font-family: var(--font-main);

    font-size: 20px;

    letter-spacing: 7px;

 

    direction: ltr;

}

 

 

/* ==========================================

   PRIVACY Z LOGO

========================================== */

 

.privacy-brand-mark {

    display: flex;

    align-items: center;

    justify-content: center;

 

    gap: 24px;

 

    margin-bottom: 18px;

}

 

.privacy-line {

    width: 150px;

    height: 1px;

 

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(201, 164, 90, 0.78)

        );

}

 

.privacy-line:last-child {

    background:

        linear-gradient(

            90deg,

            rgba(201, 164, 90, 0.78),

            transparent

        );

}

 

.privacy-z-logo-wrap {

    position: relative;

 

    width: 142px;

    height: 122px;

 

    display: flex;

    align-items: center;

    justify-content: center;

 

    overflow: hidden;

 

    -webkit-mask-image:

        radial-gradient(

            ellipse at center,

            #000 0%,

            #000 40%,

            rgba(0, 0, 0, 0.82) 58%,

            rgba(0, 0, 0, 0.28) 76%,

            transparent 100%

        );

 

    mask-image:

        radial-gradient(

            ellipse at center,

            #000 0%,

            #000 40%,

            rgba(0, 0, 0, 0.82) 58%,

            rgba(0, 0, 0, 0.28) 76%,

            transparent 100%

        );

}

 

.privacy-z-logo-wrap::before {

    content: "";

 

    position: absolute;

    inset: 0;

    z-index: 2;

 

    pointer-events: none;

 

    background:

        radial-gradient(

            ellipse at center,

            rgba(5, 5, 5, 0.06) 0%,

            rgba(5, 5, 5, 0.24) 48%,

            rgba(5, 5, 5, 0.68) 74%,

            #050505 100%

        );

}

 

.privacy-z-logo {

    position: relative;

    z-index: 1;

 

    display: block;

 

    width: 112px;

    height: 112px;

 

    object-fit: contain;

    object-position: center;

 

    mix-blend-mode: screen;

 

    filter:

        brightness(1.12)

        contrast(1.08)

        drop-shadow(

            0 0 8px rgba(201, 164, 90, 0.18)

        );

}

 

 

/* ==========================================

   HERO TEXT

========================================== */

 

.privacy-hero h1 {

    margin-bottom: 24px;

 

    color: var(--gold-light);

    font-family: var(--font-main);

 

    font-size: clamp(40px, 5vw, 64px);

    font-weight: 400;

    line-height: 1.2;

}

 

.privacy-intro {

    max-width: 780px;

    margin: 0 auto;

 

    color: var(--gray-soft);

 

    font-size: 20px;

    line-height: 1.9;

}

 

 

/* ==========================================

   CONTENT

========================================== */

 

.privacy-content {

    padding: 40px 24px 100px;

}

 

.privacy-container {

    width: min(100%, 1050px);

    margin: 0 auto;

}

 

 

/* ==========================================

   PRIVACY SECTION

========================================== */

 

.privacy-section {

    display: grid;

    grid-template-columns: 82px minmax(0, 1fr);

 

    gap: 30px;

 

    padding: 48px 0;

 

    border-bottom:

        1px solid rgba(201, 164, 90, 0.28);

}

 

.privacy-section:first-child {

    border-top:

        1px solid rgba(201, 164, 90, 0.28);

}

 

.privacy-section-icon {

    width: 62px;

    height: 62px;

 

    border:

        1px solid rgba(201, 164, 90, 0.62);

 

    border-radius: 50%;

 

    display: flex;

    align-items: center;

    justify-content: center;

 

    color: var(--gold-light);

    font-size: 25px;

 

    transition:

        transform 0.35s ease,

        border-color 0.35s ease,

        box-shadow 0.35s ease,

        background 0.35s ease;

}

 

.privacy-section:hover .privacy-section-icon {

    transform: translateY(-3px);

 

    border-color: var(--gold-light);

 

    background:

        rgba(201, 164, 90, 0.045);

 

    box-shadow:

        0 0 14px rgba(201, 164, 90, 0.14),

        inset 0 0 10px rgba(201, 164, 90, 0.04);

}

 

.privacy-section-body {

    min-width: 0;

}

 

.privacy-section-body h2 {

    margin-bottom: 16px;

 

    color: var(--gold-light);

 

    font-family: var(--font-main);

    font-size: 29px;

    font-weight: 400;

    line-height: 1.35;

}

 

.privacy-section-body p {

    margin-bottom: 14px;

 

    color: var(--gray-soft);

 

    font-size: 18px;

    line-height: 1.9;

}

 

.privacy-section-body p:last-child {

    margin-bottom: 0;

}

 

 

/* ==========================================

   LISTS

========================================== */

 

.privacy-section-body ul {

    margin: 18px 0 20px;

    padding: 0;

 

    list-style: none;

}

 

.privacy-section-body li {

    position: relative;

 

    margin-bottom: 10px;

    padding-right: 24px;

 

    color: var(--text-soft);

 

    font-size: 17px;

    line-height: 1.7;

}

 

.privacy-section-body li::before {

    content: "";

 

    position: absolute;

    top: 12px;

    right: 2px;

 

    width: 6px;

    height: 6px;

 

    border-radius: 50%;

 

    background: var(--gold);

    box-shadow:

        0 0 7px rgba(201, 164, 90, 0.42);

}

 

 

/* ==========================================

   EXTERNAL SERVICES

========================================== */

 

.privacy-services {

    display: flex;

    flex-wrap: wrap;

 

    gap: 14px;

 

    margin-top: 24px;

}

 

.privacy-service-link {

    min-width: 150px;

    min-height: 52px;

 

    padding: 10px 18px;

 

    border:

        1px solid rgba(201, 164, 90, 0.46);

 

    border-radius: 2px;

 

    display: flex;

    align-items: center;

    justify-content: center;

 

    gap: 10px;

 

    background:

        rgba(5, 5, 5, 0.46);

 

    color: var(--gold-light);

 

    direction: ltr;

 

    transition:

        transform 0.3s ease,

        border-color 0.3s ease,

        box-shadow 0.3s ease,

        background 0.3s ease;

}

 

a.privacy-service-link:hover {

    transform: translateY(-2px);

 

    border-color: var(--gold-light);

 

    background:

        rgba(201, 164, 90, 0.04);

 

    box-shadow:

        0 0 14px rgba(201, 164, 90, 0.12);

}

 

.privacy-service-link i {

    font-size: 20px;

}

 

 

/* ==========================================

   CONTACT SECTION

========================================== */

 

.privacy-contact-section {

    border-bottom: none;

}

 

.privacy-contact-links {

    display: grid;

 

    gap: 14px;

 

    margin-top: 24px;

}

 

.privacy-contact-links a {

    width: fit-content;

    max-width: 100%;

 

    display: flex;

    align-items: center;

 

    gap: 13px;

 

    color: var(--text-soft);

 

    direction: ltr;

 

    font-size: 17px;

    letter-spacing: 0.4px;

 

    overflow-wrap: anywhere;

 

    transition:

        color 0.3s ease,

        transform 0.3s ease;

}

 

.privacy-contact-links a:hover {

    color: var(--gold-light);

    transform: translateX(4px);

}

 

.privacy-contact-links i {

    width: 22px;

 

    color: var(--gold-light);

 

    text-align: center;

}

 

 

/* ==========================================

   LAST UPDATE

========================================== */

 

.privacy-update {

    display: flex;

    align-items: center;

    justify-content: center;

 

    gap: 18px;

 

    margin-top: 24px;

    padding-top: 32px;

}

 

.privacy-update-line {

    width: 120px;

    height: 1px;

 

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(201, 164, 90, 0.58)

        );

}

 

.privacy-update-line:last-child {

    background:

        linear-gradient(

            90deg,

            rgba(201, 164, 90, 0.58),

            transparent

        );

}

 

.privacy-update p {

    color: var(--text-muted);

 

    font-size: 15px;

    white-space: nowrap;

}

 

 

/* ==========================================

   ENGLISH DIRECTION

========================================== */

 

html[dir="ltr"] .privacy-section {

    grid-template-columns:

        82px minmax(0, 1fr);

}

 

html[dir="ltr"] .privacy-section-body li {

    padding-right: 0;

    padding-left: 24px;

}

 

html[dir="ltr"] .privacy-section-body li::before {

    right: auto;

    left: 2px;

}

 

html[dir="ltr"] .privacy-contact-links a:hover {

    transform: translateX(-4px);

}

 

 

/* ==========================================

   RESPONSIVE — TABLET

========================================== */

 

@media (max-width: 1100px) {

 

    .privacy-header {

        height: 96px;

        min-height: 96px;

 

        padding-inline: 28px;

    }

 

    .privacy-logo-link {

        width: 285px;

        min-width: 285px;

        height: 92px;

    }

 

    .privacy-header-logo {

        width: 265px;

        height: 88px;

    }

 

    .privacy-page {

        min-height: calc(100vh - 96px);

    }

 

    .privacy-hero {

        padding-top: 76px;

    }

 

}

 

 

/* ==========================================

   RESPONSIVE — MOBILE

========================================== */

 

@media (max-width: 768px) {

 

    .privacy-logo-link {

        display: none;

    }

 

    .privacy-hero {

        padding:

            65px 20px 58px;

    }

 

    .privacy-label {

        font-size: 17px;

        letter-spacing: 5px;

    }

 

    .privacy-brand-mark {

        gap: 15px;

    }

 

    .privacy-line {

        width: 82px;

    }

 

    .privacy-z-logo-wrap {

        width: 108px;

        height: 96px;

    }

 

    .privacy-z-logo {

        width: 84px;

        height: 84px;

    }

 

    .privacy-hero h1 {

        font-size: 39px;

    }

 

    .privacy-intro {

        font-size: 17px;

        line-height: 1.8;

    }

 

    .privacy-content {

        padding:

            28px 20px 75px;

    }

 

    .privacy-section {

        grid-template-columns: 1fr;

 

        gap: 18px;

 

        padding: 38px 0;

    }

 

    html[dir="ltr"] .privacy-section {

        grid-template-columns: 1fr;

    }

 

    .privacy-section-icon {

        width: 54px;

        height: 54px;

 

        font-size: 22px;

    }

 

    .privacy-section-body h2 {

        font-size: 25px;

    }

 

    .privacy-section-body p {

        font-size: 16px;

        line-height: 1.85;

    }

 

    .privacy-section-body li {

        font-size: 16px;

    }

 

    .privacy-services {

        display: grid;

        grid-template-columns: 1fr;

    }

 

    .privacy-service-link {

        width: 100%;

    }

 

    .privacy-update {

        gap: 10px;

    }

 

    .privacy-update-line {

        width: 48px;

    }

 

    .privacy-update p {

        font-size: 13px;

    }

 

}

 

 

/* ==========================================

   SMALL MOBILE

========================================== */

 

@media (max-width: 480px) {

 

    .privacy-hero {

        padding-inline: 16px;

    }

 

    .privacy-brand-mark {

        gap: 10px;

    }

 

    .privacy-line {

        width: 58px;

    }

 

    .privacy-hero h1 {

        font-size: 33px;

    }

 

    .privacy-content {

        padding-inline: 16px;

    }

 

    .privacy-section-body h2 {

        font-size: 23px;

    }

 

    .privacy-contact-links a {

        font-size: 14px;

    }

 

}