/* Shared public surfaces. White canvas; one neutral border and one light shadow.
   The original dark contact block and existing control state colours are separate. */
:root{--les-surface:#fff;--les-border:#d3ddd6;--les-shadow:0 4px 14px rgb(15 35 25 / 8%)}
html body,html body #les-public,html body #les-public .les-detail-page{background:var(--les-surface)!important}
/* Hero surfaces intentionally retain the original soft grey treatment. */
html body #les-public :is(.hero.hero-only-preview,.content-hero,.portfolio-hero,.repair-story-hero,.offer-hero,.pricing-hero){background:#eef2f2!important;border-color:var(--les-border)!important}
html body #les-public .les-detail-page .detail-hero,
html body #les-public :is(#computer-category,#phone-category,#tv-category,#other-category) .computer-category-hero{background:linear-gradient(115deg,#e5e9ec,#edf0f2 65%,#e8edef)!important;border-color:var(--les-border)!important}

html body #les-public :is(.lookup-wrap,.lookup-card,.inquiry-section,.registration-home,.registration-home-action,.buyback-home-accordion,.content-cta,.public-directory,.public-more-info,.brand-directory-disclosure,.other-service-intro,.content-intro,.pricing-section,.portfolio-card),
html body #les-public :is(.services-grid,.home-work-grid,.issue-grid,.partner-tag-grid,.partner-model-grid)>article,
html body #les-public .service-summary>details,
html body #les-public :is(#gamintojai,#repair-operation-results,#other-more-info){background:var(--les-surface)!important;border-color:var(--les-border)!important}
html body #les-public :is(.lookup-wrap,.inquiry-section.registration-home),
html body #les-public :is(.services-grid,.home-work-grid,.issue-grid)>article,
html body #les-public :is(.pricing-section,.portfolio-card){box-shadow:var(--les-shadow)!important}
html body #les-public .home-work-grid>article>a,
html body #les-public .home-work-grid>article>a>div,
html body #les-public .home-work-grid>article>a>img,
html body #les-public .home-work-grid>article:is(:hover,:focus-within),
html body #les-public .home-work-grid>article>a:is(:hover,:focus,:active),
html body #les-public .related-work-section,
html body #les-public :is(.public-directory,.brand-directory-disclosure) nav a,
html body #les-public #repair-operation-results nav a,
html body #les-public #repair-operation-results nav a:is(:hover,:focus,:active),
html body #les-public .les-detail-page .repair-inline-links a{background:var(--les-surface)!important;background-image:none!important;border-color:var(--les-border)!important}
html body #les-public :is(.public-directory,.brand-directory-disclosure) nav a:focus-visible{outline:2px solid #71963f;outline-offset:2px}
html body #les-public .service-icon-3d img,html body #les-public .contact-photo img{filter:none!important}
/* No blur behind opaque surfaces; hidden dialogs keep their existing appearance. */
html body #les-public :is(.site-header,.lookup-wrap,.inquiry-section.registration-home){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Approved static trust-strip gradient: hero-grey edges, white behind the text. */
html body #les-public :is(.home-hero-points,.computer-hero-points){background:linear-gradient(90deg,#eef2f2 0%,#f8fafa 22%,#fff 43%,#fff 57%,#f8fafa 78%,#eef2f2 100%)!important;border-color:var(--les-border)!important}