/* Siyag store: paste this whole file into Salla's CSS box (theme Raed).
   The look comes from siyagenglish.com: light ground, ink, lime only for the next action.
   Arabic text never animates. Only the band moves, and its Arabic has no letter marks. */

/* ---------- fonts ---------- */
@font-face { font-family: "Alexandria"; font-weight: 100 900; font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v6/UMBXrPdDqW66y0Y2usFeaijdA5E64BdCIg.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Alexandria"; font-weight: 100 900; font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v6/UMBXrPdDqW66y0Y2usFeai3dA5E64Bc.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD; }
@font-face { font-family: "Plex Arabic"; font-weight: 700; font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YOG-eCRXMRrKATtYV0.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }

/* ---------- tokens ---------- */
html:root {
  --color-primary: #dafa9c !important;
  --color-primary-dark: #c9ee7f !important;
  --color-primary-light: #eefcd2 !important;
  --color-primary-reverse: #0f0f0f !important;
  --font-main: "Alexandria" !important;
  --sy-bg: #f9f9f9; --sy-surface: #eeeeee; --sy-line: #dedede;
  --sy-ink: #111111; --sy-soot-2: #262626; --sy-muted: #666666; --sy-lime: #dafa9c;
  --sy-head: "Plex Arabic", "Alexandria", system-ui, sans-serif;
  --sy-gutter: clamp(16px, 2.2vw, 32px); --sy-card-body: 138px;
}
html, body.theme-raed, body.theme-raed .app-inner, body.theme-raed main { background: var(--sy-bg) !important; }
body.theme-raed { color: var(--sy-ink) !important; font-family: "Alexandria", system-ui, sans-serif !important; -webkit-font-smoothing: antialiased; }
body.theme-raed ::selection { background: var(--sy-lime); color: #0f0f0f; }
body.theme-raed .container { max-width: 1320px !important; padding-inline: var(--sy-gutter) !important; }
body.theme-raed .text-primary, body.theme-raed a:hover { color: var(--sy-ink) !important; }

/* ---------- buttons: one full-round shape, lime is the next action ---------- */
body.theme-raed .s-button-element, body.theme-raed .btn { border-radius: 999px !important; font-weight: 500 !important; transform: none !important; transition: background-color .2s, color .2s, border-color .2s !important; }
body.theme-raed .s-button-solid.s-button-primary, body.theme-raed .btn--primary { background: var(--sy-lime) !important; color: #0f0f0f !important; border-color: var(--sy-lime) !important; min-height: 52px; }
body.theme-raed .s-button-solid.s-button-primary:hover, body.theme-raed .btn--primary:hover { background: #c9ee7f !important; }
body.theme-raed .s-button-primary-outline, body.theme-raed .s-button-outline.s-button-primary { background: transparent !important; color: var(--sy-ink) !important; border-color: var(--sy-ink) !important; }

/* ---------- header: the wordmark on the ground, no search, no box, no shadow ---------- */
body.theme-raed .top-navbar, body.theme-raed .container--breadcrumbs { display: none !important; }
body.theme-raed .store-header, body.theme-raed #mainnav, body.theme-raed #mainnav .inner { background: var(--sy-bg) !important; box-shadow: none !important; }
body.theme-raed #mainnav { height: 76px !important; }
body.theme-raed .navbar-brand img { display: none !important; }
body.theme-raed .navbar-brand { display: flex !important; align-items: center; margin: 0 !important; }
body.theme-raed .navbar-brand::after { content: ""; display: block; flex: none; width: 125px; height: 40px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2210 38 564 180%22 width=%22564%22 height=%22180%22 role=%22img%22%3E%3Ctitle%3Esiyag%3C/title%3E%3Cpath d=%22M147.52 46.92 215.01 55.21Q225.7 56.52 232.33 65.01Q238.96 73.5 237.65 84.18L225.46 183.44Q224.15 194.13 215.66 200.76Q207.17 207.39 196.48 206.08L156.01 201.11Q153.54 200.8 152.01 198.85Q150.48 196.89 150.78 194.42Q150.94 193.15 151.6 192.06Q153.04 189.66 154.09 186.97Q157.11 179.25 156.09 170.96L143.91 71.71Q142.83 62.91 137.97 56.34Q136.49 54.34 136.86 51.88Q137.23 49.42 139.23 47.94Q140.63 46.91 142.36 46.78Q144.9 46.6 147.52 46.92Z%22 fill=%22%23111111%22/%3E%3Cg transform=%22translate(191.5 126.5) scale(0.42) translate(-120 -143)%22%3E%3Cpath d=%22M112.81 236.0Q139.66 236.0 157.01 230.98Q174.36 225.97 182.9 215.66Q191.44 205.36 191.44 189.09Q191.44 174.72 185.75 166.86Q180.06 159.0 171.52 155.61Q162.98 152.22 154.43 151.54Q145.89 150.86 140.2 150.86H96.82Q94.11 150.86 92.07 150.59Q90.04 150.32 88.95 149.64Q87.87 148.97 87.87 147.61Q87.87 145.44 90.45 143.41Q93.02 141.37 97.63 139.48Q101.97 140.56 108.07 141.1Q114.17 141.64 120.14 141.64Q139.66 141.64 152.4 137.17Q165.14 132.7 171.24 124.83Q177.35 116.97 177.35 106.94Q177.35 96.91 169.35 89.72Q161.35 82.54 138.84 79.55V77.38L187.92 83.62V50.0H116.61Q96.82 50.0 82.99 55.83Q69.16 61.66 61.98 71.96Q54.79 82.27 54.79 96.36Q54.79 112.36 63.47 122.39Q72.14 132.43 86.79 135.95V137.85Q70.52 137.85 63.33 144.08Q56.15 150.32 56.15 158.18Q56.15 166.59 64.01 171.33Q71.87 176.08 85.7 176.08V177.43Q67.53 180.15 58.05 187.33Q48.56 194.52 48.56 206.45Q48.56 215.12 54.52 221.77Q60.49 228.41 74.58 232.2Q88.68 236.0 112.81 236.0ZM117.42 117.78Q111.46 117.78 107.26 115.34Q103.05 112.9 100.88 108.29Q98.72 103.69 98.72 97.45Q98.72 87.96 103.73 82.13Q108.75 76.3 117.15 76.3Q125.83 76.3 130.71 82.13Q135.59 87.96 135.59 97.45Q135.59 106.94 130.85 112.36Q126.1 117.78 117.42 117.78ZM112.81 197.5Q103.87 197.5 97.22 196.96Q90.58 196.41 86.92 194.65Q83.26 192.89 83.26 189.09Q83.26 185.84 86.38 183.26Q89.5 180.69 98.17 177.71H134.78Q136.67 177.71 139.79 177.84Q142.91 177.98 146.16 178.93Q149.42 179.87 151.59 182.04Q153.76 184.21 153.76 188.01Q153.76 190.72 151.05 192.89Q148.33 195.06 139.66 196.28Q130.98 197.5 112.81 197.5Z%22 fill=%22%23f9f9f9%22/%3E%3C/g%3E%3Cpath d=%22M40.49 58.21 107.98 49.92C122.24 48.17 135.21 58.31 136.96 72.56L149.15 171.82C150.9 186.07 140.76 199.04 126.51 200.79L59.02 209.08C44.76 210.83 31.79 200.69 30.04 186.44L17.85 87.18C16.1 72.93 26.24 59.96 40.49 58.21Z%22 fill=%22%23dafa9c%22/%3E%3Cg transform=%22translate(84.0 128.5) scale(0.56) translate(-127 -122)%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M145 102L190 57C197 50 216 54 216 74V128C216 173 160 207 92 207C69 207 52 202.5 45.5 189.5L39.5 176C37 170 42 166 48 168C62 172 78 175 96 175C130 175 160 165 184 146H158Q151 146 149.23 139L141.46 110Q140 105 145 102ZM184 85L194 95L184 105L174 95Z%22 fill=%22%23111111%22/%3E%3Cpath d=%22M175.51 37L188.51 50L175.51 63L162.51 50ZM144.51 37L157.51 50L144.51 63L131.51 50Z%22 fill=%22%23111111%22/%3E%3C/g%3E%3Cg transform=%22translate(273.8 163.4) scale(0.8783)%22%3E%3Cpath d=%22M293.7 23.7Q308.55 23.7 318.15 20.924999999999997Q327.75 18.15 332.475 12.45Q337.2 6.75 337.2 -2.25Q337.2 -10.2 334.04999999999995 -14.549999999999999Q330.9 -18.9 326.17499999999995 -20.775Q321.45 -22.65 316.725 -23.025Q312.0 -23.4 308.84999999999997 -23.4H284.84999999999997Q283.34999999999997 -23.4 282.22499999999997 -23.549999999999997Q281.09999999999997 -23.7 280.5 -24.075Q279.9 -24.45 279.9 -25.2Q279.9 -26.4 281.325 -27.525Q282.75 -28.65 285.3 -29.7Q287.7 -29.099999999999998 291.075 -28.799999999999997Q294.45 -28.5 297.75 -28.5Q308.55 -28.5 315.6 -30.974999999999998Q322.65 -33.449999999999996 326.025 -37.8Q329.4 -42.15 329.4 -47.7Q329.4 -53.25 324.975 -57.224999999999994Q320.55 -61.199999999999996 308.09999999999997 -62.849999999999994V-64.05L335.25 -60.599999999999994V-79.2H295.8Q284.84999999999997 -79.2 277.2 -75.975Q269.55 -72.75 265.575 -67.05Q261.59999999999997 -61.349999999999994 261.59999999999997 -53.55Q261.59999999999997 -44.699999999999996 266.4 -39.15Q271.2 -33.6 279.3 -31.65V-30.599999999999998Q270.3 -30.599999999999998 266.325 -27.15Q262.34999999999997 -23.7 262.34999999999997 -19.349999999999998Q262.34999999999997 -14.7 266.7 -12.075Q271.05 -9.45 278.7 -9.45V-8.7Q268.65 -7.199999999999999 263.4 -3.2249999999999996Q258.15 0.75 258.15 7.35Q258.15 12.15 261.45 15.825Q264.75 19.5 272.54999999999995 21.6Q280.34999999999997 23.7 293.7 23.7ZM137.4 23.4Q146.1 23.4 152.925 21.15Q159.75 18.9 164.77499999999998 14.7Q169.79999999999998 10.5 173.1 4.725Q176.4 -1.05 178.05 -8.174999999999999Q179.7 -15.299999999999999 179.7 -23.4V-79.2H155.54999999999998V-54.75Q155.54999999999998 -48.3 154.79999999999998 -43.425Q154.04999999999998 -38.55 152.54999999999998 -35.325Q151.04999999999998 -32.1 148.725 -30.525Q146.4 -28.95 143.4 -28.95Q137.54999999999998 -28.95 134.85 -34.8Q132.15 -40.65 132.15 -53.4V-79.2H108.0V-47.1Q108.0 -34.05 110.85 -25.349999999999998Q113.7 -16.65 119.32499999999999 -12.299999999999999Q124.94999999999999 -7.949999999999999 133.5 -7.949999999999999Q140.4 -7.949999999999999 145.65 -11.1Q150.9 -14.25 153.975 -20.924999999999997Q157.04999999999998 -27.599999999999998 157.35 -38.1H158.7V-24.3Q158.7 -16.2 156.14999999999998 -10.575Q153.6 -4.95 148.575 -2.0250000000000004Q143.54999999999998 0.8999999999999999 136.2 0.8999999999999999Q130.95 0.8999999999999999 124.27499999999999 -1.2Q117.6 -3.3 112.2 -8.4L106.64999999999999 16.05Q111.3 18.599999999999998 116.69999999999999 20.25Q122.1 21.9 127.5 22.65Q132.9 23.4 137.4 23.4ZM293.7 2.4Q288.75 2.4 285.075 2.0999999999999996Q281.4 1.7999999999999998 279.375 0.825Q277.34999999999997 -0.15 277.34999999999997 -2.25Q277.34999999999997 -4.05 279.075 -5.475Q280.8 -6.8999999999999995 285.59999999999997 -8.549999999999999H305.84999999999997Q306.9 -8.549999999999999 308.625 -8.475Q310.34999999999997 -8.4 312.15 -7.875Q313.95 -7.35 315.15 -6.15Q316.34999999999997 -4.95 316.34999999999997 -2.85Q316.34999999999997 -1.3499999999999999 314.84999999999997 -0.1499999999999999Q313.34999999999997 1.05 308.54999999999995 1.725Q303.75 2.4 293.7 2.4ZM40.05 2.1Q51.449999999999996 2.1 59.25 -0.8999999999999999Q67.05 -3.9 71.1 -9.45Q75.14999999999999 -15.0 75.14999999999999 -22.349999999999998Q75.14999999999999 -29.25 72.14999999999999 -33.75Q69.14999999999999 -38.25 64.35 -41.025Q59.55 -43.8 54.0 -45.45Q48.449999999999996 -47.1 43.35 -48.15Q37.5 -49.5 33.825 -50.625Q30.15 -51.75 28.424999999999997 -53.325Q26.7 -54.9 26.7 -57.15Q26.7 -60.0 29.475 -61.875Q32.25 -63.75 37.35 -63.75Q41.85 -63.75 45.0 -62.175Q48.15 -60.599999999999994 49.8 -57.52499999999999Q51.449999999999996 -54.449999999999996 51.0 -50.1L71.7 -52.05Q72.89999999999999 -62.699999999999996 68.32499999999999 -69.14999999999999Q63.75 -75.6 55.8 -78.44999999999999Q47.85 -81.3 38.699999999999996 -81.3Q28.5 -81.3 20.7 -78.225Q12.9 -75.14999999999999 8.475 -69.375Q4.05 -63.599999999999994 4.05 -55.35Q4.05 -49.5 6.299999999999999 -45.525Q8.549999999999999 -41.55 12.899999999999999 -38.849999999999994Q17.25 -36.15 23.4 -34.2Q29.549999999999997 -32.25 37.199999999999996 -30.299999999999997Q43.35 -28.799999999999997 46.575 -27.674999999999997Q49.8 -26.55 51.0 -25.275Q52.199999999999996 -24.0 52.199999999999996 -22.05Q52.199999999999996 -18.3 48.824999999999996 -16.725Q45.449999999999996 -15.149999999999999 40.8 -15.149999999999999Q35.85 -15.149999999999999 32.4 -16.65Q28.95 -18.15 27.0 -21.375Q25.05 -24.599999999999998 24.75 -29.549999999999997L3.5999999999999996 -27.75Q3.15 -19.5 5.775 -13.725Q8.4 -7.949999999999999 13.425 -4.5Q18.45 -1.05 25.275 0.525Q32.1 2.1 40.05 2.1ZM206.25 2.1Q214.35 2.1 220.575 -1.2749999999999997Q226.79999999999998 -4.6499999999999995 230.625 -10.274999999999999Q234.45 -15.899999999999999 235.04999999999998 -22.65H235.95V0.0H256.95V-43.949999999999996Q256.95 -55.8 253.27499999999998 -64.125Q249.6 -72.45 241.95 -76.875Q234.29999999999998 -81.3 222.45 -81.3Q216.0 -81.3 209.475 -79.8Q202.95 -78.3 197.475 -74.775Q192.0 -71.25 188.85 -65.025Q185.7 -58.8 186.0 -49.35L207.6 -47.85Q207.45 -53.55 209.55 -56.625Q211.65 -59.699999999999996 214.95 -60.89999999999999Q218.25 -62.099999999999994 221.54999999999998 -62.099999999999994Q226.79999999999998 -62.099999999999994 230.02499999999998 -59.849999999999994Q233.25 -57.599999999999994 233.25 -53.25Q233.25 -51.15 231.825 -49.95Q230.39999999999998 -48.75 226.5 -47.849999999999994Q222.6 -46.949999999999996 214.79999999999998 -45.449999999999996Q209.25 -44.4 203.55 -42.974999999999994Q197.85 -41.55 193.05 -38.775Q188.25 -36.0 185.39999999999998 -31.424999999999997Q182.54999999999998 -26.849999999999998 182.54999999999998 -19.5Q182.54999999999998 -11.549999999999999 186.0 -6.824999999999999Q189.45 -2.1 194.85 0.0Q200.25 2.1 206.25 2.1ZM78.45 0.0H102.75V-79.2H78.45ZM216.29999999999998 -15.6Q212.4 -15.6 209.625 -17.625Q206.85 -19.65 206.85 -23.55Q206.85 -26.849999999999998 208.725 -28.724999999999998Q210.6 -30.599999999999998 213.6 -31.725Q216.6 -32.85 220.125 -33.525Q223.65 -34.199999999999996 227.1 -34.875Q230.50345458984373 -35.54089279174804 233.25 -36.717716217041016V-35.85Q233.25 -30.0 231.6 -26.025Q229.95 -22.05 227.325 -19.8Q224.7 -17.55 221.77499999999998 -16.575Q218.85 -15.6 216.29999999999998 -15.6ZM296.25 -41.699999999999996Q292.95 -41.699999999999996 290.625 -43.05Q288.3 -44.4 287.1 -46.95Q285.9 -49.5 285.9 -52.949999999999996Q285.9 -58.199999999999996 288.67499999999995 -61.425Q291.45 -64.64999999999999 296.09999999999997 -64.64999999999999Q300.9 -64.64999999999999 303.6 -61.425Q306.3 -58.199999999999996 306.3 -52.949999999999996Q306.3 -47.699999999999996 303.675 -44.699999999999996Q301.05 -41.699999999999996 296.25 -41.699999999999996Z%22 fill=%22%23111111%22/%3E%3Cpath d=%22M90.6 -122.45L108.1 -104.96L90.6 -87.46L73.1 -104.96Z%22 fill=%22%23111111%22/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
body.theme-raed .mburger i { color: var(--sy-ink) !important; }
body.theme-raed .s-cart-summary-content { display: none !important; }
body.theme-raed .s-user-menu-login-btn, body.theme-raed .s-cart-summary-wrapper { position: relative; width: 44px; height: 44px; display: inline-flex !important; align-items: center; justify-content: center; border: 0 !important; border-radius: 999px !important; background: var(--sy-surface) !important; transition: background-color .2s; }
body.theme-raed .s-user-menu-login-btn:hover, body.theme-raed .s-cart-summary-wrapper:hover { background: var(--sy-line) !important; }
body.theme-raed .s-cart-summary-wrapper > div, body.theme-raed .s-cart-summary-wrapper .header-btn__icon, body.theme-raed .s-cart-summary-wrapper .s-cart-summary-icon { background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.theme-raed .s-cart-summary-wrapper .s-cart-summary-count { background: var(--sy-ink) !important; color: #fff !important; }

/* ---------- hero: one big sentence, the course's cards rising from the edge ---------- */
body.theme-raed .s-block--hero-slider { position: relative; margin: 0 !important; padding: 0 !important; overflow: hidden; }
/* Salla's script hides the slider until it is ready, which blanked the title and cards on every refresh: keep them showing */
body.theme-raed .s-block--hero-slider salla-slider { display: block; visibility: visible !important; opacity: 1 !important; }
body.theme-raed .s-block--hero-slider salla-slider, body.theme-raed .s-block--hero-slider .swiper, body.theme-raed .s-block--hero-slider .swiper-wrapper, body.theme-raed .s-block--hero-slider [slot="items"] { height: auto !important; min-height: 0 !important; }
/* Salla's sample picture never shows */
body.theme-raed .s-block--hero-slider .swiper-slide .overlay-bg[style*="wizard/banners"] { visibility: hidden !important; }
body.theme-raed .s-block--hero-slider .home-slider__content { order: 1; }
body.theme-raed .s-block--hero-slider .home-slider__content { height: auto !important; padding: clamp(40px, 8vh, 88px) var(--sy-gutter) clamp(36px, 6vh, 64px) !important; }
body.theme-raed .home-slider__content > div { width: 100% !important; max-width: 1100px; color: var(--sy-ink) !important; }
body.theme-raed .home-slider__content h2 { margin: 0 0 18px !important; color: var(--sy-ink) !important; font: 700 clamp(2rem, 3.8vw, 3.25rem)/1.2 var(--sy-head) !important; letter-spacing: 0; text-wrap: balance; transform: none !important; opacity: 1 !important; }
body.theme-raed .home-slider__content .description { display: inline-block !important; -webkit-line-clamp: unset !important; overflow: visible !important; margin: 0; padding: 7px 18px; border-radius: 999px; background: var(--sy-lime); color: #0f0f0f; font-size: clamp(.875rem, .85rem + .1vw, .9375rem); font-weight: 500; transform: none !important; opacity: 1 !important; }
/* the band: what the course does best. It moves, so its Arabic carries no letter marks (Safari drops marks from moving text) */
body.theme-raed .s-block--hero-slider::after {
  content: "  من A1 إلى B2    /    ٦٤ وحدة    /    شرح عربي لكل خطأ    /    أسئلة تعلمك    /    جمل من الحياة اليومية    /    استماع وشادوينق    /    اختبارات تحدد مستواك    /    تعلم على وقتك    /    من A1 إلى B2    /    ٦٤ وحدة    /    شرح عربي لكل خطأ    /    أسئلة تعلمك    /    جمل من الحياة اليومية    /    استماع وشادوينق    /    اختبارات تحدد مستواك    /    تعلم على وقتك    /    من A1 إلى B2    /    ٦٤ وحدة    /    شرح عربي لكل خطأ    /    أسئلة تعلمك    /    جمل من الحياة اليومية    /    استماع وشادوينق    /    اختبارات تحدد مستواك    /    تعلم على وقتك    /    من A1 إلى B2    /    ٦٤ وحدة    /    شرح عربي لكل خطأ    /    أسئلة تعلمك    /    جمل من الحياة اليومية    /    استماع وشادوينق    /    اختبارات تحدد مستواك    /    تعلم على وقتك    /  ";
  display: block; width: max-content; padding: 9px 0; direction: rtl; unicode-bidi: isolate; white-space: pre;
  background: var(--sy-lime); color: #0f0f0f; font: 500 clamp(.875rem, 1.1vw, 1rem)/1.45 "Alexandria", system-ui, sans-serif; letter-spacing: 0;
}
@media (prefers-reduced-motion: no-preference) {
  body.theme-raed .s-block--hero-slider::after { animation: sy-band 45s linear infinite; }
  /* the band hangs from the right edge in RTL, so it travels right, by one of its four repeats */
  @keyframes sy-band { to { transform: translateX(25%); } }
}

/* ---------- courses: dark cards, two to a row, so IELTS sits beside General English ---------- */
body.theme-raed main > .s-block.container { margin-block: clamp(56px, 8vw, 112px) !important; }
body.theme-raed .s-products-list-wrapper { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; }
body.theme-raed .s-products-list-wrapper .s-product-card-entry {
  display: flex !important; flex-direction: column; width: 100% !important; max-width: none !important; min-height: 0; height: auto !important;
  overflow: hidden; padding: 0 !important; border: 0 !important; border-radius: 24px !important; background: var(--sy-ink) !important; color: #f9f9f9 !important; box-shadow: none !important; transform: none !important;
}
body.theme-raed .s-products-list-wrapper .s-product-card-image { position: relative; flex: none; width: 100% !important; aspect-ratio: 1; height: auto !important; min-height: 0; margin: 0 !important; overflow: hidden; border-radius: 0 !important; background: var(--sy-soot-2) !important; }
body.theme-raed .s-products-list-wrapper .s-product-card-image a { position: absolute; inset: 0; display: block; }
body.theme-raed .s-products-list-wrapper .s-product-card-image img { position: absolute; inset: 0; width: 100% !important; max-width: none; height: 100% !important; object-fit: cover !important; border-radius: 0; transform: none !important; box-shadow: none; }
body.theme-raed .s-products-list-wrapper .s-product-card-content { display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center; align-content: space-between; gap: 12px 18px; min-height: var(--sy-card-body); padding: 20px 24px !important; background: transparent !important; text-align: start; }
body.theme-raed .s-products-list-wrapper .s-product-card-content-main { grid-column: 1 / -1; margin: 0 !important; }
body.theme-raed .s-products-list-wrapper .s-product-card-content-title, body.theme-raed .s-products-list-wrapper .s-product-card-content-title a { margin: 0; color: #f9f9f9 !important; font: 700 clamp(1.25rem, 1.7vw, 1.5rem)/1.3 var(--sy-head) !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
body.theme-raed .s-products-list-wrapper .s-product-card-content-sub { grid-column: 1; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; }
body.theme-raed .s-products-list-wrapper .s-product-card-price { margin: 0; color: #f9f9f9 !important; font-size: clamp(1.25rem, 1.6vw, 1.5rem) !important; font-weight: 500 !important; line-height: 1.1 !important; white-space: nowrap; }
body.theme-raed .s-products-list-wrapper .s-product-card-price i { font-size: .55em; color: #f9f9f9 !important; }
body.theme-raed .s-products-list-wrapper .s-product-card-content-footer { grid-column: 2; margin: 0 !important; padding: 0 !important; }
body.theme-raed .s-products-list-wrapper .s-product-card-content-footer .s-button-element { min-height: 44px; font-size: .9375rem !important; }
body.theme-raed .s-products-list-wrapper .s-button-disabled { background: var(--sy-soot-2) !important; color: #a3a3a3 !important; border-color: var(--sy-soot-2) !important; opacity: 1 !important; }
body.theme-raed .s-product-card-wishlist-btn, body.theme-raed .btn--wishlist, body.theme-raed salla-social-share { display: none !important; }

/* Salla's script hid this row for half a second on every refresh: it stays visible, and until the courses arrive it holds
   the exact shape of one card (picture panel + body), so nothing flickers or jumps */
body.theme-raed salla-products-list { display: block; visibility: visible !important; opacity: 1 !important; }
body.theme-raed salla-products-list:not(:has(.s-product-card-entry)) { width: calc(50% - 8px); overflow: hidden; border-radius: 24px; background: var(--sy-ink); }
body.theme-raed salla-products-list:not(:has(.s-product-card-entry))::before { content: ""; display: block; aspect-ratio: 1; background: var(--sy-soot-2); }
body.theme-raed salla-products-list:not(:has(.s-product-card-entry))::after { content: ""; display: block; height: var(--sy-card-body); }
@media (prefers-reduced-motion: no-preference) {
  body.theme-raed .s-products-list-wrapper .s-product-card-image img { animation: sy-fade .45s ease-out both; }
  @keyframes sy-fade { from { opacity: 0; } to { opacity: 1; } }
}

/* ---------- the steps: how a code is bought, in place of the usual three icon tiles ---------- */
body.theme-raed .s-block--features { margin-block: clamp(56px, 8vw, 112px) !important; }
body.theme-raed .s-block--features > .grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: clamp(12px, 2vw, 32px) !important; counter-reset: sy-step; }
body.theme-raed .s-block--features__item { counter-increment: sy-step; display: block !important; padding: 18px 0 0 !important; border: 0 !important; border-block-start: 2px solid var(--sy-ink) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-align: start !important; }
body.theme-raed .s-block--features__item::before { content: counter(sy-step, decimal-leading-zero); display: block; margin-block-end: clamp(10px, 2vw, 24px); direction: ltr; text-align: end; color: var(--sy-muted); font-size: .8125rem; font-weight: 500; }
body.theme-raed .s-block--features__item .feature-icon, body.theme-raed .s-block--features__item p { display: none !important; }
body.theme-raed .s-block--features__item h2 { margin: 0 !important; color: var(--sy-ink) !important; font: 700 clamp(1.0625rem, 1.5vw, 1.25rem)/1.35 var(--sy-head) !important; }

/* the theme's "added to cart" toast flashes over the cart on every page load: keep it hidden until it is really shown */
body.theme-raed .s-add-product-toast:not(.s-add-product-toast--visible) { visibility: hidden !important; }

/* the theme's sample reviews stay hidden until there are real ones */
body.theme-raed .s-block--custom-testimonials { display: none !important; }

/* ---------- product page ---------- */
body.theme-raed .container--product-details { padding-block: clamp(16px, 3vw, 40px) clamp(40px, 6vw, 80px); }
body.theme-raed .details-slider, body.theme-raed .details-slider .swiper-slide, body.theme-raed .details-slider img { border-radius: 20px !important; }
body.theme-raed .details-slider { background: var(--sy-surface); }
body.theme-raed.product-single .main-content h1 { margin-block-end: 18px !important; color: var(--sy-ink) !important; font: 700 clamp(1.75rem, 3vw, 2.5rem)/1.2 var(--sy-head) !important; }
body.theme-raed.product-single .main-content > .flex p { font-size: clamp(1.25rem, 1.8vw, 1.5rem) !important; font-weight: 500 !important; }
body.theme-raed .product__description { padding: 0 !important; margin-block: 18px !important; color: #333; }
body.theme-raed .product-form > section:not(.sticky-product-bar) { display: none !important; }
body.theme-raed .sticky-product-bar { background: var(--sy-bg) !important; box-shadow: none !important; padding-inline: 0 !important; }
body.theme-raed salla-bought-together { display: none !important; }
body.theme-raed.product-single .store-footer { margin-block-start: 0; }

/* ---------- cart, account, lists: quiet surfaces ---------- */
body.theme-raed .cart-item, body.theme-raed .cart-submit-wrap, body.theme-raed .s-comment-form-wrapper { border-radius: 20px !important; box-shadow: none !important; }

/* ---------- footer: short ---------- */
body.theme-raed .store-footer, body.theme-raed .store-footer .store-footer__inner { background: var(--sy-bg) !important; border: 0 !important; color: var(--sy-muted) !important; }
body.theme-raed .store-footer { border-block-start: 2px solid var(--sy-ink) !important; overflow: hidden; }
body.theme-raed .store-footer h3, body.theme-raed .store-footer .s-contacts-title { color: var(--sy-ink) !important; font-size: 1rem !important; font-weight: 700 !important; }

/* ---------- phones ---------- */
@media (max-width: 767px) {
  body.theme-raed .s-products-list-wrapper { grid-template-columns: minmax(0, 1fr) !important; }
  body.theme-raed salla-products-list:not(:has(.s-product-card-entry)) { width: 100%; }
  /* one line even in the wider fallback font, so nothing moves when the real font arrives */
  body.theme-raed .home-slider__content h2 { margin-block-end: 16px !important; white-space: nowrap; }
  body.theme-raed .s-block--features > .grid { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
  body.theme-raed .s-block--features__item { grid-column: auto !important; display: flex !important; align-items: baseline; flex-direction: row-reverse; justify-content: space-between; padding-block: 14px !important; border-block-start-width: 1px !important; }
  body.theme-raed .s-block--features__item::before { margin: 0; }
  body.theme-raed .s-block--features__item h2 { font-size: 1.0625rem !important; }
  body.theme-raed .sticky-product-bar { padding-inline: var(--sy-gutter) !important; border-block-start: 1px solid var(--sy-line); }
}

/* ---------- colour blocks: the page's sections are whole fields of the site's colours ---------- */
body.theme-raed .s-block--hero-slider::after { background: var(--sy-ink); color: var(--sy-lime); }
body.theme-raed.index main { gap: 0 !important; padding-block-end: 0 !important; margin-block-end: 0 !important; }
body.theme-raed.index main > * { margin-block: 0 !important; }
body.theme-raed.index main > .s-block.container, body.theme-raed.index main > .s-block--features { margin-block: 0 !important; padding-block: clamp(48px, 6.5vw, 96px) !important; clip-path: inset(0 -100vmax); }
body.theme-raed.index main > .s-block.container:has(salla-products-list) { background: #ddf0ec; box-shadow: 0 0 0 100vmax #ddf0ec; }
body.theme-raed.index main > .s-block--features { background: var(--c-teal, #0f766e); box-shadow: 0 0 0 100vmax #0f766e; }
body.theme-raed .s-block--features__item { border-block-start-color: #f9f9f9 !important; }
body.theme-raed .s-block--features__item::before { color: #ddf0ec; }
body.theme-raed .s-block--features__item h2 { color: #f9f9f9 !important; }
body.theme-raed .store-footer, body.theme-raed .store-footer .store-footer__inner { background: var(--sy-lime) !important; color: #1c1c1c !important; }
body.theme-raed .store-footer { margin-block-start: 0 !important; border-block-start: 0 !important; }
body.theme-raed .store-footer p, body.theme-raed .store-footer a, body.theme-raed .store-footer span { color: #1c1c1c !important; }
/* the theme's margin under the course list arrived with the courses and pushed the next block down */
body.theme-raed.index salla-products-list .s-products-list-wrapper { margin-block-end: 0 !important; }

/* lime text on a light page can't be read: the theme's outline button is ink */
body.theme-raed .btn--outline-primary { background: transparent !important; color: var(--sy-ink) !important; border-color: var(--sy-ink) !important; }
body.theme-raed .btn--outline-primary:hover { background: var(--sy-lime) !important; border-color: var(--sy-lime) !important; }
/* product page: no grey strip and no heading over nothing while there are no reviews or suggestions */
body.theme-raed .s-comments-product { background: transparent !important; }
body.theme-raed salla-comments:has(.s-comments-header:empty):has(.s-comments-container > div:last-child:empty) { display: none !important; }
body.theme-raed salla-products-slider:not(:has(.s-product-card-entry)) { display: none !important; }

/* a short footer: tighter spacing, and no «روابط مهمة» heading until it has links */
body.theme-raed .store-footer .store-footer__inner { padding-block: 32px 16px !important; }
body.theme-raed .store-footer .store-footer__inner > .container { row-gap: 20px !important; }
body.theme-raed .store-footer .store-footer__inner .contact-social:not(:has(a)) { display: none !important; }
body.theme-raed .store-footer .store-footer__inner .container > div:has(salla-menu):not(:has(salla-menu a)) { display: none !important; }

/* ---------- the poster gallery: each banner slide is one poster; all four stand together and each lifts under the pointer ---------- */
body.theme-raed .s-block--hero-slider .s-slider-block__title, body.theme-raed .s-block--hero-slider .swiper-pagination { display: none !important; }
body.theme-raed .s-block--hero-slider::after { position: relative; z-index: 2; }
body.theme-raed .s-block--hero-slider .swiper { overflow: visible !important; }
body.theme-raed .s-block--hero-slider [slot="items"], body.theme-raed .s-block--hero-slider .swiper-wrapper {
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 clamp(8px, 1.1vw, 14px); align-items: start;
  width: min(1200px, calc(100% - 7vw)) !important; height: auto !important; margin-inline: auto; transform: none !important; transition: none !important;
}
body.theme-raed .s-block--hero-slider .swiper-slide { display: contents !important; }
body.theme-raed .s-block--hero-slider .swiper-slide .home-slider__content { grid-column: 1 / -1; grid-row: 1; width: 100%; max-width: none !important; }
body.theme-raed .s-block--hero-slider .swiper-slide:not(:first-child) .home-slider__content { display: none !important; }
body.theme-raed .s-block--hero-slider .swiper-slide .overlay-bg {
  --tilt: 1.2deg; --drop: 0%;
  position: relative !important; inset: auto !important; grid-row: 2; width: 100%; aspect-ratio: 1; margin-block-end: -4%; border-radius: 20px;
  background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; opacity: 1 !important;
  box-shadow: 0 0 0 1px rgba(17, 17, 17, .05), 0 8px 18px rgba(17, 17, 17, .07), 0 20px 40px -12px rgba(17, 17, 17, .16);
  transform: translateY(var(--drop)) rotate(var(--tilt)); transform-origin: 50% 100%; transition: transform .5s cubic-bezier(.16, 1, .3, 1), box-shadow .5s cubic-bezier(.16, 1, .3, 1);
}
body.theme-raed .s-block--hero-slider .swiper-slide .overlay-bg::after { content: none !important; }
body.theme-raed .s-block--hero-slider .swiper-slide:nth-child(1) .overlay-bg { --tilt: 3deg; --drop: 6%; }
body.theme-raed .s-block--hero-slider .swiper-slide:nth-child(3) .overlay-bg { --tilt: -1.2deg; }
body.theme-raed .s-block--hero-slider .swiper-slide:nth-child(4) .overlay-bg { --tilt: -3deg; --drop: 6%; }
@media (hover: hover) {
  body.theme-raed .s-block--hero-slider .swiper-slide .overlay-bg:hover { z-index: 3; transform: translateY(calc(var(--drop) - 6%)) rotate(0deg) scale(1.03); box-shadow: 0 0 0 1px rgba(17, 17, 17, .05), 0 14px 28px rgba(17, 17, 17, .1), 0 36px 64px -14px rgba(17, 17, 17, .26); }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-raed .s-block--hero-slider .swiper-slide .overlay-bg { transition: none; }
}
@media (max-width: 767px) {
  body.theme-raed .s-block--hero-slider [slot="items"], body.theme-raed .s-block--hero-slider .swiper-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: calc(100% - 2 * var(--sy-gutter)) !important; }
  body.theme-raed .s-block--hero-slider .swiper-slide .overlay-bg { grid-row: auto; margin-block-end: 0; --tilt: 0deg !important; --drop: 0% !important; }
  body.theme-raed .s-block--hero-slider .swiper-slide:nth-child(n+3) .overlay-bg { margin-block-end: -5%; }
}

/* ---------- product page: split in two, edge to edge. Description on the left on the light ground, one large poster at a time on a mint panel ---------- */
body.theme-raed.product-single main { gap: 0 !important; padding-block-end: 0 !important; margin-block-end: 0 !important; }
body.theme-raed.product-single main > * { margin-block: 0 !important; }
body.theme-raed.product-single main > .s-before-related:not(:has(.s-product-card-entry)) { display: none !important; }
body.theme-raed.product-single main > .container:has(salla-products-slider):not(:has(.s-product-card-entry)) { display: none !important; }
body.theme-raed.product-single .container--product-details { padding: 0 !important; max-width: none !important; width: 100%; }
body.theme-raed.product-single .container--product-details > .flex { display: flex !important; flex-direction: row !important; align-items: stretch !important; }

/* left: the words */
body.theme-raed.product-single .main-content { position: static !important; display: flex !important; flex-direction: column; flex: 1 1 50%; width: 50% !important; min-width: 0; overflow: visible !important; padding: clamp(40px, 5vw, 72px) clamp(24px, 5vw, 80px) clamp(48px, 6vw, 96px) !important; background: var(--sy-bg); color: var(--sy-ink); }
body.theme-raed.product-single .main-content > * { margin-inline: 0 !important; }
body.theme-raed.product-single .main-content h1 { margin-block: 0 10px !important; color: var(--sy-ink) !important; font: 700 clamp(2rem, 3.4vw, 3rem)/1.2 var(--sy-head) !important; }
body.theme-raed.product-single .main-content > .flex.whitespace-nowrap { display: flex !important; margin-block-end: 20px; }
body.theme-raed.product-single .main-content > .flex.whitespace-nowrap p { font-size: clamp(1.375rem, 2vw, 1.75rem) !important; font-weight: 500 !important; line-height: 1.1; color: var(--sy-ink) !important; }
body.theme-raed.product-single .main-content > .flex:has(> salla-social-share), body.theme-raed.product-single .main-content .product-sku-wrapper { display: none !important; }
body.theme-raed.product-single .main-content > .s-block, body.theme-raed.product-single .main-content > salla-quick-order { margin-block: 0 !important; }

/* the button stays on screen while the description is read */
body.theme-raed.product-single .product-form { order: 2; position: sticky; top: 76px; z-index: 4; margin: 0 0 24px !important; padding: 8px 0 !important; background: var(--sy-bg) !important; }
body.theme-raed.product-single .product-form > *:not(.sticky-product-bar):not(input):not(salla-product-options) { display: none !important; }
body.theme-raed.product-single .sticky-product-bar { position: static !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.theme-raed.product-single .sticky-product-bar salla-add-product-button { display: block; min-height: 54px; margin: 0 !important; }
body.theme-raed.product-single .sticky-product-bar .s-button-element { min-height: 54px; font-size: 1.0625rem !important; }
body.theme-raed.product-single .sticky-product-bar .s-button-disabled { background: var(--sy-surface) !important; color: var(--sy-muted) !important; border-color: var(--sy-surface) !important; opacity: 1 !important; }

/* the description */
body.theme-raed.product-single .product__description { order: 3; padding: 0 !important; margin: 0 !important; color: var(--sy-ink); }
body.theme-raed.product-single .product__description article { padding: 0 !important; color: inherit; font-size: 1rem; line-height: 1.75; }
body.theme-raed.product-single .product__description article > * { margin: 0 0 12px !important; color: #333 !important; }
body.theme-raed.product-single .product__description article > h2 { margin-block-end: 8px !important; color: var(--sy-muted) !important; font: 500 .9375rem/1.5 "Alexandria", sans-serif !important; }
body.theme-raed.product-single .product__description article > p:first-of-type { margin-block-end: 14px !important; color: var(--sy-ink) !important; font: 700 clamp(1.25rem, 1.9vw, 1.5rem)/1.4 var(--sy-head) !important; }
body.theme-raed.product-single .product__description article > p:first-of-type strong { font: inherit; color: inherit; }
body.theme-raed.product-single .product__description article > h3 { margin-block: clamp(32px, 3.6vw, 48px) 14px !important; color: var(--sy-ink) !important; font: 700 clamp(1.125rem, 1.5vw, 1.3125rem)/1.35 var(--sy-head) !important; }
body.theme-raed.product-single .product__description article > ul { padding: 0 !important; list-style: none !important; }
body.theme-raed.product-single .product__description li { display: block; list-style: none !important; }
body.theme-raed.product-single .product__description article > ul:first-of-type { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px clamp(20px, 2.4vw, 36px); }
body.theme-raed.product-single .product__description article > ul:first-of-type li { color: #444; font-size: .9375rem; line-height: 1.7; }
body.theme-raed.product-single .product__description article > ul:first-of-type strong { display: inline-block; margin-block-end: 4px; color: var(--sy-ink); font-size: 1rem; font-weight: 700; }
body.theme-raed.product-single .product__description article > ul:not(:first-of-type) li { position: relative; padding-block: 4px; padding-inline-start: 18px; }
body.theme-raed.product-single .product__description article > ul:not(:first-of-type) li::before { content: ""; position: absolute; inset-inline-start: 0; top: .95em; width: 7px; height: 7px; background: var(--c-teal, #0f766e); transform: rotate(45deg); }

/* right: one large poster at a time (Salla's own slider, so swiping and clicking keep working), small posters under it */
body.theme-raed.product-single .sidebar { container-type: inline-size; overflow: visible !important; position: static !important; flex: 1 1 50%; width: 50% !important; max-width: none !important; min-width: 0; margin: 0 !important; padding: clamp(32px, 4vw, 60px) clamp(20px, 3.4vw, 56px) !important; background: #ddf0ec; }
body.theme-raed.product-single .details-slider { min-height: calc(min(100cqw, 100vh - 230px) + 88px); position: sticky; top: 100px; display: block; width: 100%; max-width: min(100%, calc(100vh - 230px)); margin-inline: auto; visibility: visible !important; opacity: 1 !important; overflow: visible !important; border-radius: 0 !important; background: transparent !important; }
body.theme-raed.product-single .details-slider .swiper-notification, body.theme-raed.product-single .details-slider .btn--wishlist { display: none !important; }
body.theme-raed.product-single .details-slider .s-slider-container:not(.s-slider-thumbs-container) { overflow: hidden !important; border: 0 !important; border-radius: 24px !important; background: var(--sy-surface) !important; box-shadow: 0 2px 4px rgba(17, 17, 17, .05), 0 22px 40px -20px rgba(17, 17, 17, .3); }
body.theme-raed.product-single .details-slider .homeslider__slide { aspect-ratio: 1; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body.theme-raed.product-single .details-slider .homeslider__slide img { display: block; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
/* before Salla's script runs: the first poster only, in its final size, so nothing jumps */
body.theme-raed.product-single .details-slider [slot="items"] { display: block; aspect-ratio: 1; overflow: hidden; border-radius: 24px; background: var(--sy-surface); }
body.theme-raed.product-single .details-slider [slot="items"] > * { display: block; width: 100%; aspect-ratio: 1; }
body.theme-raed.product-single .details-slider [slot="items"] img { display: block; width: 100% !important; height: 100% !important; object-fit: cover !important; }
body.theme-raed.product-single .details-slider [slot="thumbs"] { display: block; height: 76px; margin-block-start: 12px; overflow: hidden; visibility: hidden; }
/* the small posters */
body.theme-raed.product-single .details-slider .s-slider-thumbs { height: 76px; margin: 12px 0 0 !important; padding: 0 !important; overflow: hidden; background: transparent !important; }
body.theme-raed.product-single .details-slider .s-slider-thumbs-container { height: 76px; overflow: hidden !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.theme-raed.product-single .details-slider .s-slider-thumbs .swiper-slide { width: 76px !important; height: 76px !important; margin: 0 !important; margin-inline-end: 10px !important; overflow: hidden; border: 0 !important; border-radius: 14px !important; background: var(--sy-surface); opacity: .62; cursor: pointer; transition: opacity .25s; }
body.theme-raed.product-single .details-slider .s-slider-thumbs .swiper-slide:hover, body.theme-raed.product-single .details-slider .s-slider-thumbs .swiper-slide-thumb-active { opacity: 1; }
body.theme-raed.product-single .details-slider .s-slider-thumbs .swiper-slide-thumb-active { box-shadow: inset 0 0 0 2px var(--sy-ink); }
body.theme-raed.product-single .details-slider .s-slider-thumbs img { display: block; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }

/* phones: the poster first and edge to edge, then price, button and the words. The name is on the poster, so it isn't shown twice */
@media (max-width: 900px) {
  body.theme-raed.product-single .container--product-details > .flex { flex-direction: column !important; }
  body.theme-raed.product-single .main-content { display: contents !important; }
  body.theme-raed.product-single .sidebar { order: 0; width: 100% !important; padding: 16px var(--sy-gutter) 16px !important; }
  body.theme-raed.product-single .details-slider { min-height: calc(100cqw + 68px); position: static; max-width: none; }
  body.theme-raed.product-single .details-slider .s-slider-container:not(.s-slider-thumbs-container), body.theme-raed.product-single .details-slider [slot="items"] { border-radius: 18px !important; }
  body.theme-raed.product-single .details-slider .s-slider-thumbs, body.theme-raed.product-single .details-slider .s-slider-thumbs-container, body.theme-raed.product-single .details-slider [slot="thumbs"] { height: 56px; }
  body.theme-raed.product-single .details-slider .s-slider-thumbs .swiper-slide { width: 56px !important; height: 56px !important; margin-inline-end: 8px !important; border-radius: 10px !important; }
  body.theme-raed.product-single .main-content > h1 { position: absolute !important; width: 1px; height: 1px; margin: -1px !important; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  body.theme-raed.product-single .main-content > .flex.whitespace-nowrap { order: 1; margin: 20px var(--sy-gutter) 14px !important; }
  body.theme-raed.product-single .product-form { order: 2; position: static; margin: 0 var(--sy-gutter) 28px !important; padding: 0 !important; }
  body.theme-raed.product-single .product__description { order: 3; margin: 0 var(--sy-gutter) 40px !important; }
  body.theme-raed.product-single .product__description article > ul:first-of-type { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
/* a slimmer top bar on phones, on every page */
@media (max-width: 767px) {
  body.theme-raed #mainnav { height: 60px !important; }
  body.theme-raed .navbar-brand::after { width: 100px; height: 32px; }
  body.theme-raed .s-user-menu-login-btn, body.theme-raed .s-cart-summary-wrapper { width: 38px; height: 38px; }
}

/* ---------- nothing flickers while Salla's scripts load: every piece holds its final place and shape from the first moment ---------- */
/* the grey menu bars Salla shows while it fetches the menu */
body.theme-raed #mainnav .main-menu-skel, body.theme-raed #mainnav custom-main-menu salla-skeleton, body.theme-raed #mainnav custom-main-menu .s-skeleton-wrapper { display: none !important; }
/* the account and cart circles, empty until their icons are drawn */
body.theme-raed salla-user-menu:not(.hydrated), body.theme-raed salla-cart-summary:not(.hydrated) { display: inline-flex !important; visibility: visible !important; width: 44px; height: 44px; border-radius: 999px; background: var(--sy-surface); overflow: hidden; color: transparent; }
body.theme-raed salla-user-menu:not(.hydrated) > *, body.theme-raed salla-cart-summary:not(.hydrated) > * { visibility: hidden; }
/* the cart's box is wider than its circle: draw only the circle, where the real one lands */
body.theme-raed salla-cart-summary:not(.hydrated) { width: 73px; background: transparent; justify-content: flex-start; overflow: visible; }
body.theme-raed salla-cart-summary:not(.hydrated)::before { content: ""; flex: none; width: 44px; height: 44px; border-radius: 999px; background: var(--sy-surface); }
/* the buy button: its own shape straight away, lime only if the product is on sale */
/* the wording is already in the page before Salla's script runs: show it at once, so the button looks finished from the first moment */
body.theme-raed salla-add-product-button:not(.hydrated) { display: flex; align-items: center; justify-content: center; visibility: visible !important; border-radius: 999px; background: var(--sy-surface); color: var(--sy-muted) !important; font-size: 1.0625rem; overflow: hidden; }
body.theme-raed salla-add-product-button[product-status="sale"]:not(.hydrated) { background: var(--sy-lime); color: #0f0f0f !important; }
body.theme-raed.product-single .sticky-product-bar salla-add-product-button:not(.hydrated) { display: flex; align-items: center; justify-content: center; font-weight: 500; }
body.theme-raed .s-products-list-wrapper salla-add-product-button { display: block; width: 100%; }
body.theme-raed .s-products-list-wrapper salla-add-product-button:not(.hydrated) { min-height: 44px; background: var(--sy-soot-2); }
body.theme-raed .s-products-list-wrapper salla-add-product-button[product-status="sale"]:not(.hydrated) { background: var(--sy-lime); }
/* Salla's suggestion blocks take space for a moment even when they stay empty */
body.theme-raed [class*="s-block--bundle"]:not(:has(.s-product-card-entry)) { display: none !important; }
/* the small posters: shown at once in their final row, and never out of place while the slider sets up */
body.theme-raed.product-single .details-slider [slot="thumbs"] { display: flex !important; gap: 10px; visibility: visible !important; }
body.theme-raed.product-single .details-slider [slot="thumbs"] > * { flex: none; width: 76px; height: 76px; overflow: hidden; border-radius: 14px; opacity: .62; }
body.theme-raed.product-single .details-slider [slot="thumbs"] > :first-child { opacity: 1; box-shadow: inset 0 0 0 2px var(--sy-ink); }
body.theme-raed.product-single .details-slider [slot="thumbs"] img { display: block; width: 100% !important; height: 100% !important; object-fit: cover !important; }
/* the row always sits under the poster, even for the one frame while the slider sets up */
body.theme-raed.product-single .details-slider { display: flex !important; flex-direction: column; }
body.theme-raed.product-single .details-slider > * { min-width: 0; width: 100%; }
body.theme-raed.product-single .details-slider > [slot="thumbs"], body.theme-raed.product-single .details-slider > .s-slider-thumbs { order: 9; }
body.theme-raed.product-single .details-slider .s-slider-container:not(.s-slider-thumbs-container) [slot="thumbs"] { display: none !important; }
@media (max-width: 900px) {
  body.theme-raed.product-single .details-slider [slot="thumbs"] { gap: 8px; }
  body.theme-raed.product-single .details-slider [slot="thumbs"] > * { width: 56px; height: 56px; border-radius: 10px; }
}
@media (max-width: 767px) {
  body.theme-raed salla-user-menu:not(.hydrated) { width: 38px; height: 38px; }
  body.theme-raed salla-cart-summary:not(.hydrated) { height: 38px; }
  body.theme-raed salla-cart-summary:not(.hydrated)::before { width: 38px; height: 38px; }
}

/* arrows on the poster: Salla's own buttons (so they keep working), restyled. A layer the poster's size holds them at its middle */
body.theme-raed.product-single .details-slider { isolation: isolate; }
@media (max-width: 900px) { body.theme-raed.product-single .details-slider { position: relative; top: 0; } }
body.theme-raed.product-single .details-slider > .s-slider-block__title { position: static !important; height: 0; min-height: 0; margin: 0 !important; padding: 0 !important; border: 0; }
body.theme-raed.product-single .details-slider .s-slider-block__title-left { position: static !important; margin: 0 !important; }
body.theme-raed.product-single .details-slider .s-slider-block__title-right { display: none !important; }
body.theme-raed.product-single .details-slider .s-slider-block__title-nav { position: absolute !important; z-index: 5; top: 0 !important; right: 0 !important; bottom: auto !important; left: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; margin: 0 !important; padding-block: 0 !important; padding-inline: 12px !important; transform: none !important; pointer-events: none; }
body.theme-raed.product-single .details-slider .s-slider-nav-arrow { position: static !important; display: flex !important; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: rgba(255, 255, 255, .94) !important; color: var(--sy-ink) !important; box-shadow: 0 6px 16px -6px rgba(17, 17, 17, .35) !important; pointer-events: auto; cursor: pointer; transform: none !important; transition: background-color .2s, opacity .2s; }
@media (hover: hover) { body.theme-raed.product-single .details-slider .s-slider-nav-arrow:not(:disabled):hover { background: var(--sy-lime) !important; } }
body.theme-raed.product-single .details-slider .s-slider-nav-arrow.swiper-button-disabled, body.theme-raed.product-single .details-slider .s-slider-nav-arrow:disabled { opacity: .35 !important; cursor: default; }
body.theme-raed.product-single .details-slider .s-slider-nav-arrow svg { width: 16px; height: 16px; fill: currentColor; }
body.theme-raed.product-single .details-slider:not(:has(.homeslider__slide:nth-child(2))) .s-slider-block__title-nav { display: none !important; }
@media (max-width: 767px) {
  body.theme-raed.product-single .details-slider .s-slider-block__title-nav { padding-inline: 8px !important; }
  body.theme-raed.product-single .details-slider .s-slider-nav-arrow { width: 40px; height: 40px; }
}