and classed spans inside headings still fall to rule 2 (Playfair). */ body, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) p, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) li, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) dd, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) dt, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) td, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) th, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) a, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) figcaption, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) blockquote, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) label, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) input, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) select, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) textarea, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) button, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-widget-text-editor, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-widget-text-editor p, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-icon-list-text, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-post__excerpt, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-post__title, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-post__read-more, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-post-date, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-post__meta-data, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-button-text, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-nav-menu a, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-tab-content, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-icon-box-description, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) .elementor-image-box-description, :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) [class*="enw-"], :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) [class*="eln-"], :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) [class*="lux-"], :where(body > :not(.elementor-location-footer):not(.elementor-location-header)) [class*="elna-"]{ font-family:"Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif!important; } /* 2. Headings keep the display face. The h1[class] selectors are needed as well as the bare h1 because some headings carry their own class (e.g. .enw-de-final-cta__title) which would outrank a plain element. */ h1,h2,h3,h4,h5,h6,.elementor-heading-title, /* Elementor display widgets that set no font-family of their own and therefore used to inherit Playfair from the page. Keep them Playfair. */ .elementor-headline,.elementor-headline *, .elementor-slide-heading,.elementor-slide-heading *, h1[class],h2[class],h3[class],h4[class],h5[class],h6[class], h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.elementor-heading-title *, h1 [class],h2 [class],h3 [class],h4 [class],h5 [class],h6 [class], .elementor-heading-title [class]{ font-family:"Playfair Display",Georgia,serif!important; } /* 3. Icon fonts must never inherit a text face */ .fa,.fas,.far,.fal,.fad,[class^="fa-"],[class*=" fa-"]{font-family:"Font Awesome 5 Free"!important} .fab{font-family:"Font Awesome 5 Brands"!important} .eicon,[class^="eicon-"],[class*=" eicon-"]{font-family:eicons!important} .dashicons,[class^="dashicons-"],[class*=" dashicons-"]{font-family:dashicons!important} /* 4. Keep the hero script tagline exactly as it is. One rule covers all five languages - the widget ID is identical on every homepage, only the page-ID wrapper differs (EN 821, DE 3430, FR 3385, ES 3592, IT 3420). This rule must stay LAST: it deliberately overrides rule 2 above. */ .elementor-element-53e63d02 .elementor-heading-title, .elementor-element-53e63d02 .elementor-heading-title *{ font-family:"Rouge Script","Segoe Script",cursive!important; } /* ------------------------------------------------------------------ EL NAWAWY - BUTTON SIZE. Applied 26 Aug 2026. Elementor core ships .elementor-button{font-size:14px}, which is the only off-scale value left that is not in the site's own data. Low specificity and no !important on purpose: a per-widget button size still overrides this. ------------------------------------------------------------------ */ .elementor-button{font-size:16px} /* ------------------------------------------------------------------ EL NAWAWY - PLUGIN DEFAULTS. Applied 26 Aug 2026. These sizes ship inside plugin stylesheets, so they cannot be fixed in the page data like everything else. Snapped to the scale here. Elementor Pro slides : 35px / 23px -> 36px / 24px Timeline addon label : 22px -> 24px No !important on purpose: per-widget settings still override. ------------------------------------------------------------------ */ .elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:36px} @media (max-width:767px){.elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:24px}} .twae-label-big,.twae-timeline .twae-label-big{font-size:24px} /* EL NAWAWY - POST CARD TITLE: card titles inherit ~21px from an em value; pin to the scale. */ .elementor-post__title,.elementor-post__title a{font-size:20px}/* ------------------------------------------------------------------ EL NAWAWY - TOUCH TARGETS. Applied 26 Aug 2026. WCAG 2.2 target size: standalone links were 14-22px tall on mobile. Links inside sentences are deliberately excluded (inline exception). ------------------------------------------------------------------ */ a[href^="tel:"],a[href^="mailto:"], .elementor-post__read-more,.enw-contact-line, .enw-product-card a,.enw-link-card a, [class*="breadcrumb"] a,.elementor-widget-breadcrumbs a{ display:inline-block;padding-top:5px;padding-bottom:5px} /* ------------------------------------------------------------------ EL NAWAWY - SLIDER FIT. Applied 26 Aug 2026. .eln-pp-slider declares width:100% but is a grid item, so its default min-width:auto let the inner flex track (flex:0 0 100% slides) push it to 369px inside a 343px column - 24px of sideways scroll on phones. min-width:0 lets the declared width:100% apply. 5 pages affected. ------------------------------------------------------------------ */ .eln-pp-slider{min-width:0} /* ------------------------------------------------------------------ EL NAWAWY - HEADING WRAP. Applied 26 Aug 2026. German compound words in hand-written headings ran off screen on phones (/de/unsere-produkte/ was 22px wide of the viewport). break-word only acts where text would otherwise overflow, so this is inert on every page that already fits - verified on 7 pages. ------------------------------------------------------------------ */ h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *, .elementor-heading-title,.elementor-heading-title *{overflow-wrap:break-word} /* ------------------------------------------------------------------ EL NAWAWY - ES TABLET ROW. Applied 26 Aug 2026. Post 3565 only. Two nowrap rows had a flex-shrink:0 child at 100% width, starving its sibling to 0px; the sibling's text then spilled 188px off-screen and stretched the page to 12,533px tall at 768px. Bounded to <=800px: from 801px up the two-column layout is correct. ------------------------------------------------------------------ */ @media (max-width:800px){ .elementor-element-4550fe8,.elementor-element-c1f18d4{flex-wrap:wrap} } /* ------------------------------------------------------------------ EL NAWAWY - TITLE+BREADCRUMB UNIFY. Applied 26 Aug 2026. One title treatment and one breadcrumb treatment everywhere except the five language homepages, whose hero styling is kept deliberately. title Playfair Display 48/700 -> 32/700 at <=800px breadcrumb Playfair Display 14/400 -> 12 at <=800px line-height intentionally left untouched. Broadened 26 Aug 2026 to every non-home h1 (incl. hand-written hero titles in HTML widgets, 22 pages). Colour deliberately not forced. ------------------------------------------------------------------ */ body:not(.home) h1:not(#elnawawy-none), body:not(.home) h1 *:not(#elnawawy-none){ font-family:"Playfair Display",Georgia,serif!important; font-size:48px!important;font-weight:700!important; letter-spacing:0!important;text-transform:none!important} .elementor-widget-breadcrumbs,.elementor-widget-breadcrumbs *, .rank-math-breadcrumb,.rank-math-breadcrumb *{ font-family:"Playfair Display",Georgia,serif!important; font-size:14px!important;font-weight:400!important; letter-spacing:0!important} @media (max-width:800px){ body:not(.home) h1:not(#elnawawy-none), body:not(.home) h1 *:not(#elnawawy-none){font-size:32px!important} .elementor-widget-breadcrumbs,.elementor-widget-breadcrumbs *, .rank-math-breadcrumb,.rank-math-breadcrumb *{font-size:12px!important} } /* ------------------------------------------------------------------ EL NAWAWY - FOCUS VISIBLE. Applied 27 Aug 2026. Several components removed the focus outline with no replacement, leaving keyboard users with no visible indicator. This restores one everywhere. :focus-visible = keyboard only, so pointer users are unaffected. 3px / 2px offset per the handbook. ------------------------------------------------------------------ */ a:focus-visible,button:focus-visible,summary:focus-visible, input:focus-visible,select:focus-visible,textarea:focus-visible, [tabindex]:focus-visible,[role="button"]:focus-visible, .elementor-tab-title:focus-visible,.elementor-accordion .elementor-tab-title:focus-visible, .elementor-toggle .elementor-tab-title:focus-visible, .piano-nav:focus-visible,.btn-cta:focus-visible,.faq-block summary:focus-visible{ outline:3px solid #C99700!important;outline-offset:2px!important} /* ------------------------------------------------------------------ EL NAWAWY - REDUCED MOTION. Applied 27 Aug 2026. Completes existing coverage: adds animation-duration and animation-iteration-count resets for custom keyframe animations that do not carry Elementor's .animated class. Inert unless the visitor has requested reduced motion. ------------------------------------------------------------------ */ @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important} } /* ------------------------------------------------------------------ EL NAWAWY - HOMEPAGE TYPE SCALE. Applied 27 Aug 2026. Restores a strict H1 > H2 > H3 order on the front page only. Measured on the live page before this change: 1440px H1 36 H2 24/32/36/48 H3 24/32 -> H2 "Valuable Topics" at 48px was larger than the H1 1009px H1 36 H2 24/36/48 H3 24/36 -> an H3 at 36px matched an H2 at 36px 375px H1 20 H2 20/24 H3 20/24 -> H1, H2 and H3 all rendered at 20px; an H3 at 24px was larger than the H1 After: 1440px H1 56 H2 36 H3 30 1009px H1 47 H2 27 H3 23 375px H1 32 H2 26 H3 20 Scoped to body.home; no other page is affected. Specificity is (0,4,2), which beats Elementor's per-widget (0,4,0) rules without needing !important. line-height is set explicitly because two of the widgets (cceafbc, 89e9b05) carry a fixed 34px line-height that would clip once the font-size rises. H3 caps at 30px rather than 24px on purpose: at 24px three of the five product-card headings drop from two lines to one, leaving that row ragged by 31px. At 30px all five stay at two lines and the row keeps the uniform height it has today. The posts-widget article titles (.elementor-post__title, 21px) are deliberately not matched by these rules and are unchanged. Verified on fresh page loads at 1440 / 1009 / 375: strict descending order at each width, document scrollWidth still equal to the viewport, no clipped containers, and no increase in the number of elements extending past the viewport. ------------------------------------------------------------------ */ body.home .elementor-widget-heading.elementor-element h1.elementor-heading-title{ font-size:clamp(2rem,1.5rem + 2vw,3rem); line-height:1.1} body.home .elementor-widget-heading.elementor-element h2.elementor-heading-title{ font-size:clamp(1.75rem,1.2rem + 1.35vw,2.25rem); line-height:1.18} body.home .elementor-widget-heading.elementor-element h3.elementor-heading-title{ font-size:clamp(1.25rem,1.05rem + .75vw,1.5rem); line-height:1.25} /* ------------------------------------------------------------------ EL NAWAWY - BODY INK. Applied 29 Aug 2026 at the user's request ("choose the best for ui ux"), replacing the site default #060606 with #2A2F36. Why #2A2F36: - 13.48:1 on white, 12.64:1 on cream, 12.58:1 on the grey band. Clears AA (4.5) and AAA (7.0) on every ground the site uses. - The previous default sat at 20.26:1. Near-black on white causes halation and eye strain over long passages, and the product and article pages run 1,400-2,500 words. - Slate-biased rather than neutral, so it sits with the navy family (#1A3465, #0F2B46) instead of against it. - Not a new colour: it is already on the site as --enw-text. Mechanism: the site-wide body colour is a SINGLE inherited rule, `.elementor-kit-580{color:#060606}` at specificity (0,1,0). Every unstyled paragraph inherits from
; there are no inline colour attributes in the chain. `body.elementor-kit-580` is (0,2,1) and wins without !important. This is one declaration. Deleting it restores the previous ink exactly - no data was rewritten. SCOPE: covers text that inherits the Elementor default. The hand-coded pages set their own body colour (#54595F on the quality page, #2A2F36 in posts) and are NOT affected by this rule. ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ EL NAWAWY - SUB-AA MUTED GREYS. Applied 29 Aug 2026. The last two text colours on the site below WCAG AA (4.5:1), both moved to #667085, which is already the muted value used elsewhere. #777777 4.48:1 -> #667085 4.97:1 #667085 4.29:1 -> #667085 4.97:1 #667085 also clears AA on the cream band (4.67:1), which is where some of these elements sit. 1. Article-card excerpts. Elementor's posts widget ships `.elementor-posts .elementor-post__excerpt p{color:#777777}` at (0,2,1). This appears wherever the posts widget is used - the homepage "Valuable Topics" grid and any archive listing. Overridden at (0,2,2). 2. Hand-coded page muted token. `.enq-wrap{--muted:#667085}` at (0,1,0) feeds `.enq-link-card span{color:var(--muted)}` on the quality page. Overridden at (0,1,1). Pages whose --muted is already #667085 (certifications) are unaffected in practice - the rule resolves to the value they already had. Neither rule needs !important; both win on specificity alone. Both are CSS only - no stored data was changed. ------------------------------------------------------------------ */ body .elementor-posts .elementor-post__excerpt p{color:#667085} body .enq-wrap{--muted:#667085} /* ------------------------------------------------------------------ EL NAWAWY - QUALITY + CERTIFICATIONS ONTO THE SHARED TOKEN SET. Applied 29 Aug 2026 at the user's request. Both pages ship their own private token block. Most of what they declare ALREADY matches the site system and is left untouched: --navy #1A3465 · --navy2 #0F2B46 · --gold #C99700 --line #E5E6EA · --cream #F0F3FA · --wa/--green #0F7568 --ok #027A48 · --warning #B54708 · --danger #B42318 Only the values that diverged are overridden below. QUALITY (.enq-wrap, specificity 0,1,0 -> overridden at 0,1,1) --text #54595F -> #2A2F36 dE 14.0, contrast 7.07 -> 13.48 66.5% of that page's text. This is the visible one, and it is the point of the exercise: the page previously read noticeably lighter than the homepage, about and posts. --muted #667085 -> #667085 dE 10.8, contrast 4.29 -> 4.97 Already applied on 29 Aug via a separate rule; declared here too so the token block is self-describing. Same value, so no additional visual change. CERTIFICATIONS (.enw-cert-page, 0,1,0 -> overridden at 0,1,1) --text #263244 -> #2A2F36 dE 5.6, contrast 12.95 -> 13.48 --soft #F7F9FC -> #F0F3FA dE 5.3 A cool-white panel becomes the site's warm cream, which is what every other band on the site uses. .enw-section-head p #4B5565 -> #54595F dE 5.1 24.1% of that page's text. Hardcoded rather than tokenised; mapped to the secondary rung (7.54 -> 7.07), which preserves the intent that section intros sit lighter than body copy. SUPERSEDED 29 Aug (see ONE GOLD below): --gold2 was #E7B429. The shared system has no second gold; whatever uses it would break if it were dropped, so it stays until that page is rebuilt. All CSS, no stored data touched. Every rule wins on specificity alone - no !important anywhere. ------------------------------------------------------------------ */ body .enq-wrap{ --text:#2A2F36; --muted:#667085} body .enw-cert-page{ --text:#2A2F36; --soft:#F0F3FA} body .enw-cert-page .enw-section-head p{color:#54595F} /* Certifications FAQ answers: .enw-faq .faq-body (0,2,0) hardcodes #4B5565. These are primary reading content, so they take the body ink, not the secondary rung used for section intros. Overridden at (0,3,2). */ body .enw-cert-page .enw-faq .faq-body{color:#2A2F36} /* Certifications: two remaining off-system inks. .enw-meta-row span:last-child (0,2,1) hardcodes #263244 for metadata values - primary content, so it takes the body ink. Override (0,3,2). .enw-btn-gold keeps its own #102033: it is label text on a gold fill where dark ink is correct, and it is left as-is deliberately. */ body .enw-cert-page .enw-meta-row span:last-child{color:#2A2F36} /* ------------------------------------------------------------------ EL NAWAWY - CONTACT PAGE ONTO THE SHARED TOKEN SET. Applied 29 Aug 2026 at the user's request. The contact page's `:root` token block ALREADY matches the system on every value that matters: --enw-text #2A2F36 · --enw-muted #667085 · --enw-blue #1A3465 --enw-navy #0F2B46 · --enw-gold #C99700 · --enw-cream #F0F3FA --enw-soft #F0F3FA · --enw-border #E5E6EA · --enw-whatsapp #0F7568 Nothing in that block needed changing. The problem was that the page barely USES its own tokens: 56.6% of its text is hardcoded slate values rather than var(--enw-text). Four different inks were doing one job, all at 16px/400 body copy: .enw-lead #394150 14.2% .enw-p / .enw-info-item span / a #3D4653 19.3% .enw-note #445061 2.6% .enw-product-card p / .enw-step span / .enw-trust-card p #4B5563 20.5% All four are body copy and all four now take the body ink #2A2F36 (13.48:1 on white, 12.64:1 on cream). Contrast improves in every case - the lightest of them was 7.56:1. Page rules sit at (0,1,0) and (0,1,1); a `body ` prefix takes these to (0,1,1) and (0,1,2), which wins without !important. NOT changed here - flagged to the user instead, because they are gold-family accents and the shared system has no compliant small gold to map them onto: #A77900 (--enw-gold-dark) eyebrows, 14 els - SINCE UNIFIED to #C99700 at 12px/800 and 16px/900. 3.90:1 on white, 3.66:1 on cream - below AA for text this size. #F1C04E one eyebrow - SINCE UNIFIED to #C99700 (see ONE GOLD below). ------------------------------------------------------------------ */ body .enw-lead, body .enw-p, body .enw-note, body .enw-info-item span, body .enw-info-item a, body .enw-product-card p, body .enw-step span, body .enw-trust-card p{color:#2A2F36} /* ------------------------------------------------------------------ EL NAWAWY - ONE GOLD. Applied 29 Aug 2026 at the user's request ("we need only one unified gold"). Six golds were in use. All five variants are now #C99700, the brand gold, consolidated in the database (212 _elementor_data rows and 66 page-content rows). Retired: #A77900, #E7B429, #F1C04E, #AA8A39, #F5AF00. The one rule below catches the last holdout: .enw-eyebrow carries a #F1C04E BORDER, written in a form the value replacement did not reach. Overridden at (0,1,1) against the page rule's (0,1,0). Contrast consequence, stated plainly: consolidating does NOT fix gold's contrast, because none of the six passed AA on a light ground to begin with (they ranged 1.69:1 to 3.90:1 on white). Three values improve, two get slightly worse: #F1C04E 1.69 -> 2.65 #E7B429 1.92 -> 2.65 #F5AF00 1.91 -> 2.65 #AA8A39 3.28 -> 2.65 #A77900 3.90 -> 2.65 No gold in the gold hue band clears 4.5:1 on white while still resembling #C99700 - the nearest compliant one measures dE2000 16.5 away, further than the darkened gold the user already rejected. So gold is governed by PLACEMENT, not by value: it works as a fill, as a border, and on dark grounds (5.85:1 on #1B252F), and it does not work as small text on white. ------------------------------------------------------------------ */ /* Last gold holdout: the eyebrow in the .enw-final CTA band carries a TRANSLUCENT border, rgba(241,192,78,.4), set through a variable - so neither the hex replacement nor a plain border-color override reached it. Matched at (0,2,2) and re-tinted to the brand gold at the same alpha, so the translucency is preserved and only the hue changes. */ /* Eyebrow borders: fixed at source instead. The base rule already used the brand gold at 34% alpha, rgba(201,151,0,.34) - the two override rules previously added here were unnecessary AND made 8 eyebrows fully opaque, losing that transparency. Both removed. The one genuine outlier was an inline style attribute carrying rgba(241,192,78,.4) on the .enw-final eyebrow across all five languages; that is now rgba(201,151,0,.4) in _elementor_data. */ /* ------------------------------------------------------------------ EL NAWAWY - FINAL PASS. Applied 29 Aug 2026 ("fix all"). Four Elementor / theme component defaults that are not stored in the database and so cannot be reached by a value replacement. Each ships at (0,4,0) or (0,5,0) widget specificity, which is why !important is used here - the same justification as the .orange-text override. 1. Post dates #ADADAD 2.24:1 (homepage) and #667085 4.29:1 (posts) -> #667085 4.97:1. Both were below AA; #ADADAD was the worst contrast on the site. 2. Post badges kept the orange fill #F47F20 and changed the LABEL from white (2.66:1) to navy (4.59:1). The orange is a distinct accent, not a gold, so it is preserved - only the text on it changes. This follows the logo kit's own rule: dark ink on orange, never white. 3. Read-more links #F47F20 as link text was 2.66:1 -> the link token #0066CC at 5.57:1. 4. Accordion titles #1F2124 (theme default, About page) -> the heading token #202020. ------------------------------------------------------------------ */ body .elementor-post-date{color:#667085!important} body .elementor-post__badge{color:#1A3465!important} body .elementor-post__read-more{color:#0066CC!important} body .e-n-accordion-item-title-text{color:#202020!important} /* ------------------------------------------------------------------ EL NAWAWY - WHITE-ON-GOLD LABELS. Applied 29 Aug 2026. Gold-filled buttons, badges and icon circles carried WHITE labels at 2.65:1. Navy on the same gold measures 4.59:1 and clears AA, so the gold fill is kept and only the label changes - the logo kit's own rule: dark ink on orange/gold, never white. The selectors below are the SAME ones that set the gold fill, taken from the page stylesheets rather than guessed. That matters: a blanket `.btn{color:#1A3465}` would have been wrong, because on /our-products/ `.btn` is navy-filled on 6 buttons and gold-filled on 6 others - navy text on the navy ones would have made them invisible. Matching the fill selector hits exactly the gold set. Each hand-coded page invented its own button class, hence the length of this list; it is not redundancy. `body ` prefix adds one element to each selector so it wins the tie against the page rule without !important. ------------------------------------------------------------------ */ body .enw-btn-mail, body .enw-btn-gold, body .enw-btn.gold, body .enw-yf-btn.gold, body .enw-mg-btn-gold, body .enw-de-final-cta__btn--email, body .btn-solid-gold, body .enw-ssl .btn-solid-gold, body .itq-btn.gold, body .frq-btn.gold, body .esq-btn.gold, body .deq-btn.gold, body .frp-btn.primary, body .enw-products .grid > article:nth-child(even) .card-actions .btn, body .enw-products .help-grid .box:nth-child(even) .btn, body .int-link, body .faq-qicon, body .enw-flax-page .enw-faq-icon, body .eln-faq .eln-icon, body .enw-ael .ael-fq .ael-badge, body .enw-ael .ael-em, body .enw-mg-lb-close, body .enw-mg-step::before{color:#1A3465!important} /* .enw-products .btn sets a white label with !important at (0,2,0), so the earlier (0,1,1) override lost even though it was also !important — with both important, specificity decides. Raised to (0,2,1). */ body .enw-products .btn-solid-gold, body .enw-products .btn.gold, body .enw-ssl .btn-solid-gold{color:#1A3465!important} /* .enw-ael .ael-quote a.ael-btn sets white with !important at (0,3,1), which outranked the earlier (0,2,1) override. Raised to (0,4,2). */ body .enw-ael .ael-quote a.ael-btn.ael-em{color:#1A3465!important} /* ------------------------------------------------------------------ EL NAWAWY - ACCENT-ORANGE BUTTON LABELS. Applied 29 Aug 2026. Elementor buttons filled with the accent orange #F47F20 carried white labels at 2.66:1. Navy on the same orange is 4.59:1, so the fill is kept and only the label changes - the logo kit rule again. The "202 elements" figure earlier was raw occurrences. Parsing the Elementor JSON properly resolves it to just EIGHT distinct button element IDs, repeated across five languages and their revisions. The rest of the 202 were badge/read-more settings (already handled in CSS) and a nested-tabs hover background. Elementor sets the label without !important, so !important here is sufficient regardless of its (0,4,0) specificity. ------------------------------------------------------------------ */ body .elementor-element-2664b3cf .elementor-button, body .elementor-element-29b6be25 .elementor-button, body .elementor-element-3113ce8 .elementor-button, body .elementor-element-35985ce .elementor-button, body .elementor-element-59479d4e .elementor-button, body .elementor-element-6a9e25d8 .elementor-button, body .elementor-element-754f8954 .elementor-button, body .elementor-element-75921ace .elementor-button{color:#1A3465!important} /* ------------------------------------------------------------------ EL NAWAWY - GOLD FILLS WITH WHITE LABELS, SITE-WIDE. Applied 29 Aug 2026. Gold #C99700 itself is UNCHANGED - only the label on it moves from white (2.65:1) to navy (4.59:1). Selectors enumerated by crawling all 201 published URLs and recording every element computing to gold background + white text. 25 distinct signatures, 543 elements. Not guessed, not sampled. TWO SIGNATURES DELIBERATELY EXCLUDED, because their fill is not always gold - navy text on them would be invisible: .btn.btn-primary fill is var(--col-cta) OR var(--col-primary) .enw-btn.enw-btn-primary fill is var(--enw-gold) OR var(--enw-blue) / var(--enw-navy) / var(--enw-navy-dark) A bare `a` signature (3 elements) is also excluded as too generic to target safely. ------------------------------------------------------------------ */ body a#cta-email-btn.elementor-button, body a#btn-cert-iso-22000.elementor-button, body a#btn-cert-iso-14001.elementor-button, body .ael-btn.ael-em, body .btn-cta.btn-mail, body .btn.btn-mail, body .btn.btn-solid-gold, body .btn.btn-accent, body .enq-btn.gold, body .hvl-btn.gold, body .elna-btn.elna-btn-gold, body .enw-gp-btn.enw-gp-btn-gold, body .eln-btn.eln-btn-primary, body .enw-license-btn.enw-license-btn-primary, body .enw-btn.enw-btn-product, body .faq-icon, body .fq-badge, body .enq-check, body .itq-check, body .deq-check, body .esq-check, body .frq-check{color:#1A3465!important} /* .enw-ael .ael-final a.ael-btn sets white with !important at (0,3,1). Raised to (0,4,2), scoped to the .ael-em gold variant only so the sibling WhatsApp button in the same block keeps its white label. */ body .enw-ael .ael-final a.ael-btn.ael-em, body .enw-ael .ael-cbtns a.ael-btn.ael-em{color:#1A3465!important} /* .btn-primary is GOLD by default — `.btn-primary{background:var(--col-cta)}` where --col-cta is #C99700 — and NAVY only inside two page wrappers: `.enw-flax .btn-primary` and `.enw-fr-lin .btn-primary` use var(--col-primary) = #1A3465. So: navy label by default (4.59:1 on gold), then white restored at higher specificity for the two navy-filled contexts (12.19:1). Verified from the stylesheets rather than assumed — a blanket rule here would have made the navy buttons invisible. */ /* .enw-hemp-b2b pairs a gold fill with a white label at (0,2,0): `.enw-hemp-b2b .enw-btn-primary{background:var(--enw-gold);color:var(--enw-white)}`. Scoped to that wrapper, where the fill is gold by the page's own rule — the bare .enw-btn-primary class is NOT safe to target, since elsewhere it resolves to var(--enw-navy) / var(--enw-blue). */ body .enw-hemp-b2b .enw-btn-primary{color:#1A3465!important} /* ------------------------------------------------------------------ EL NAWAWY - LAST WHITE-ON-GOLD LABELS. Applied 29 Aug 2026. From the final 201-URL crawl: 38 elements on 10 URLs. Gold #C99700 unchanged; only the label moves to navy (2.65:1 -> 4.59:1). 1. Inline gold fills. Some CTAs carry the fill in a style attribute: style="background:#C99700;color:#fff;...". An attribute selector matching that exact inline declaration is SELF-SCOPING - it can only ever match an element that inline-declares a gold background, so it cannot touch a navy-filled button. 2. .btn-primary on the ten specific pages where it renders gold. Scoped per post/page ID rather than globally: `.btn-primary` is navy inside .enw-flax, .enw-fr-lin and .en-hemp-jute, and a blanket rule made one of those invisible earlier. Static grep of the stylesheets did NOT reveal all three navy contexts - only the live crawl did - so this is scoped from crawl evidence. ------------------------------------------------------------------ */ body [style*="background:#C99700"]{color:#1A3465!important} body.postid-695 .btn.btn-primary, body.postid-714 .btn.btn-primary, body.postid-726 .btn.btn-primary, body.postid-3389 .btn.btn-primary, body.postid-3391 .btn.btn-primary, body.postid-3485 .btn.btn-primary, body.postid-10431 .btn.btn-primary, body.postid-11275 .btn.btn-primary, body.postid-11289 .btn.btn-primary, body.page-id-3490 .btn.btn-primary{color:#1A3465!important} /* ------------------------------------------------------------------ MYTH / FACT PILLS - on brand. Applied 29 Aug 2026. Was: myth #6B4E00 on #F3D9A4 (5.63:1), fact #2C5A2E on #D7E6D2 (6.19:1). Those two grounds measured 0.757 and 0.714 relative luminance - only 6% apart, so the states were nearly identical without colour. Navy and gold measure 0.036 and 0.346, so the pair now survives greyscale. Geometry is deliberately untouched: size, padding and radius all stay. ------------------------------------------------------------------ */ body .ael-my .ael-mx, body .enw-ael .ael-mx{background:#C99700;color:#1A3465} body .ael-my .ael-mc, body .enw-ael .ael-mc{background:#1A3465;color:#FFFFFF} /* Nested-accordion titles + icons: Elementor's #1F2124 default -> system heading ink #202020. deltaE2000 2.24 - imperceptible. Six custom properties, because the icons read from their own set. */ body .elementor-widget-n-accordion{ --n-accordion-title-normal-color:#202020; --n-accordion-title-hover-color:#202020; --n-accordion-title-active-color:#202020; --n-accordion-icon-normal-color:#202020; --n-accordion-icon-hover-color:#202020; --n-accordion-icon-active-color:#202020; } /* Hello Elementor's theme default figcaption{color:#333} -> system heading ink. Theme files are never edited; this overrides at (0,0,2). */ body figcaption{color:#202020} /* WhatsApp green fills set inline without a label colour inherit the kit link blue onto green. White is what every other WhatsApp button uses. Colour emoji ignore `color`, so nothing visible changes today - this protects the monochrome-fallback case, which would be blue on green at 1.35:1. Self-scoping: can only match elements that set this green inline. (0,2,1) beats `.elementor-kit-580 a` (0,1,1) regardless of stylesheet order. */ body.elementor-kit-580 [style*="background:#0F7568"]{color:#FFFFFF} /* generated from tokens.json @unknown on 2026-09-23; do not edit */ :root{ --navy:var(--e-global-color-primary,#1A3465); --gold:var(--e-global-color-accent,#C99700); --ink-heading:#202020; --ink-body:#2A2F36; --ink-secondary:var(--e-global-color-secondary,#54595F); --ink-muted:var(--e-global-color-text,#667085); --link:#0066CC; --surface:#FFFFFF; --surface-warm:#F0F3FA; --surface-cool:#F7F7F7; --dark:#1B252F; --black:var(--e-global-color-766a944,#000000); --on-dark:#C9D4E8; --on-dark-muted:#AEBBD4; --on-dark-gold:#E8C56B; --whatsapp:#0F7568; --hairline:#E5E6EA; --hairline-cool:#EFF1F5; --ink-soft:#5A6375; --ink-slate:#3D4451; --surface-sand:#EEF2F8; --surface-mist:#EEF2F8; --surface-pale:#F0F3FA; --on-dark-ivory:#DCE3F2; --on-dark-soft:#DCE3F2; --gold-light:#E1B447; --gold-dark:#B38600; --gold-deep:#8A6A00; --navy-light:#23417C; --navy-deep:#172E5A; --font-display:var(--e-global-typography-primary-font-family,"Playfair Display"),Georgia,serif; --font-text:var(--e-global-typography-text-font-family,"Inter"),system-ui,sans-serif; --r-control:6px; --r-card:6px; --r-frame:6px; --r-panel:6px; --r-round:50%; --shadow-card:0 1px 2px rgba(26,52,101,.1), 0 2px 2px rgba(26,52,101,.055), 0 4px 4px rgba(26,52,101,.05), 0 8px 8px rgba(26,52,101,.047), 0 16px 16px rgba(26,52,101,.043); --shadow-raised:0 2px 4px rgba(26,52,101,.12), 0 12px 24px rgba(26,52,101,.1), 0 32px 64px rgba(26,52,101,.13); --shadow-overlap:0 -16px 32px -10px rgba(12,22,38,.16); --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:40px; --space-8:48px; --space-9:64px; --space-10:80px; --space-base:4px; --z-behind:-1; --z-base:0; --z-raised:10; --z-rail:60; --z-bar:70; --z-fab:9996; --z-action:9997; --z-progress:9998; --z-modal:10100; --z-cookie:2147483647; --measure:65ch;--header-h:85px; --fs-body:16px;--lh-body:1.6; --fs-h1:48px;--lh-h1:1.15; --fs-h2:36px;--lh-h2:1.2; --fs-h3:24px;--lh-h3:1.25; --fs-label:12px;--lh-label:1.3; --fs-lead:18px;--lh-lead:1.6; --fs-h4:20px;--lh-h4:1.3; --fs-small:14px;--lh-small:1.45; --fs-caption:12px;--lh-caption:1.4; } @media (max-width:1024px){:root{--header-h:72px;--fs-body:16px;--lh-body:1.6;--fs-h1:40px;--lh-h1:1.15;--fs-h2:32px;--lh-h2:1.2;--fs-h3:22px;--lh-h3:1.25;--fs-label:12px;--lh-label:1.3;--fs-lead:18px;--lh-lead:1.6;--fs-h4:20px;--lh-h4:1.3;--fs-small:14px;--lh-small:1.45;--fs-caption:12px;--lh-caption:1.4;}} @media (max-width:800px){:root{--fs-body:16px;--lh-body:1.6;--fs-h1:32px;--lh-h1:1.15;--fs-h2:28px;--lh-h2:1.2;--fs-h3:20px;--lh-h3:1.25;--fs-label:12px;--lh-label:1.3;--fs-lead:16px;--lh-lead:1.6;--fs-h4:18px;--lh-h4:1.3;--fs-small:14px;--lh-small:1.45;--fs-caption:12px;--lh-caption:1.4;}} .enw-label{font-family:var(--font-text);font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:0.08em} html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item),html body .btn,html body .btn-cta,html body .ael-btn,html body .enw-btn,html body .enw-plumb-btn,html body .elementor-widget-button .elementor-button{font-family:Playfair Display,Georgia,Times New Roman,serif!important;font-size:16px!important;font-weight:500!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;border-radius:6px!important;min-height:44px!important;padding-block:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;text-align:center;box-sizing:border-box;transition:transform .18s ease,box-shadow .18s ease}html body .elementor-widget-button .elementor-button-content-wrapper,html body .elementor-widget-button .elementor-button-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}html body .elementor-widget-button .elementor-button-text{font-family:Playfair Display,Georgia,Times New Roman,serif!important}html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item),html body .btn,html body .btn-cta,html body .ael-btn,html body .enw-btn,html body .enw-plumb-btn,html body .elementor-widget-button .elementor-button{padding-inline:24px!important;min-width:min(11rem,42vw)!important}html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item):hover,html body .btn:hover,html body .btn-cta:hover,html body .ael-btn:hover,html body .enw-btn:hover,html body .enw-plumb-btn:hover,html body .elementor-widget-button .elementor-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a346529}html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item):focus-visible,html body .btn:focus-visible,html body .btn-cta:focus-visible,html body .ael-btn:focus-visible,html body .enw-btn:focus-visible,html body .enw-plumb-btn:focus-visible,html body .elementor-widget-button .elementor-button:focus-visible{outline:none!important;box-shadow:0 0 0 2px #fff,0 0 0 5px var(--navy, #1A3465)!important}html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item),html body .btn,html body .btn-cta,html body .ael-btn,html body .enw-btn,html body .enw-plumb-btn,html body .elementor-widget-button .elementor-button{max-width:100%}@media(max-width:640px){html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item),html body .btn,html body .btn-cta,html body .ael-btn,html body .enw-btn,html body .enw-plumb-btn,html body .elementor-widget-button .elementor-button{white-space:normal!important;line-height:1.25!important;padding-block:12px!important;min-width:min(11rem,42vw)!important}}@media(max-width:380px){html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item),html body .btn,html body .btn-cta,html body .ael-btn,html body .enw-btn,html body .enw-plumb-btn,html body .elementor-widget-button .elementor-button{font-size:16px!important;padding-inline:20px!important}}html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item):active,html body .btn:active,html body .btn-cta:active,html body .ael-btn:active,html body .enw-btn:active,html body .enw-plumb-btn:active,html body .elementor-widget-button .elementor-button:active{transform:translateY(0) scale(.98);transition-duration:.06s}@media(prefers-reduced-motion:reduce){html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item),html body .btn,html body .btn-cta,html body .ael-btn,html body .enw-btn,html body .enw-plumb-btn,html body .elementor-widget-button .elementor-button{transition:none}html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item):hover,html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item):active,html body .btn:hover,html body .btn-cta:hover,html body .ael-btn:hover,html body .enw-btn:hover,html body .enw-plumb-btn:hover,html body .elementor-widget-button .elementor-button:hover{transform:none}}html body .enwui-on-gold.enwui-on-gold.enwui-on-gold,html body .enwui-on-gold.enwui-on-gold.enwui-on-gold *{color:#fff!important}html body .enwui-on-gold.enwui-on-gold.enwui-on-gold .elementor-button-text,html body .enwui-on-gold.enwui-on-gold.enwui-on-gold .elementor-button-content-wrapper,html body .enwui-on-gold.enwui-on-gold.enwui-on-gold svg{color:#fff!important;fill:#fff!important}html body .enwui-icon,html body :is(a,button)[class*=btn]>svg,html body :is(a,button)[class*=cta]>svg,html body .elementor-widget-button .elementor-button svg{width:18px!important;height:18px!important;flex:none!important;fill:currentColor!important;vertical-align:middle}html body .enwui-icon{margin-inline-end:8px}html body .eln-pp-toc-links a,html body [class*=q-toc] a{font-family:Playfair Display,Georgia,Times New Roman,serif!important;font-weight:500!important;border-radius:6px!important}html body a svg.enwui-ic,html body button svg.enwui-ic,html body .elementor-button svg.enwui-ic{fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round;width:18px!important;height:18px!important;flex:none!important;vertical-align:middle;margin-inline-end:8px}html body .enwui-on-gold.enwui-on-gold.enwui-on-gold svg.enwui-ic,html body .enwui-on-gold.enwui-on-gold.enwui-on-gold svg.enwui-ic *{fill:none!important;stroke:#fff!important}html body svg.enwui-ic--end{margin-inline-end:0!important;margin-inline-start:8px}html body .elementor-widget-button .elementor-button .elementor-button-icon,html body .elementor-button .elementor-button-icon{order:-1!important;margin-inline-start:0!important;margin-inline-end:8px!important}html body .elementor-button .elementor-button-content-wrapper{flex-direction:row!important}html body .elementor-post__card{border-radius:6px!important}html body :is([class*=chip][class*=chip][class*=chip],[class*=pill],[class*=badge],[class*=eyebrow],[class*=kicker],.eln-pp-proof,.enw-market-strip span,.enw-trust-badges li):not([class*=chip-row]):not([class*=chips]):not([class*=pill-row]):not([class*=cky-]):not(a):not(button){border-radius:6px!important}html body .elementor-post__badge.elementor-post__badge.elementor-post__badge.elementor-post__badge.elementor-post__badge.elementor-post__badge.elementor-post__badge.elementor-post__badge{background:var(--gold,#c99700)!important;border-radius:6px!important;padding:4px 16px!important;color:#fff!important;font-size:12px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important}html body [data-enwlb][data-enwlb][data-enwlb]{display:inline-flex;align-items:center;gap:8px;font-family:Playfair Display,Georgia,Times New Roman,serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:.02em!important;line-height:1.5!important;text-transform:none!important;padding:4px 12px!important;border-radius:6px!important;box-shadow:none!important;background-image:none!important;text-shadow:none!important}html body [data-enwlb=l][data-enwlb=l][data-enwlb=l]{background-color:#1a34650f!important;border:1px solid rgba(26,52,101,.16)!important;color:var(--navy,#1a3465)!important}html body [data-enwlb=d][data-enwlb=d][data-enwlb=d]{background-color:#ffffff1f!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}html body [data-enwlb] *{color:inherit!important} :where(.elementor-widget-html,.elementor-widget-text-editor) small{font-size:.75rem} :where(.elementor-widget-html,.elementor-widget-text-editor) table{font-size:1rem} .elementor-card-shadow-yes .elementor-post__card{box-shadow:0 1px 2px rgba(26,52,101,.1), 0 2px 2px rgba(26,52,101,.055), 0 4px 4px rgba(26,52,101,.05), 0 8px 8px rgba(26,52,101,.047), 0 16px 16px rgba(26,52,101,.043)} :is(b,strong){font-weight:700} /* WCAG 2.2 SC 2.5.8: a target must be at least 24x24 CSS px. Owner approved 16 Sep 2026 (render JbuvibtCMhmwz6p9ayBr9i). Both rules grow the touchable box only - the control and the type keep their size. */ input[type=checkbox],input[type=radio]{width:24px;height:24px} html body a.elementor-post-info__terms-list-item{display:inline-flex!important;align-items:center;min-height:24px} /* Nav menu toggle with a Media Library icon (Tabler migration, 16 Sep 2026): Elementor wraps an uploaded SVG in an inline , and the inline svg inside it sits on the text baseline, adding 4px to the button (37.5 -> 41.5 px) and lifting the icon 2px. Block display restores the old box to the pixel. The old font-icon markup has no span, so it is unaffected. */ .elementor-menu-toggle>span>svg{display:block} /* Table headers in Playfair Display, site-wide (owner 17 Sep 2026: "headers should be playfair site wide"). The Customizer "body copy on one face" rule sets Inter !important on th at :where() specificity, and LiteSpeed keeps frozen copies of it in per-post UCSS, so the adapter outranks both here, the same route as the button labels (11 Sep). Body cells stay Inter. Reach 17 Sep: 21 pages, 255 header cells; it also ends the Times New Roman fallback on page 790's tables. */ html body th{font-family:"Playfair Display",Georgia,serif!important} /* Phone tables, site-wide (owner 17 Sep 2026: "the tables looks so bad on mobile", "users will not do that"; DESIGN-RULES 6). The pages carry the markup - class enw-stack (3+ columns) or enw-fit (a 2-column table that overflowed), data-label on every body cell and explicit ARIA table roles - written by scripts/table-stack-apply.php (18 Sep, 13 pages / 16 tables). Same design as the tarred marline page: one card per row, a mist title band with a gold rule, 12 px uppercase column names. html body + !important out-rank the family and page table rules (family-ael, frame-win, linen-win, wsl-790) that set widths and min-widths. */ @media (max-width:720px){ html body table.enw-stack,html body table.enw-stack>tbody,html body table.enw-stack>tbody>tr,html body table.enw-stack>tbody>tr>th,html body table.enw-stack>tbody>tr>td,html body table.enw-stack>tr,html body table.enw-stack>tr>td,html body table.enw-stack>tr>th{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important} html body table.enw-stack{border:0!important;border-collapse:separate!important;background:transparent!important;box-shadow:none!important;margin:0 0 var(--space-4)!important} html body table.enw-stack>thead,html body table.enw-stack tr[role="row"]:first-child:has(>[role="columnheader"]){position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important} html body table.enw-stack tr[role="row"]:has(>[data-label]){border:0!important;border-radius:6px!important;background:var(--surface)!important;box-shadow:var(--shadow-card)!important;margin:0 0 var(--space-4)!important;overflow:hidden!important} html body table.enw-stack [data-label]{display:block!important;border:0!important;border-top:1px solid var(--hairline-cool)!important;padding:var(--space-3) var(--space-4)!important;background:transparent!important;color:var(--ink-body)!important;font-size:var(--fs-body,16px)!important;line-height:1.5!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word} html body table.enw-stack [data-label]::before{content:attr(data-label);display:block;margin:0 0 var(--space-1);font-family:Inter,system-ui,-apple-system,Arial,sans-serif;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)} html body table.enw-stack [role="rowheader"][data-label]{display:block!important;border-top:0!important;border-bottom:2px solid var(--gold)!important;background:var(--surface-mist)!important;font-family:"Playfair Display",Georgia,serif!important;font-size:var(--fs-lead,18px)!important;line-height:1.3!important;font-weight:600!important;color:var(--ink-heading)!important} html body table.enw-stack [role="rowheader"][data-label]::before{content:none} html body table.enw-stack [role="rowheader"]+[data-label]{border-top:0!important} html body table.enw-stack [data-label=""]::before{content:none} /* a table caption may be the page's own visible note (es/lino-vs-algodon) or a screen-reader-only one parked at 1 px (page 790): set how it sits, never its width - width:auto un-hid the hidden one and pushed the phone page 229 px sideways (18 Sep). */ html body table.enw-stack>caption{display:block!important;caption-side:bottom;text-align:left!important;margin:0 0 var(--space-3)!important} html body :is(div,figure,section):has(>table.enw-stack){overflow:visible!important;max-width:100%!important} html body table.enw-fit{width:100%!important;min-width:0!important;table-layout:auto!important} html body table.enw-fit th,html body table.enw-fit td{white-space:normal!important;overflow-wrap:break-word} html body :is(div,figure,section):has(>table.enw-fit){overflow:visible!important} /* tables a family already turns into cards but without column names: add the names only, keep the family design */ html body table.enw-labels [data-label]::before{content:attr(data-label);display:block;margin:0 0 var(--space-1);font-family:Inter,system-ui,-apple-system,Arial,sans-serif;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)} } /* ael sections that sit wider than the phone screen (found 18 Sep while verifying the phone tables). Two rules, each one measured on its own (scripts/ael-bisect-patch.mjs, with the page's JS awake): 1. an ael grid column may not be stretched past its container by its content - /es/hilo-encerado/ had a 390 px track in a 338 px column, so 26 px of every paragraph and card was cut off; 2. the family's -40 px bleed may never reach past the page's own gutter - page 790 bled 40 px where 36 px existed, and the phone page scrolled 4 px sideways. The class is doubled because ael-win.css sets the same properties at the same specificity and is read after this file. */ @media (max-width:720px){ html body .ael-grid{grid-template-columns:minmax(0,1fr)!important} html body .enw-ael article.ael-body>.ael-sec.ael-sec{width:auto!important;margin-left:calc(-1*min(40px,(100vw - 100%)/2))!important;margin-right:calc(-1*min(40px,(100vw - 100%)/2))!important} } /* Elementor's Posts widget defaults its whole meta line to #adadad - 2.24:1 on white, at 12px, where AA wants 4.5. An earlier pass pulled the DATE out of it (`body .elementor-post-date{color:#667085!important}`) and left the author and the bullet separator behind, so the two halves of one line were different colours. Colour the container instead: the author and the separator inherit it, and the date keeps its own rule at the same value. Found by the phase C sweep on the 5 category archives, 100 instances; the widget is used elsewhere too and gets the same line. */ html body .elementor-posts .elementor-post__meta-data{color:var(--ink-muted,#667085)} html body [data-enwfaq]{position:relative;display:block!important;overflow:visible!important;counter-reset:enwfq}html body [data-enwfaq]:not(section):not(:has(>h2,>h3)){background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}html body [data-enwfaq]:before,html body [data-enwfaq]:after{content:none!important}html body [data-enwfaq][data-enwfaq-ground=d]{background:var(--surface, #FFFFFF)!important;border-radius:6px!important;box-shadow:var(--shadow-card)!important;padding:8px 32px!important}html body [data-enwfaq] :is(details,.fq-item,.item,.faq-item,.enw-faq-item,.ael-faq,.rank-math-faq-item){position:relative;counter-increment:enwfq;margin:0!important;padding:0!important;background:none!important;border:0!important;border-bottom:1px solid var(--hairline, #E5E6EA)!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html body [data-enwfaq] :is(details,.fq-item,.item,.faq-item,.enw-faq-item,.ael-faq,.rank-math-faq-item):not(:is(details,.fq-item,.item,.faq-item,.enw-faq-item,.ael-faq,.rank-math-faq-item)+*){border-top:1px solid var(--hairline, #E5E6EA)!important}html body [data-enwfaq] :is(details,.fq-item,.item,.faq-item,.enw-faq-item,.ael-faq,.rank-math-faq-item):before{content:counter(enwfq,decimal-leading-zero)!important;position:absolute!important;inset:28px auto auto 0!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;font:600 14px/20px Inter,system-ui,sans-serif!important;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--ink-muted, #667085)!important;transition:color .2s cubic-bezier(.23,1,.32,1)}html body [data-enwfaq] .ael-qb,html body [data-enwfaq] .ael-badge.ael-badge.ael-badge.ael-badge.ael-badge.ael-badge.ael-badge.ael-badge,html body [data-enwfaq] .fq-badge.fq-badge.fq-badge.fq-badge.fq-badge.fq-badge.fq-badge.fq-badge{display:none!important}html body [data-enwfaq] :is(.faq-icon,.enw-faq-icon,.e-n-accordion-item-title-icon,.ael-chev,.enw-plus,.eln-chevron){display:none!important}html body [data-enwfaq] summary::-webkit-details-marker{display:none}html body [data-enwfaq] summary::marker{content:""}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q,.ael-q,.rank-math-question){position:relative;display:block!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:24px 48px 24px 64px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;list-style:none;cursor:pointer;text-align:left!important;color:var(--ink-heading, #202020)!important;font:600 20px/1.4 Playfair Display,Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;text-wrap:balance;overflow-wrap:break-word;transition:color .2s cubic-bezier(.23,1,.32,1)}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q,.ael-q,.rank-math-question)>:not(svg),html body [data-enwfaq] .e-n-accordion-item-title-text{font:inherit!important;color:inherit!important;letter-spacing:inherit!important;margin:0!important}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):before,html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):after{content:""!important;display:block!important;position:absolute!important;top:50%!important;bottom:auto!important;left:auto!important;float:none!important;padding:0!important;box-sizing:border-box!important;pointer-events:none;font-size:0!important;line-height:0!important;color:transparent!important}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):before{right:0!important;width:32px!important;height:32px!important;margin:-16px 0 0!important;border-radius:50%!important;border:1px solid var(--hairline, #E5E6EA)!important;background:var(--surface, #FFFFFF)!important;transform:none!important;transition:background-color .2s cubic-bezier(.23,1,.32,1),border-color .2s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1)}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):after{right:8px!important;width:16px!important;height:16px!important;margin:-8px 0 0!important;border:0!important;border-radius:0!important;background:var(--navy, #1A3465)!important;transform:none!important;-webkit-mask:url('data:image/svg+xml;utf8,') center / contain no-repeat;mask:url('data:image/svg+xml;utf8,') center / contain no-repeat;transition:transform .2s cubic-bezier(.23,1,.32,1),background-color .2s cubic-bezier(.23,1,.32,1)}html body [data-enwfaq] :is(details[open]>summary,.fq-item:has(.fq-a.open) .fq-q,.fq-item.open .fq-q,.item:has(.a.open) .q,.item.open .q,.faq-q:has(+.faq-a.open),.faq-q[aria-expanded=true],.faq-question[aria-expanded=true],.enw-faq-item.open .enw-faq-q,.enw-faq-item.active .enw-faq-q,.enw-faq-q[aria-expanded=true]):before{background:var(--gold, #C99700)!important;border-color:var(--gold, #C99700)!important}html body [data-enwfaq] :is(details[open]>summary,.fq-item:has(.fq-a.open) .fq-q,.fq-item.open .fq-q,.item:has(.a.open) .q,.item.open .q,.faq-q:has(+.faq-a.open),.faq-q[aria-expanded=true],.faq-question[aria-expanded=true],.enw-faq-item.open .enw-faq-q,.enw-faq-item.active .enw-faq-q,.enw-faq-q[aria-expanded=true]):after{background:#fff!important;transform:rotate(45deg)!important}html body [data-enwfaq] :is(details[open],.fq-item:has(.fq-a.open),.fq-item.open,.item:has(.a.open),.item.open,.faq-item:has([aria-expanded=true]),.enw-faq-item.open,.enw-faq-item.active,.enw-faq-item:has([aria-expanded=true])):before{color:var(--navy, #1A3465)!important}@media(hover:hover)and (pointer:fine){html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):hover{color:var(--navy, #1A3465)!important}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):hover:before{border-color:var(--gold, #C99700)!important}}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):active:before{transform:scale(.94)!important}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):focus-visible{outline:2px solid var(--gold, #C99700)!important;outline-offset:4px;border-radius:6px!important}html body :is(.enwfaq1,.enwfaq3,.enwfaq4,.enwfaqR2)[data-enwfaq] .fq-q:before,html body :is(.enwfaq1,.enwfaq3,.enwfaq4,.enwfaqR2)[data-enwfaq] .fq-q:after,html body [data-enwfaq] .rank-math-faq-item .rank-math-question:before,html body [data-enwfaq] .rank-math-faq-item .rank-math-question:after{content:none!important}html body :is(.enwfaq1,.enwfaq3,.enwfaq4,.enwfaqR2)[data-enwfaq] .fq-q,html body [data-enwfaq] .ael-faq .ael-q,html body [data-enwfaq] .rank-math-faq-item .rank-math-question{cursor:default;color:var(--ink-heading, #202020)!important}html body [data-enwfaq] :is(details>:not(summary):not(.rev),.fq-a,.item .a,.faq-a,.faq-answer,.enw-faq-a,.enw-faq-answer,.ael-a,.rank-math-answer){margin:0!important;padding:0 48px 0 64px!important;max-width:calc(68ch + 112px);background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--ink-body, #2A2F36)!important;font:400 16px/1.7 Inter,system-ui,sans-serif!important;text-wrap:pretty;overflow-wrap:break-word}html body [data-enwfaq] :is(details>:not(summary),.fq-a,.item .a,.faq-a,.faq-answer,.enw-faq-a,.enw-faq-answer,.ael-a,.rank-math-answer) :is(p,li,span,strong,em,div){color:inherit!important}html body [data-enwfaq] :is(details>:not(summary),.fq-a,.item .a,.faq-a,.faq-answer,.enw-faq-a,.enw-faq-answer,.ael-a,.rank-math-answer) :is(p,li){font-size:16px!important}html body [data-enwfaq] :is(details>:not(summary),.fq-a,.item .a,.faq-a,.faq-answer,.enw-faq-a,.enw-faq-answer,.ael-a,.rank-math-answer) a{color:var(--link, #0066CC)!important;text-decoration:underline;text-decoration-color:var(--gold, #C99700);text-underline-offset:3px}html body [data-enwfaq] :is(details>:not(summary),.fq-a,.item .a,.faq-a,.faq-answer,.enw-faq-a,.enw-faq-answer,.ael-a,.rank-math-answer) p{margin:0 0 12px}html body [data-enwfaq] :is(details>:not(summary),.fq-a,.item .a,.faq-a,.faq-answer,.enw-faq-a,.enw-faq-answer,.ael-a,.rank-math-answer) p:last-child{margin-bottom:0}html body [data-enwfaq][data-enwfaq][data-enwfaq] details>p:not(:last-child){margin-bottom:12px!important}html body [data-enwfaq] :is(details[open],.fq-item:has(.fq-a.open),.fq-item.open,.item:has(.a.open),.item.open,.faq-item:has([aria-expanded=true]),.enw-faq-item.open,.enw-faq-item.active,.enw-faq-item:has([aria-expanded=true]),.ael-faq,.rank-math-faq-item),html body :is(.enwfaq1,.enwfaq3,.enwfaq4,.enwfaqR2)[data-enwfaq] .fq-item{padding-bottom:24px!important}html body [data-enwfaq] .faq-item .faq-a.open{max-height:2000px!important}html body [data-enwfaq] .faq-item .faq-a{transition:none!important}@media(prefers-reduced-motion:no-preference){html body [data-enwfaq] :is(details[open]>:not(summary),.fq-a.open,.fq-item.open .fq-a,.item .a.open,.item.open .a,.faq-a.open,.faq-q[aria-expanded=true]+.faq-a,.faq-question[aria-expanded=true]+.faq-answer,.enw-faq-item.open .enw-faq-a,.enw-faq-item.active .enw-faq-a,.enw-faq-q[aria-expanded=true]+.enw-faq-a){animation:enwfqin .2s cubic-bezier(.23,1,.32,1) both}}@keyframes enwfqin{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):before,html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):after{transition:background-color .2s ease,border-color .2s ease!important}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q):active:before{transform:none!important}}html body [data-enwfaq] :is(.faq-q:not(.faq-item .faq-q),.faq-question:not(.faq-item .faq-question)){border-top:1px solid var(--hairline, #E5E6EA)!important;padding-left:0!important}html body [data-enwfaq] :is(.faq-a:not(.faq-item .faq-a),.faq-answer:not(.faq-item .faq-answer)){padding:0 48px 24px 0!important}html body [data-enwfaq]:has(>:is(.faq-q,.faq-question),>.faq-wrap>.faq-question){border-bottom:1px solid var(--hairline, #E5E6EA)!important}html body [data-enwfaq-title=l][data-enwfaq-title][data-enwfaq-title][data-enwfaq-title]{color:var(--ink-heading, #202020)!important}html body [data-enwfaq-title=l][data-enwfaq-title][data-enwfaq-title][data-enwfaq-title] :is(.tone,.enw-tone,.enw-title-accent,.accent,.enw-accent){color:var(--gold, #C99700)!important}html body [data-enwfaq-title=d][data-enwfaq-title][data-enwfaq-title][data-enwfaq-title]{color:#fff!important}html body [data-enwfaq-title=d][data-enwfaq-title][data-enwfaq-title][data-enwfaq-title] :is(.tone,.enw-tone,.enw-title-accent,.accent,.enw-accent){color:var(--gold-light, #E1B447)!important}@media(max-width:640px){html body [data-enwfaq][data-enwfaq-ground=d]{padding:4px 16px!important}html body [data-enwfaq] :is(details,.fq-item,.item,.faq-item,.enw-faq-item,.ael-faq,.rank-math-faq-item):before{top:18px!important;font-size:12px!important}html body [data-enwfaq] :is(summary,.fq-q,.item .q,.faq-q,.faq-question,.enw-faq-q,.ael-q,.rank-math-question){font-size:18px!important;padding:16px 48px 16px 40px!important}html body [data-enwfaq] :is(details>:not(summary):not(.rev),.fq-a,.item .a,.faq-a,.faq-answer,.enw-faq-a,.enw-faq-answer,.ael-a,.rank-math-answer){padding:0 0 0 40px!important;max-width:none}html body [data-enwfaq] :is(.faq-q:not(.faq-item .faq-q),.faq-question:not(.faq-item .faq-question)){padding-left:0!important}html body [data-enwfaq] :is(.faq-a:not(.faq-item .faq-a),.faq-answer:not(.faq-item .faq-answer)){padding:0 0 16px!important}} @media(max-width:640px){.elementor-element-51220138{padding-top:0!important;padding-bottom:0!important}}.enwyf-rail{position:fixed;z-index:60;left:max(14px,calc(50vw - 690px));top:50%;transform:translateY(-50%);padding-left:20px;opacity:0;pointer-events:none;transition:opacity .35s ease}.enwyf-rail.on{opacity:1;pointer-events:auto}.enwyf-rail:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;border-radius:6px;background:var(--hairline, #E5E6EA)}.enwyf-rail .enwyf-fill{position:absolute;left:6px;top:6px;width:2px;height:0;border-radius:6px;background:linear-gradient(180deg,var(--gold, #C99700),var(--gold-light, #E1B447));box-shadow:0 0 8px #c997008c;transition:height .25s ease}.enwyf-rail a{display:block;position:relative;font:500 12px/1.3 Inter,system-ui,sans-serif;color:var(--ink-soft, #5A6375);text-decoration:none;padding:8px 0 8px 12px;white-space:nowrap}.enwyf-rail a:before{content:"";position:absolute;left:-16px;top:50%;width:9px;height:9px;margin-top:-4.5px;box-sizing:border-box;border-radius:50%;border:2px solid var(--hairline, #E5E6EA);background:var(--surface, #FFFFFF)}.enwyf-rail a.done{color:var(--navy, #1A3465)}.enwyf-rail a.done:before{border-color:var(--gold, #C99700);background:var(--gold, #C99700)}.enwyf-rail a.here{color:var(--navy, #1A3465);font-weight:700}.enwyf-rail a.here:before{border-color:var(--gold, #C99700);background:var(--surface, #FFFFFF);box-shadow:0 0 7px #c9970099}@media(max-width:1250px){.enwyf-rail{display:none}}.enwyf-chips{position:fixed;left:0;right:0;top:0;z-index:70;display:flex;gap:8px;overflow-x:auto;padding:8px 12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline, #E5E6EA);transform:translateY(-110%);transition:transform .3s ease;scrollbar-width:none}.enwyf-chips::-webkit-scrollbar{display:none}.enwyf-chips.on{transform:none}.enwyf-chips a{flex:none;font:600 12px/1 Inter,system-ui,sans-serif;color:var(--navy, #1A3465);text-decoration:none;border:1px solid var(--hairline, #E5E6EA);border-radius:6px;padding:12px 16px;background:var(--surface, #FFFFFF)}.enwyf-chips a.here{border-color:var(--gold, #C99700);background:#c997001f}@media(min-width:1250px){.enwyf-chips{display:none}}.enwyf-dg{width:44px;height:44px;flex:none}.enwyf-dg svg{width:100%;height:100%;display:block}.enwyf-specs{grid-column:1 / -1;display:grid;gap:8px;margin-top:4px}.enwyf-spec{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:8px;font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;color:var(--ink-soft, #5A6375);text-transform:uppercase}.enwyf-spec i{height:5px;border-radius:6px;background:#c9970024;position:relative;font-style:normal}.enwyf-spec i:after{content:"";position:absolute;inset:0;width:var(--v);border-radius:6px;background:linear-gradient(90deg,var(--gold-light, #E1B447),var(--gold, #C99700))}:root{--enwll-e1: 0 1px 2px rgba(26,52,101,.1), 0 2px 2px rgba(26,52,101,.055), 0 4px 4px rgba(26,52,101,.052), 0 8px 8px rgba(26,52,101,.048), 0 16px 16px rgba(26,52,101,.042);--enwll-e2: 0 1px 2px rgba(26,52,101,.12), 0 4px 4px rgba(26,52,101,.065), 0 8px 8px rgba(26,52,101,.06), 0 16px 16px rgba(26,52,101,.052), 0 32px 32px rgba(26,52,101,.046);--enwll-e3: 0 2px 4px rgba(26,52,101,.12), 0 12px 24px rgba(26,52,101,.1), 0 32px 64px rgba(26,52,101,.13)}html body [class*=-card]:not([class*=-cards]):not([class*=card-row]):not([class*=card-title]):not([class*=card-icon]):not([class*=card-body]):not([class*=cky-]):not([data-enwfaq]):not([data-enwfaq] *),html body .elementor-post__card{box-shadow:var(--enwll-e1);transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease}@media(hover:hover){html body :is(a[href],button:enabled):not([aria-disabled=true])[class*=-card]:not([class*=-cards]):not([class*=card-row]):not([class*=card-title]):not([class*=card-icon]):not([class*=card-body]):not([class*=cky-]):not([data-enwfaq]):not([data-enwfaq] *):hover,html body :is(a[href],button:enabled):not([aria-disabled=true]).elementor-post__card:hover{transform:translateY(-3px);box-shadow:var(--enwll-e2)}html body [class*=-card]:not([class*=-cards]):not([class*=card-row]):not([class*=card-title]):not([class*=card-icon]):not([class*=card-body]):not([class*=cky-]):not([data-enwfaq]):not([data-enwfaq] *):not(:is(a[href],button:enabled):not([aria-disabled=true])):hover,html body .elementor-post__card:not(:is(a[href],button:enabled):not([aria-disabled=true])):hover{transform:none;box-shadow:var(--enwll-e1)}}@media(hover:hover){html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item),html body .enwui-on-gold{transition:transform .22s cubic-bezier(.34,1.4,.64,1),box-shadow .22s ease}html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item):hover,html body .enwui-on-gold:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c997004d}html body :is(a,button)[class*=btn]:not([class*=cky-]):not([class*=carousel]):not([class*=slider]):not([class*=accordion]):not([class*=btn-row]):not([class*=btn-group]):not([class*=btns]):not([class*=faq]):not(.nav-btn):not(.count-btn):not(.elementor-item):active,html body .enwui-on-gold:active{transform:translateY(0) scale(.985)}}html body .enwrv{opacity:.01;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1);will-change:opacity,transform}html body .enwrv-in{opacity:1;transform:none;will-change:auto}@media(prefers-reduced-motion:reduce){html body [class*=-card],html body .elementor-post__card,html body [class*=btn],html body .enwui-on-gold,html body .enwrv{transition:none!important;transform:none!important}html body .enwrv{opacity:1!important}}html body .eyebrow:before,html body [class*=eyebrow]:before,html body [class*=kicker]:before,html body [data-enwlb]:before{display:none!important}.enwyf-chips{overscroll-behavior-x:contain!important;scrollbar-width:none}.enwyf-chips{touch-action:pan-y!important}html body .section.reveal{opacity:1!important;transform:none!important}html body .elementor-nav-menu--dropdown a,html body .sub-menu a{color:var(--ink-body, #2A2F36)}html body img.wpml-ls-flag{width:18px;height:12px}.enw-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important} /* Proposed addition only; existing shared button rules own control geometry. */ .enw-yarn-enquiry { width: calc(100% - var(--space-5) * 2); max-width: 1140px; margin: var(--space-7) auto var(--space-8); padding: var(--space-6); border-radius: var(--r-panel); background: var(--navy); color: var(--surface); } .enw-yarn-enquiry__inner { max-width: 1140px; margin-inline: auto; } html body .enw-yarn-enquiry h2 { margin: 0 0 var(--space-4); font-family: var(--font-display); font-size: var(--fs-h2); font-weight: 700; line-height: var(--lh-h2); text-align: start; color: var(--surface); } html body .enw-yarn-enquiry h2 .tone { color: var(--gold-light); } html body .enw-yarn-enquiry p { max-width: 68ch; margin: 0; font-family: var(--font-text); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--on-dark-soft); } .enw-yarn-enquiry__actions { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-6); } html body .enw-yarn-enquiry .enw-btn { color: var(--surface); border-color: transparent; text-decoration: none; } .enw-yarn-enquiry__quote { background: var(--gold); } .enw-yarn-enquiry__samples { background: var(--whatsapp); } @media (max-width: 800px) { .enw-yarn-enquiry { width: calc(100% - var(--space-4) * 2); padding: var(--space-5); } .enw-yarn-enquiry__actions { flex-direction: column; align-items: stretch; } }