/* ==========================================================================
   Shared section styles for CMS pages (loaded by cms_global_head()).

   Page CSS lives in each page's head_html and styles.css forces heading
   sizes with `body.lang-ka h2 { … !important }`, so rules here are scoped
   and use !important where they must win.
   ========================================================================== */

/* ---- Delivery note (draft wine category page) ---------------------------- */

html body .delivery-service {
    margin: 22px 0 6px !important;
    padding: 0 16px !important;
    background: transparent !important;
    border: 0 !important;
}

html body .delivery-service .container {
    padding: 0 !important;
}

html body .delivery-service .delivery-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px 12px;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    padding: 9px 20px 9px 10px;
    border: 1px solid #eadfcb;
    border-radius: 999px;
    background: #fbf7ef;
    text-align: left !important;
}

html body .delivery-service .delivery-content::before {
    content: "";
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #8b2331 url("data:image/png;base64,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") center / 26px no-repeat;
}

html body .delivery-service .delivery-content h2 {
    margin: 0 !important;
    color: #8b2331 !important;
    font-size: 0.98rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    white-space: nowrap;
}

html body .delivery-service .delivery-content p {
    margin: 0 !important;
    color: #5b4e48 !important;
    font-size: 0.92rem !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

html body .delivery-service .delivery-content strong {
    color: #8b2331 !important;
    font-size: 0.95rem !important;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 640px) {
    html body .delivery-service .delivery-content {
        display: grid;
        grid-template-columns: 38px 1fr;
        column-gap: 12px;
        row-gap: 2px;
        width: auto;
        padding: 10px 14px 10px 10px;
        border-radius: 16px;
    }

    html body .delivery-service .delivery-content::before {
        grid-row: 1 / span 2;
    }
}
