/* ============================================================
   Shipping & Delivery Page
   ============================================================ */

.page-shipping {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-block: 3rem 5rem;
}

/* ── Section wrapper ── */
.page-shipping .shipping-section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-inline-size: var(--layout-max-inline-size);
    inline-size: 100%;
    margin-inline: auto;
    padding-inline: var(--default-content-padding);
}

/* ── Section title — matches site-wide h3.main-title pattern ── */
.page-shipping .shipping-section-title {
    font-size: var(--font-primary-bold-size-desktop);
    font-weight: var(--font-secondary-bold-weight);
    text-transform: uppercase;
}

/* ── Intro ── */
.page-shipping .shipping-intro .shipping-content p {
    font-size: 1.1rem;
    line-height: 1.7;
    max-inline-size: 72ch;
}

/* ── WYSIWYG content area ── */
.page-shipping .shipping-content p {
    line-height: 1.65;
    margin-block-end: 0.75em;
}

.page-shipping .shipping-content p:last-child {
    margin-block-end: 0;
}

.page-shipping .shipping-content ul,
.page-shipping .shipping-content ol {
    padding-inline-start: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-block: 0.75em;
}

.page-shipping .shipping-content ul {
    list-style: disc;
}

.page-shipping .shipping-content ol {
    list-style: decimal;
}

.page-shipping .shipping-content li {
    line-height: 1.6;
}

.page-shipping .shipping-content strong {
    font-family: var(--font-secondary-bold-family, inherit);
    font-weight: var(--font-secondary-bold-weight, 700);
}

/* ── Partners grid ── */
.shipping-partners-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(12rem, 100%), 1fr));
    gap: 1rem;
}

.shipping-partner-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 1.5rem 1rem;
    border: 1.5px solid #e5e5e5;
    border-radius: var(--default-radius);
    text-align: center;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.shipping-partner-card:hover {
    border-color: var(--main-accent);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.shipping-partner-card .partner-name {
    font-size: 1.2rem;
    font-family: var(--font-primary-bold-family, inherit);
    font-weight: var(--font-primary-bold-weight, 700);
    color: var(--main-accent);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.shipping-partner-card .partner-zone {
    font-size: 0.875rem;
    color: var(--accent-gray, #666);
    line-height: 1.4;
}

.shipping-note-text {
    font-size: 0.9rem;
    color: var(--accent-gray, #555);
    line-height: 1.6;
    font-style: italic;
}

/* ── Delivery times table ── */
.shipping-table-wrapper {
    overflow-x: auto;
    border-radius: var(--default-radius);
    border: 1.5px solid #e5e5e5;
}

.shipping-delivery-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.shipping-delivery-table thead {
    background-color: var(--main-accent);
}

.shipping-delivery-table thead th {
    padding: 0.9rem 1.25rem;
    text-align: left;
    color: #fff;
    font-family: var(--font-primary-bold-family, inherit);
    font-weight: var(--font-primary-bold-weight, 700);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.shipping-delivery-table tbody tr {
    border-block-end: 1px solid #efefef;
    transition: background-color 0.15s ease;
}

.shipping-delivery-table tbody tr:last-child {
    border-block-end: none;
}

.shipping-delivery-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.shipping-delivery-table tbody tr:hover {
    background-color: #f0ebff;
}

.shipping-delivery-table td {
    padding: 0.8rem 1.25rem;
    line-height: 1.4;
}

.shipping-delivery-table td:first-child {
    font-weight: var(--font-secondary-bold-weight, 600);
}

/* ── Starting price highlight ── */
.shipping-price-highlight {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: #f7f5ff;
    border-radius: var(--default-radius);
    padding: 0.6rem 2rem;
    width: fit-content;
}

.shipping-price-label {
    font-size: 0.95rem;
    color: var(--text);
}

.shipping-price-value {
    font-family: var(--font-primary-bold-family);
    font-weight: var(--font-primary-bold-weight);
    font-size: 2rem;
    color: var(--main-accent);
    letter-spacing: var(--font-primary-bold-letter-spacing);
    line-height: 1;
}

/* ── Notice box (below table / for disclaimers) ── */
.shipping-notice-box {
    background-color: #f7f5ff;
    border-inline-start: 4px solid var(--main-accent);
    border-radius: 0 var(--default-radius) var(--default-radius) 0;
    padding: 1rem 1.25rem;
}

.shipping-notice-box p {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text);
    margin: 0;
}

/* ── Contact section ── */
.shipping-contact-section .shipping-content a {
    color: var(--main-accent);
    font-weight: var(--font-secondary-bold-weight, 700);
}

.shipping-contact-section .shipping-content a:hover {
    color: var(--accent-red);
}

.shipping-contact-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.shipping-contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1.75rem;
    border-radius: var(--default-radius);
    font-family: var(--font-primary-bold-family);
    font-weight: var(--font-primary-bold-weight);
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: transform 0.25s ease, opacity 0.25s ease;
    color: #fff;
}

.shipping-contact-btn:hover {
    transform: scale(1.05);
    opacity: 0.92;
    color: #fff;
}

.shipping-contact-btn svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: #fff;
    flex-shrink: 0;
}

.shipping-contact-btn--contact  { background-color: var(--main-accent); margin: 0; }
.shipping-contact-btn--whatsapp { background-color: #25D366; }
.shipping-contact-btn--telegram { background-color: #229ED9; }
.shipping-contact-btn--email    { background-color: var(--main-accent); }

@media (max-width: 768px) {
    .shipping-contact-buttons {
        flex-direction: column;
    }

    .shipping-contact-btn {
        justify-content: center;
        width: 100%;
    }
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .page-shipping {
        gap: 2.5rem;
        padding-block: 2rem 3rem;
    }

    .shipping-delivery-table thead th,
    .shipping-delivery-table td {
        padding: 0.65rem 0.85rem;
    }

    .shipping-partners-grid {
        grid-template-columns: repeat(auto-fill, minmax(min(9rem, 100%), 1fr));
    }

    .page-shipping .shipping-section-title {
        font-size: 1.5rem;
    }

    .shipping-price-highlight {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        width: 100%;
    }

    .shipping-price-value {
        font-size: 1.5rem;
    }
}