/* ==========================================================================
   Let's Read site kit
   Colours, shapes and type taken from the home page.
   ========================================================================== */

:root {
	--lr-teal: #4ECDC9;          /* top bar, menu bar, footer */
	--lr-teal-btn: #13A9A5;      /* buttons (darker so white text reads) */
	--lr-teal-btn-h: #0E8E8A;
	--lr-blue: #0182D5;          /* headings */
	--lr-blue-soft: #159BC7;     /* sub-headings, icons */
	--lr-sky: #E5F7FE;           /* hero background */
	--lr-sky-2: #CFEFFC;
	--lr-sun: #FFC928;
	--lr-orange: #F7941D;
	--lr-coral: #E8604C;
	--lr-ink: #1E3A56;
	--lr-muted: #587390;
	--lr-line: #E6EEF3;
	--lr-card: #fff;
	--lr-shadow: 0 0 10px #e0e0e0;
	--lr-shadow-up: 0 14px 30px rgba(1, 130, 213, .14);
	--lr-r: 30px;
	--lr-r-sm: 16px;
	--lr-font: "Cairo", "Poppins", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
	--lr-wrap: 1240px;
	--lr-gutter: clamp(16px, 4vw, 32px);
}

html.lr-noscroll { overflow: hidden; }
body.lr-chrome { overflow-x: clip; }

.lr-header, .lr-footer, .lr-page, .lr-shopband, .lr-wooband,
body.lr-chrome .wp-site-blocks, body.lr-chrome .elementor {
	font-family: var(--lr-font);
}

.lr-wrap {
	width: 100%;
	max-width: var(--lr-wrap);
	margin-inline: auto;
	padding-inline: var(--lr-gutter);
	box-sizing: border-box;
}
.lr-header *, .lr-footer *, .lr-page *, .lr-shopband *, .lr-wooband * { box-sizing: border-box; }
.lr-ico { width: 1em; height: 1em; display: inline-block; vertical-align: -.125em; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* ---------- Buttons ---------- */
.lr-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .5em;
	background: var(--lr-teal-btn); color: #fff !important; text-decoration: none !important;
	font: 700 1.05rem/1 var(--lr-font); padding: .9em 1.8em; border: 0; border-radius: 999px;
	box-shadow: 0 6px 0 var(--lr-teal-btn-h); cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.lr-btn:hover { background: var(--lr-teal-btn-h); transform: translateY(-2px); box-shadow: 0 8px 0 #0a7471; }
.lr-btn:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--lr-teal-btn-h); }
.lr-btn--wide { width: 100%; }
:where(.lr-header, .lr-footer, .lr-page, .lr-shopband) a:focus-visible,
:where(.lr-header, .lr-footer, .lr-page, .lr-shopband) button:focus-visible,
.lr-form :focus-visible { outline: 3px solid var(--lr-orange); outline-offset: 2px; }

/* ==========================================================================
   Header
   ========================================================================== */
.lr-header { position: relative; z-index: 50; background: #fff; }

.lr-topbar { background: var(--lr-teal); color: #fff; font-size: 14px; }
.lr-topbar__in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; }
.lr-topbar__msg { margin: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lr-topbar__links { display: flex; align-items: center; gap: clamp(14px, 3vw, 40px); }
.lr-topbar__links a { color: #fff; text-decoration: none; font-weight: 500; white-space: nowrap; }
.lr-topbar__links a:hover { text-decoration: underline; text-underline-offset: 4px; }
.lr-lang { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.22); padding: 3px 12px; border-radius: 999px; font-weight: 700 !important; }
.lr-lang:hover { background: rgba(255,255,255,.35); text-decoration: none !important; }

.lr-mid { background: #fff; }
.lr-mid__in {
	direction: ltr; /* same positions as the home page in both languages */
	display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; min-height: 100px;
}
.lr-burger { display: none; }
.lr-search {
	position: relative; justify-self: start; width: min(100%, 380px);
	direction: inherit;
}
.lr-header[dir="rtl"] .lr-search { direction: rtl; }
.lr-search input[type="search"] {
	width: 100%; height: 44px; border: 1.5px solid #d6e6ee; border-radius: 999px; background: #F7FBFD;
	padding-inline: 18px 46px; font: 500 15px var(--lr-font); color: var(--lr-ink); outline: none;
	transition: border-color .15s, box-shadow .15s, background .15s;
}
.lr-search input[type="search"]:focus { border-color: var(--lr-teal); background: #fff; box-shadow: 0 0 0 4px rgba(78, 205, 201, .2); }
.lr-search button {
	position: absolute; inset-inline-end: 5px; top: 5px; width: 34px; height: 34px; border-radius: 50%;
	border: 0; background: var(--lr-teal-btn); color: #fff; display: grid; place-items: center; cursor: pointer; font-size: 14px;
}
.lr-logo { justify-self: center; display: block; line-height: 0; }
.lr-logo img { width: auto; height: 74px; transition: transform .25s ease; }
.lr-logo:hover img { transform: rotate(-3deg) scale(1.04); }
.lr-actions { justify-self: end; display: flex; align-items: center; gap: clamp(10px, 2vw, 30px); }
.lr-social { display: flex; align-items: center; gap: clamp(10px, 2vw, 30px); }
.lr-social a, .lr-act {
	color: var(--lr-blue-soft); font-size: 24px; display: inline-grid; place-items: center; text-decoration: none;
	transition: transform .15s ease, color .15s ease;
}
.lr-social a:hover, .lr-act:hover { color: var(--lr-blue); transform: translateY(-2px); }
.lr-cart { position: relative; }
.lr-cart-count {
	position: absolute; top: -8px; inset-inline-end: -10px; min-width: 20px; height: 20px; padding: 0 5px;
	border-radius: 999px; background: var(--lr-orange); color: #fff; font: 700 12px/20px var(--lr-font); text-align: center;
	border: 2px solid #fff;
}
.lr-cart-count[data-count="0"] { background: #9fb3c2; }
.lr-pop { animation: lr-pop .4s ease; }
@keyframes lr-pop { 50% { transform: scale(1.45); } }

.lr-nav { background: var(--lr-teal); }
.lr-nav__in { display: flex; justify-content: center; gap: clamp(20px, 7vw, 110px); min-height: 40px; align-items: stretch; }
.lr-nav a {
	position: relative; display: flex; align-items: center; color: #fff; text-decoration: none;
	font: 600 18px var(--lr-font); padding: 4px 2px; white-space: nowrap;
}
.lr-nav a::after {
	content: ""; position: absolute; inset-inline: 0; bottom: 5px; height: 3px; border-radius: 3px;
	background: #fff; transform: scaleX(0); transition: transform .2s ease;
}
.lr-nav a:hover::after, .lr-nav a[aria-current="page"]::after { transform: scaleX(1); }

/* Phone menu drawer */
.lr-drawer { position: fixed; inset: 0; background: rgba(10, 40, 60, .45); z-index: 100000; opacity: 0; transition: opacity .25s ease; }
.lr-drawer.is-open { opacity: 1; }
.lr-drawer__panel {
	position: absolute; top: 0; bottom: 0; inset-inline-start: 0; width: min(86vw, 340px); background: #fff;
	padding: 18px 22px 28px; overflow-y: auto; transform: translateX(-100%); transition: transform .25s ease;
	display: flex; flex-direction: column; gap: 18px;
	background-image: radial-gradient(circle at 100% 100%, var(--lr-sky) 0 120px, transparent 121px);
}
.lr-header[dir="rtl"] .lr-drawer__panel { transform: translateX(100%); }
.lr-drawer.is-open .lr-drawer__panel { transform: none; }
.lr-drawer__head { display: flex; align-items: center; justify-content: space-between; }
.lr-drawer__head img { height: 64px; width: auto; }
.lr-drawer__close { border: 0; background: var(--lr-sky); color: var(--lr-blue); width: 40px; height: 40px; border-radius: 50%; font-size: 18px; display: grid; place-items: center; cursor: pointer; }
.lr-drawer__main { display: flex; flex-direction: column; }
.lr-drawer__main a { font: 700 20px var(--lr-font); color: var(--lr-ink); text-decoration: none; padding: 12px 4px; border-bottom: 1px dashed var(--lr-line); }
.lr-drawer__main a[aria-current="page"] { color: var(--lr-teal-btn); }
.lr-drawer__sub { display: flex; flex-wrap: wrap; gap: 8px; }
.lr-drawer__sub a { font: 600 14px var(--lr-font); color: var(--lr-blue); background: var(--lr-sky); padding: 6px 14px; border-radius: 999px; text-decoration: none; }
.lr-drawer__lang { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font: 700 15px var(--lr-font); color: #fff; background: var(--lr-teal-btn); padding: 8px 18px; border-radius: 999px; text-decoration: none; }
.lr-social--drawer a { font-size: 26px; }

/* ==========================================================================
   Footer
   ========================================================================== */
.lr-footer { position: relative; color: #fff; margin-top: 48px; }
.lr-footer__wave { color: var(--lr-teal); line-height: 0; }
.lr-footer__wave svg { width: 100%; height: 40px; display: block; }
.lr-footer__body { background: var(--lr-teal); padding: 8px 0 18px; margin-top: -1px; }
.lr-perks { list-style: none; margin: 0 auto 28px; padding: 0 0 26px; display: flex; justify-content: center; gap: clamp(28px, 8vw, 120px); border-bottom: 1px solid rgba(255,255,255,.35); }
.lr-perks li { display: flex; flex-direction: column; align-items: center; gap: 6px; font: 600 20px var(--lr-font); }
.lr-perks__ico { font-size: 30px; width: 64px; height: 64px; border-radius: 50%; background: rgba(255,255,255,.2); display: grid; place-items: center; }
.lr-footer__cols { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 28px; }
.lr-footer__brand img { height: 90px; width: auto; background: #fff; border-radius: 20px; padding: 8px 12px; }
.lr-footer__brand p { margin: 12px 0 0; font-size: 15px; line-height: 1.7; opacity: .95; max-width: 30ch; }
.lr-footer h3 { margin: 0 0 10px; font: 800 18px var(--lr-font); color: #fff; }
.lr-footer__links { display: flex; flex-direction: column; gap: 6px; }
.lr-footer__links a { color: #fff; text-decoration: none; font-size: 15px; opacity: .95; width: fit-content; }
.lr-footer__links a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.lr-social--foot a { color: #fff; font-size: 22px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.2); }
.lr-social--foot a:hover { color: #fff; background: rgba(255,255,255,.35); }
.lr-footer__lang { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; color: #fff; text-decoration: none; font-weight: 700; background: rgba(255,255,255,.2); padding: 6px 14px; border-radius: 999px; }
.lr-footer__copy { margin: 26px 0 0; text-align: center; font-size: 14px; opacity: .9; }

/* ==========================================================================
   Hero banner (inner pages, shop, cart…)
   ========================================================================== */
.lr-hero {
	position: relative; overflow: hidden; background: var(--lr-sky);
	background-image: radial-gradient(ellipse at 70% 0%, #fff 0, rgba(255,255,255,0) 55%);
	border-radius: 0 0 clamp(60px, 17vw, 250px) clamp(60px, 17vw, 250px);
	min-height: 340px; display: flex; align-items: stretch; padding: 24px 0 0;
}
.lr-hero__in { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 24px; }
.lr-hero__text { align-self: center; padding-bottom: 64px; }
.lr-hero__title {
	margin: 0; font: 800 clamp(34px, 5vw, 60px)/1.15 var(--lr-font); color: var(--lr-blue);
	text-shadow: 0 3px 0 #fff;
}
.lr-hero__title::after {
	content: ""; display: block; width: 90px; height: 8px; margin-top: 12px; border-radius: 8px;
	background: linear-gradient(90deg, var(--lr-orange), var(--lr-sun));
}
.lr-hero__sub { margin: 14px 0 0; font: 500 clamp(17px, 2vw, 22px)/1.6 var(--lr-font); color: var(--lr-blue-soft); max-width: 34ch; }
.lr-hero__art { display: flex; justify-content: center; align-items: flex-end; line-height: 0; }
/* The home page's open book on the globe: it sits on the bottom edge, so the globe disappears into the curve like on the home page */
.lr-hero__main { display: block; width: min(100%, 440px); height: auto; margin-bottom: -2px; }
.lr-hero svg { display: block; }
.lr-hero > svg, .lr-hero > img { position: absolute; z-index: 1; height: auto; pointer-events: none; }
.lr-hero > .lr-hide { display: none; }
.lr-hero__sun     { width: 90px;  top: 18px;  inset-inline-end: 42%; }
.lr-hero__cloud1  { width: 130px; top: 22px;  inset-inline-end: 28%; opacity: .95; }
.lr-hero__cloud2  { width: 70px;  top: 30px;  inset-inline-start: 44%; opacity: .8; }
.lr-hero__balloon { width: 64px;  top: 22px;  inset-inline-end: 5%; }
.lr-hero__planet  { width: 70px;  bottom: 70px; inset-inline-start: 46%; }
.lr-hero__sp1 { width: 22px; top: 70px; inset-inline-start: 40%; }
.lr-hero__sp2 { width: 16px; bottom: 90px; inset-inline-end: 34%; }
.lr-hero__sp3 { width: 14px; top: 46%;  inset-inline-start: 2%; }

.lr-hero--small { min-height: 220px; padding-top: 14px; }
.lr-hero--small .lr-hero__text { padding-bottom: 46px; }
.lr-hero--small .lr-hero__main { width: min(100%, 290px); }
.lr-hero.lr-hero--small > .lr-hero__planet, .lr-hero.lr-hero--small > .lr-hero__sp3 { display: none; }
.lr-hero--shop .lr-hero__text { padding-bottom: 110px; }
.lr-hero--shop .lr-hero__main { width: min(100%, 500px); margin-bottom: 40px; }
.lr-hero.lr-hero--shop > .lr-hero__planet, .lr-hero.lr-hero--shop > .lr-hero__sp1 { display: none; }

/* Motion (turned off for people who prefer less movement) */
@media (prefers-reduced-motion: no-preference) {
	.lr-float   { animation: lr-float 9s ease-in-out infinite; }
	.lr-bob     { animation: lr-bob 4.5s ease-in-out infinite; }
	.lr-spin    { animation: lr-spin 40s linear infinite; }
	.lr-twinkle { animation: lr-twinkle 2.6s ease-in-out infinite; }
	.lr-hero__sp2 { animation-delay: .8s; }
	.lr-hero__sp3 { animation-delay: 1.6s; }
	.lr-reveal { opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .5s ease; }
	.lr-reveal.lr-in { opacity: 1; transform: none; }
}
@keyframes lr-float { 50% { transform: translateX(22px); } }
@keyframes lr-bob { 50% { transform: translateY(-10px) rotate(2deg); } }
@keyframes lr-spin { to { transform: rotate(360deg); } }
@keyframes lr-twinkle { 50% { transform: scale(.6); opacity: .5; } }

/* ==========================================================================
   Shared page pieces
   ========================================================================== */
.lr-page { color: var(--lr-ink); font-size: 17px; line-height: 1.8; }
.lr-section { padding-top: clamp(36px, 6vw, 64px); padding-bottom: clamp(20px, 4vw, 40px); }
.lr-section--tight { padding-top: 10px; }
.lr-h2 { font: 800 clamp(26px, 3.4vw, 36px)/1.3 var(--lr-font); color: var(--lr-blue); margin: 0 0 14px; }
.lr-card { background: var(--lr-card); border-radius: var(--lr-r); box-shadow: var(--lr-shadow); }
.lr-band { background: linear-gradient(180deg, #fff 0, var(--lr-sky) 18%, var(--lr-sky) 82%, #fff 100%); margin-top: 20px; }
.lr-note { text-align: center; color: var(--lr-muted); }
.lr-note a { color: var(--lr-teal-btn); font-weight: 700; }

.lr-stitle { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 6vw, 70px); margin: 0 0 28px; }
.lr-stitle img { width: 34px; height: auto; }
.lr-stitle h2, .lr-stitle h3 { margin: 0; font: 700 clamp(24px, 3vw, 32px) var(--lr-font); color: var(--lr-blue); letter-spacing: .02em; }

/* Category cards — same white rounded cards as the home page */
.lr-cats { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(10px, 1.6vw, 22px); }
.lr-cats--overlap { position: relative; z-index: 3; margin-top: -86px; }
.lr-cat {
	display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 6px;
	background: #fff; border-radius: var(--lr-r); box-shadow: var(--lr-shadow); padding: 14px 8px 14px;
	text-decoration: none; color: var(--lr-blue); text-align: center;
	transition: transform .2s ease, box-shadow .2s ease;
}
.lr-cat img { width: auto; max-width: 100%; height: 104px; object-fit: contain; mix-blend-mode: multiply; transition: transform .25s ease; }
.lr-cat span { font: 700 15px/1.3 var(--lr-font); }
.lr-cat:hover { transform: translateY(-6px); box-shadow: var(--lr-shadow-up); }
.lr-cat:hover img { transform: scale(1.07) rotate(-3deg); }

/* Split text + picture */
.lr-split { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(24px, 5vw, 70px); align-items: center; }
.lr-split__text p { margin: 0 0 14px; }
.lr-split__text .lr-btn { margin-top: 10px; }
.lr-scene { position: relative; aspect-ratio: 5 / 4; background: var(--lr-sky); border-radius: 50% 50% 40px 40px / 40% 40% 40px 40px; overflow: hidden; }
.lr-scene svg, .lr-scene img { position: absolute; height: auto; }
.lr-scene__sun   { width: 18%; top: 6%;  left: 8%; }
.lr-scene__cloud { width: 26%; top: 12%; left: 34%; }
.lr-scene__book  { width: 84%; bottom: -2px; left: 8%; z-index: 2; }
.lr-scene__balloon { width: 13%; top: 10%; right: 10%; }

/* Value cards / steps */
.lr-values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.lr-value, .lr-step { background: #fff; border-radius: var(--lr-r); box-shadow: var(--lr-shadow); padding: 26px 22px; text-align: center; transition: transform .2s ease, box-shadow .2s ease; }
.lr-value:hover, .lr-step:hover { transform: translateY(-5px); box-shadow: var(--lr-shadow-up); }
.lr-value svg, .lr-step svg { width: 76px; height: 76px; margin: 0 auto 10px; display: block; }
.lr-step img { display: block; width: 150px; height: auto; margin: 0 auto 10px; }
.lr-value h3, .lr-step h3 { margin: 0 0 6px; font: 800 19px var(--lr-font); color: var(--lr-blue); }
.lr-value p, .lr-step p { margin: 0; font-size: 15px; line-height: 1.7; color: var(--lr-muted); }

.lr-quote { position: relative; margin: 0 auto 46px; max-width: 860px; background: #fff; border-radius: var(--lr-r); box-shadow: var(--lr-shadow); padding: 38px clamp(22px, 5vw, 60px); text-align: center; }
.lr-quote p { margin: 0; font: 600 clamp(19px, 2.3vw, 24px)/1.8 var(--lr-font); color: var(--lr-ink); }
.lr-quote__star { position: absolute; width: 56px; top: -26px; left: 50%; margin-left: -28px; }

.lr-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.lr-step { position: relative; padding-top: 34px; }
.lr-step svg { width: 120px; height: 80px; }
.lr-step__n { position: absolute; top: -16px; left: 50%; margin-left: -20px; width: 40px; height: 40px; border-radius: 50%; background: var(--lr-orange); color: #fff; font: 800 18px/40px var(--lr-font); box-shadow: 0 4px 0 #d27a0f; }

.lr-cta { position: relative; text-align: center; padding-bottom: 60px; }
.lr-cta__balloon { width: 76px; height: auto; margin: 0 auto 8px; display: block; }

/* ==========================================================================
   Contact page
   ========================================================================== */
.lr-reach { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: -10px; }
.lr-reach__card {
	--c: var(--lr-teal-btn);
	position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px;
	background: #fff; border-radius: var(--lr-r); box-shadow: var(--lr-shadow); padding: 26px 16px 22px;
	text-decoration: none; color: var(--lr-ink); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease;
}
.lr-reach__card::before { content: ""; position: absolute; inset: 0 0 auto; height: 6px; background: var(--c); }
.lr-reach__card:hover { transform: translateY(-6px); box-shadow: var(--lr-shadow-up); }
.lr-reach__ico { width: 64px; height: 64px; border-radius: 22px; display: grid; place-items: center; font-size: 30px; color: #fff; background: var(--c); margin-bottom: 10px; transform: rotate(-6deg); transition: transform .2s ease; }
.lr-reach__card:hover .lr-reach__ico { transform: rotate(0) scale(1.06); }
.lr-reach__card strong { font: 800 20px var(--lr-font); color: var(--lr-blue); }
.lr-reach__note { font-size: 14px; color: var(--lr-muted); }
.lr-reach__handle { margin-top: 6px; font-weight: 700; color: var(--c); font-size: 15px; }
.lr-c--wa { --c: #25B865; }
.lr-c--ig { --c: #D6347A; }
.lr-c--tt { --c: #1E2A38; }
.lr-c--fb { --c: #1877F2; }

.lr-contact { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(22px, 4vw, 50px); margin-top: clamp(36px, 6vw, 64px); align-items: start; }
.lr-contact__aside { position: relative; padding: 26px 30px 120px; background: var(--lr-sky); border-radius: var(--lr-r); overflow: hidden; }
.lr-contact__aside h2 { margin: 6px 0 8px; font: 800 30px/1.3 var(--lr-font); color: var(--lr-blue); }
.lr-contact__aside p { margin: 0 0 12px; color: var(--lr-muted); }
.lr-contact__env { width: 110px; height: auto; }
.lr-contact__tree, .lr-contact__tree2 { position: absolute; bottom: -6px; height: auto; }
.lr-contact__tree  { width: 54px; inset-inline-end: 34px; }
.lr-contact__tree2 { width: 40px; inset-inline-end: 90px; }
.lr-contact__aside::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: -60px; height: 100px; background: #9ED36A; border-radius: 50%; }
.lr-ticks { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.lr-ticks li { position: relative; padding-inline-start: 30px; font-weight: 600; }
.lr-ticks li::before { content: "✓"; position: absolute; inset-inline-start: 0; top: 3px; width: 22px; height: 22px; border-radius: 50%; background: var(--lr-teal-btn); color: #fff; font-size: 13px; line-height: 22px; text-align: center; }
.lr-contact__form { padding: clamp(22px, 4vw, 38px); }

.lr-form { display: grid; gap: 16px; }
.lr-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lr-form label { display: grid; gap: 6px; font: 700 15px var(--lr-font); color: var(--lr-ink); }
.lr-form input, .lr-form select, .lr-form textarea {
	width: 100%; font: 500 16px var(--lr-font); color: var(--lr-ink); background: #F7FBFD;
	border: 1.5px solid #d6e6ee; border-radius: var(--lr-r-sm); padding: 12px 14px; outline: none;
	transition: border-color .15s, box-shadow .15s, background .15s;
}
.lr-form textarea { resize: vertical; min-height: 130px; }
.lr-form input:focus, .lr-form select:focus, .lr-form textarea:focus { border-color: var(--lr-teal); background: #fff; box-shadow: 0 0 0 4px rgba(78,205,201,.2); }
.lr-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.lr-alert { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-radius: var(--lr-r-sm); margin-bottom: 16px; font-weight: 700; }
.lr-alert svg { width: 26px; height: 26px; flex: none; }
.lr-alert--ok { background: #E3F8EE; color: #146C43; }
.lr-alert--err { background: #FDECEA; color: #A4271B; }

.lr-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; background: #fff; border-radius: var(--lr-r); box-shadow: var(--lr-shadow); padding: 22px 26px; }
.lr-strip__item { display: flex; align-items: center; gap: 14px; }
.lr-strip__item svg { width: 58px; height: 58px; flex: none; }
.lr-strip__item strong { display: block; font: 800 17px/1.4 var(--lr-font); color: var(--lr-blue); }
.lr-strip__item span { font-size: 14px; color: var(--lr-muted); }

/* Policy */
.lr-policy { display: grid; gap: 16px; max-width: 900px; margin: 0 auto 24px; }
.lr-policy__item { padding: 0; overflow: hidden; }
.lr-policy__item summary { list-style: none; display: flex; align-items: center; gap: 16px; padding: 18px 24px; cursor: pointer; font: 800 21px var(--lr-font); color: var(--lr-blue); }
.lr-policy__item summary::-webkit-details-marker { display: none; }
.lr-policy__item summary::after { content: "+"; margin-inline-start: auto; width: 34px; height: 34px; border-radius: 50%; background: var(--lr-sky); color: var(--lr-blue); display: grid; place-items: center; font-size: 22px; transition: transform .2s ease; }
.lr-policy__item[open] summary::after { transform: rotate(45deg); background: var(--lr-teal-btn); color: #fff; }
.lr-policy__ico svg { width: 46px; height: 46px; display: block; }
.lr-policy__item p { margin: 0; padding: 0 24px 22px calc(24px + 62px); color: var(--lr-muted); }
.lr-page[dir="rtl"] .lr-policy__item p { padding: 0 calc(24px + 62px) 22px 24px; }

/* Coming soon */
.lr-soon { text-align: center; padding: 40px 24px 34px; max-width: 720px; margin: 0 auto 50px; }
.lr-soon__art { width: 110px; height: auto; margin: 0 auto 6px; display: block; }
.lr-soon p { color: var(--lr-muted); margin: 0 0 16px; }
.lr-social--soon { justify-content: center; }
.lr-social--soon a { width: 46px; height: 46px; border-radius: 50%; background: var(--lr-sky); }

/* ==========================================================================
   Pages built by the site kit: full width, title hidden (the banner shows it)
   ========================================================================== */
body.lr-kit-page main.wp-block-group { margin-top: 0 !important; padding-top: 0 !important; }
body.lr-kit-page main > .wp-block-group.alignfull { padding-top: 0 !important; }
body.lr-kit-page .wp-block-post-title,
body.lr-kit-page .wp-block-post-featured-image { display: none; }
.lr-page {
	width: 100vw; max-width: 100vw !important; position: relative;
	margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;
}

/* ==========================================================================
   WooCommerce — shop, product, cart, checkout, account
   ========================================================================== */
body.lr-chrome.woocommerce-page .wp-site-blocks,
body.lr-chrome.woocommerce .wp-site-blocks { padding-top: 0; }
body.lr-lang-ar.woocommerce-page main, body.lr-lang-ar.woocommerce main { direction: rtl; }

/* Shop banner sits edge to edge */
.lr-shopband { width: 100vw; position: relative; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; max-width: 100vw !important; margin-bottom: 30px; }
body.woocommerce-shop main.wp-block-group,
body.tax-product_cat main.wp-block-group,
body.tax-product_tag main.wp-block-group,
body.post-type-archive-product main.wp-block-group { margin-top: 0 !important; padding-top: 0 !important; }
body.woocommerce-shop main > .wc-block-breadcrumbs,
body.post-type-archive-product main > .wc-block-breadcrumbs,
body.tax-product_cat main > .wc-block-breadcrumbs { display: none; }

/* Breadcrumbs */
.woocommerce-breadcrumb { font: 600 14px var(--lr-font) !important; color: var(--lr-muted) !important; }
.woocommerce-breadcrumb a { color: var(--lr-blue-soft) !important; text-decoration: none; }

/* Result count + sorting */
.woocommerce-result-count { font: 600 15px var(--lr-font); color: var(--lr-muted); margin: 0; }
.woocommerce-ordering select, .wc-block-catalog-sorting select {
	font: 600 15px var(--lr-font); color: var(--lr-ink); background-color: #fff; border: 1.5px solid #d6e6ee;
	border-radius: 999px; padding: 9px 38px 9px 18px; cursor: pointer;
}

/* Product cards (block grid and classic grid) */
.wc-block-product-template { gap: clamp(14px, 2vw, 28px) !important; }
.wc-block-product-template .wc-block-product,
.woocommerce ul.products li.product,
ul.products li.product {
	background: #fff; border-radius: var(--lr-r); box-shadow: var(--lr-shadow);
	padding: 14px 14px 18px !important; text-align: center; display: flex; flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease; position: relative;
}
.wc-block-product-template .wc-block-product:hover,
ul.products li.product:hover { transform: translateY(-6px); box-shadow: var(--lr-shadow-up); }
.wc-block-product .wc-block-components-product-image,
ul.products li.product a img { border-radius: 20px; overflow: hidden; margin-bottom: 12px !important; }
.wc-block-product .wc-block-components-product-image img,
ul.products li.product a img { border-radius: 20px; transition: transform .35s ease; }
.wc-block-product:hover .wc-block-components-product-image img { transform: scale(1.04); }
.wc-block-product .wp-block-post-title,
ul.products li.product .woocommerce-loop-product__title {
	font: 800 19px/1.35 var(--lr-font) !important; margin: 0 0 4px !important; color: var(--lr-blue) !important; padding: 0 !important;
}
.wc-block-product .wp-block-post-title a { color: inherit !important; text-decoration: none !important; }
.wc-block-product .wc-block-components-product-price,
ul.products li.product .price {
	font: 800 18px var(--lr-font) !important; color: var(--lr-orange) !important; margin-bottom: 12px !important; display: block;
}
.wc-block-product .wp-block-woocommerce-product-price { margin-top: auto; margin-bottom: 0 !important; }
.wc-block-product .wc-block-components-product-button { margin: 0 !important; justify-content: center; }

/* All WooCommerce buttons look like the home page "تسوق الآن" button */
.wc-block-components-product-button__button,
.woocommerce .button, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.single_add_to_cart_button, .wc-block-components-button:not(.is-link):not(.wc-block-components-notice-banner__dismiss),
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-product-collection .wp-block-button__link {
	background: var(--lr-teal-btn) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important;
	font: 700 15px/1 var(--lr-font) !important; padding: 13px 22px !important; margin: 0 !important;
	box-shadow: 0 5px 0 var(--lr-teal-btn-h); text-decoration: none !important; cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease; min-height: 0;
}
.wc-block-components-product-button__button:hover,
.woocommerce .button:hover, .single_add_to_cart_button:hover,
.wc-block-components-button:not(.is-link):hover, .wc-block-cart__submit-button:hover {
	background: var(--lr-teal-btn-h) !important; transform: translateY(-2px);
}
.wc-block-components-product-button__button:active, .single_add_to_cart_button:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--lr-teal-btn-h); }
.wc-block-components-product-button__button.loading, .woocommerce .button.loading { opacity: .7; }
.wc-block-components-product-button .added_to_cart, .woocommerce a.added_to_cart {
	display: inline-block; margin-top: 10px; font: 700 14px var(--lr-font); color: var(--lr-teal-btn) !important;
}

/* Pagination */
.wp-block-query-pagination a, .wp-block-query-pagination span, .woocommerce-pagination .page-numbers li > * {
	font: 700 15px var(--lr-font); min-width: 40px; height: 40px; display: inline-grid; place-items: center;
	border-radius: 50%; background: #fff; box-shadow: var(--lr-shadow); color: var(--lr-blue); text-decoration: none;
}
.wp-block-query-pagination .current, .woocommerce-pagination .page-numbers .current { background: var(--lr-teal-btn); color: #fff; }

/* Single product */
body.single-product main.wp-block-group { margin-top: 0 !important; padding-top: 24px; }
body.single-product .wp-block-columns.alignwide {
	background: #fff; border-radius: var(--lr-r); box-shadow: var(--lr-shadow); padding: clamp(18px, 3vw, 40px);
	gap: clamp(20px, 4vw, 56px) !important; margin-top: 10px;
	background-image: radial-gradient(circle at 100% 0, var(--lr-sky) 0 140px, transparent 141px);
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery img { border-radius: 24px; }
body.single-product .woocommerce-product-gallery .flex-control-thumbs img { border-radius: 12px; }
body.single-product .wp-block-columns .wp-block-post-title {
	font: 800 clamp(30px, 4vw, 46px)/1.2 var(--lr-font) !important; color: var(--lr-blue); margin: 0 0 8px;
}
body.single-product .wp-block-columns .wp-block-woocommerce-product-price .wc-block-components-product-price,
body.single-product .summary .price { font: 800 30px var(--lr-font) !important; color: var(--lr-orange) !important; }
body.single-product form.cart { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 18px 0 10px; }
body.single-product form.cart .quantity input.qty {
	width: 84px; height: 50px; border: 1.5px solid #d6e6ee; border-radius: 999px; text-align: center;
	font: 800 18px var(--lr-font); color: var(--lr-ink); background: #F7FBFD;
}
body.single-product .single_add_to_cart_button { font-size: 17px !important; padding: 16px 34px !important; }
.lr-buyperks { list-style: none; padding: 16px 0 0; margin: 10px 0 14px; border-top: 1px dashed var(--lr-line); display: grid; gap: 8px; }
.lr-buyperks li { display: flex; align-items: center; gap: 10px; font: 600 15px var(--lr-font); color: var(--lr-muted); }
.lr-buyperks .lr-ico { color: var(--lr-teal-btn); font-size: 18px; width: 22px; }
.wp-block-woocommerce-product-meta { font: 600 14px var(--lr-font); color: var(--lr-muted); }
.wp-block-woocommerce-product-meta a { color: var(--lr-blue-soft); }

/* Tabs */
.woocommerce-tabs { margin-top: 34px; }
.woocommerce-tabs ul.tabs { display: flex; gap: 10px; padding: 0 !important; margin: 0 0 -1px !important; border: 0 !important; list-style: none; flex-wrap: wrap; }
.woocommerce-tabs ul.tabs::before, .woocommerce-tabs ul.tabs li::before, .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.woocommerce-tabs ul.tabs li a {
	display: block; padding: 10px 22px !important; border-radius: 18px 18px 0 0; background: var(--lr-sky);
	font: 700 16px var(--lr-font) !important; color: var(--lr-blue) !important; text-decoration: none;
}
.woocommerce-tabs ul.tabs li.active a { background: #fff; box-shadow: 0 -4px 10px -6px #c8d7e0; }
.woocommerce-tabs .panel { background: #fff; border-radius: 0 var(--lr-r) var(--lr-r) var(--lr-r); box-shadow: var(--lr-shadow); padding: clamp(18px, 3vw, 34px) !important; margin: 0 !important; font: 500 16px/1.85 var(--lr-font); color: var(--lr-ink); }
.woocommerce-tabs .panel h2 { font: 800 22px var(--lr-font); color: var(--lr-blue); margin-top: 0; }
.woocommerce #reviews input[type="text"], .woocommerce #reviews input[type="email"], .woocommerce #reviews textarea, .woocommerce #reviews select {
	border: 1.5px solid #d6e6ee; border-radius: var(--lr-r-sm); padding: 10px 12px; font: 500 15px var(--lr-font); background: #F7FBFD;
}
.related.products > h2, .wp-block-woocommerce-related-products h2, .upsells > h2 {
	text-align: center; font: 800 28px var(--lr-font) !important; color: var(--lr-blue);
}

/* Notices */
.wc-block-components-notice-banner { border-radius: var(--lr-r-sm) !important; font-family: var(--lr-font); }
.wc-block-components-notice-banner.is-info { background: var(--lr-sky) !important; border-color: #9fd8f5 !important; }
.wc-block-components-notice-banner.is-success { background: #E3F8EE !important; border-color: #8fd8b2 !important; }

/* Cart, checkout, account */
.lr-wooband { margin-bottom: 26px; }
body.woocommerce-cart .wp-block-post-title,
body.woocommerce-checkout .wp-block-post-title,
body.woocommerce-account .wp-block-post-title { display: none; }
body.woocommerce-cart main.wp-block-group,
body.woocommerce-checkout main.wp-block-group,
body.woocommerce-account main.wp-block-group { margin-top: 0 !important; }
body.woocommerce-cart main > .wp-block-group.alignfull,
body.woocommerce-checkout main > .wp-block-group.alignfull,
body.woocommerce-account main > .wp-block-group.alignfull { padding-top: 0 !important; }
body.woocommerce-cart .elementor, body.woocommerce-checkout .elementor, body.woocommerce-account .elementor { font-family: var(--lr-font); }
body.woocommerce-cart .elementor .e-con-inner, body.woocommerce-checkout .elementor .e-con-inner, body.woocommerce-account .elementor .e-con-inner { max-width: var(--lr-wrap); }

.woocommerce table.shop_table {
	border: 0 !important; border-radius: var(--lr-r) !important; box-shadow: var(--lr-shadow); background: #fff; overflow: hidden;
	border-collapse: separate !important; font-family: var(--lr-font);
}
.woocommerce table.shop_table th { background: var(--lr-sky); color: var(--lr-blue); font-weight: 800; border: 0 !important; padding: 14px 16px !important; }
.woocommerce table.shop_table td { border-top: 1px solid var(--lr-line) !important; padding: 14px 16px !important; }
.woocommerce table.shop_table img { border-radius: 12px; width: 70px !important; }
.woocommerce table.shop_table td.product-name a { color: var(--lr-blue); font-weight: 800; text-decoration: none; }
.woocommerce a.remove { color: var(--lr-coral) !important; border-radius: 50%; }
.woocommerce a.remove:hover { background: var(--lr-coral) !important; color: #fff !important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout-review-order, .woocommerce form.checkout_coupon,
.woocommerce form.login, .woocommerce form.register, .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation {
	background: #fff; border-radius: var(--lr-r); box-shadow: var(--lr-shadow); padding: clamp(18px, 3vw, 30px) !important; border: 0 !important;
}
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-checkout h3, .woocommerce-account h2 { font: 800 24px var(--lr-font); color: var(--lr-blue); }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.woocommerce-MyAccount-navigation a { display: block; padding: 10px 16px; border-radius: 14px; color: var(--lr-ink); font-weight: 700; text-decoration: none; }
.woocommerce-MyAccount-navigation .is-active a, .woocommerce-MyAccount-navigation a:hover { background: var(--lr-sky); color: var(--lr-blue); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce .coupon input#coupon_code, .wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control input {
	border: 1.5px solid #d6e6ee !important; border-radius: var(--lr-r-sm) !important; background: #F7FBFD !important;
	font: 500 16px var(--lr-font) !important; padding: 12px 14px !important; color: var(--lr-ink);
}
.wc-block-components-text-input input { padding-top: 22px !important; }
.woocommerce form .form-row label { font: 700 14px var(--lr-font); color: var(--lr-ink); }
.wc-empty-cart-message { text-align: center; }
.woocommerce .wc-empty-cart-message .wc-block-components-notice-banner { justify-content: center; font-size: 18px; padding: 26px !important; }
.woocommerce .return-to-shop { text-align: center; margin: 20px 0 40px; }

/* Block cart / checkout */
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { font-family: var(--lr-font); }
.wc-block-cart .wc-block-cart-items, .wc-block-components-sidebar .wc-block-components-totals-wrapper,
.wc-block-checkout__main .wc-block-components-checkout-step {
	border-radius: var(--lr-r);
}
.wc-block-components-sidebar { background: #fff; border-radius: var(--lr-r); box-shadow: var(--lr-shadow); padding: 18px !important; }
.wc-block-components-product-name { color: var(--lr-blue) !important; font-weight: 800 !important; }

/* ==========================================================================
   Home page touch-ups (phone and tablet)
   ========================================================================== */
.lr-homecat { display: block; border-radius: var(--lr-r); }
.lr-homecat img { transition: transform .25s ease; }
.lr-homecat:hover img { transform: translateY(-4px) scale(1.04); }
body.lr-home .elementor-element-ba0d1d3 > .e-con > .e-con { transition: transform .2s ease, box-shadow .2s ease; }
body.lr-home .elementor-element-ba0d1d3 > .e-con > .e-con:hover { transform: translateY(-6px) !important; box-shadow: var(--lr-shadow-up) !important; }
.lr-herolink { display: block; }
body.lr-home .elementor-element-850669a + * { margin-top: 0; }

/* The home page sections were placed with fixed offsets that only worked with the old header;
   let them stack in order instead, with the category cards overlapping the hero's curve. */
body.lr-home .elementor-86 > .elementor-element, body.lr-home .elementor-836 > .elementor-element { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; }
body.lr-home .elementor-element-ba0d1d3 { margin-top: -60px !important; z-index: 2; }
body.lr-home .elementor-element-c675047 { padding-top: 20px !important; height: auto !important; }

@media (max-width: 1024px) {
	body.lr-home .elementor-element-ba0d1d3 > .e-con { position: static !important; inset: auto !important; transform: none !important; }
	body.lr-home .elementor-element-ba0d1d3, body.lr-home .elementor-element-ba0d1d3 > .e-con, body.lr-home .elementor-element-ba0d1d3 > .e-con > .e-con { max-height: none !important; }
	body.lr-home .elementor-element-0dad2da { height: auto !important; min-height: 0 !important; max-height: none !important; padding: 16px 12px 40px !important; border-radius: 0 0 60px 60px !important; display: block !important; overflow: hidden; }
	body.lr-home .elementor-element-4222991, body.lr-home .elementor-element-7f05976 { display: none !important; }
	body.lr-home .elementor-element-e122d81 { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: block !important; }
	body.lr-home .elementor-element-0dad2da .elementor-absolute { position: relative !important; width: 100% !important; inset: auto !important; transform: none !important; }
	body.lr-home .elementor-element-0dad2da .hotspots-container, body.lr-home .elementor-element-0dad2da .hotspots-interaction, body.lr-home .elementor-element-0dad2da .hotspots-image-container { width: 100% !important; max-width: 100% !important; height: auto !important; }
	body.lr-home .elementor-element-0dad2da .hotspots-map-container { display: none !important; }
	body.lr-home .elementor-element-0dad2da img.hotspots-image { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; opacity: 1 !important; visibility: visible !important; position: static !important; }
	body.lr-home .elementor-element-ba0d1d3 { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; padding: 0 14px !important; margin-top: -30px !important; position: relative; z-index: 2; }
	body.lr-home .elementor-element-ba0d1d3 > .e-con { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; padding: 0 !important; }
	body.lr-home .elementor-element-ba0d1d3 > .e-con > .e-con { width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 8px !important; border-radius: 20px !important; justify-content: center; }
	body.lr-home .elementor-element-ba0d1d3 img { width: 100% !important; max-width: 110px !important; height: auto !important; margin: 0 auto !important; }
	body.lr-home .elementor-element-c675047 { height: auto !important; min-height: 0 !important; padding: 26px 0 8px !important; }
	body.lr-home .elementor-element-af0d4a2 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; justify-content: center !important; gap: 14px !important; }
	body.lr-home .elementor-element-90aa5b8, body.lr-home .elementor-element-b6413ef { min-width: 0 !important; width: 30px !important; flex: 0 0 30px !important; }
	body.lr-home .elementor-element-0d4a8f0 { min-width: 0 !important; width: auto !important; flex: 0 1 auto !important; }
	body.lr-home .elementor-element-da7eefe { overflow: hidden !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	body.lr-home .elementor-element-ba0d1d3 > .e-con { grid-template-columns: repeat(6, 1fr) !important; }
	body.lr-home .elementor-element-0dad2da { padding: 20px 40px 60px !important; border-radius: 0 0 140px 140px !important; }
}

/* Language pop-up (Elementor pop-up 768) on phones */
@media (max-width: 767px) {
	#elementor-popup-modal-768 .dialog-widget-content { width: calc(100% - 32px) !important; max-width: 460px !important; height: auto !important; min-height: 0 !important; border-radius: 28px !important; overflow: hidden !important; margin: auto !important; }
	#elementor-popup-modal-768 .dialog-message { width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; padding: 0 !important; }
	#elementor-popup-modal-768 .elementor-768 { width: 100% !important; height: auto !important; }
	#elementor-popup-modal-768 .elementor-element-487995c5 { width: 100% !important; height: auto !important; min-height: 0 !important; padding: calc(42.7% + 14px) 14px 6px !important; background-color: #fff !important; background-size: 100% auto !important; background-repeat: no-repeat !important; background-position: top center !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 12px !important; border-radius: 0 !important; }
	#elementor-popup-modal-768 .elementor-element-77f0b4e, #elementor-popup-modal-768 .elementor-element-6305bce { width: auto !important; max-width: none !important; flex: 1 1 0 !important; margin: 0 !important; position: static !important; }
	#elementor-popup-modal-768 .elementor-button { width: 100% !important; font-size: 18px !important; padding: 12px 10px !important; letter-spacing: .02em !important; text-align: center; justify-content: center; }
	#elementor-popup-modal-768 .elementor-element-7bb2b9d8 { height: auto !important; min-height: 0 !important; padding: 8px 0 14px !important; background: #fff !important; }
	#elementor-popup-modal-768 .elementor-element-573fa686 { width: 100% !important; height: auto !important; }
}


/* ==========================================================================
   Age groups — sun, balloon, planet and light bulb from the home page picture.
   A little bigger than the category cards; youngest first (on the right in Arabic).
   ========================================================================== */
.lr-ages { padding-top: clamp(30px, 5vw, 48px); }
.lr-ages__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 220px)); justify-content: center; gap: clamp(12px, 2vw, 26px); }
.lr-age {
	display: flex; flex-direction: column; align-items: center; background: #fff; border-radius: var(--lr-r);
	box-shadow: var(--lr-shadow); overflow: hidden; text-decoration: none !important; padding-bottom: 14px;
	transition: transform .2s ease, box-shadow .2s ease;
}
.lr-age:hover { transform: translateY(-6px); box-shadow: var(--lr-shadow-up); }
.lr-age__sky {
	align-self: stretch; height: 122px; display: flex; align-items: center; justify-content: center;
	background: linear-gradient(180deg, var(--lr-sky-2) 0%, var(--lr-sky) 60%, #fff 100%); margin-bottom: 4px;
}
.lr-age__sky img { width: auto; height: auto; transition: transform .3s ease; }
.lr-age--sun img { width: 84px; }
.lr-age--balloon img { width: 56px; }
.lr-age--planet img { width: 104px; }
.lr-age--bulb img { width: 54px; }
.lr-age:hover .lr-age__sky img { transform: translateY(-6px) rotate(-4deg); }
.lr-age__num { font: 800 28px/1.1 var(--lr-font); }
.lr-age--sun .lr-age__num { color: var(--lr-orange); }
.lr-age--balloon .lr-age__num { color: var(--lr-coral); }
.lr-age--planet .lr-age__num { color: var(--lr-teal-btn); }
.lr-age--bulb .lr-age__num { color: #7A57C2; }
.lr-age__label { margin-top: 2px; font: 700 16px/1.3 var(--lr-font); color: var(--lr-blue); }
@media (prefers-reduced-motion: no-preference) {
	.lr-age--balloon img { animation: lr-bob 4.5s ease-in-out infinite; }
	.lr-age--sun img { animation: lr-spin 40s linear infinite; }
}
@media (max-width: 767px) {
	.lr-ages__grid { grid-template-columns: repeat(2, minmax(0, 150px)); gap: 12px; }
	.lr-age { border-radius: 22px; padding-bottom: 10px; }
	.lr-age__sky { height: 88px; }
	.lr-age--sun img { width: 62px; }
	.lr-age--balloon img { width: 42px; }
	.lr-age--planet img { width: 80px; }
	.lr-age--bulb img { width: 40px; }
	.lr-age__num { font-size: 22px; }
	.lr-age__label { font-size: 14px; }
}

/* Home page: our cards replace the old picture cards (whose labels were part of the images) */
.lr-home-extras { position: relative; z-index: 2; font-family: var(--lr-font); }
body.lr-home-extras-on .elementor-element-ba0d1d3 { display: none !important; }
body.lr-home .lr-home-extras .lr-cats--overlap { margin-top: -60px; }
@media (max-width: 1024px) { body.lr-home .lr-home-extras .lr-cats--overlap { margin-top: -40px; } }
@media (max-width: 767px) { body.lr-home .lr-home-extras .lr-cats--overlap { margin-top: -26px; } }

/* ==========================================================================
   Welcome pop-up: choose a language (shown once, remembered for a year)
   ========================================================================== */
.lr-welcome {
	position: fixed; inset: 0; z-index: 100005; display: grid; place-items: center; padding: 16px;
	background: rgba(14, 34, 52, .55); opacity: 0; transition: opacity .25s ease; font-family: var(--lr-font);
}
.lr-welcome.is-open { opacity: 1; }
.lr-welcome__box {
	position: relative; width: min(100%, 560px); background: #fff; border-radius: 44px; overflow: hidden;
	box-shadow: 0 30px 70px rgba(14, 34, 52, .4); transform: translateY(16px) scale(.97); transition: transform .3s ease;
}
.lr-welcome.is-open .lr-welcome__box { transform: none; }
.lr-welcome__art { line-height: 0; }
.lr-welcome__art img { display: block; width: 100%; height: auto; }
.lr-welcome__choices {
	position: absolute; left: 0; right: 0; top: calc((100% - 58px) * .62); display: flex; justify-content: center; gap: 18px; padding-inline: 16px;
}
.lr-welcome__btn {
	min-width: 120px; text-align: center; background: #3CC3F0; color: #fff !important; text-decoration: none !important;
	font: 600 25px/1 var(--lr-font); letter-spacing: .04em; padding: 13px 18px; border-radius: 20px;
	box-shadow: 0 6px 16px rgba(1, 130, 213, .3); transition: transform .15s ease, background .15s ease;
}
.lr-welcome__btn:hover { background: #1FAFE3; transform: translateY(-2px); }
.lr-welcome__btn:focus { outline: none; }
.lr-welcome__btn:focus-visible, .lr-welcome__close:focus-visible { outline: 3px solid #fff; outline-offset: 3px; box-shadow: 0 0 0 6px #1FAFE3; }
.lr-welcome__box:focus { outline: none; }
.lr-welcome__social { display: flex; justify-content: center; padding: 12px 0 14px; }
.lr-social--welcome { gap: 22px; }
.lr-social--welcome a { color: #263645; font-size: 20px; }
.lr-welcome__close {
	position: absolute; top: 12px; inset-inline-end: 14px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; border: 0;
	background: rgba(255, 255, 255, .85); color: var(--lr-ink); display: grid; place-items: center; font-size: 14px; cursor: pointer;
}
@media (max-width: 520px) {
	.lr-welcome__box { border-radius: 30px; }
	.lr-welcome__choices { position: static; padding: 16px 16px 4px; gap: 12px; }
	.lr-welcome__btn { flex: 1 1 0; min-width: 0; font-size: 20px; padding: 13px 10px; border-radius: 16px; }
}


/* ==========================================================================
   Home page slideshow (the home picture first, then offers and news)
   ========================================================================== */
body.lr-slider-on .elementor-element-0dad2da { display: none !important; }
.lr-slider { position: relative; font-family: var(--lr-font); }
.lr-slider__band {
	position: relative; background: var(--lr-sky);
	border-radius: 0 0 clamp(60px, 17vw, 250px) clamp(60px, 17vw, 250px);
	padding: 8px clamp(56px, 8vw, 120px) 78px;
}
.lr-slider__viewport { max-width: 900px; margin: 0 auto; overflow: hidden; border-radius: 28px; }
.lr-slider__track { display: flex; align-items: stretch; transition: transform .6s cubic-bezier(.22, .8, .24, 1); will-change: transform; }
.lr-slide { flex: 0 0 100%; min-width: 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.lr-slide__banner { display: block; width: 100%; line-height: 0; }
.lr-slide__banner img { display: block; width: 100%; height: auto; }

/* The real "Shop now" button on the home picture */
.lr-slide__banner { position: relative; container-type: inline-size; }
.lr-slide__banner-link { display: block; line-height: 0; }
.lr-slide__cta {
	position: absolute; translate: -50% -50%; z-index: 2; white-space: nowrap;
	font-size: clamp(12px, 1.6cqw, 18px) !important; padding: .7em 1.8em !important; box-shadow: 0 .38em 0 var(--lr-teal-btn-h);
}
.lr-slide__cta:hover { box-shadow: 0 .5em 0 #0a7471; }

/* The home picture's sun and balloon move, like the ones in the other banners */
.lr-hero-mover { position: absolute; z-index: 1; height: auto; pointer-events: none; }
.lr-hero-mover--sun { transform-origin: 50% 50%; }
.lr-slide__split-artbox { position: relative; width: 94%; margin: auto auto 0; line-height: 0; }
.lr-slide__split-artbox .lr-slide__split-art { width: 100%; margin: 0; }

/* Phones: the home picture split in two (words and button on top, book on the globe below) */
.lr-slide__split { display: none; }
@media (max-width: 767px) {
	.lr-slide--split { flex-direction: column; justify-content: flex-start; }
	.lr-slide--split .lr-slide__banner { display: none; }
	.lr-slide--split .lr-slide__split { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 100%; text-align: center; }
	/* One centred column: words, button, then the book on the globe */
	.lr-slide__split-words { display: block; width: 56%; line-height: 0; margin: 6px auto 0;
		-webkit-mask-image: radial-gradient(ellipse at center, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse at center, #000 62%, transparent 100%); }
	.lr-slide__split-words img { display: block; width: 100%; height: auto; }
	.lr-slide__split-cta { margin: 6px auto 8px; font-size: .95rem !important; padding: .62em 1.8em !important; box-shadow: 0 4px 0 var(--lr-teal-btn-h); }
	.lr-slide__split-art { display: block; width: 94%; height: auto; margin: auto auto 0; }
}

/* Text slides: heading, line, button and a picture, on a soft coloured card */
.lr-slide--text { padding: 10px 0; }
.lr-slide__in {
	position: relative; width: 100%; height: 100%; min-height: 300px; box-sizing: border-box; border-radius: 28px; overflow: hidden;
	display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 20px; padding: 18px clamp(22px, 4vw, 48px);
	background: linear-gradient(160deg, #ffffff 0%, #CFEFFC 100%);
}
.lr-slide--sun .lr-slide__in { background: linear-gradient(160deg, #FFFBEA 0%, #FFE9A8 100%); }
.lr-slide--rose .lr-slide__in { background: linear-gradient(160deg, #FFF6F8 0%, #FBD3DD 100%); }
.lr-slide--mint .lr-slide__in { background: linear-gradient(160deg, #F4FFFA 0%, #C6EEDF 100%); }
.lr-slide__text { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.lr-slide__badge { font: 800 13px var(--lr-font); letter-spacing: .04em; color: #fff; background: var(--lr-coral); padding: 4px 12px; border-radius: 999px; }
.lr-slide__title { margin: 0; font: 800 clamp(30px, 4vw, 54px)/1.15 var(--lr-font); color: var(--lr-blue); text-wrap: balance; }
.lr-slide--sun .lr-slide__title { color: #D9480F; }
.lr-slide--rose .lr-slide__title { color: #C2255C; }
.lr-slide--mint .lr-slide__title { color: #0B7A6F; }
.lr-slide__sub { margin: 0; font: 600 clamp(16px, 1.6vw, 20px)/1.6 var(--lr-font); color: var(--lr-ink); max-width: 30ch; }
.lr-slide__text .lr-btn { margin-top: 6px; }
.lr-slide__pic { display: flex; justify-content: center; align-items: center; }
.lr-slide__pic img { max-width: 100%; max-height: 330px; width: auto; height: auto; }
.lr-slide__sp1, .lr-slide__sp2 { position: absolute; z-index: 0; height: auto; }
.lr-slide__sp1 { width: 22px; top: 18px; inset-inline-end: 42%; }
.lr-slide__sp2 { width: 16px; bottom: 22px; inset-inline-start: 46%; }

/* Arrows (the round teal arrows from the home page) and dots */
.lr-slider__arrow {
	position: absolute; top: calc(50% - 35px); transform: translateY(-50%); z-index: 3;
	width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer;
	filter: drop-shadow(0 6px 10px rgba(1, 130, 213, .25)); transition: transform .15s ease;
}
.lr-slider__arrow img { display: block; width: 100%; height: 100%; }
.lr-slider__arrow:hover { transform: translateY(-50%) scale(1.08); }
.lr-slider__arrow:focus-visible { outline: 3px solid var(--lr-orange); outline-offset: 3px; }
.lr-slider__arrow--left { left: clamp(4px, 2.5vw, 48px); }
.lr-slider__arrow--right { right: clamp(4px, 2.5vw, 48px); }
.lr-slider__dots { display: flex; justify-content: center; gap: 8px; margin-top: 14px; }
.lr-slider__dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: #A9DDF3; cursor: pointer; transition: width .25s ease, background .25s ease; }
.lr-slider__dot[aria-current="true"] { width: 28px; background: var(--lr-teal-btn); }
.lr-slider__dot:focus-visible { outline: 3px solid var(--lr-orange); outline-offset: 2px; }
.lr-slider--single .lr-slider__band { padding-inline: 16px; }
@media (prefers-reduced-motion: reduce) { .lr-slider__track { transition: none; } }

@media (max-width: 767px) {
	.lr-slider__band { border-radius: 0 0 60px 60px; padding: 6px 12px 52px; }
	.lr-slider__viewport { border-radius: 18px; }
	/* On phones the arrows sit beside the dots under the slide, so they never cover it */
	.lr-slider__band { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "v v v" "l d r"; align-items: center; row-gap: 4px; padding-bottom: 34px; }
	.lr-slider--single .lr-slider__band { display: block; }
	.lr-slider__viewport { grid-area: v; width: 100%; }
	.lr-slider__arrow { position: static; transform: none; width: 44px; height: 44px; display: grid; place-items: center; }
	.lr-slider__arrow img { width: 29px; height: 29px; }
	.lr-slider__arrow:hover { transform: scale(1.08); }
	.lr-slider__arrow--left { grid-area: l; margin-inline-start: 18%; }
	.lr-slider__arrow--right { grid-area: r; margin-inline-end: 18%; }
	.lr-slider[dir="rtl"] .lr-slider__arrow--left { grid-area: r; margin: 0 0 0 0; margin-inline-end: 18%; }
	.lr-slider[dir="rtl"] .lr-slider__arrow--right { grid-area: l; margin: 0; margin-inline-start: 18%; }
	.lr-slider__dots { grid-area: d; margin-top: 0; }
	.lr-slide__in { grid-template-columns: 1fr; align-content: center; min-height: 0; text-align: center; gap: 8px; padding: 14px 18px 18px; border-radius: 18px; }
	.lr-slide__text { align-items: center; gap: 6px; }
	.lr-slide__sub { font-size: 14.5px; }
	.lr-slide__pic { order: -1; }
	.lr-slide__pic img { max-height: 200px; }
	.lr-slide__title { font-size: 30px; }
	.lr-slide__text .lr-btn { padding: .7em 1.4em; font-size: .95rem; }
}


/* ==========================================================================
   Featured books carousel
   ========================================================================== */
body.lr-home-extras-on .elementor-element-c675047,
body.lr-home-extras-on .elementor-element-da7eefe { display: none !important; }
.lr-featured2 { padding-top: clamp(30px, 5vw, 48px); padding-bottom: 10px; }
.lr-pcar { display: flex; align-items: center; gap: 12px; }
/* Keep the left arrow on the left and the right arrow on the right in Arabic as well */
.lr-pcar__arrow--left { order: -1; }
.lr-pcar__arrow--right { order: 3; }
[dir="rtl"] .lr-pcar__arrow--left { order: 3; }
[dir="rtl"] .lr-pcar__arrow--right { order: -1; }
.lr-pcar__viewport { flex: 1 1 auto; min-width: 0; overflow: hidden; padding: 8px 4px 16px; }
.lr-pcar__track { --lr-per: 5; list-style: none; margin: 0; padding: 0; display: flex; gap: 18px; transition: transform .55s cubic-bezier(.22, .8, .24, 1); will-change: transform; }
.lr-pcar__item { flex: 0 0 calc((100% - (var(--lr-per) - 1) * 18px) / var(--lr-per)); min-width: 0; }
.lr-pcar__item a { display: block; position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 16px rgba(30, 58, 86, .18); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.lr-pcar__item a:hover { transform: translateY(-6px); box-shadow: var(--lr-shadow-up); }
.lr-pcar__item a:focus-visible { outline: 3px solid var(--lr-orange); outline-offset: 3px; }
.lr-pcar__item img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.lr-pcar__name { position: absolute; inset: auto 0 0; padding: 18px 10px 8px; background: linear-gradient(transparent, rgba(14, 34, 52, .7)); color: #fff; font: 700 14px var(--lr-font); text-align: center; opacity: 0; transition: opacity .2s ease; }
.lr-pcar__item a:hover .lr-pcar__name, .lr-pcar__item a:focus-visible .lr-pcar__name { opacity: 1; }
.lr-pcar__arrow { flex: none; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; border-radius: 50%; cursor: pointer; display: grid; place-items: center; filter: drop-shadow(0 4px 8px rgba(1, 130, 213, .22)); transition: transform .15s ease; }
.lr-pcar__arrow img { width: 34px; height: 34px; }
.lr-pcar__arrow:hover { transform: scale(1.1); }
.lr-pcar__arrow:focus-visible { outline: 3px solid var(--lr-orange); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .lr-pcar__track { transition: none; } }
@media (max-width: 1024px) { .lr-pcar__track { --lr-per: 3; } }
@media (max-width: 767px) {
	.lr-pcar { gap: 4px; }
	.lr-pcar__track { --lr-per: 2; gap: 12px; }
	.lr-pcar__item { flex-basis: calc((100% - 12px) / 2); }
	.lr-pcar__arrow { width: 36px; height: 36px; }
	.lr-pcar__arrow img { width: 28px; height: 28px; }
}

/* ==========================================================================
   Tablet
   ========================================================================== */
@media (max-width: 1024px) {
	.lr-topbar__links { gap: 18px; }
	.lr-social--head { display: none; }
	.lr-mid__in { min-height: 88px; }
	.lr-logo img { height: 64px; }
	.lr-nav__in { gap: 34px; overflow-x: auto; justify-content: center; scrollbar-width: none; }
	.lr-nav__in::-webkit-scrollbar { display: none; }
	.lr-cats { grid-template-columns: repeat(3, 1fr); }
	.lr-cats--overlap { margin-top: -70px; }
	.lr-values { grid-template-columns: repeat(2, 1fr); }
	.lr-reach { grid-template-columns: repeat(2, 1fr); }
	.lr-footer__cols { grid-template-columns: 1fr 1fr; }
	.lr-hero__sun { inset-inline-end: 46%; }
	.wc-block-product-template.columns-3, .wc-block-product-template.columns-4 { grid-template-columns: repeat(3, 1fr) !important; }
}

/* ==========================================================================
   Phone
   ========================================================================== */
@media (max-width: 767px) {
	.lr-topbar { font-size: 12.5px; }
	.lr-topbar__in { min-height: 32px; justify-content: center; }
	.lr-topbar__links a:not(.lr-lang) { display: none; }
	.lr-topbar__msg { flex: 1; text-align: start; }
	.lr-lang { padding: 2px 10px; }

	.lr-mid__in { grid-template-columns: 44px 1fr auto; grid-template-areas: "burger logo actions" "search search search"; gap: 8px 10px; min-height: 0; padding-block: 8px 12px; }
	.lr-burger {
		grid-area: burger; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 14px;
		background: var(--lr-sky); color: var(--lr-blue); font-size: 20px; cursor: pointer;
	}
	.lr-logo { grid-area: logo; }
	.lr-logo img { height: 56px; }
	.lr-actions { grid-area: actions; gap: 16px; }
	.lr-act { font-size: 22px; }
	.lr-search { grid-area: search; width: 100%; justify-self: stretch; }
	.lr-search input[type="search"] { height: 42px; }
	.lr-nav { display: none; }

	.lr-hero { min-height: 0; padding: 26px 0 0; border-radius: 0 0 60px 60px; }
	.lr-hero__in { grid-template-columns: 1fr; text-align: center; gap: 14px; }
	.lr-hero__text { padding-bottom: 0; }
	.lr-hero__title::after { margin-inline: auto; }
	.lr-hero__sub { margin-inline: auto; }
	.lr-hero__main { width: min(82%, 300px); }
	.lr-hero--small .lr-hero__text { padding-bottom: 0; }
	.lr-hero--small .lr-hero__main { width: min(62%, 220px); }
	.lr-hero__sun { width: 56px; top: 10px; inset-inline-end: 8%; }
	.lr-hero__balloon { width: 34px; top: 12px; inset-inline-end: auto; inset-inline-start: 5%; }
	.lr-hero__cloud1 { opacity: .6; }
	.lr-hero__cloud1 { width: 90px; top: 14px; inset-inline-end: auto; inset-inline-start: -10px; }
	.lr-hero > .lr-hero__cloud2, .lr-hero > .lr-hero__planet, .lr-hero > .lr-hero__sp2, .lr-hero > .lr-hero__sp3 { display: none; }
	.lr-hero__sp1 { top: 16px; inset-inline-start: 70%; }
	.lr-hero--shop .lr-hero__text { padding-bottom: 0; }
	.lr-hero--shop .lr-hero__main { width: min(82%, 300px); margin-bottom: 50px; }

	.lr-cats { grid-template-columns: repeat(3, 1fr); gap: 10px; }
	.lr-cats--overlap { margin-top: -54px; }
	.lr-cat { border-radius: 20px; padding: 10px 4px 10px; }
	.lr-cat img { height: 64px; }
	.lr-cat span { font-size: 12.5px; }

	.lr-stitle { gap: 16px; }
	.lr-stitle img { width: 26px; }

	.lr-split, .lr-contact { grid-template-columns: 1fr; }
	.lr-steps, .lr-strip { grid-template-columns: 1fr; }
	.lr-values { grid-template-columns: 1fr 1fr; gap: 12px; }
	.lr-value { padding: 18px 12px; border-radius: 22px; }
	.lr-value svg { width: 54px; height: 54px; }
	.lr-value h3 { font-size: 16px; }
	.lr-value p { font-size: 13.5px; }
	.lr-steps { gap: 34px; }
	.lr-reach { grid-template-columns: 1fr 1fr; gap: 12px; }
	.lr-reach__card { padding: 20px 10px 16px; border-radius: 22px; }
	.lr-reach__ico { width: 52px; height: 52px; font-size: 24px; border-radius: 18px; }
	.lr-reach__card strong { font-size: 17px; }
	.lr-reach__note { font-size: 12.5px; }
	.lr-reach__handle { font-size: 13px; }
	.lr-form__row { grid-template-columns: 1fr; }
	.lr-contact__aside { padding: 22px 22px 100px; }
	.lr-policy__item summary { font-size: 18px; padding: 16px; gap: 12px; }
	.lr-policy__ico svg { width: 38px; height: 38px; }
	.lr-policy__item p, .lr-page[dir="rtl"] .lr-policy__item p { padding: 0 18px 18px; }

	.lr-perks { gap: 18px; padding-bottom: 20px; }
	.lr-perks li { font-size: 15px; }
	.lr-perks__ico { width: 52px; height: 52px; font-size: 24px; }
	.lr-footer__cols { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
	.lr-footer__brand { grid-column: 1 / -1; text-align: center; }
	.lr-footer__brand p { margin-inline: auto; }
	.lr-footer__follow { grid-column: 1 / -1; text-align: center; }
	.lr-footer__follow .lr-social { justify-content: center; }

	.wc-block-product-template, .wc-block-product-template.columns-3, .wc-block-product-template.columns-4,
	.woocommerce ul.products, ul.products { grid-template-columns: repeat(2, 1fr) !important; display: grid !important; gap: 12px !important; }
	ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; }
	.wc-block-product-template .wc-block-product, ul.products li.product { padding: 10px 10px 14px !important; border-radius: 22px; }
	.wc-block-product .wp-block-post-title, ul.products li.product .woocommerce-loop-product__title { font-size: 15.5px !important; }
	.wc-block-product .wc-block-components-product-price { font-size: 16px !important; }
	.wc-block-components-product-button__button, .woocommerce ul.products li.product .button { font-size: 13px !important; padding: 11px 12px !important; width: 100%; }
	body.single-product .wp-block-columns.alignwide { border-radius: 24px; }
	body.single-product form.cart .single_add_to_cart_button { flex: 1; }
	.woocommerce table.shop_table_responsive tr td { padding: 10px 14px !important; }
}

@media (max-width: 380px) {
	.lr-topbar__msg { font-size: 11.5px; }
	.lr-actions { gap: 12px; }
	.lr-reach { grid-template-columns: 1fr; }
}