/* V03-K3 core pages (owner visual review R1, 10 Nov 2026). Source: tools/publishing/visual/r049/core.css, served as /r049/core.css, linked on every page by tools/publishing/visibility/core_v03.mjs (applyCore). CSS only; the HTML changes are in that module. Every rule names the review finding it answers (missions/PSG_V03_HOME_FIX/R_review/R1_core.md). */ /* ---- 1. Desktop header over pale photographs (F-05) ------------------------------------------------------------------------------ The frosted pill was a white 4-6 % tint with saturate(1.45): over a white limestone photo it turned milky and the white nav labels vanished. Same glass, same border and sheen, but a dark smoked tint under the blur (and no extra saturation once scrolled), so the labels keep their contrast over any photograph. At the top of the page (over the dark hero) it looks as before. */ @media (min-width: 1025px) { #masthead .psg-fp-pill { background-color: rgba(12, 9, 6, .3); } #masthead.psg-fp[data-scrolled] .psg-fp-pill { background-color: rgba(12, 9, 6, .64); -webkit-backdrop-filter: blur(18px) saturate(1.1) brightness(.78); backdrop-filter: blur(18px) saturate(1.1) brightness(.78); } } /* ---- 2. Stones catalogue card titles (F-02) ----------------------------------------------------------------------------------------- The title link took the site-wide link style (Inter, title case) while its stayed Syne, so one name mixed two typefaces. The whole name is now the heading's own Syne 500 in white, like the stone pages' titles. The accent word sits at a different place in each card's markup (first word on some, last on others), so it is not coloured separately: one consistent style per card. */ [data-r28-stone] .elementskit-section-title a.psg-card-link, [data-r28-stone] .elementskit-section-title a.psg-card-link span { font: inherit !important; letter-spacing: inherit; text-transform: none !important; color: inherit !important; } /* ---- 3. In-text links take the case of their sentence (F-13) ------------------------------------------------------------------------- The theme capitalises every link (".elementor-kit-97 a { text-transform: capitalize }"), so links inside running text read "Natural Stone And Marble From Syria". Inside paragraphs, table cells and captions a link now follows its sentence. Buttons and navigation are untouched. */ html body :is(p, td, figcaption, blockquote) a:not(.elementor-button) { text-transform: inherit; } /* ---- 4. Home: "Trusted by distributors and manufacturers across MENA & Europe" (F-13) ------------------------------------------------- The fixed-width widget broke it into three short lines on desktop with "Europe" alone; it now takes the room beside the avatars and balances its lines. */ @media (min-width: 768px) { .elementor-124 .elementor-element.elementor-element-24d88886 { width: auto !important; max-width: 420px !important; flex: 1 1 auto; } } .elementor-124 .elementor-element.elementor-element-24d88886 p { text-wrap: balance; } /* ---- 5. Stone pages: one lead under the title (F-12) ---------------------------------------------------------------------------------- core_v03.mjs merged the definition and the lead into one paragraph (the repeated sentences are gone from the page). It is the page's lead: a readable size, regular weight, warm white, with room under the title and its "Fossil limestone" line. */ .psg-def[data-psg-v03-lead] { margin: 20px 0 0 !important; max-width: 62ch; font-size: 18px !important; line-height: 29px !important; font-weight: 400 !important; color: #e9e2d6 !important; } .psg-def[data-psg-v03-lead] .psg-aka { color: inherit; } @media (max-width: 767px) { .psg-def[data-psg-v03-lead] { margin-top: 16px !important; font-size: 16px !important; line-height: 26px !important; } } /* ---- 6. Inner pages: the empty band under the title (F-15) --------------------------------------------------------------------------- The title band was a 500 px box (350 px on phones) with the title and breadcrumb centred in it, so about 120 px stood empty under the breadcrumb before the next section's own top padding (about 230-270 px of black in all on desktop; Sustainability looked worst because its first heading also fades in). The band (outer padding 96/96 px, 48/48 px on phones, around a title block that keeps its own 140/24 px padding) now hugs its content: it ends 40 px under the breadcrumb (24 px on phones), and the title sits 204 px from the top on desktop (was 236 px) and where it was on phones. Stones builds its band differently (4bfa516); same result. Tablets are unchanged. */ @media (min-width: 1025px) { [data-psg-k3-hero] { --min-height: 0px !important; min-height: 0 !important; } [data-psg-k3-hero] > .e-con-inner { --min-height: 0px !important; min-height: 0 !important; justify-content: flex-start !important; padding-top: 64px !important; padding-bottom: 16px !important; } .elementor-614 .elementor-element.elementor-element-4bfa516 { --min-height: 0px !important; min-height: 0 !important; padding-top: 64px !important; padding-bottom: 16px !important; } } @media (max-width: 767px) { [data-psg-k3-hero] { --min-height: 0px !important; min-height: 0 !important; } [data-psg-k3-hero] > .e-con-inner { --min-height: 0px !important; min-height: 0 !important; justify-content: flex-start !important; padding-top: 48px !important; padding-bottom: 0 !important; } .elementor-614 .elementor-element.elementor-element-4bfa516 { --min-height: 0px !important; min-height: 0 !important; padding-top: 52px !important; padding-bottom: 0 !important; } } /* ---- 7. Before the footer (F-15) ----------------------------------------------------------------------------------------------------- The last block's bottom padding (enquiry form 96 px, Materials closing note 72 px) plus the footer's own 96 px left 210-270 px of black above the footer logo. The footer starts 64 px under its top edge on desktop and those two blocks end with 48 px. */ @media (min-width: 1025px) { #colophon .psg-ff-inner { padding-top: 64px !important; } .psg-enq-sec { padding-bottom: 48px !important; } } /* the empty wrapper left where the removed "Further reading" line used to be still added 56 px of black above the footer */ .psg-ctx-wrap:empty { display: none; } /* ---- 8. Contact and Materials: one container edge (F-24) ----------------------------------------------------------------------------- The enquiry block and the Materials closing note were the same 1280 px box as the cards above, but with 24 px of extra side padding, so their text and the form card sat 24 px inside the cards' edges. On desktop they now share the cards' edges. */ @media (min-width: 1025px) { .psg-enq-sec { padding-inline: 0 !important; } } /* The Materials closing note ("Specifying minerals and masterbatch", every edition) read as orphaned text, indented and half-width (R5 #10). It becomes a quiet card whose edges are the cards' edges above, in the Guides cards' style. */ .psg-guidance { box-sizing: border-box; margin-block: 8px 48px !important; border: 1px solid rgba(255, 255, 255, .09); border-radius: 18px; background: linear-gradient(160deg, rgba(10, 28, 46, .55), rgba(8, 3, 0, .2)); } .psg-guidance > p { max-width: 72ch; } @media (min-width: 1025px) { .psg-guidance { width: auto !important; max-width: 1280px !important; margin-inline: max(80px, calc((100% - 1280px) / 2)) !important; padding: 28px 32px !important; } } @media (max-width: 1024px) { .psg-guidance { margin-inline: 24px !important; padding: 22px 22px 24px !important; } } /* ---- 9. Typed bullets as a real list (F-26, Masterbatch "Why choose") ------------------------------------------------------------------ core_v03.mjs turned "• item
• item" into