| @@ -419,8 +419,9 @@ | ||
| 419 | 419 | } |
| 420 | 420 | } */ |
| 421 | 421 | /* 30% Sale Emma end */ |
| 422 | 422 | |
| 423 | + | |
| 423 | 424 | /* 20% sale banner start */ |
| 424 | 425 | div#ays-chart-dicount-month-main { |
| 425 | 426 | border: 0; |
| 426 | 427 | background: #FFF; |
| @@ -460,9 +461,9 @@ | ||
| 460 | 461 | border-radius: .25rem |
| 461 | 462 | } |
| 462 | 463 | |
| 463 | 464 | div#ays-chart-dicount-month-main.ays_chart_dicount_info { |
| 464 | - background-image: url("../images/chart-builder-banner-background-30.svg"); | |
| 465 | + background-image: url("../images/chart-builder-banner-background-50.svg"); | |
| 465 | 466 | background-position: center right; |
| 466 | 467 | background-repeat: no-repeat; |
| 467 | 468 | background-size: cover; |
| 468 | 469 | } |
| @@ -492,9 +493,9 @@ | ||
| 492 | 493 | } |
| 493 | 494 | |
| 494 | 495 | #ays-chart-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { |
| 495 | 496 | text-align: left; |
| 496 | - width: 30%; | |
| 497 | + width: 40%; | |
| 497 | 498 | } |
| 498 | 499 | |
| 499 | 500 | .ays-chart-dicount-sale-name-discount-box { |
| 500 | 501 | display: flex; |
| @@ -1924,4 +1925,1632 @@ | ||
| 1924 | 1925 | height: 450px; |
| 1925 | 1926 | } |
| 1926 | 1927 | } */ |
| 1927 | 1928 | /* Helloween banner end */ |
| 1929 | + | |
| 1930 | + | |
| 1931 | +/* Black friday banner 2024 start */ | |
| 1932 | + /* div#ays-chart-black-friday-bundle-dicount-month-main { | |
| 1933 | + border: 0; | |
| 1934 | + background: #FFF; | |
| 1935 | + border-radius: 20px; | |
| 1936 | + box-shadow: unset; | |
| 1937 | + position: relative; | |
| 1938 | + z-index: 1; | |
| 1939 | + min-height: 80px; | |
| 1940 | + } | |
| 1941 | + div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info button { | |
| 1942 | + display: flex; | |
| 1943 | + align-items: center; | |
| 1944 | + } | |
| 1945 | + | |
| 1946 | + div#ays-chart-black-friday-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus { | |
| 1947 | + outline: none; | |
| 1948 | + box-shadow: 0; | |
| 1949 | + } | |
| 1950 | + | |
| 1951 | + div#ays-chart-black-friday-bundle-dicount-month-main .btn-link { | |
| 1952 | + font-weight: 400; | |
| 1953 | + color: #007bff; | |
| 1954 | + background-color: transparent; | |
| 1955 | + display: inline-block; | |
| 1956 | + font-weight: 400; | |
| 1957 | + text-align: center; | |
| 1958 | + white-space: nowrap; | |
| 1959 | + vertical-align: middle; | |
| 1960 | + -webkit-user-select: none; | |
| 1961 | + -moz-user-select: none; | |
| 1962 | + -ms-user-select: none; | |
| 1963 | + user-select: none; | |
| 1964 | + border: 1px solid transparent; | |
| 1965 | + padding: .375rem .75rem; | |
| 1966 | + font-size: 1rem; | |
| 1967 | + line-height: 1.5; | |
| 1968 | + border-radius: .25rem | |
| 1969 | + } | |
| 1970 | + | |
| 1971 | + div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info { | |
| 1972 | + background-image: url("../images/ays-chart-popup-banner-black-friday-bg-image.svg"); | |
| 1973 | + background-position: center right; | |
| 1974 | + background-repeat: no-repeat; | |
| 1975 | + background-size: cover; | |
| 1976 | + background-color: #161616; | |
| 1977 | + } | |
| 1978 | + | |
| 1979 | + #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month { | |
| 1980 | + display: flex; | |
| 1981 | + align-items: center; | |
| 1982 | + justify-content: space-between; | |
| 1983 | + color: #fff; | |
| 1984 | + } | |
| 1985 | + | |
| 1986 | + #ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month img { | |
| 1987 | + width: 80px; | |
| 1988 | + } | |
| 1989 | + | |
| 1990 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-sale-banner-link { | |
| 1991 | + display: flex; | |
| 1992 | + justify-content: center; | |
| 1993 | + align-items: center; | |
| 1994 | + width: 200px; | |
| 1995 | + } | |
| 1996 | + | |
| 1997 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box { | |
| 1998 | + font-size:14px; | |
| 1999 | + padding:12px; | |
| 2000 | + text-align: center; | |
| 2001 | + } | |
| 2002 | + | |
| 2003 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2004 | + text-align: left; | |
| 2005 | + width: 30%; | |
| 2006 | + display: flex; | |
| 2007 | + justify-content: space-around; | |
| 2008 | + align-items: flex-start; | |
| 2009 | + text-align: center; | |
| 2010 | + } | |
| 2011 | + | |
| 2012 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2013 | + width: 30%; | |
| 2014 | + display: flex; | |
| 2015 | + justify-content: center; | |
| 2016 | + align-items: center; | |
| 2017 | + } | |
| 2018 | + | |
| 2019 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box { | |
| 2020 | + width: 20%; | |
| 2021 | + display: flex; | |
| 2022 | + justify-content: center; | |
| 2023 | + align-items: center; | |
| 2024 | + flex-direction: column; | |
| 2025 | + } | |
| 2026 | + | |
| 2027 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-black-friday-bundle-title { | |
| 2028 | + display: inline-block; | |
| 2029 | + color: #FDFDFD; | |
| 2030 | + font-style: normal; | |
| 2031 | + font-weight: 600; | |
| 2032 | + line-height: normal; | |
| 2033 | + } | |
| 2034 | + | |
| 2035 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-black-friday-bundle-title .ays-chart-black-friday-bundle-title-link { | |
| 2036 | + font-style: normal; | |
| 2037 | + font-weight: 700; | |
| 2038 | + font-size: 32px; | |
| 2039 | + line-height: 39px; | |
| 2040 | + text-align: center; | |
| 2041 | + text-transform: uppercase; | |
| 2042 | + letter-spacing: 0.13em; | |
| 2043 | + color: #161616; | |
| 2044 | + text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; | |
| 2045 | + } | |
| 2046 | + | |
| 2047 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-black-friday-bundle-desc { | |
| 2048 | + display: inline-block; | |
| 2049 | + font-style: normal; | |
| 2050 | + font-weight: 700; | |
| 2051 | + font-size: 32px; | |
| 2052 | + line-height: normal; | |
| 2053 | + text-align: center; | |
| 2054 | + letter-spacing: 0.13em; | |
| 2055 | + color: #161616; | |
| 2056 | + text-shadow: -1px 1px 0 #FF7F66, 1px 1px 0 #FF7F66, 1px -1px 0 #FF7F66, -1px -1px 0 #FF7F66; | |
| 2057 | + } | |
| 2058 | + | |
| 2059 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row { | |
| 2060 | + box-sizing: border-box; | |
| 2061 | + display: flex; | |
| 2062 | + flex-direction: row; | |
| 2063 | + justify-content: center; | |
| 2064 | + align-items: center; | |
| 2065 | + padding: 10px; | |
| 2066 | + font-size: 20px; | |
| 2067 | + background: #161616; | |
| 2068 | + border: 2px dotted #FF7F66; | |
| 2069 | + border-radius: 25px; | |
| 2070 | + margin-bottom: 5px; | |
| 2071 | + } | |
| 2072 | + | |
| 2073 | + | |
| 2074 | + | |
| 2075 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong { | |
| 2076 | + font-size: 17px; | |
| 2077 | + font-weight: bold; | |
| 2078 | + letter-spacing: 0.80px; | |
| 2079 | + } | |
| 2080 | + | |
| 2081 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-color { | |
| 2082 | + color: #971821; | |
| 2083 | + } | |
| 2084 | + | |
| 2085 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration { | |
| 2086 | + text-decoration: underline; | |
| 2087 | + } | |
| 2088 | + | |
| 2089 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { | |
| 2090 | + display: flex; | |
| 2091 | + justify-content: flex-end; | |
| 2092 | + align-items: center; | |
| 2093 | + } | |
| 2094 | + | |
| 2095 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { | |
| 2096 | + width: 30%; | |
| 2097 | + } | |
| 2098 | + | |
| 2099 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button, | |
| 2100 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { | |
| 2101 | + align-items: center; | |
| 2102 | + font-weight: 500; | |
| 2103 | + } | |
| 2104 | + | |
| 2105 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { | |
| 2106 | + background: #971821; | |
| 2107 | + border-color: #fff; | |
| 2108 | + display: flex; | |
| 2109 | + justify-content: center; | |
| 2110 | + align-items: center; | |
| 2111 | + padding: 5px 15px; | |
| 2112 | + font-size: 16px; | |
| 2113 | + border-radius: 5px; | |
| 2114 | + } | |
| 2115 | + | |
| 2116 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover { | |
| 2117 | + background: #7d161d; | |
| 2118 | + border-color: #971821; | |
| 2119 | + } | |
| 2120 | + | |
| 2121 | + #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{ | |
| 2122 | + display: flex; | |
| 2123 | + justify-content: center; | |
| 2124 | + } | |
| 2125 | + | |
| 2126 | + #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{ | |
| 2127 | + margin: 0 !important; | |
| 2128 | + font-size: 13px; | |
| 2129 | + font-size: 13px; | |
| 2130 | + color: #ffffff; | |
| 2131 | + | |
| 2132 | + } | |
| 2133 | + | |
| 2134 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box { | |
| 2135 | + width: 19%; | |
| 2136 | + } | |
| 2137 | + | |
| 2138 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button { | |
| 2139 | + padding: 40px 15px; | |
| 2140 | + display: flex; | |
| 2141 | + justify-content: center; | |
| 2142 | + align-items: center; | |
| 2143 | + opacity: 0; | |
| 2144 | + } | |
| 2145 | + | |
| 2146 | + #ays-chart-countdown-main-container .ays-chart-countdown-container { | |
| 2147 | + margin: 0 auto; | |
| 2148 | + text-align: center; | |
| 2149 | + } | |
| 2150 | + | |
| 2151 | + #ays-chart-countdown-main-container #ays-chart-countdown-headline { | |
| 2152 | + font-weight: normal; | |
| 2153 | + letter-spacing: .125rem; | |
| 2154 | + text-transform: uppercase; | |
| 2155 | + font-weight: bolder; | |
| 2156 | + font-size: 18px; | |
| 2157 | + font-weight: 400; | |
| 2158 | + margin: 0; | |
| 2159 | + padding: 9px 0 4px 0; | |
| 2160 | + line-height: 1.3; | |
| 2161 | + } | |
| 2162 | + #ays-chart-countdown-main-container li, | |
| 2163 | + #ays-chart-countdown-main-container ul { | |
| 2164 | + margin: 0; | |
| 2165 | + } | |
| 2166 | + #ays-chart-countdown-main-container ul { | |
| 2167 | + padding-left: 0; | |
| 2168 | + } | |
| 2169 | + | |
| 2170 | + #ays-chart-countdown-main-container li { | |
| 2171 | + display: inline-block; | |
| 2172 | + font-size: 14px; | |
| 2173 | + list-style-type: none; | |
| 2174 | + padding: 14px; | |
| 2175 | + text-transform: lowercase; | |
| 2176 | + } | |
| 2177 | + | |
| 2178 | + #ays-chart-countdown-main-container li span { | |
| 2179 | + display: flex; | |
| 2180 | + justify-content: center; | |
| 2181 | + align-items: center; | |
| 2182 | + font-size: 30px; | |
| 2183 | + min-height: 50px; | |
| 2184 | + min-width: 50px; | |
| 2185 | + background: rgba(255, 255, 255, 0.05); | |
| 2186 | + border: 1px solid #FF7F66; | |
| 2187 | + border-radius: 4px; | |
| 2188 | + box-shadow: 0px 1px 1px #FF7F66; | |
| 2189 | + } | |
| 2190 | + | |
| 2191 | + #ays-chart-countdown-main-container .emoji { | |
| 2192 | + display: none; | |
| 2193 | + padding: 1rem; | |
| 2194 | + } | |
| 2195 | + | |
| 2196 | + #ays-chart-countdown-main-container .emoji span { | |
| 2197 | + font-size: 30px; | |
| 2198 | + padding: 0 .5rem; | |
| 2199 | + } | |
| 2200 | + | |
| 2201 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li { | |
| 2202 | + position: relative; | |
| 2203 | + } | |
| 2204 | + | |
| 2205 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after { | |
| 2206 | + content: ":"; | |
| 2207 | + color: #fff; | |
| 2208 | + position: absolute; | |
| 2209 | + top: 10px; | |
| 2210 | + right: -5px; | |
| 2211 | + font-size: 40px; | |
| 2212 | + | |
| 2213 | + } | |
| 2214 | + | |
| 2215 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after { | |
| 2216 | + content: unset; | |
| 2217 | + } | |
| 2218 | + | |
| 2219 | + #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now { | |
| 2220 | + display: flex; | |
| 2221 | + align-items: center; | |
| 2222 | + padding: 12px 32px; | |
| 2223 | + color: #FFF; | |
| 2224 | + font-size:15px; | |
| 2225 | + font-style: normal; | |
| 2226 | + line-height: normal; | |
| 2227 | + margin: 0 !important; | |
| 2228 | + background: rgba(255, 255, 255, 0.1); | |
| 2229 | + border: 1px solid #FF7F66; | |
| 2230 | + box-shadow: 0px 0px 4px #FF7F66; | |
| 2231 | + border-radius: 4px; | |
| 2232 | + transition: all 0.3s; | |
| 2233 | + } | |
| 2234 | + | |
| 2235 | + #ays-chart-black-friday-bundle-dicount-month-main #ays-button-top-buy-now:hover { | |
| 2236 | + background-color: #FF7F66; | |
| 2237 | + border: 1px solid #fff; | |
| 2238 | + } | |
| 2239 | + | |
| 2240 | + div#ays-chart-black-friday-bundle-dicount-month-main button.notice-dismiss:before{ | |
| 2241 | + color: #fff; | |
| 2242 | + content: "\f00d"; | |
| 2243 | + font-family: fontawesome; | |
| 2244 | + font-size: 22px; | |
| 2245 | + } | |
| 2246 | + | |
| 2247 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-guaranteeicon { | |
| 2248 | + width: 30px; | |
| 2249 | + margin-right: 5px; | |
| 2250 | + } | |
| 2251 | + | |
| 2252 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-one-time-text { | |
| 2253 | + color: #FFF; | |
| 2254 | + font-size: 12px; | |
| 2255 | + font-style: normal; | |
| 2256 | + font-weight: 600; | |
| 2257 | + line-height: normal; | |
| 2258 | + } | |
| 2259 | + | |
| 2260 | + #ays-chart-dicount-month a:link, | |
| 2261 | + #ays-chart-dicount-month a:visited { | |
| 2262 | + text-decoration: none; | |
| 2263 | + } | |
| 2264 | + | |
| 2265 | + #ays-chart-dicount-month a:hover, | |
| 2266 | + #ays-chart-dicount-month a:active { | |
| 2267 | + text-decoration: underline; | |
| 2268 | + } | |
| 2269 | + | |
| 2270 | + @media all and (max-width: 768px) { | |
| 2271 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-coupon-row { | |
| 2272 | + max-width: 50%; | |
| 2273 | + margin: 0 auto; | |
| 2274 | + } | |
| 2275 | + | |
| 2276 | + div#ays-chart-black-friday-bundle-dicount-month-main { | |
| 2277 | + padding-right: 0; | |
| 2278 | + } | |
| 2279 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays_chart_dicount_month{ | |
| 2280 | + display: flex; | |
| 2281 | + align-items: center; | |
| 2282 | + justify-content: space-between; | |
| 2283 | + align-content: center; | |
| 2284 | + flex-wrap: wrap; | |
| 2285 | + flex-direction: column; | |
| 2286 | + padding: 10px 0; | |
| 2287 | + } | |
| 2288 | + | |
| 2289 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box { | |
| 2290 | + width: 100% !important; | |
| 2291 | + text-align: center; | |
| 2292 | + } | |
| 2293 | + | |
| 2294 | + #ays-chart-countdown-main-container #ays-chart-countdown-headline { | |
| 2295 | + font-size: 15px; | |
| 2296 | + font-weight: 600; | |
| 2297 | + } | |
| 2298 | + | |
| 2299 | + #ays-chart-countdown-main-container ul { | |
| 2300 | + font-weight: 500; | |
| 2301 | + } | |
| 2302 | + | |
| 2303 | + #ays-chart-countdown-main-container li span { | |
| 2304 | + font-size: 35px; | |
| 2305 | + min-height: 57px; | |
| 2306 | + min-width: 55px; | |
| 2307 | + } | |
| 2308 | + | |
| 2309 | + div#ays-chart-countdown-main-container li { | |
| 2310 | + padding: 10px; | |
| 2311 | + } | |
| 2312 | + | |
| 2313 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-none { | |
| 2314 | + display: none !important; | |
| 2315 | + } | |
| 2316 | + | |
| 2317 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-black-friday-bundle-mobile-image-display-block { | |
| 2318 | + display: block !important; | |
| 2319 | + margin-top: 5px; | |
| 2320 | + } | |
| 2321 | + | |
| 2322 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2323 | + width: 100% !important; | |
| 2324 | + text-align: center; | |
| 2325 | + flex-direction: column; | |
| 2326 | + margin-top: 20px; | |
| 2327 | + justify-content: center; | |
| 2328 | + align-items: center; | |
| 2329 | + } | |
| 2330 | + | |
| 2331 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after { | |
| 2332 | + top: unset; | |
| 2333 | + } | |
| 2334 | + | |
| 2335 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2336 | + width: 100%; | |
| 2337 | + display: flex; | |
| 2338 | + justify-content: center; | |
| 2339 | + align-items: center; | |
| 2340 | + } | |
| 2341 | + | |
| 2342 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-button{ | |
| 2343 | + margin: 0 auto !important; | |
| 2344 | + } | |
| 2345 | + | |
| 2346 | + div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice { | |
| 2347 | + background-position: bottom right; | |
| 2348 | + background-repeat: no-repeat; | |
| 2349 | + background-size: cover; | |
| 2350 | + border-radius: 10px; | |
| 2351 | + } | |
| 2352 | + | |
| 2353 | + #ays-chart-black-friday-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button { | |
| 2354 | + padding-left: unset !important; | |
| 2355 | + } | |
| 2356 | + | |
| 2357 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { | |
| 2358 | + justify-content: center; | |
| 2359 | + } | |
| 2360 | + | |
| 2361 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { | |
| 2362 | + font-size: 14px; | |
| 2363 | + padding: 5px 10px; | |
| 2364 | + } | |
| 2365 | + | |
| 2366 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-buy-now-opacity-button { | |
| 2367 | + display: none; | |
| 2368 | + } | |
| 2369 | + | |
| 2370 | + #ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{ | |
| 2371 | + position: static !important; | |
| 2372 | + } | |
| 2373 | + | |
| 2374 | + .comparison .product img { | |
| 2375 | + width: 70px; | |
| 2376 | + } | |
| 2377 | + | |
| 2378 | + .ays-chart-features-wrap .comparison a.price-buy{ | |
| 2379 | + padding: 8px 5px; | |
| 2380 | + font-size: 11px; | |
| 2381 | + } | |
| 2382 | + } | |
| 2383 | + | |
| 2384 | + @media screen and (max-width: 1305px) and (min-width: 768px){ | |
| 2385 | + div#ays-chart-black-friday-bundle-dicount-month-main.ays_chart_dicount_info.notice { | |
| 2386 | + background-position: bottom right; | |
| 2387 | + background-repeat: no-repeat; | |
| 2388 | + background-size: cover; | |
| 2389 | + } | |
| 2390 | + | |
| 2391 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong { | |
| 2392 | + font-size: 15px; | |
| 2393 | + } | |
| 2394 | + | |
| 2395 | + #ays-chart-countdown-main-container li { | |
| 2396 | + font-size: 11px; | |
| 2397 | + } | |
| 2398 | + | |
| 2399 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box { | |
| 2400 | + display: none; | |
| 2401 | + } | |
| 2402 | + } | |
| 2403 | + | |
| 2404 | + @media screen and (max-width: 1680px) and (min-width: 1551px){ | |
| 2405 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2406 | + width: 29%; | |
| 2407 | + } | |
| 2408 | + | |
| 2409 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2410 | + width: 30%; | |
| 2411 | + } | |
| 2412 | + } | |
| 2413 | + | |
| 2414 | + @media screen and (max-width: 1550px) and (min-width: 1400px){ | |
| 2415 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2416 | + width: 31%; | |
| 2417 | + } | |
| 2418 | + | |
| 2419 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2420 | + width: 35%; | |
| 2421 | + } | |
| 2422 | + } | |
| 2423 | + | |
| 2424 | + @media screen and (max-width: 1400px) and (min-width: 1200px){ | |
| 2425 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2426 | + width: 35%; | |
| 2427 | + } | |
| 2428 | + | |
| 2429 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2430 | + width: 40%; | |
| 2431 | + } | |
| 2432 | + | |
| 2433 | + div#ays-chart-countdown-main-container li span { | |
| 2434 | + font-size: 30px; | |
| 2435 | + min-height: 50px; | |
| 2436 | + min-width: 50px; | |
| 2437 | + } | |
| 2438 | + } | |
| 2439 | + | |
| 2440 | + @media screen and (max-width: 1200px) and (min-width: 769px){ | |
| 2441 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2442 | + width: 45%; | |
| 2443 | + } | |
| 2444 | + | |
| 2445 | + div#ays-chart-black-friday-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2446 | + width: 35%; | |
| 2447 | + } | |
| 2448 | + | |
| 2449 | + div#ays-chart-countdown-main-container li span { | |
| 2450 | + font-size: 30px; | |
| 2451 | + min-height: 50px; | |
| 2452 | + min-width: 50px; | |
| 2453 | + } | |
| 2454 | + } */ | |
| 2455 | +/* Black friday banner 2024 end */ | |
| 2456 | + | |
| 2457 | + | |
| 2458 | +/* Christmas banner 2024 start */ | |
| 2459 | + /* div#ays-chart-christmas-top-bundle-dicount-month-main { | |
| 2460 | + border: 0; | |
| 2461 | + background: #FFF; | |
| 2462 | + border-radius: 20px; | |
| 2463 | + box-shadow: unset; | |
| 2464 | + position: relative; | |
| 2465 | + z-index: 1; | |
| 2466 | + min-height: 80px; | |
| 2467 | + } | |
| 2468 | + div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info button { | |
| 2469 | + display: flex; | |
| 2470 | + align-items: center; | |
| 2471 | + } | |
| 2472 | + | |
| 2473 | + div#ays-chart-christmas-top-bundle-dicount-month-main div#ays-chart-dicount-month a.ays-chart-sale-banner-link:focus { | |
| 2474 | + outline: none; | |
| 2475 | + box-shadow: 0; | |
| 2476 | + } | |
| 2477 | + | |
| 2478 | + div#ays-chart-christmas-top-bundle-dicount-month-main .btn-link { | |
| 2479 | + font-weight: 400; | |
| 2480 | + color: #007bff; | |
| 2481 | + background-color: transparent; | |
| 2482 | + display: inline-block; | |
| 2483 | + font-weight: 400; | |
| 2484 | + text-align: center; | |
| 2485 | + white-space: nowrap; | |
| 2486 | + vertical-align: middle; | |
| 2487 | + -webkit-user-select: none; | |
| 2488 | + -moz-user-select: none; | |
| 2489 | + -ms-user-select: none; | |
| 2490 | + user-select: none; | |
| 2491 | + border: 1px solid transparent; | |
| 2492 | + padding: .375rem .75rem; | |
| 2493 | + font-size: 1rem; | |
| 2494 | + line-height: 1.5; | |
| 2495 | + border-radius: .25rem | |
| 2496 | + } | |
| 2497 | + | |
| 2498 | + div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info { | |
| 2499 | + background-image: url("../images/ays-chart-popup-banner-christmas-bg-image.svg"); | |
| 2500 | + background-position: center right; | |
| 2501 | + background-repeat: no-repeat; | |
| 2502 | + background-size: cover; | |
| 2503 | + background-color: #F6ECE3; | |
| 2504 | + } | |
| 2505 | + | |
| 2506 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month { | |
| 2507 | + display: flex; | |
| 2508 | + align-items: center; | |
| 2509 | + justify-content: space-between; | |
| 2510 | + color: #A42F29; | |
| 2511 | + } | |
| 2512 | + | |
| 2513 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month img { | |
| 2514 | + width: 80px; | |
| 2515 | + } | |
| 2516 | + | |
| 2517 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-sale-banner-link { | |
| 2518 | + display: flex; | |
| 2519 | + justify-content: center; | |
| 2520 | + align-items: center; | |
| 2521 | + width: 200px; | |
| 2522 | + } | |
| 2523 | + | |
| 2524 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box { | |
| 2525 | + font-size:14px; | |
| 2526 | + padding:12px; | |
| 2527 | + text-align: center; | |
| 2528 | + } | |
| 2529 | + | |
| 2530 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2531 | + text-align: left; | |
| 2532 | + width: 30%; | |
| 2533 | + display: flex; | |
| 2534 | + justify-content: space-around; | |
| 2535 | + align-items: flex-start; | |
| 2536 | + text-align: center; | |
| 2537 | + } | |
| 2538 | + | |
| 2539 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2540 | + width: 30%; | |
| 2541 | + display: flex; | |
| 2542 | + justify-content: center; | |
| 2543 | + align-items: center; | |
| 2544 | + } | |
| 2545 | + | |
| 2546 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-button-box { | |
| 2547 | + width: 20%; | |
| 2548 | + display: flex; | |
| 2549 | + justify-content: center; | |
| 2550 | + align-items: center; | |
| 2551 | + flex-direction: column; | |
| 2552 | + } | |
| 2553 | + | |
| 2554 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-christmas-top-bundle-title { | |
| 2555 | + display: inline-block; | |
| 2556 | + color: #FDFDFD; | |
| 2557 | + font-style: normal; | |
| 2558 | + font-weight: 600; | |
| 2559 | + line-height: normal; | |
| 2560 | + } | |
| 2561 | + | |
| 2562 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-christmas-top-bundle-title .ays-chart-christmas-top-bundle-title-link { | |
| 2563 | + font-style: normal; | |
| 2564 | + font-weight: 700; | |
| 2565 | + font-size: 32px; | |
| 2566 | + line-height: 39px; | |
| 2567 | + text-align: center; | |
| 2568 | + text-transform: uppercase; | |
| 2569 | + letter-spacing: 0.13em; | |
| 2570 | + color: #A42F29; | |
| 2571 | + } | |
| 2572 | + | |
| 2573 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box .ays-chart-christmas-top-bundle-desc { | |
| 2574 | + display: inline-block; | |
| 2575 | + font-style: normal; | |
| 2576 | + font-weight: 700; | |
| 2577 | + font-size: 32px; | |
| 2578 | + line-height: normal; | |
| 2579 | + text-align: center; | |
| 2580 | + letter-spacing: 0.13em; | |
| 2581 | + color: #A42F29; | |
| 2582 | + text-transform: uppercase; | |
| 2583 | + } | |
| 2584 | + | |
| 2585 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row { | |
| 2586 | + box-sizing: border-box; | |
| 2587 | + display: flex; | |
| 2588 | + flex-direction: row; | |
| 2589 | + justify-content: center; | |
| 2590 | + align-items: center; | |
| 2591 | + padding: 10px; | |
| 2592 | + font-size: 22px; | |
| 2593 | + background: #FCFAF8; | |
| 2594 | + border: 2px dotted #A42F29; | |
| 2595 | + border-radius: 25px; | |
| 2596 | + margin-bottom: 5px; | |
| 2597 | + font-weight: 700; | |
| 2598 | + } | |
| 2599 | + | |
| 2600 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-text-row { | |
| 2601 | + font-weight: 500; | |
| 2602 | + } | |
| 2603 | + | |
| 2604 | + | |
| 2605 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong { | |
| 2606 | + font-size: 17px; | |
| 2607 | + font-weight: bold; | |
| 2608 | + letter-spacing: 0.80px; | |
| 2609 | + } | |
| 2610 | + | |
| 2611 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-color { | |
| 2612 | + color: #971821; | |
| 2613 | + } | |
| 2614 | + | |
| 2615 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-text-decoration { | |
| 2616 | + text-decoration: underline; | |
| 2617 | + } | |
| 2618 | + | |
| 2619 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { | |
| 2620 | + display: flex; | |
| 2621 | + justify-content: flex-end; | |
| 2622 | + align-items: center; | |
| 2623 | + } | |
| 2624 | + | |
| 2625 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { | |
| 2626 | + width: 30%; | |
| 2627 | + } | |
| 2628 | + | |
| 2629 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-button, | |
| 2630 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { | |
| 2631 | + align-items: center; | |
| 2632 | + font-weight: 500; | |
| 2633 | + } | |
| 2634 | + | |
| 2635 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { | |
| 2636 | + background: #971821; | |
| 2637 | + border-color: #fff; | |
| 2638 | + display: flex; | |
| 2639 | + justify-content: center; | |
| 2640 | + align-items: center; | |
| 2641 | + padding: 5px 15px; | |
| 2642 | + font-size: 16px; | |
| 2643 | + border-radius: 5px; | |
| 2644 | + } | |
| 2645 | + | |
| 2646 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button:hover { | |
| 2647 | + background: #7d161d; | |
| 2648 | + border-color: #971821; | |
| 2649 | + } | |
| 2650 | + | |
| 2651 | + #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content{ | |
| 2652 | + display: flex; | |
| 2653 | + justify-content: center; | |
| 2654 | + } | |
| 2655 | + | |
| 2656 | + #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button{ | |
| 2657 | + margin: 0 !important; | |
| 2658 | + font-size: 13px; | |
| 2659 | + font-size: 13px; | |
| 2660 | + color: #A42F29; | |
| 2661 | + } | |
| 2662 | + | |
| 2663 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box { | |
| 2664 | + width: 19%; | |
| 2665 | + } | |
| 2666 | + | |
| 2667 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button { | |
| 2668 | + padding: 40px 15px; | |
| 2669 | + display: flex; | |
| 2670 | + justify-content: center; | |
| 2671 | + align-items: center; | |
| 2672 | + opacity: 0; | |
| 2673 | + } | |
| 2674 | + | |
| 2675 | + #ays-chart-countdown-main-container .ays-chart-countdown-container { | |
| 2676 | + margin: 0 auto; | |
| 2677 | + text-align: center; | |
| 2678 | + font-weight: 500; | |
| 2679 | + } | |
| 2680 | + | |
| 2681 | + #ays-chart-countdown-main-container #ays-chart-countdown-headline { | |
| 2682 | + font-weight: normal; | |
| 2683 | + letter-spacing: .125rem; | |
| 2684 | + text-transform: uppercase; | |
| 2685 | + font-weight: bolder; | |
| 2686 | + font-size: 18px; | |
| 2687 | + font-weight: 400; | |
| 2688 | + margin: 0; | |
| 2689 | + padding: 9px 0 4px 0; | |
| 2690 | + line-height: 1.3; | |
| 2691 | + } | |
| 2692 | + #ays-chart-countdown-main-container li, | |
| 2693 | + #ays-chart-countdown-main-container ul { | |
| 2694 | + margin: 0; | |
| 2695 | + } | |
| 2696 | + | |
| 2697 | + #ays-chart-countdown-main-container li { | |
| 2698 | + display: inline-block; | |
| 2699 | + font-size: 14px; | |
| 2700 | + list-style-type: none; | |
| 2701 | + padding: 14px; | |
| 2702 | + text-transform: lowercase; | |
| 2703 | + } | |
| 2704 | + | |
| 2705 | + #ays-chart-countdown-main-container li span { | |
| 2706 | + display: flex; | |
| 2707 | + justify-content: center; | |
| 2708 | + align-items: center; | |
| 2709 | + font-size: 30px; | |
| 2710 | + min-height: 50px; | |
| 2711 | + min-width: 50px; | |
| 2712 | + background: #FFFFFF; | |
| 2713 | + border: 1px solid #A42F29; | |
| 2714 | + border-radius: 4px; | |
| 2715 | + box-shadow: 0px 1px 1px #A42F29; | |
| 2716 | + } | |
| 2717 | + | |
| 2718 | + #ays-chart-countdown-main-container .emoji { | |
| 2719 | + display: none; | |
| 2720 | + padding: 1rem; | |
| 2721 | + } | |
| 2722 | + | |
| 2723 | + #ays-chart-countdown-main-container .emoji span { | |
| 2724 | + font-size: 30px; | |
| 2725 | + padding: 0 .5rem; | |
| 2726 | + } | |
| 2727 | + | |
| 2728 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li { | |
| 2729 | + position: relative; | |
| 2730 | + } | |
| 2731 | + | |
| 2732 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after { | |
| 2733 | + content: ":"; | |
| 2734 | + color: #A42F29; | |
| 2735 | + position: absolute; | |
| 2736 | + top: 10px; | |
| 2737 | + right: -5px; | |
| 2738 | + font-size: 40px; | |
| 2739 | + | |
| 2740 | + } | |
| 2741 | + | |
| 2742 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span#ays-chart-countdown-seconds:after { | |
| 2743 | + content: unset; | |
| 2744 | + } | |
| 2745 | + | |
| 2746 | + #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now { | |
| 2747 | + display: flex; | |
| 2748 | + align-items: center; | |
| 2749 | + padding: 12px 32px; | |
| 2750 | + color: #FFF; | |
| 2751 | + font-size: 15px; | |
| 2752 | + font-style: normal; | |
| 2753 | + line-height: normal; | |
| 2754 | + margin: 0 !important; | |
| 2755 | + background: #A42F29; | |
| 2756 | + border: 1px solid #A42F29; | |
| 2757 | + box-shadow: 0px 0px 4px #A42F29; | |
| 2758 | + border-radius: 4px; | |
| 2759 | + transition: all 0.3s; | |
| 2760 | + } | |
| 2761 | + | |
| 2762 | + #ays-chart-christmas-top-bundle-dicount-month-main #ays-button-top-buy-now:hover { | |
| 2763 | + background-color: #FF7F66; | |
| 2764 | + border: 1px solid #fff; | |
| 2765 | + } | |
| 2766 | + | |
| 2767 | + div#ays-chart-christmas-top-bundle-dicount-month-main button.notice-dismiss:before{ | |
| 2768 | + color: #A42F29; | |
| 2769 | + content: "\f00d"; | |
| 2770 | + font-family: fontawesome; | |
| 2771 | + font-size: 22px; | |
| 2772 | + } | |
| 2773 | + | |
| 2774 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-guaranteeicon { | |
| 2775 | + width: 30px; | |
| 2776 | + margin-right: 5px; | |
| 2777 | + } | |
| 2778 | + | |
| 2779 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-one-time-text { | |
| 2780 | + color: #A42F29; | |
| 2781 | + font-size: 12px; | |
| 2782 | + font-style: normal; | |
| 2783 | + font-weight: 600; | |
| 2784 | + line-height: normal; | |
| 2785 | + } | |
| 2786 | + | |
| 2787 | + | |
| 2788 | + @media all and (max-width: 768px) { | |
| 2789 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-coupon-row { | |
| 2790 | + max-width: 50%; | |
| 2791 | + margin: 0 auto; | |
| 2792 | + } | |
| 2793 | + | |
| 2794 | + div#ays-chart-christmas-top-bundle-dicount-month-main { | |
| 2795 | + padding-right: 0; | |
| 2796 | + } | |
| 2797 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month{ | |
| 2798 | + display: flex; | |
| 2799 | + align-items: center; | |
| 2800 | + justify-content: space-between; | |
| 2801 | + align-content: center; | |
| 2802 | + flex-wrap: wrap; | |
| 2803 | + flex-direction: column; | |
| 2804 | + padding: 10px 0; | |
| 2805 | + } | |
| 2806 | + | |
| 2807 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box { | |
| 2808 | + width: 100% !important; | |
| 2809 | + text-align: center; | |
| 2810 | + } | |
| 2811 | + | |
| 2812 | + #ays-chart-countdown-main-container #ays-chart-countdown-headline { | |
| 2813 | + font-size: 15px; | |
| 2814 | + font-weight: 600; | |
| 2815 | + } | |
| 2816 | + | |
| 2817 | + #ays-chart-countdown-main-container ul { | |
| 2818 | + font-weight: 500; | |
| 2819 | + } | |
| 2820 | + | |
| 2821 | + #ays-chart-countdown-main-container li span { | |
| 2822 | + font-size: 35px; | |
| 2823 | + min-height: 57px; | |
| 2824 | + min-width: 55px; | |
| 2825 | + } | |
| 2826 | + | |
| 2827 | + div#ays-chart-countdown-main-container li { | |
| 2828 | + padding: 10px; | |
| 2829 | + } | |
| 2830 | + | |
| 2831 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-none { | |
| 2832 | + display: none !important; | |
| 2833 | + } | |
| 2834 | + | |
| 2835 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-christmas-top-bundle-mobile-image-display-block { | |
| 2836 | + display: block !important; | |
| 2837 | + margin-top: 5px; | |
| 2838 | + } | |
| 2839 | + | |
| 2840 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2841 | + width: 100% !important; | |
| 2842 | + text-align: center; | |
| 2843 | + flex-direction: column; | |
| 2844 | + margin-top: 20px; | |
| 2845 | + justify-content: center; | |
| 2846 | + align-items: center; | |
| 2847 | + } | |
| 2848 | + | |
| 2849 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box li span:after { | |
| 2850 | + top: unset; | |
| 2851 | + } | |
| 2852 | + | |
| 2853 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2854 | + width: 100%; | |
| 2855 | + display: flex; | |
| 2856 | + justify-content: center; | |
| 2857 | + align-items: center; | |
| 2858 | + } | |
| 2859 | + | |
| 2860 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-button{ | |
| 2861 | + margin: 0 auto !important; | |
| 2862 | + } | |
| 2863 | + | |
| 2864 | + div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice { | |
| 2865 | + background-position: bottom right; | |
| 2866 | + background-repeat: no-repeat; | |
| 2867 | + background-size: cover; | |
| 2868 | + border-radius: 10px; | |
| 2869 | + } | |
| 2870 | + | |
| 2871 | + #ays-chart-christmas-top-bundle-dicount-month-main #ays-chart-dismiss-buttons-content .ays-button { | |
| 2872 | + padding-left: unset !important; | |
| 2873 | + } | |
| 2874 | + | |
| 2875 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-buy-now-button-box { | |
| 2876 | + justify-content: center; | |
| 2877 | + } | |
| 2878 | + | |
| 2879 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box .ays-buy-now-button { | |
| 2880 | + font-size: 14px; | |
| 2881 | + padding: 5px 10px; | |
| 2882 | + } | |
| 2883 | + | |
| 2884 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-buy-now-opacity-button { | |
| 2885 | + display: none; | |
| 2886 | + } | |
| 2887 | + | |
| 2888 | + #ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dismiss-buttons-container-for-form{ | |
| 2889 | + position: static !important; | |
| 2890 | + } | |
| 2891 | + | |
| 2892 | + .comparison .product img { | |
| 2893 | + width: 70px; | |
| 2894 | + } | |
| 2895 | + | |
| 2896 | + .ays-chart-features-wrap .comparison a.price-buy{ | |
| 2897 | + padding: 8px 5px; | |
| 2898 | + font-size: 11px; | |
| 2899 | + } | |
| 2900 | + } | |
| 2901 | + | |
| 2902 | + @media screen and (max-width: 1305px) and (min-width: 768px){ | |
| 2903 | + div#ays-chart-christmas-top-bundle-dicount-month-main.ays_chart_dicount_info.notice { | |
| 2904 | + background-position: bottom right; | |
| 2905 | + background-repeat: no-repeat; | |
| 2906 | + background-size: cover; | |
| 2907 | + } | |
| 2908 | + | |
| 2909 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box strong { | |
| 2910 | + font-size: 15px; | |
| 2911 | + } | |
| 2912 | + | |
| 2913 | + #ays-chart-countdown-main-container li { | |
| 2914 | + font-size: 11px; | |
| 2915 | + } | |
| 2916 | + | |
| 2917 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-opacity-box { | |
| 2918 | + display: none; | |
| 2919 | + } | |
| 2920 | + } | |
| 2921 | + | |
| 2922 | + @media screen and (max-width: 1680px) and (min-width: 1551px){ | |
| 2923 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2924 | + width: 29%; | |
| 2925 | + } | |
| 2926 | + | |
| 2927 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2928 | + width: 30%; | |
| 2929 | + } | |
| 2930 | + } | |
| 2931 | + | |
| 2932 | + @media screen and (max-width: 1550px) and (min-width: 1400px){ | |
| 2933 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2934 | + width: 31%; | |
| 2935 | + } | |
| 2936 | + | |
| 2937 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2938 | + width: 35%; | |
| 2939 | + } | |
| 2940 | + } | |
| 2941 | + | |
| 2942 | + @media screen and (max-width: 1400px) and (min-width: 1200px){ | |
| 2943 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2944 | + width: 35%; | |
| 2945 | + } | |
| 2946 | + | |
| 2947 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2948 | + width: 40%; | |
| 2949 | + } | |
| 2950 | + | |
| 2951 | + div#ays-chart-countdown-main-container li span { | |
| 2952 | + font-size: 30px; | |
| 2953 | + min-height: 50px; | |
| 2954 | + min-width: 50px; | |
| 2955 | + } | |
| 2956 | + } | |
| 2957 | + | |
| 2958 | + @media screen and (max-width: 1200px) and (min-width: 769px){ | |
| 2959 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-countdown-box { | |
| 2960 | + width: 45%; | |
| 2961 | + } | |
| 2962 | + | |
| 2963 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays-chart-dicount-wrap-box.ays-chart-dicount-wrap-text-box { | |
| 2964 | + width: 35%; | |
| 2965 | + } | |
| 2966 | + | |
| 2967 | + div#ays-chart-countdown-main-container li span { | |
| 2968 | + font-size: 30px; | |
| 2969 | + min-height: 50px; | |
| 2970 | + min-width: 50px; | |
| 2971 | + } | |
| 2972 | + } | |
| 2973 | + | |
| 2974 | + @media screen and (max-width: 1200px) and (max-width: 1200px){ | |
| 2975 | + div#ays-chart-christmas-top-bundle-dicount-month-main .ays_chart_dicount_month { | |
| 2976 | + flex-wrap: wrap; | |
| 2977 | + justify-content: space-around; | |
| 2978 | + } | |
| 2979 | + } */ | |
| 2980 | +/* Christmas banner 2024 end */ | |
| 2981 | +/* chatgpt Footer Sale Banner 20% 2026 | Start */ | |
| 2982 | + | |
| 2983 | +@keyframes ays-pro-slide-up { | |
| 2984 | + 0% { | |
| 2985 | + opacity: 0; | |
| 2986 | + transform: translateY(24px); | |
| 2987 | + } | |
| 2988 | + 100% { | |
| 2989 | + opacity: 1; | |
| 2990 | + transform: translateY(0); | |
| 2991 | + } | |
| 2992 | +} | |
| 2993 | + | |
| 2994 | +@keyframes ays-pro-slide-down { | |
| 2995 | + 0% { | |
| 2996 | + opacity: 1; | |
| 2997 | + transform: translateY(0); | |
| 2998 | + } | |
| 2999 | + 100% { | |
| 3000 | + opacity: 0; | |
| 3001 | + transform: translateY(24px); | |
| 3002 | + } | |
| 3003 | +} | |
| 3004 | + | |
| 3005 | +.ays-chart-footer-banner-bottom-banner-wrapper { | |
| 3006 | + position: fixed; | |
| 3007 | + bottom: 0; | |
| 3008 | + left: 0; | |
| 3009 | + right: 0; | |
| 3010 | + z-index: 9999; | |
| 3011 | + padding: 0 16px 28px; | |
| 3012 | + text-align: center; | |
| 3013 | + animation: 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards ays-pro-slide-up; | |
| 3014 | +} | |
| 3015 | + | |
| 3016 | +.ays-chart-footer-banner-bottom-banner-wrapper.ays-pro-banner-closing { | |
| 3017 | + animation: 0.32s cubic-bezier(0.16, 1, 0.3, 1) forwards ays-pro-slide-down; | |
| 3018 | +} | |
| 3019 | + | |
| 3020 | +.ays-chart-footer-banner-bottom-banner-container { | |
| 3021 | + display: inline-block; | |
| 3022 | + max-width: 100%; | |
| 3023 | + border-radius: 16px; | |
| 3024 | + background: linear-gradient(90deg, #2f6bff 0, #3e7bff 100%); | |
| 3025 | + box-shadow: | |
| 3026 | + 0 20px 40px -15px rgba(47, 107, 255, 0.55), | |
| 3027 | + 0 8px 20px -10px rgba(47, 107, 255, 0.35); | |
| 3028 | + overflow: hidden; | |
| 3029 | +} | |
| 3030 | + | |
| 3031 | +.ays-chart-footer-banner-bottom-banner-content, | |
| 3032 | +.ays-chart-footer-banner-bottom-banner-inner, | |
| 3033 | +.ays-chart-footer-banner-bottom-banner-left, | |
| 3034 | +.ays-chart-footer-banner-bottom-banner-code { | |
| 3035 | + display: flex; | |
| 3036 | + align-items: center; | |
| 3037 | +} | |
| 3038 | + | |
| 3039 | +.ays-chart-footer-banner-bottom-banner-inner { | |
| 3040 | + gap: 16px; | |
| 3041 | + padding: 8px 14px 8px 10px; | |
| 3042 | + color: #fff; | |
| 3043 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; | |
| 3044 | +} | |
| 3045 | + | |
| 3046 | +.ays-chart-footer-banner-bottom-banner-left { | |
| 3047 | + gap: 14px; | |
| 3048 | +} | |
| 3049 | + | |
| 3050 | +.ays-chart-footer-banner-bottom-banner-icon { | |
| 3051 | + display: flex; | |
| 3052 | + align-items: center; | |
| 3053 | + justify-content: center; | |
| 3054 | + flex: 0 0 auto; | |
| 3055 | + width: 48px; | |
| 3056 | + height: 48px; | |
| 3057 | + border-radius: 50%; | |
| 3058 | + background: rgba(255, 255, 255, 0.15); | |
| 3059 | + color: #fff; | |
| 3060 | +} | |
| 3061 | + | |
| 3062 | +.ays-chart-footer-banner-bottom-banner-icon svg { | |
| 3063 | + width: 24px; | |
| 3064 | + height: 24px; | |
| 3065 | +} | |
| 3066 | + | |
| 3067 | +.ays-chart-footer-banner-bottom-banner-title, | |
| 3068 | +.ays-chart-footer-banner-bottom-banner-discount { | |
| 3069 | + font-size: 17px; | |
| 3070 | + font-weight: 600; | |
| 3071 | + line-height: 1.25; | |
| 3072 | + letter-spacing: 0; | |
| 3073 | + white-space: nowrap; | |
| 3074 | + color: #fff; | |
| 3075 | +} | |
| 3076 | + | |
| 3077 | +.ays-chart-footer-banner-bottom-banner-separator { | |
| 3078 | + display: block; | |
| 3079 | + width: 1px; | |
| 3080 | + height: 24px; | |
| 3081 | + background: rgba(255, 255, 255, 0.4); | |
| 3082 | +} | |
| 3083 | + | |
| 3084 | +.ays-chart-footer-banner-bottom-banner-code { | |
| 3085 | + gap: 6px; | |
| 3086 | + border: 1px dashed rgba(255, 255, 255, 0.7); | |
| 3087 | + border-radius: 999px; | |
| 3088 | + padding: 6px 9px; | |
| 3089 | + color: #fff; | |
| 3090 | + cursor: pointer; | |
| 3091 | + transition: | |
| 3092 | + background-color 0.15s, | |
| 3093 | + border-color 0.15s; | |
| 3094 | +} | |
| 3095 | + | |
| 3096 | +.ays-chart-footer-banner-bottom-banner-code:hover { | |
| 3097 | + background: rgba(255, 255, 255, 0.1); | |
| 3098 | + border-color: #fff; | |
| 3099 | +} | |
| 3100 | + | |
| 3101 | +.ays-chart-footer-banner-bottom-banner-code > svg, | |
| 3102 | +.ays-chart-footer-banner-bottom-banner-code button svg { | |
| 3103 | + width: 16px; | |
| 3104 | + height: 16px; | |
| 3105 | +} | |
| 3106 | + | |
| 3107 | +.ays-chart-footer-banner-bottom-banner-code span { | |
| 3108 | + font-size: 14px; | |
| 3109 | + font-weight: 600; | |
| 3110 | + line-height: 1; | |
| 3111 | + letter-spacing: 0.05em; | |
| 3112 | + color: #fff; | |
| 3113 | +} | |
| 3114 | + | |
| 3115 | +.ays-chart-footer-banner-bottom-banner-copy, | |
| 3116 | +.ays-chart-footer-banner-bottom-banner-close { | |
| 3117 | + display: flex; | |
| 3118 | + align-items: center; | |
| 3119 | + justify-content: center; | |
| 3120 | + margin: 0; | |
| 3121 | + padding: 0; | |
| 3122 | + background: transparent; | |
| 3123 | + border: 0; | |
| 3124 | + color: rgba(255, 255, 255, 0.9); | |
| 3125 | + cursor: pointer; | |
| 3126 | + box-shadow: none; | |
| 3127 | + transition: | |
| 3128 | + color 0.15s, | |
| 3129 | + background-color 0.15s; | |
| 3130 | +} | |
| 3131 | + | |
| 3132 | +.ays-chart-footer-banner-bottom-banner-copy:hover, | |
| 3133 | +.ays-chart-footer-banner-bottom-banner-close:hover { | |
| 3134 | + color: #fff; | |
| 3135 | + background: transparent; | |
| 3136 | +} | |
| 3137 | + | |
| 3138 | +.ays-chart-footer-banner-bottom-banner-wrapper .ays-chart-footer-banner-bottom-banner-cta { | |
| 3139 | + display: inline-flex; | |
| 3140 | + align-items: center; | |
| 3141 | + justify-content: center; | |
| 3142 | + min-height: 40px; | |
| 3143 | + padding: 8px 20px; | |
| 3144 | + border: 0; | |
| 3145 | + border-radius: 999px; | |
| 3146 | + background: #fff; | |
| 3147 | + color: #2f6bff; | |
| 3148 | + font-size: 15px; | |
| 3149 | + font-weight: 600; | |
| 3150 | + line-height: 1; | |
| 3151 | + white-space: nowrap; | |
| 3152 | + cursor: pointer; | |
| 3153 | + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); | |
| 3154 | + transition: | |
| 3155 | + background-color 0.15s, | |
| 3156 | + transform 0.15s; | |
| 3157 | +} | |
| 3158 | + | |
| 3159 | +.ays-chart-footer-banner-bottom-banner-wrapper .ays-chart-footer-banner-bottom-banner-cta:hover { | |
| 3160 | + background: rgba(255, 255, 255, 0.95); | |
| 3161 | + color: #2f6bff; | |
| 3162 | + transform: translateY(-1px); | |
| 3163 | +} | |
| 3164 | + | |
| 3165 | +.ays-chart-footer-banner-bottom-banner-close { | |
| 3166 | + width: 22px; | |
| 3167 | + height: 22px; | |
| 3168 | + margin-left: 2px; | |
| 3169 | +} | |
| 3170 | + | |
| 3171 | +.ays-chart-footer-banner-bottom-banner-close svg { | |
| 3172 | + width: 20px; | |
| 3173 | + height: 20px; | |
| 3174 | +} | |
| 3175 | + | |
| 3176 | +.ays-chart-footer-banner-copy-notification { | |
| 3177 | + position: fixed; | |
| 3178 | + top: 50%; | |
| 3179 | + left: 50%; | |
| 3180 | + transform: translate(-50%, -50%); | |
| 3181 | + background: rgba(0, 0, 0, 0.8); | |
| 3182 | + color: #fff; | |
| 3183 | + padding: 12px 24px; | |
| 3184 | + border-radius: 8px; | |
| 3185 | + font-size: 14px; | |
| 3186 | + z-index: 10000; | |
| 3187 | + opacity: 0; | |
| 3188 | + transition: opacity 0.3s; | |
| 3189 | +} | |
| 3190 | + | |
| 3191 | +.ays-chart-footer-banner-copy-notification.show { | |
| 3192 | + opacity: 1; | |
| 3193 | +} | |
| 3194 | + | |
| 3195 | +@media (max-width: 768px) { | |
| 3196 | + .ays-chart-footer-banner-bottom-banner-wrapper { | |
| 3197 | + display: none; | |
| 3198 | + } | |
| 3199 | +} | |
| 3200 | + | |
| 3201 | + | |
| 3202 | + | |
| 3203 | + | |
| 3204 | +/* chatgpt Footer Sale Banner 20% 2026 | End */ | |
| 3205 | + | |
| 3206 | + | |
| 3207 | +/* Back to School Sale Banner 2026 | Start */ | |
| 3208 | + | |
| 3209 | +#ays-chart-back-to-school-banner-2026 { | |
| 3210 | + box-sizing:border-box; | |
| 3211 | + position:relative; | |
| 3212 | + isolation:isolate; | |
| 3213 | + width:calc(100% - 20px); | |
| 3214 | + max-width:none; | |
| 3215 | + min-height:112px; | |
| 3216 | + margin:20px 20px 16px 0; | |
| 3217 | + padding:0 38px; | |
| 3218 | + overflow:hidden; | |
| 3219 | + border:1px solid #e8dcc9; | |
| 3220 | + border-left-width:1px; | |
| 3221 | + border-radius:12px; | |
| 3222 | + background-color:#fffdf8; | |
| 3223 | + 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%); | |
| 3224 | + background-size:6px 6px,100% 100%,100% 100%; | |
| 3225 | + box-shadow:0 10px 30px -18px rgba(76,45,140,.55); | |
| 3226 | + font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif | |
| 3227 | +} | |
| 3228 | + | |
| 3229 | +.ays-chart-bts-content { | |
| 3230 | + position:relative; | |
| 3231 | + z-index:2; | |
| 3232 | + display:flex; | |
| 3233 | + min-height:110px; | |
| 3234 | + align-items:center; | |
| 3235 | + justify-content:space-between; | |
| 3236 | + gap:28px | |
| 3237 | +} | |
| 3238 | + | |
| 3239 | +.ays-chart-bts-offer,.ays-chart-bts-actions { | |
| 3240 | + display:flex; | |
| 3241 | + align-items:center | |
| 3242 | +} | |
| 3243 | + | |
| 3244 | +.ays-chart-bts-offer { | |
| 3245 | + min-width:0; | |
| 3246 | + gap:9px | |
| 3247 | +} | |
| 3248 | + | |
| 3249 | +.ays-chart-bts-handwritten { | |
| 3250 | + width:280px; | |
| 3251 | + max-width:23vw; | |
| 3252 | + height:auto; | |
| 3253 | + color:#0755df; | |
| 3254 | + overflow:visible; | |
| 3255 | + flex:0 1 auto | |
| 3256 | +} | |
| 3257 | + | |
| 3258 | +.ays-chart-bts-dot { | |
| 3259 | + width:7px; | |
| 3260 | + height:7px; | |
| 3261 | + flex:0 0 auto; | |
| 3262 | + border-radius:50%; | |
| 3263 | + background:#ffc51b; | |
| 3264 | + align-self:flex-start; | |
| 3265 | + margin-top:27px | |
| 3266 | +} | |
| 3267 | + | |
| 3268 | +.ays-chart-bts-discount { | |
| 3269 | + color:#8127df; | |
| 3270 | + font-size:38px; | |
| 3271 | + font-weight:800; | |
| 3272 | + line-height:1; | |
| 3273 | + letter-spacing:-1.2px; | |
| 3274 | + white-space:nowrap | |
| 3275 | +} | |
| 3276 | + | |
| 3277 | +.ays-chart-bts-actions { | |
| 3278 | + flex:0 0 auto; | |
| 3279 | + gap:12px | |
| 3280 | +} | |
| 3281 | + | |
| 3282 | +.ays-chart-bts-use-code { | |
| 3283 | + color:#5f5b69; | |
| 3284 | + font-size:11px; | |
| 3285 | + font-weight:600; | |
| 3286 | + line-height:1; | |
| 3287 | + text-transform:uppercase; | |
| 3288 | + letter-spacing:.14em; | |
| 3289 | + white-space:nowrap | |
| 3290 | +} | |
| 3291 | + | |
| 3292 | +.ays-chart-bts-coupon { | |
| 3293 | + box-sizing:border-box; | |
| 3294 | + display:flex; | |
| 3295 | + min-height:50px; | |
| 3296 | + align-items:center; | |
| 3297 | + gap:12px; | |
| 3298 | + padding:8px 14px; | |
| 3299 | + border:2px dashed rgba(129,39,223,.5); | |
| 3300 | + border-radius:10px; | |
| 3301 | + background:#fff; | |
| 3302 | + color:#1147c8; | |
| 3303 | + cursor:pointer; | |
| 3304 | + box-shadow:none | |
| 3305 | +} | |
| 3306 | + | |
| 3307 | +.ays-chart-bts-coupon:hover,.ays-chart-bts-coupon:focus { | |
| 3308 | + border-color:#8127df; | |
| 3309 | + background:rgba(129,39,223,.05); | |
| 3310 | + color:#1147c8 | |
| 3311 | +} | |
| 3312 | + | |
| 3313 | +.ays-chart-bts-coupon span { | |
| 3314 | + font-size:19px; | |
| 3315 | + font-weight:700; | |
| 3316 | + letter-spacing:.04em | |
| 3317 | +} | |
| 3318 | + | |
| 3319 | +.ays-chart-bts-coupon svg { | |
| 3320 | + width:16px; | |
| 3321 | + height:16px; | |
| 3322 | + color:#8127df | |
| 3323 | +} | |
| 3324 | + | |
| 3325 | +.ays-chart-bts-cta { | |
| 3326 | + display:inline-flex; | |
| 3327 | + min-height:48px; | |
| 3328 | + align-items:center; | |
| 3329 | + justify-content:center; | |
| 3330 | + padding:0 27px; | |
| 3331 | + border-radius:9px; | |
| 3332 | + background:linear-gradient(90deg,#1249e7,#8127df); | |
| 3333 | + color:#fff!important; | |
| 3334 | + font-size:16px; | |
| 3335 | + font-weight:700; | |
| 3336 | + text-decoration:none!important; | |
| 3337 | + white-space:nowrap; | |
| 3338 | + box-shadow:0 8px 18px -8px rgba(91,37,194,.9); | |
| 3339 | + transition:transform .15s,box-shadow .15s | |
| 3340 | +} | |
| 3341 | + | |
| 3342 | +.ays-chart-bts-cta:hover,.ays-chart-bts-cta:focus { | |
| 3343 | + color:#fff; | |
| 3344 | + transform:translateY(-1px); | |
| 3345 | + box-shadow:0 10px 20px -8px rgba(91,37,194,.95) | |
| 3346 | +} | |
| 3347 | + | |
| 3348 | +.ays-chart-bts-decoration { | |
| 3349 | + position:absolute; | |
| 3350 | + z-index:1; | |
| 3351 | + pointer-events:none | |
| 3352 | +} | |
| 3353 | + | |
| 3354 | +.ays-chart-bts-plane { | |
| 3355 | + top:8px; | |
| 3356 | + left:12px; | |
| 3357 | + width:24px; | |
| 3358 | + color:rgba(129,39,223,.55) | |
| 3359 | +} | |
| 3360 | + | |
| 3361 | +.ays-chart-bts-ruler { | |
| 3362 | + bottom:7px; | |
| 3363 | + left:24px; | |
| 3364 | + width:36px; | |
| 3365 | + color:rgba(20,73,230,.35) | |
| 3366 | +} | |
| 3367 | + | |
| 3368 | +.ays-chart-bts-star { | |
| 3369 | + top:8px; | |
| 3370 | + right:14px; | |
| 3371 | + width:19px; | |
| 3372 | + color:#ffc51b | |
| 3373 | +} | |
| 3374 | + | |
| 3375 | +.ays-chart-bts-pencil { | |
| 3376 | + right:31px; | |
| 3377 | + bottom:7px; | |
| 3378 | + width:21px; | |
| 3379 | + color:rgba(129,39,223,.5); | |
| 3380 | + transform:rotate(-12deg) | |
| 3381 | +} | |
| 3382 | + | |
| 3383 | +.ays-chart-bts-wave { | |
| 3384 | + bottom:3px; | |
| 3385 | + left:50%; | |
| 3386 | + width:96px; | |
| 3387 | + color:rgba(20,73,230,.22); | |
| 3388 | + transform:translateX(-50%) | |
| 3389 | +} | |
| 3390 | + | |
| 3391 | +#ays-chart-back-to-school-banner-2026 .notice-dismiss { | |
| 3392 | + top:1px; | |
| 3393 | + right:1px; | |
| 3394 | + color:#756b82 | |
| 3395 | +} | |
| 3396 | + | |
| 3397 | +#ays-chart-back-to-school-banner-2026 .notice-dismiss:before { | |
| 3398 | + font-size:18px | |
| 3399 | +} | |
| 3400 | + | |
| 3401 | +.ays-chart-bts-dismiss { | |
| 3402 | + position:absolute; | |
| 3403 | + right:39px; | |
| 3404 | + bottom:0; | |
| 3405 | + z-index:3 | |
| 3406 | +} | |
| 3407 | + | |
| 3408 | +.ays-chart-bts-dismiss form { | |
| 3409 | + margin:0 | |
| 3410 | +} | |
| 3411 | + | |
| 3412 | +.ays-chart-bts-dismiss #ays-chart-dismiss-buttons-content .ays-button { | |
| 3413 | + height:22px!important; | |
| 3414 | + min-height:0!important; | |
| 3415 | + margin:0!important; | |
| 3416 | + padding:0!important; | |
| 3417 | + border:0!important; | |
| 3418 | + background:transparent!important; | |
| 3419 | + color:#777!important; | |
| 3420 | + font-size:10px!important; | |
| 3421 | + line-height:22px!important; | |
| 3422 | + text-decoration:underline; | |
| 3423 | + box-shadow:none!important | |
| 3424 | +} | |
| 3425 | + | |
| 3426 | +.ays-chart-bts-copy-notification { | |
| 3427 | + position:fixed; | |
| 3428 | + top:50%; | |
| 3429 | + left:50%; | |
| 3430 | + z-index:10000; | |
| 3431 | + transform:translate(-50%,-50%); | |
| 3432 | + padding:12px 24px; | |
| 3433 | + border-radius:8px; | |
| 3434 | + background:rgba(0,0,0,.82); | |
| 3435 | + color:#fff; | |
| 3436 | + font-size:14px; | |
| 3437 | + opacity:0; | |
| 3438 | + transition:opacity .25s | |
| 3439 | +} | |
| 3440 | + | |
| 3441 | +.ays-chart-bts-copy-notification.ays-chart-bts-show { | |
| 3442 | + opacity:1 | |
| 3443 | +} | |
| 3444 | + | |
| 3445 | +@media screen and (max-width:1200px) { | |
| 3446 | + .ays-chart-bts-content { | |
| 3447 | + gap:18px | |
| 3448 | + } | |
| 3449 | + | |
| 3450 | + .ays-chart-bts-handwritten { | |
| 3451 | + width:225px | |
| 3452 | + } | |
| 3453 | + | |
| 3454 | + .ays-chart-bts-discount { | |
| 3455 | + font-size:31px | |
| 3456 | + } | |
| 3457 | + | |
| 3458 | + .ays-chart-bts-actions { | |
| 3459 | + gap:8px | |
| 3460 | + } | |
| 3461 | + | |
| 3462 | + .ays-chart-bts-coupon { | |
| 3463 | + min-height:44px; | |
| 3464 | + padding:7px 10px | |
| 3465 | + } | |
| 3466 | + | |
| 3467 | + .ays-chart-bts-cta { | |
| 3468 | + min-height:44px; | |
| 3469 | + padding:0 18px; | |
| 3470 | + font-size:14px | |
| 3471 | + } | |
| 3472 | + | |
| 3473 | +} | |
| 3474 | + | |
| 3475 | +@media screen and (max-width:960px) { | |
| 3476 | + #ays-chart-back-to-school-banner-2026 { | |
| 3477 | + padding:15px 38px 20px | |
| 3478 | + } | |
| 3479 | + | |
| 3480 | + .ays-chart-bts-content { | |
| 3481 | + min-height:90px; | |
| 3482 | + flex-wrap:wrap; | |
| 3483 | + justify-content:center; | |
| 3484 | + gap:12px 24px | |
| 3485 | + } | |
| 3486 | + | |
| 3487 | + .ays-chart-bts-handwritten { | |
| 3488 | + max-width:none | |
| 3489 | + } | |
| 3490 | + | |
| 3491 | + .ays-chart-bts-actions { | |
| 3492 | + justify-content:center | |
| 3493 | + } | |
| 3494 | + | |
| 3495 | + .ays-chart-bts-dismiss { | |
| 3496 | + right:38px | |
| 3497 | + } | |
| 3498 | + | |
| 3499 | +} | |
| 3500 | + | |
| 3501 | +@media screen and (max-width:600px) { | |
| 3502 | + #ays-chart-back-to-school-banner-2026 { | |
| 3503 | + width:calc(100% - 20px); | |
| 3504 | + margin-right:10px; | |
| 3505 | + padding:18px 30px 23px 18px | |
| 3506 | + } | |
| 3507 | + | |
| 3508 | + .ays-chart-bts-content { | |
| 3509 | + flex-direction:column | |
| 3510 | + } | |
| 3511 | + | |
| 3512 | + .ays-chart-bts-offer { | |
| 3513 | + flex-wrap:wrap; | |
| 3514 | + justify-content:center | |
| 3515 | + } | |
| 3516 | + | |
| 3517 | + .ays-chart-bts-handwritten { | |
| 3518 | + width:210px | |
| 3519 | + } | |
| 3520 | + | |
| 3521 | + .ays-chart-bts-discount { | |
| 3522 | + font-size:28px | |
| 3523 | + } | |
| 3524 | + | |
| 3525 | + .ays-chart-bts-actions { | |
| 3526 | + flex-wrap:wrap | |
| 3527 | + } | |
| 3528 | + | |
| 3529 | + .ays-chart-bts-use-code { | |
| 3530 | + width:100%; | |
| 3531 | + text-align:center | |
| 3532 | + } | |
| 3533 | + | |
| 3534 | + .ays-chart-bts-coupon { | |
| 3535 | + min-height:40px | |
| 3536 | + } | |
| 3537 | + | |
| 3538 | + .ays-chart-bts-coupon span { | |
| 3539 | + font-size:16px | |
| 3540 | + } | |
| 3541 | + | |
| 3542 | + .ays-chart-bts-cta { | |
| 3543 | + min-height:40px | |
| 3544 | + } | |
| 3545 | + | |
| 3546 | + .ays-chart-bts-plane,.ays-chart-bts-ruler,.ays-chart-bts-pencil,.ays-chart-bts-wave { | |
| 3547 | + display:none | |
| 3548 | + } | |
| 3549 | + | |
| 3550 | + .ays-chart-bts-dismiss { | |
| 3551 | + right:30px | |
| 3552 | + } | |
| 3553 | + | |
| 3554 | +} | |
| 3555 | + | |
| 3556 | +/* Back to School Sale Banner 2026 | End */ | |
