/* ===== Seylany: HOMEPAGE ONLY =====
   Background + decorative motifs + side borders
   + product cards + customer reviews.

   All visual effects apply ONLY to the homepage.
   Other pages remain unchanged.
====================================== */

:root {
  --seylany-band: 34px;
  --seylany-tile: 120px;

  --seylany-border-img: url("https://cdn.files.salla.network/products/318155632/daf8f493-e2cd-48af-b7cf-b0f9df441231-standard.webp");

  --seylany-motif-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 940 1900'%3E%3Cg fill='%23926E4E'%3E%3Cg id='m' transform='translate(470 475)'%3E%3Cg id='s'%3E%3Cpath id='p' fill-rule='evenodd' d='M402 239C397 236 393 234 392 234C392 234 393 233 394 232C395 231 396 230 397 228C400 222 401 168 399 148C394 111 385 79 369 49C363 37 353 20 351 20C349 19 347 21 343 28C337 40 328 51 318 58C309 64 309 64 316 75C338 108 356 152 367 197C370 208 370 212 367 214C366 215 364 216 364 216C363 216 357 213 350 209C338 202 338 202 341 202C342 201 344 200 345 199C346 197 345 195 338 173C332 153 331 152 325 152C319 152 278 157 276 157C274 158 274 161 275 164C276 165 276 166 276 166C276 167 270 163 262 158C248 150 248 150 248 147C248 145 248 144 250 142C253 139 257 138 278 136C323 131 319 132 320 129C321 127 321 127 316 118C311 107 300 88 297 84C295 83 294 81 293 81C291 80 291 80 274 92C268 97 254 107 245 114C225 128 224 129 223 132C222 136 222 136 212 129C204 125 201 123 201 122C201 121 206 113 211 103C233 66 232 69 224 56C221 51 216 43 213 37C206 24 206 25 204 25C202 25 202 26 197 34C194 39 191 44 189 46C185 52 188 51 138 51C115 51 94 51 94 52C92 53 91 55 93 59C94 60 95 61 94 61C94 61 75 51 53 38C11 14 11 14 13 12C17 7 18 0 17-4C16-6 16-6 32-6C46-6 47-6 47-5C45 0 47 7 51 12C54 15 55 16 61 16C68 16 69 17 74 23C79 30 74 30 125 30C178 30 174 31 178 23C179 20 183 15 185 11C190 2 191 0 189-4C188-6 188-6 211-6C234-6 234-6 234-2C233 7 237 20 243 28C248 35 259 43 270 45C299 53 327 30 327 1C327-6 327-6 348-6C369-6 369-6 368-4C366 0 367 3 374 13C404 61 422 123 422 182C422 199 420 229 417 238C417 240 413 245 412 245C412 245 407 242 402 239ZM254 81C256 80 259 77 261 76C269 70 269 68 262 66C254 64 254 64 250 75C247 84 248 85 254 81ZM273 30C261 26 252 15 251 3C250-6 249-6 262-6C272-6 273-6 272-5C271 0 271 0 272 3C274 10 284 11 288 5C290 3 290-2 288-4C287-6 287-6 299-6C310-6 310-6 310 0C310 13 304 22 291 28C287 30 278 31 273 30Z'/%3E%3Cuse href='%23p' transform='scale(1 -1)'/%3E%3C/g%3E%3Cuse href='%23s' transform='rotate(60)'/%3E%3Cuse href='%23s' transform='rotate(120)'/%3E%3Cuse href='%23s' transform='rotate(180)'/%3E%3Cuse href='%23s' transform='rotate(240)'/%3E%3Cuse href='%23s' transform='rotate(300)'/%3E%3C/g%3E%3Cuse href='%23m' x='-470' y='950'/%3E%3Cuse href='%23m' x='470' y='950'/%3E%3C/g%3E%3C/svg%3E");
}

/* Desktop dimensions */
@media (min-width: 1024px) {
  :root {
    --seylany-band: 64px;
    --seylany-tile: 160px;
  }
}

/* 1. Homepage background only */
body.index {
  background-color: #faf8f4 !important;
  background-image:
    radial-gradient(
      60vw 50vh at 95% 5%,
      rgba(196, 140, 86, 0.05),
      transparent 70%
    ),
    radial-gradient(
      60vw 55vh at 5% 100%,
      rgba(106, 110, 87, 0.05),
      transparent 70%
    ) !important;
  background-attachment: fixed !important;
}

/* 2. Homepage motif pattern only */
body.index::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: var(--seylany-band);
  right: var(--seylany-band);
  z-index: -1;
  pointer-events: none;

  background-image: var(--seylany-motif-img);
  background-repeat: repeat;
  background-position: center top;
  background-size: var(--seylany-tile) auto;

  opacity: 0.035;
}

/* 3. Homepage side borders only */
body.index::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background-image:
    var(--seylany-border-img),
    var(--seylany-border-img);

  background-repeat: repeat-y;
  background-position: left top, right top;
  background-size: var(--seylany-band) auto;

  opacity: 0.08;
}

/* 4. Homepage product cards only */
body.index main .s-block.bg-white,
body.index main .s-block--features-slider {
  border-radius: 20px !important;
  border: 1px solid rgba(146, 110, 78, 0.12);

  box-shadow:
    0 1px 2px rgba(43, 33, 26, 0.04),
    0 18px 40px -18px rgba(43, 33, 26, 0.18);
}

/* 5. Homepage customer reviews only */
body.index .s-block--bundle-trust-testimonials {
  border: 2px solid #6A6E57;
  border-radius: 24px;
  margin-inline: 16px;
  background: rgba(255, 255, 255, 0.78);
  overflow: hidden;
}

/* ===== END: SEYLANY HOMEPAGE ONLY ===== */