| @@ -3279,5 +3279,356 @@ | ||
| 3279 | 3279 | } |
| 3280 | 3280 | } |
| 3281 | 3281 | |
| 3282 | 3282 | |
| 3283 | -/* poll Footer Sale Banner 20% 2026 | End */ | |
| 3283 | +/* poll Footer Sale Banner 20% 2026 | End */ | |
| 3284 | + | |
| 3285 | +/* Back to School Sale Banner 2026 | Start */ | |
| 3286 | + | |
| 3287 | +#ays-poll-back-to-school-banner-2026 { | |
| 3288 | + box-sizing:border-box; | |
| 3289 | + position:relative; | |
| 3290 | + isolation:isolate; | |
| 3291 | + width:calc(100% - 20px); | |
| 3292 | + max-width:none; | |
| 3293 | + min-height:112px; | |
| 3294 | + margin:20px 20px 16px 0; | |
| 3295 | + padding:0 38px; | |
| 3296 | + overflow:hidden; | |
| 3297 | + border:1px solid #e8dcc9; | |
| 3298 | + border-left-width:1px; | |
| 3299 | + border-radius:12px; | |
| 3300 | + background-color:#fffdf8; | |
| 3301 | + background-image:radial-gradient(circle at 1px 1px,rgba(91,72,45,.09) 1px,transparent 1px),radial-gradient(120% 140% at 0 0,rgba(20,75,220,.07),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(126,34,206,.09),transparent 55%); | |
| 3302 | + background-size:6px 6px,100% 100%,100% 100%; | |
| 3303 | + box-shadow:0 10px 30px -18px rgba(76,45,140,.55); | |
| 3304 | + font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif | |
| 3305 | +} | |
| 3306 | + | |
| 3307 | +.ays-poll-bts-content { | |
| 3308 | + position:relative; | |
| 3309 | + z-index:2; | |
| 3310 | + display:flex; | |
| 3311 | + min-height:110px; | |
| 3312 | + align-items:center; | |
| 3313 | + justify-content:space-between; | |
| 3314 | + gap:28px | |
| 3315 | +} | |
| 3316 | + | |
| 3317 | +.ays-poll-bts-offer,.ays-poll-bts-actions { | |
| 3318 | + display:flex; | |
| 3319 | + align-items:center | |
| 3320 | +} | |
| 3321 | + | |
| 3322 | +.ays-poll-bts-offer { | |
| 3323 | + min-width:0; | |
| 3324 | + gap:9px | |
| 3325 | +} | |
| 3326 | + | |
| 3327 | +.ays-poll-bts-handwritten { | |
| 3328 | + width:280px; | |
| 3329 | + max-width:23vw; | |
| 3330 | + height:auto; | |
| 3331 | + color:#0755df; | |
| 3332 | + overflow:visible; | |
| 3333 | + flex:0 1 auto | |
| 3334 | +} | |
| 3335 | + | |
| 3336 | +.ays-poll-bts-dot { | |
| 3337 | + width:7px; | |
| 3338 | + height:7px; | |
| 3339 | + flex:0 0 auto; | |
| 3340 | + border-radius:50%; | |
| 3341 | + background:#ffc51b; | |
| 3342 | + align-self:flex-start; | |
| 3343 | + margin-top:27px | |
| 3344 | +} | |
| 3345 | + | |
| 3346 | +.ays-poll-bts-discount { | |
| 3347 | + color:#8127df; | |
| 3348 | + font-size:38px; | |
| 3349 | + font-weight:800; | |
| 3350 | + line-height:1; | |
| 3351 | + letter-spacing:-1.2px; | |
| 3352 | + white-space:nowrap | |
| 3353 | +} | |
| 3354 | + | |
| 3355 | +.ays-poll-bts-actions { | |
| 3356 | + flex:0 0 auto; | |
| 3357 | + gap:12px | |
| 3358 | +} | |
| 3359 | + | |
| 3360 | +.ays-poll-bts-use-code { | |
| 3361 | + color:#5f5b69; | |
| 3362 | + font-size:11px; | |
| 3363 | + font-weight:600; | |
| 3364 | + line-height:1; | |
| 3365 | + text-transform:uppercase; | |
| 3366 | + letter-spacing:.14em; | |
| 3367 | + white-space:nowrap | |
| 3368 | +} | |
| 3369 | + | |
| 3370 | +.ays-poll-bts-coupon { | |
| 3371 | + box-sizing:border-box; | |
| 3372 | + display:flex; | |
| 3373 | + min-height:50px; | |
| 3374 | + align-items:center; | |
| 3375 | + gap:12px; | |
| 3376 | + padding:8px 14px; | |
| 3377 | + border:2px dashed rgba(129,39,223,.5); | |
| 3378 | + border-radius:10px; | |
| 3379 | + background:#fff; | |
| 3380 | + color:#1147c8; | |
| 3381 | + cursor:pointer; | |
| 3382 | + box-shadow:none | |
| 3383 | +} | |
| 3384 | + | |
| 3385 | +.ays-poll-bts-coupon:hover,.ays-poll-bts-coupon:focus { | |
| 3386 | + border-color:#8127df; | |
| 3387 | + background:rgba(129,39,223,.05); | |
| 3388 | + color:#1147c8 | |
| 3389 | +} | |
| 3390 | + | |
| 3391 | +.ays-poll-bts-coupon span { | |
| 3392 | + font-size:19px; | |
| 3393 | + font-weight:700; | |
| 3394 | + letter-spacing:.04em | |
| 3395 | +} | |
| 3396 | + | |
| 3397 | +.ays-poll-bts-coupon svg { | |
| 3398 | + width:16px; | |
| 3399 | + height:16px; | |
| 3400 | + color:#8127df | |
| 3401 | +} | |
| 3402 | + | |
| 3403 | +.ays-poll-bts-cta { | |
| 3404 | + display:inline-flex; | |
| 3405 | + min-height:48px; | |
| 3406 | + align-items:center; | |
| 3407 | + justify-content:center; | |
| 3408 | + padding:0 27px; | |
| 3409 | + border-radius:9px; | |
| 3410 | + background:linear-gradient(90deg,#1249e7,#8127df); | |
| 3411 | + color:#fff!important; | |
| 3412 | + font-size:16px; | |
| 3413 | + font-weight:700; | |
| 3414 | + text-decoration:none!important; | |
| 3415 | + white-space:nowrap; | |
| 3416 | + box-shadow:0 8px 18px -8px rgba(91,37,194,.9); | |
| 3417 | + transition:transform .15s,box-shadow .15s | |
| 3418 | +} | |
| 3419 | + | |
| 3420 | +.ays-poll-bts-cta:hover,.ays-poll-bts-cta:focus { | |
| 3421 | + color:#fff; | |
| 3422 | + transform:translateY(-1px); | |
| 3423 | + box-shadow:0 10px 20px -8px rgba(91,37,194,.95) | |
| 3424 | +} | |
| 3425 | + | |
| 3426 | +.ays-poll-bts-decoration { | |
| 3427 | + position:absolute; | |
| 3428 | + z-index:1; | |
| 3429 | + pointer-events:none | |
| 3430 | +} | |
| 3431 | + | |
| 3432 | +.ays-poll-bts-plane { | |
| 3433 | + top:8px; | |
| 3434 | + left:12px; | |
| 3435 | + width:24px; | |
| 3436 | + color:rgba(129,39,223,.55) | |
| 3437 | +} | |
| 3438 | + | |
| 3439 | +.ays-poll-bts-ruler { | |
| 3440 | + bottom:7px; | |
| 3441 | + left:24px; | |
| 3442 | + width:36px; | |
| 3443 | + color:rgba(20,73,230,.35) | |
| 3444 | +} | |
| 3445 | + | |
| 3446 | +.ays-poll-bts-star { | |
| 3447 | + top:8px; | |
| 3448 | + right:14px; | |
| 3449 | + width:19px; | |
| 3450 | + color:#ffc51b | |
| 3451 | +} | |
| 3452 | + | |
| 3453 | +.ays-poll-bts-pencil { | |
| 3454 | + right:31px; | |
| 3455 | + bottom:7px; | |
| 3456 | + width:21px; | |
| 3457 | + color:rgba(129,39,223,.5); | |
| 3458 | + transform:rotate(-12deg) | |
| 3459 | +} | |
| 3460 | + | |
| 3461 | +.ays-poll-bts-wave { | |
| 3462 | + bottom:3px; | |
| 3463 | + left:50%; | |
| 3464 | + width:96px; | |
| 3465 | + color:rgba(20,73,230,.22); | |
| 3466 | + transform:translateX(-50%) | |
| 3467 | +} | |
| 3468 | + | |
| 3469 | +#ays-poll-back-to-school-banner-2026 .notice-dismiss { | |
| 3470 | + top:1px; | |
| 3471 | + right:1px; | |
| 3472 | + color:#756b82 | |
| 3473 | +} | |
| 3474 | + | |
| 3475 | +#ays-poll-back-to-school-banner-2026 .notice-dismiss:before { | |
| 3476 | + font-size:18px | |
| 3477 | +} | |
| 3478 | + | |
| 3479 | +.ays-poll-bts-dismiss { | |
| 3480 | + position:absolute; | |
| 3481 | + right:39px; | |
| 3482 | + bottom:0; | |
| 3483 | + z-index:3 | |
| 3484 | +} | |
| 3485 | + | |
| 3486 | +.ays-poll-bts-dismiss form { | |
| 3487 | + margin:0 | |
| 3488 | +} | |
| 3489 | + | |
| 3490 | +.ays-poll-bts-dismiss #ays-poll-dismiss-buttons-content .ays-button { | |
| 3491 | + height:22px!important; | |
| 3492 | + min-height:0!important; | |
| 3493 | + margin:0!important; | |
| 3494 | + padding:0!important; | |
| 3495 | + border:0!important; | |
| 3496 | + background:transparent!important; | |
| 3497 | + color:#777!important; | |
| 3498 | + font-size:10px!important; | |
| 3499 | + line-height:22px!important; | |
| 3500 | + text-decoration:underline; | |
| 3501 | + box-shadow:none!important | |
| 3502 | +} | |
| 3503 | + | |
| 3504 | +.ays-poll-bts-copy-notification { | |
| 3505 | + position:fixed; | |
| 3506 | + top:50%; | |
| 3507 | + left:50%; | |
| 3508 | + z-index:10000; | |
| 3509 | + transform:translate(-50%,-50%); | |
| 3510 | + padding:12px 24px; | |
| 3511 | + border-radius:8px; | |
| 3512 | + background:rgba(0,0,0,.82); | |
| 3513 | + color:#fff; | |
| 3514 | + font-size:14px; | |
| 3515 | + opacity:0; | |
| 3516 | + transition:opacity .25s | |
| 3517 | +} | |
| 3518 | + | |
| 3519 | +.ays-poll-bts-copy-notification.ays-poll-bts-show { | |
| 3520 | + opacity:1 | |
| 3521 | +} | |
| 3522 | + | |
| 3523 | +@media screen and (max-width:1200px) { | |
| 3524 | + .ays-poll-bts-content { | |
| 3525 | + gap:18px | |
| 3526 | + } | |
| 3527 | + | |
| 3528 | + .ays-poll-bts-handwritten { | |
| 3529 | + width:225px | |
| 3530 | + } | |
| 3531 | + | |
| 3532 | + .ays-poll-bts-discount { | |
| 3533 | + font-size:31px | |
| 3534 | + } | |
| 3535 | + | |
| 3536 | + .ays-poll-bts-actions { | |
| 3537 | + gap:8px | |
| 3538 | + } | |
| 3539 | + | |
| 3540 | + .ays-poll-bts-coupon { | |
| 3541 | + min-height:44px; | |
| 3542 | + padding:7px 10px | |
| 3543 | + } | |
| 3544 | + | |
| 3545 | + .ays-poll-bts-cta { | |
| 3546 | + min-height:44px; | |
| 3547 | + padding:0 18px; | |
| 3548 | + font-size:14px | |
| 3549 | + } | |
| 3550 | + | |
| 3551 | +} | |
| 3552 | + | |
| 3553 | +@media screen and (max-width:960px) { | |
| 3554 | + #ays-poll-back-to-school-banner-2026 { | |
| 3555 | + padding:15px 38px 20px | |
| 3556 | + } | |
| 3557 | + | |
| 3558 | + .ays-poll-bts-content { | |
| 3559 | + min-height:90px; | |
| 3560 | + flex-wrap:wrap; | |
| 3561 | + justify-content:center; | |
| 3562 | + gap:12px 24px | |
| 3563 | + } | |
| 3564 | + | |
| 3565 | + .ays-poll-bts-handwritten { | |
| 3566 | + max-width:none | |
| 3567 | + } | |
| 3568 | + | |
| 3569 | + .ays-poll-bts-actions { | |
| 3570 | + justify-content:center | |
| 3571 | + } | |
| 3572 | + | |
| 3573 | + .ays-poll-bts-dismiss { | |
| 3574 | + right:38px | |
| 3575 | + } | |
| 3576 | + | |
| 3577 | +} | |
| 3578 | + | |
| 3579 | +@media screen and (max-width:600px) { | |
| 3580 | + #ays-poll-back-to-school-banner-2026 { | |
| 3581 | + width:calc(100% - 20px); | |
| 3582 | + margin-right:10px; | |
| 3583 | + padding:18px 30px 23px 18px | |
| 3584 | + } | |
| 3585 | + | |
| 3586 | + .ays-poll-bts-content { | |
| 3587 | + flex-direction:column | |
| 3588 | + } | |
| 3589 | + | |
| 3590 | + .ays-poll-bts-offer { | |
| 3591 | + flex-wrap:wrap; | |
| 3592 | + justify-content:center | |
| 3593 | + } | |
| 3594 | + | |
| 3595 | + .ays-poll-bts-handwritten { | |
| 3596 | + width:210px | |
| 3597 | + } | |
| 3598 | + | |
| 3599 | + .ays-poll-bts-discount { | |
| 3600 | + font-size:28px | |
| 3601 | + } | |
| 3602 | + | |
| 3603 | + .ays-poll-bts-actions { | |
| 3604 | + flex-wrap:wrap | |
| 3605 | + } | |
| 3606 | + | |
| 3607 | + .ays-poll-bts-use-code { | |
| 3608 | + width:100%; | |
| 3609 | + text-align:center | |
| 3610 | + } | |
| 3611 | + | |
| 3612 | + .ays-poll-bts-coupon { | |
| 3613 | + min-height:40px | |
| 3614 | + } | |
| 3615 | + | |
| 3616 | + .ays-poll-bts-coupon span { | |
| 3617 | + font-size:16px | |
| 3618 | + } | |
| 3619 | + | |
| 3620 | + .ays-poll-bts-cta { | |
| 3621 | + min-height:40px | |
| 3622 | + } | |
| 3623 | + | |
| 3624 | + .ays-poll-bts-plane,.ays-poll-bts-ruler,.ays-poll-bts-pencil,.ays-poll-bts-wave { | |
| 3625 | + display:none | |
| 3626 | + } | |
| 3627 | + | |
| 3628 | + .ays-poll-bts-dismiss { | |
| 3629 | + right:30px | |
| 3630 | + } | |
| 3631 | + | |
| 3632 | +} | |
| 3633 | + | |
| 3634 | +/* Back to School Sale Banner 2026 | End */ | |
